@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500); @import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap); .agent-client-list-item-container { display: flex; justify-items: center; align-items: center; height: 5.5vw; border-top: solid #f8f8f8 2px; border-bottom: solid #f8f8f8 1px; } .agent-client-list-item-container.shrink { height: unset; height: 0px !important; transition: height ease-in-out 0.6s; overflow: hidden; border: unset !important; border: none !important; } .agent-client-list-item-container.shrink + .agent-client-list-item-container { border-top: none; } .agent-client-list-item-container:first-child { border-top: none; } .agent-client-list-item-container:last-child { border-bottom: none; } .agent-client-list-item-container .agent-client-list-item-hover { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 80%; } .agent-client-list-item-container .agent-client-list-item-hover:hover { border-radius: 50px; background-color: #f9f6f1; } .agent-client-list-item-container .agent-client-list-item-hover:hover .client-item-actions .tooltip-container .tooltip-button button { background-color: #fd7200; color: white; } .agent-client-list-item-container .agent-client-list-item-hover:hover .client-item-delete-btn { visibility: visible !important; } .agent-client-list-item-container .agent-client-list-item-hover.show-delete .client-item-delete-btn { visibility: visible !important; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell { display: flex; justify-content: center; align-items: center; color: black; font-size: 14px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-name { width: 13%; display: flex; justify-content: flex-start; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-name .figure-img { width: 3vw; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-name.special { cursor: pointer; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-name.special .client-item-name-bulb { margin-right: 3px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product { display: flex !important; justify-content: center; width: 6%; position: relative; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.SoulBestCare-logo-img img { width: 102%; margin-bottom: 12px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.SoulGold-logo-img img { width: 100%; margin-bottom: 12px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.CriticalBestCare-img img { width: 120%; margin-bottom: 0px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.CriticalGold-img img { width: 120%; margin-bottom: 0px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.CriticalGoldPlus-img img { width: 120%; margin-bottom: 0px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.CriticalSimpleSmile-img img { width: 120%; margin-bottom: 0px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.magen-david-k-logo-img img { width: 78%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.assist-logo-img img { width: 120%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.Critical-img img { width: 125%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.all-in-logo-img img { width: 50%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.SimpleSmile-logo-img img { width: 100px; min-width: 100px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.SimpleSmileBestCare-img img { width: 93%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.SimpleSmileGold-img img { width: 93%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.bestcare-logo-img img { width: 82%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.bestcare-non-res-logo-img img { width: 82%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.bestcare-smile-logo-img img { width: 58%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.mediwho360-logo-img img { width: 40%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.mediwho-logo-img img { width: 82%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.nursing-logo-img img { width: 86%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.mediwho-gold-logo-img img { width: 89%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.gold-plus-logo-img img { width: 89%; margin-left: 11%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.soul-care-logo-img img { width: 100%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.noSubMediWho-logo-img { translate: 0 -6px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.noSubMediWho-logo-img img { width: 82%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.tooltip { position: relative; display: inline-block; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #f9f6f1; color: black; text-align: center; border-radius: 14px; padding: 8px 0; position: absolute; z-index: 1; left: 75%; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.tooltip .tooltiptext::after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent #f9f6f1 transparent transparent; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.tooltip:hover .tooltiptext { visibility: visible; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-phone { width: 12%; display: flex; justify-content: center; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-phone .client-phone-right { text-align: left; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-phone .client-phone-right img { width: 0.8vw; margin-left: -4px; margin-bottom: -7%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-phone .client-phone-left { width: 49%; text-align: left; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-phone .client-phone-left .callable { text-decoration: none; color: inherit; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-identity { display: flex; align-items: center; justify-content: right; width: 8%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-identity .client-identity-right img { box-shadow: 0 1px 3px 1px #e9e9e9; margin: 3px 0 0 9px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-identity.passport .client-identity-right img { width: 32px; box-shadow: none; margin: 3px -4px 0 8px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-updated-at { width: 14%; display: flex; justify-content: flex-start; position: relative; } @media screen and (max-width: 1600px) { .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-updated-at { width: 12%; } } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-updated-at img { margin-left: 7px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-updated-at.red { color: #d40000; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-updated-at .date-column-tooltip { visibility: hidden; width: 120px; background-color: #f9f6f1; color: black; text-align: center; border-radius: 14px; padding: 8px 0; position: absolute; z-index: 1; top: -15%; left: 60%; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-updated-at .date-column-tooltip::after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent #f9f6f1 transparent transparent; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-updated-at:hover .date-column-tooltip { visibility: visible; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status { width: 16%; display: flex; justify-content: flex-start; position: relative; } @media screen and (max-width: 1370px) { .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status { width: 12%; } } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container { position: relative; gap: 6px; height: 100%; display: flex; align-items: center; margin-left: 18px; display: inline-flex; align-items: center; place-items: center; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-divider { width: 2px; height: 20px; border-right: solid #dcdbdb 1px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button { position: relative; cursor: pointer; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.noClick { cursor: default; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .openEnvelope { width: 100%; height: auto; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .closedEnvelope { width: 100%; height: auto; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .client-item-envelope-tooltip { display: none; position: absolute; padding: 4px 9px; border-radius: 15px; background-color: #f9f6f1; color: #272625; font-size: 14px; z-index: 2; white-space: nowrap; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button:hover .client-item-envelope-tooltip { display: inline-block; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .client-item-envelope-text { position: absolute; width: 16px; z-index: 1; font-size: 14px; font-weight: 400; color: white; text-align: center; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-tooltip { bottom: 43px; right: -17px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-text { top: 8.5px; right: 6.5px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-tooltip { bottom: 38px; right: -17px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-text { top: 8.5px; right: 8px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .tooltip_ { visibility: hidden; width: 120px; height: 35px; background-color: #f9f6f1; color: black; text-align: center; border-radius: 14px; padding: 8px 0; position: absolute; top: -3.2em; right: -3.7em; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status:hover .tooltip_ { visibility: visible; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-actions { width: 10.5%; margin-left: -5%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn { visibility: hidden; position: relative; width: 5%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn img { width: 1.1vw; cursor: pointer; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip { width: 296px; height: 195px; position: absolute; top: 15px; left: -60px; z-index: 100; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMzAuNjMyIiBoZWlnaHQ9IjIyOS40MjYiIHZpZXdCb3g9IjAgMCAzMzAuNjMyIDIyOS40MjYiPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZXI5NmMzajBsYSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMzMC42MzIiIGhlaWdodD0iMjI5LjQyNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PSIzIi8+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEzIiByZXN1bHQ9ImJsdXIiLz4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9IiM2Nzg4ZDUiIGZsb29kLW9wYWNpdHk9Ii4yNTkiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJibHVyIi8+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgc3R5bGU9ImZpbHRlcjp1cmwoI2VyOTZjM2owbGEpIj4KICAgICAgICA8cGF0aCBkYXRhLW5hbWU9IjE4MTA1OTAwIFtDb252ZXJ0ZWRdIGNvcHktMDIiIGQ9Ik01Ljg2MSAxNDUuNTg0YzEwLjk3NyAyLjI3MSAxOTMuNDQgMS41NzUgMjA0LjAzOS40MzkgMTguOTI3LTIuMjcxIDIzLjg0Ny0yNy4yNTQgMjMuNDY5LTQzLjE1My0uMzc5LTE0LjAwNi0zLjk2LTUzLjE1LTEzLjQyMy02NC4xMjctOS4wODUtOS44NDItMjIuMzMzLTEwLjYtMzQuNDQ2LTExLjczNC0yNS42OTIuNTQ4LTkyLjA2NSAxLjM4MS0xMDMuMDQyIDEtOS4wODUgMC0xNC43NjMtNi44MTQtMjAuMDYyLTEzLjYyN0M1OC42MSA5Ljg0MiA1NC44MjUgNC45MjEgNTEuNDE4IDBjMCAwLTEwLjk3NyAyOS4xNDctMTIuODcgMjkuNTI1LTcuOTQ5LjM3OS0zNS4xMzIgMS45NjUtNDIuNyA0LjIzNlMtMTQgNDIuNDY4LTE1LjUxMSA0OS42NmMtMy40MDcgMTguOTI3LjkzMiA4MC40IDYuNjEgODcuOTc1IDMuNzg1IDQuNTQzIDkuMDg0IDYuODE0IDE0Ljc2MiA3Ljk0OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4LjI4IDM2LjI5KSIgc3R5bGU9ImZpbGw6I2ZmZiIvPgogICAgPC9nPgo8L3N2Zz4K); background-position: 50% 100%; display: flex; justify-content: center; align-items: center; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90%; height: 90%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-title-container { display: flex; flex-direction: column; align-items: center; font-size: 12px; line-height: 14px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container { display: flex; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container button { padding: unset; margin: unset; padding: 0.4rem 1rem; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); margin: 10px 4px; width: 50px; font-size: 10px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container button:hover { transform: scale(1.15); } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container button.selected { transform: scale(1.15); box-shadow: 0 0 10px 4px #e2e5f9; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-ok-btn { padding: unset; background-color: #272625 !important; width: 50px; padding: 0.3rem 1rem; font-size: 10px; transition: all ease-in-out 1s; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-ok-btn.hide { visibility: hidden; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .delete-client-error { display: flex; flex-direction: column; width: 80%; height: 80%; padding: 15px 10px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .delete-client-error .delete-tooltip-close { align-self: flex-start; background: none; color: #272625; padding: unset; padding: 0; rotate: 45deg; font-weight: 400; font-size: 24px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .delete-client-error .delete-client-error-text { margin-top: 20px; align-self: center; } @media screen and (max-width: 1440px) { .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell { font-size: 14px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status { width: 21%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-text { top: 7.5px; right: 6px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-text { top: 7.5px; right: 7.5px; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-name { width: 14%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-name .figure-img { width: 3vw; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product { width: 7%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.magen-david-k-logo-img img { width: 88%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.all-in-logo-img img { width: 70%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.bestcare-logo-img img { width: 92%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.bestcare-smile-logo-img img { width: 70%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.mediwho360-logo-img img { width: 40%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.bestcare-non-res-logo-img img { width: 92%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.nursing-logo-img img { width: 86%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.mediwho-gold-logo-img img { width: 89%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.gold-plus-logo-img img { width: 89%; margin-left: 11%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.soul-care-logo-img img { width: 92%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.mediwho-logo-img img { width: 84%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-product.noSubMediWho-logo-img img { width: 84%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-phone { width: 12.5%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-phone .client-phone-right img { width: 0.8vw; margin-left: 0.5vw; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-phone .client-phone-left { width: 70%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-actions { width: 10.5%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn { width: 5%; } .agent-client-list-item-container .agent-client-list-item-hover .agent-client-list-item-cell.client-item-delete-btn img { width: 1.1vw; } } @media screen and (max-width: 1024px) { .agent-client-list-item-container { display: flex; flex-direction: column; justify-items: center; align-items: center; height: auto; margin-top: 10px; padding: 18px 12px 16px 10px; border: none; border-radius: 10px; background-color: white; } .agent-client-list-item-container:first-child { border-radius: 10px 0 10px 10px; margin-top: 0; } .agent-client-list-item-container.opened { box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.16); } .agent-client-list-item-container .client-list-item-mob-first-row { display: flex; justify-content: space-between; align-items: center; width: 100%; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell { display: flex; justify-content: center; align-items: center; color: black; font-size: 17px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name { width: 27%; display: flex; justify-content: flex-start; line-height: 1.3; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .figure-img { width: 24%; margin-right: -5px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .client-item-name-tooltip-container { position: relative; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .client-item-name-tooltip-container .client-item-name-short:hover + .client-item-name-tooltip { visibility: visible; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .client-item-name-tooltip-container .client-item-name-tooltip { position: absolute; visibility: hidden; padding: 5px 8px; background-color: #f9f6f1; border-radius: 6px; top: -22px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .client-item-name-tooltip-container .client-item-name-tooltip span { white-space: nowrap; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-phone { width: 20%; display: flex; justify-content: flex-start; margin-right: -2%; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-phone .client-phone-right { width: auto; text-align: left; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-phone .client-phone-right img { width: 15px; margin-left: 5px; margin-bottom: -3px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-phone .client-phone-left { width: auto; text-align: left; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-phone .client-phone-left .callable { text-decoration: none; color: inherit; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-identity { display: flex; align-items: center; justify-content: right; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-identity .client-identity-right img { box-shadow: 0 1px 3px 1px #e9e9e9; margin: 4px 0 0 4px; width: 34px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-identity.passport .client-identity-right img { box-shadow: none; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-actions { width: 23%; padding-left: 0; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-actions .tooltip-container { top: unset; right: unset; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-actions .tooltip-container .tooltip-button button { padding: 0; font-size: 15px; width: 128px; height: 40px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-arrow-btn { width: 6%; font-size: 18px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-arrow-btn.open { transform: rotate(-90deg); color: #fd7200; } .agent-client-list-item-container .client-list-item-mob-second-row { display: flex; justify-content: flex-start; width: 100%; color: #272625; font-size: 17px; margin-top: 5px; padding-top: 18px; border-top: solid rgba(204, 204, 204, 0.414) 1px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell { display: flex; align-items: center; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product { display: flex !important; justify-content: center; width: 16%; margin: 0 -10px 4px 0; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.magen-david-k-logo-img img { width: 88%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.assist-logo-img img { width: 75%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.all-in-logo-img img { width: 70%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.bestcare-logo-img img { width: 80%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.bestcare-smile-logo-img img { width: 65%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.mediwho360-logo-img img { width: 40%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.bestcare-non-res-logo-img img { width: 80%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.nursing-logo-img img { width: 70%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.mediwho-gold-logo-img img { width: 70%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.Critical-img img { width: 70%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.gold-plus-logo-img img { width: 72%; margin-left: 11%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.soul-care-logo-img img { width: 80%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.mediwho-logo-img img { width: 70%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.noSubMediWho-logo-img img { width: 80%; margin: -6px 3px 6px 0; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.tooltip { position: relative; display: inline-block; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #f3ece2; color: black; text-align: center; border-radius: 14px; padding: 8px 3px; position: absolute; z-index: 1; top: -10px; left: 75%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.tooltip .tooltiptext::after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent #f3ece2 transparent transparent; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.tooltip:hover .tooltiptext { visibility: visible; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-updated-at { width: 37%; justify-content: center; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-updated-at img { margin-left: 7px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-updated-at span { margin-left: 0; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn { position: relative; width: 5%; min-width: 30px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn img { width: 20px; margin-left: 6px; cursor: pointer; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip { width: 296px; height: 195px; position: absolute; top: 15px; left: -25px; z-index: 100; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMzAuNjMyIiBoZWlnaHQ9IjIyOS40MjYiIHZpZXdCb3g9IjAgMCAzMzAuNjMyIDIyOS40MjYiPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZXI5NmMzajBsYSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMzMC42MzIiIGhlaWdodD0iMjI5LjQyNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PSIzIi8+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEzIiByZXN1bHQ9ImJsdXIiLz4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9IiM2Nzg4ZDUiIGZsb29kLW9wYWNpdHk9Ii4yNTkiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJibHVyIi8+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgc3R5bGU9ImZpbHRlcjp1cmwoI2VyOTZjM2owbGEpIj4KICAgICAgICA8cGF0aCBkYXRhLW5hbWU9IjE4MTA1OTAwIFtDb252ZXJ0ZWRdIGNvcHktMDIiIGQ9Ik01Ljg2MSAxNDUuNTg0YzEwLjk3NyAyLjI3MSAxOTMuNDQgMS41NzUgMjA0LjAzOS40MzkgMTguOTI3LTIuMjcxIDIzLjg0Ny0yNy4yNTQgMjMuNDY5LTQzLjE1My0uMzc5LTE0LjAwNi0zLjk2LTUzLjE1LTEzLjQyMy02NC4xMjctOS4wODUtOS44NDItMjIuMzMzLTEwLjYtMzQuNDQ2LTExLjczNC0yNS42OTIuNTQ4LTkyLjA2NSAxLjM4MS0xMDMuMDQyIDEtOS4wODUgMC0xNC43NjMtNi44MTQtMjAuMDYyLTEzLjYyN0M1OC42MSA5Ljg0MiA1NC44MjUgNC45MjEgNTEuNDE4IDBjMCAwLTEwLjk3NyAyOS4xNDctMTIuODcgMjkuNTI1LTcuOTQ5LjM3OS0zNS4xMzIgMS45NjUtNDIuNyA0LjIzNlMtMTQgNDIuNDY4LTE1LjUxMSA0OS42NmMtMy40MDcgMTguOTI3LjkzMiA4MC40IDYuNjEgODcuOTc1IDMuNzg1IDQuNTQzIDkuMDg0IDYuODE0IDE0Ljc2MiA3Ljk0OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4LjI4IDM2LjI5KSIgc3R5bGU9ImZpbGw6I2ZmZiIvPgogICAgPC9nPgo8L3N2Zz4K); background-position: 50% 100%; display: flex; justify-content: center; align-items: center; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90%; height: 90%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-title-container { display: flex; flex-direction: column; align-items: center; font-size: 10px; line-height: 14px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container { display: flex; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container button { padding: unset; margin: unset; padding: 0.4rem 1rem; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); margin: 10px 4px; width: 50px; font-size: 10px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container button:hover { transform: scale(1.15); } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container button.selected { transform: scale(1.15); box-shadow: 0 0 10px 4px #e2e5f9; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-ok-btn { padding: unset; background-color: #272625 !important; width: 50px; padding: 0.3rem 1rem; font-size: 10px; transition: all ease-in-out 1s; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-ok-btn.hide { visibility: hidden; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .delete-client-error { display: flex; flex-direction: column; width: 80%; height: 80%; padding: 15px 10px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .delete-client-error .delete-tooltip-close { align-self: flex-start; background: none; color: #272625; padding: unset; padding: 0; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .delete-client-error .delete-client-error-text { margin-top: 20px; align-self: center; } .agent-client-list-item-container .client-list-item-mob-third-row { display: flex; justify-content: flex-start; align-items: center; width: 100%; color: #272625; font-size: 11px; padding-top: 5px; border-top: solid rgba(204, 204, 204, 0.414) 1px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell { display: flex; align-items: center; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status { display: flex; justify-content: flex-start; margin-left: 1%; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-status-text { font-size: 16px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container { gap: 6px; display: flex; display: inline-flex; align-items: center; margin-left: 13px; justify-content: center; align-items: center; place-items: center; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-divider { height: 24px; border-right: solid #dcdbdb 1px; margin-top: 2px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button { display: inline-flex; justify-content: center; align-items: center; place-items: center; width: 100%; height: 100%; position: relative; cursor: pointer; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .closedEnvelope { width: 86%; height: auto; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .client-item-envelope-tooltip { display: none; position: absolute; padding: 4px 9px; border-radius: 15px; background-color: #f3ece2; color: #272625; font-size: 14px; z-index: 2; white-space: nowrap; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .client-item-envelope-text { position: absolute; width: 16px; z-index: 1; font-size: 12px; font-weight: 400; color: white; text-align: center; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-tooltip { bottom: 43px; right: 0; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-text { top: 4px; right: 5px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-tooltip { bottom: 38px; right: 0px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-text { top: 2px; right: 8px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-mob-special-plus .client-item-mob-bulb { width: 20px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-mob-special-plus .client-item-mob-special-text { font-size: 12px; font-weight: 400; line-height: 10px; margin-right: 5px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-mob-special-plus .client-item-mob-special-text:hover { color: #fd7200; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn { margin-right: 20px; } } @media screen and (max-width: 624px) { .agent-client-list-item-container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 58px; margin-top: 10px; padding: 0 5px 0 5px; border: none; border-radius: 10px; background-color: white; } .agent-client-list-item-container:first-child { border-radius: 10px 0 10px 10px; margin-top: 0; } .agent-client-list-item-container.shrink { height: unset; height: 0px !important; transition: height ease-in-out 0.6s; overflow: hidden; border: unset !important; border: none !important; } .agent-client-list-item-container.shrink + .agent-client-list-item-container { border-top: none; } .agent-client-list-item-container.opened { height: unset; padding: 16px 10px 7.5px 8px; } .agent-client-list-item-container .client-list-item-mob-first-row { display: flex; justify-content: space-between; align-items: center; width: 100%; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell { display: flex; justify-content: center; align-items: center; color: black; font-size: 10px; line-height: 12px; font-weight: 400; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name { width: 24%; display: flex; justify-content: flex-start; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .figure-img { width: 7vw; margin-right: -5px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .client-item-name-tooltip-container { position: relative; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .client-item-name-tooltip-container .client-item-name-short:hover + .client-item-name-tooltip { visibility: visible; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .client-item-name-tooltip-container .client-item-name-tooltip { position: absolute; visibility: hidden; padding: 5px 8px; background-color: #f9f6f1; border-radius: 6px; top: -22px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-name .client-item-name-tooltip-container .client-item-name-tooltip span { white-space: nowrap; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-phone { width: 25%; display: flex; justify-content: flex-start; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-phone .client-phone-right { width: auto; text-align: left; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-phone .client-phone-right img { width: 9px; margin-left: 3px; margin-bottom: -3px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-phone .client-phone-left { width: auto; text-align: left; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-identity { display: flex; align-items: center; justify-content: right; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-identity .client-identity-right img { box-shadow: 0 1px 3px 1px #e9e9e9; margin: -1px 0 0 4px; width: 22px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-actions { width: 23%; padding-left: 0; margin-left: -4%; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-actions .tooltip-container { top: unset; right: unset; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-actions .tooltip-container .tooltip-button button { padding: 0; font-size: 10px; width: 60px !important; height: 18px !important; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-actions .tooltip-container .tooltip-content-wrapper .tooltip-content .link-btn { font-size: 10px; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-arrow-btn { width: 6%; font-size: 10px; margin-left: -2%; } .agent-client-list-item-container .client-list-item-mob-first-row .agent-client-list-item-cell.client-item-arrow-btn.open { transform: rotate(-90deg); color: #fd7200; } .agent-client-list-item-container .client-list-item-mob-second-row { display: flex; justify-content: flex-start; width: 100%; color: #272625; font-size: 10px; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; border-top: solid rgba(204, 204, 204, 0.414) 1px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell { display: flex; align-items: center; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product { display: flex !important; justify-content: center; width: 25%; margin-right: -8px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.SoulBestCare-logo-img img { width: 61%; margin-bottom: 12px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.SoulGold-logo-img img { width: 56%; margin-bottom: unset; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.magen-david-k-logo-img img { width: 80%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.all-in-logo-img img { width: 50%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.SimpleSmile-logo-img img { width: 78%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.SimpleSmileBestCare-img img { width: 78%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.SimpleSmileGold-img img { width: 78%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.bestcare-logo-img img { width: 82%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.bestcare-smile-logo-img img { width: 54%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.mediwho360-logo-img img { width: 40%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.bestcare-non-res-logo-img img { width: 92%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.nursing-logo-img img { width: 70%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.mediwho-gold-logo-img img { width: 70%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.gold-plus-logo-img img { width: 70%; margin: 0 0 4px 11%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.CriticalBestCare-img img { width: 70%; margin-bottom: -7px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.CriticalSimpleSmile-img img { width: 70%; margin-bottom: -7px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.CriticalGold-img img { width: 70%; margin-bottom: -7px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.CriticalGoldPlus-img img { width: 70%; margin-bottom: -7px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.soul-care-logo-img img { width: 82%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.mediwho-logo-img img { width: 77%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.noSubMediWho-logo-img img { width: 77%; margin: 1px 3px 6px 0; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.no-sub, .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.tooltip { position: relative; display: inline-block; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.no-sub .tooltiptext, .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #f3ece2; color: black; text-align: center; border-radius: 14px; padding: 8px 0; position: absolute; z-index: 1; top: -10px; left: 75%; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.no-sub .tooltiptext::after, .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.tooltip .tooltiptext::after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent #f3ece2 transparent transparent; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-product.tooltip:hover .tooltiptext { visibility: visible; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-subscription { line-height: 12px; white-space: nowrap; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-updated-at { width: 45%; margin-right: 3px; font-size: 10px; line-height: 12px; } } @media screen and (max-width: 624px) and (max-width: 380px) { .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-updated-at { width: 47%; } } @media screen and (max-width: 624px) { .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-updated-at img { width: 24px; margin-left: 4px; } .agent-client-list-item-container .client-list-item-mob-second-row .agent-client-list-item-cell.client-item-updated-at span { margin-left: 0; } .agent-client-list-item-container .client-list-item-mob-third-row { display: flex; justify-content: space-between; align-items: center; width: 100%; color: #272625; font-size: 10px; padding-top: 0px; border-top: solid rgba(204, 204, 204, 0.414) 1px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell { display: flex; align-items: center; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status { padding-top: 4px; width: 60%; display: flex; justify-content: flex-start; margin-left: 0; font-size: 10px; line-height: 12px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-status-text { font-size: 10px; margin-top: 0px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container { justify-content: center; display: flex; align-items: center; margin-left: 3px; width: 45%; padding-bottom: 5px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-divider { height: 18px; margin-top: 5px; border-right: solid #dcdbdb 1px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .client-item-envelope-text { width: 12px; font-size: 10px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .openEnvelope { height: 29px; width: 38px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button .closedEnvelope { height: 29px; width: 38px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-tooltip { bottom: 33px; right: 0; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-text { top: 9px; right: 7px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-tooltip { bottom: 29px; right: 0; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-text { top: 9px; right: 8px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-mob-special-plus .client-item-mob-bulb { width: 17px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-mob-special-plus .client-item-mob-special-text { font-size: 10px; font-weight: 400; margin-right: 5px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-mob-special-plus .client-item-mob-special-text:hover { color: #fd7200; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn { position: relative; width: 8%; min-width: 18px; display: flex; justify-content: center; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn img { width: 11px; margin-left: 34%; cursor: pointer; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip { width: 296px; height: 195px; position: absolute; top: 15px; left: -25px; z-index: 100; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMzAuNjMyIiBoZWlnaHQ9IjIyOS40MjYiIHZpZXdCb3g9IjAgMCAzMzAuNjMyIDIyOS40MjYiPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZXI5NmMzajBsYSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMzMC42MzIiIGhlaWdodD0iMjI5LjQyNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PSIzIi8+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEzIiByZXN1bHQ9ImJsdXIiLz4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9IiM2Nzg4ZDUiIGZsb29kLW9wYWNpdHk9Ii4yNTkiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJibHVyIi8+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgc3R5bGU9ImZpbHRlcjp1cmwoI2VyOTZjM2owbGEpIj4KICAgICAgICA8cGF0aCBkYXRhLW5hbWU9IjE4MTA1OTAwIFtDb252ZXJ0ZWRdIGNvcHktMDIiIGQ9Ik01Ljg2MSAxNDUuNTg0YzEwLjk3NyAyLjI3MSAxOTMuNDQgMS41NzUgMjA0LjAzOS40MzkgMTguOTI3LTIuMjcxIDIzLjg0Ny0yNy4yNTQgMjMuNDY5LTQzLjE1My0uMzc5LTE0LjAwNi0zLjk2LTUzLjE1LTEzLjQyMy02NC4xMjctOS4wODUtOS44NDItMjIuMzMzLTEwLjYtMzQuNDQ2LTExLjczNC0yNS42OTIuNTQ4LTkyLjA2NSAxLjM4MS0xMDMuMDQyIDEtOS4wODUgMC0xNC43NjMtNi44MTQtMjAuMDYyLTEzLjYyN0M1OC42MSA5Ljg0MiA1NC44MjUgNC45MjEgNTEuNDE4IDBjMCAwLTEwLjk3NyAyOS4xNDctMTIuODcgMjkuNTI1LTcuOTQ5LjM3OS0zNS4xMzIgMS45NjUtNDIuNyA0LjIzNlMtMTQgNDIuNDY4LTE1LjUxMSA0OS42NmMtMy40MDcgMTguOTI3LjkzMiA4MC40IDYuNjEgODcuOTc1IDMuNzg1IDQuNTQzIDkuMDg0IDYuODE0IDE0Ljc2MiA3Ljk0OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4LjI4IDM2LjI5KSIgc3R5bGU9ImZpbGw6I2ZmZiIvPgogICAgPC9nPgo8L3N2Zz4K); background-position: 50% 100%; display: flex; justify-content: center; align-items: center; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90%; height: 90%; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-title-container { display: flex; flex-direction: column; align-items: center; font-size: 10px; line-height: 14px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container { display: flex; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container button { padding: unset; margin: unset; padding: 0.4rem 1rem; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); margin: 10px 4px; width: 50px; font-size: 10px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container button:hover { transform: scale(1.15); } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-btn-container button.selected { transform: scale(1.15); box-shadow: 0 0 10px 4px #e2e5f9; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-ok-btn { padding: unset; background-color: #272625 !important; width: 50px; padding: 0.3rem 1rem; font-size: 10px; transition: all ease-in-out 1s; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .del-tooltip-ok-btn.hide { visibility: hidden; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .delete-client-error { display: flex; flex-direction: column; width: 80%; height: 80%; padding: 15px 10px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .delete-client-error .delete-tooltip-close { align-self: flex-start; background: none; color: #272625; padding: unset; padding: 0; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-delete-btn .delete-tooltip .del-tooltip-content .delete-client-error .delete-client-error-text { margin-top: 20px; align-self: center; } } @media screen and (max-width: 431px) { .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-text { top: 9px; right: 10px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-text { top: 9px; right: 9px; } } @media screen and (max-width: 413px) { .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-text { top: 9px; right: 9px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-text { top: 9px; right: 8px; } } @media screen and (max-width: 391px) { .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-text { top: 9px; right: 7px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-text { top: 9px; right: 7px; } } @media screen and (max-width: 375px) { .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-text { top: 9px; right: 6px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-text { top: 9px; right: 6px; } } @media screen and (max-width: 361px) { .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.closed .client-item-envelope-text { top: 9px; right: 7px; } .agent-client-list-item-container .client-list-item-mob-third-row .agent-client-list-item-cell.client-item-status .client-item-envelope-container .client-item-envelope-button.opened .client-item-envelope-text { top: 9px; right: 6px; } } .list-item-sa-comp-container { width: 100%; height: 70px; display: flex; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); max-width: 1135px; margin: 0 auto; } .list-item-sa-comp-container:first-child { border-top: none; } .list-item-sa-comp-container:last-child { border-bottom: none; } .list-item-sa-comp-container:hover .hover-wrapper { box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.3); } .list-item-sa-comp-container .tooltip { position: relative; display: inline-block; } .list-item-sa-comp-container .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -10px; right: 110%; } .list-item-sa-comp-container .tooltip .tooltiptext::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black; } .list-item-sa-comp-container .tooltip:hover .tooltiptext { visibility: visible; } .list-item-sa-comp-container .hover-wrapper { width: 100%; padding-right: 1.7rem; display: flex; justify-content: space-between; height: 50px; border-radius: 5px; transition: 0.2s ease-in-out; } .list-item-sa-comp-container .hover-wrapper .right-col { display: flex; align-items: center; position: relative; } .list-item-sa-comp-container .hover-wrapper .right-col .first-cell { width: fit-content; display: block; font-size: 1.5rem; color: #2a2a2a; font-weight: 500; } .list-item-sa-comp-container .hover-wrapper .right-col .subscription-cell { width: 15%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .list-item-sa-comp-container .hover-wrapper .right-col .mediwho360-logo-img { width: 80%; height: auto; display: block; margin: auto; } .list-item-sa-comp-container .hover-wrapper .right-col .bestcare-logo-img { width: 100%; height: auto; } .list-item-sa-comp-container .hover-wrapper .right-col .second-cell { font-size: 1.38rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; color: #2a2a2a; } .list-item-sa-comp-container .hover-wrapper .left-col { display: flex; align-items: center; padding-left: 1.7rem; width: 520px; justify-content: space-between; } .list-item-sa-comp-container .hover-wrapper .left-col .status-text { font-size: 1.1rem; font-weight: 500; color: #2a2a2a; display: flex; align-items: center; } .list-item-sa-comp-container .hover-wrapper .left-col .status-text .icon-wrapper { width: 1.7rem; height: 1.7rem; margin-right: 0.8rem; display: flex; align-items: center; justify-content: center; } .list-item-sa-comp-container .hover-wrapper .left-col .status-text .icon-wrapper svg { width: 100%; height: 100%; fill: #2a2a2a !important; } .list-item-sa-comp-container .hover-wrapper .left-col .status-text .icon-wrapper svg.crossmark-icon { height: 70%; width: 70%; } .list-item-sa-comp-container .hover-wrapper .left-col .status-text.green-text { color: #79d71a; } .list-item-sa-comp-container .hover-wrapper .left-col .status-text.green-text .icon-wrapper svg g g g rect, .list-item-sa-comp-container .hover-wrapper .left-col .status-text.green-text .icon-wrapper svg g g g path { stroke: #79d71a; } .list-item-sa-comp-container .hover-wrapper .left-col .third-cell { align-items: center; font-size: 1.1rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #a1a1b1; width: 50%; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell { width: 50%; display: flex; justify-content: flex-end; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .link-btns-container { display: flex; align-items: center; justify-content: space-between; width: 100%; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .link-btns-container .btn-divider { height: 30px; width: 1px; background: rgba(0, 0, 0, 0.1); } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .link-btn { background: none; border: none; color: #FFA800; text-decoration: underline; font-weight: 500; font-size: 1.2rem; margin-bottom: 0.75rem; padding: 0; transition: 0.1s ease-in-out; cursor: pointer; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .link-btn.have-subscription { color: #1d1d1e; text-decoration: none; font-size: 1rem; margin-left: auto; cursor: default; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .link-btn:hover { color: #2a2a2a; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .link-btn:last-child { padding-left: 0; margin-right: 1rem; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .orange-btn { font-weight: 500; background: #FFA800; width: 30%; display: flex; justify-content: center; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .orange-btn.full-details { width: initial; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .show-on-hover { display: none; } @media only screen and (max-width: 1023px) { .list-item-sa-comp-container { height: 80px; border: none; background: #fff; box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.3); min-height: 10.5rem; border-radius: 5px; margin-bottom: 1rem !important; } .list-item-sa-comp-container .tooltip { position: relative; display: inline-block; } .list-item-sa-comp-container .tooltip .tooltiptext-tablet { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -10px; right: 100%; } .list-item-sa-comp-container .tooltip .tooltiptext-tablet::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black; } .list-item-sa-comp-container .tooltip:hover .tooltiptext-tablet { visibility: visible; } .list-item-sa-comp-container .tooltip { position: relative; display: inline-block; } .list-item-sa-comp-container .tooltip .tooltiptext-mobile { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -25px; right: 110%; } .list-item-sa-comp-container .tooltip .tooltiptext-mobile::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black; } .list-item-sa-comp-container .tooltip:hover .tooltiptext-mobile { visibility: visible; } .list-item-sa-comp-container .hover-wrapper { padding: 0 1rem; height: 100%; flex-direction: column; justify-content: center; } .list-item-sa-comp-container .hover-wrapper .mobile-labels { justify-content: space-between; display: flex; flex-direction: row; } .list-item-sa-comp-container .hover-wrapper .mobile-labels span { font-size: 0.9rem; color: #a1a1b1; font-weight: 700; text-align: right; font-family: 'Rubik'; } .list-item-sa-comp-container .hover-wrapper .right-col { justify-content: space-between; margin-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 2rem; width: 100%; } .list-item-sa-comp-container .hover-wrapper .right-col .first-cell { letter-spacing: normal; font-size: 1.3rem; } .list-item-sa-comp-container .hover-wrapper .right-col .subscription-cell { width: 15%; } .list-item-sa-comp-container .hover-wrapper .right-col .mediwho360-logo-img { width: 50%; height: auto; display: block; margin: auto; } .list-item-sa-comp-container .hover-wrapper .right-col .bestcare-logo-img { width: 100%; height: auto; } .list-item-sa-comp-container .hover-wrapper .right-col .second-cell { font-size: 1.3rem; font-weight: 500; letter-spacing: normal; } .list-item-sa-comp-container .hover-wrapper .left-col { justify-content: space-between; width: initial; padding: 0; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell { width: 100%; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .link-btns-container .link-btn { font-size: 1.1rem; } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .link-btn { font-size: clamp(0.75rem, 3.3vw, 1.2rem); margin-bottom: clamp(0.7rem, 2.4vw, 1.2rem); } .list-item-sa-comp-container .hover-wrapper .left-col .fourth-cell .orange-btn { font-size: 1.2rem; } } @media only screen and (min-width: 1023px) { .list-item-sa-comp-container .hover-wrapper .right-col { width: 40%; justify-content: space-between; } .list-item-sa-comp-container:hover .hover-wrapper .right-col .first-cell { color: #FFA800; } .list-item-sa-comp-container:hover .hover-wrapper .left-col .fourth-cell .hide-on-hover { display: none; } .list-item-sa-comp-container:hover .hover-wrapper .left-col .fourth-cell .show-on-hover { display: block; } } .language-tooltip-wrapper { overflow-y: visible; position: relative; } .language-tooltip-wrapper .language-tooltip-button { width: 122px; height: 29px; background-color: #3e3e3e; color: #fff; font-size: 13px; font-weight: 500; padding: 0; margin-left: 10px; transition: background-color 0.6s; } .language-tooltip-wrapper .language-tooltip-button:hover { background-color: #fd7200; transition: background-color 0.6s; } .language-tooltip-wrapper.opened .language-tooltip-button { background-color: #fd7200; transition: background-color 0.6s; } .language-tooltip-wrapper:not(.opened) .language-tooltip-list { display: none; } .language-tooltip-wrapper .language-tooltip-list { display: flex; flex-direction: column; align-items: center; width: 140px; padding: 10px; position: absolute; top: -144px; right: -9px; background-color: #fff; border-radius: 12px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16); z-index: 1; } .language-tooltip-wrapper .language-tooltip-list .afterThing { position: absolute; bottom: -14px; right: calc(50% - 15px); height: 30px; width: 30px; rotate: 45deg; background-color: #fff; z-index: -1; } .language-tooltip-wrapper .language-tooltip-list .language-tooltip-row-container { display: flex; align-items: center; border-bottom: solid #e6e6e6 1px; padding: 0 5px; width: 100%; height: 38px; font-size: 15px; font-weight: 500; } .language-tooltip-wrapper .language-tooltip-list .language-tooltip-row-container:last-of-type { border-bottom: none; } .language-tooltip-wrapper .language-tooltip-list .language-tooltip-row-container .language-tooltip-row-right { width: 25px; height: 25px; border-radius: 12px; background-color: #FEF8EC; color: purple; margin-left: 12px; text-align: center; line-height: 24px; } .language-tooltip-wrapper .language-tooltip-list .language-tooltip-row-container .language-tooltip-row-left { color: #3e3e3e; } .language-tooltip-wrapper .language-tooltip-list .language-tooltip-row-container:hover .language-tooltip-row-right { color: #fd7200; } .language-tooltip-wrapper .language-tooltip-list .language-tooltip-row-container:hover .language-tooltip-row-left { color: #fd7200; } @media screen and (max-width: 1024px) { .language-tooltip-wrapper .language-tooltip-button { width: 119px; height: 22px; font-size: 12px; } .language-tooltip-wrapper .language-tooltip-list { top: -147px; width: 140px; } .language-tooltip-wrapper .language-tooltip-list .language-tooltip-row-container { flex-direction: row-reverse; } } .service-letters-card { border-radius: 15px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); position: relative; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; width: 354px; height: 651px; padding: 1rem 2rem 0; margin-left: 4rem; margin-bottom: 1rem; margin-top: 1.5em; border: solid 1px #e6e6e6; } .service-letters-card:hover { outline: solid 3px #FFA800; } .service-letters-card .bestCareLogo { position: absolute; width: 152.3px; height: 155.8px; right: -19%; } .service-letters-card .bestCareLogo.gold { width: 101px; height: 101px; top: 6%; right: -11%; } .service-letters-card .bestCareTitle { position: absolute; width: 1px; height: 1px; text-align: center; line-height: 1; font-size: 14px; font-weight: 500; color: #fd7200; top: 6.2em; right: -1.2em; transform: rotate(35deg); } .service-letters-card .new_Product { top: 7.5rem; right: -0.7rem; } .service-letters-card .premium_product { top: 7.1rem; right: -1.3rem; color: #dcb85d; display: flex; } .service-letters-card .logo_img_back { width: 203.7px; height: 189.6px; z-index: 0; position: absolute; left: 5em; top: 7em; } .service-letters-card .service-card-title { width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 1rem; height: 9%; } .service-letters-card .service-card-title .prod-name-title { font-size: 18px; font-weight: 500; text-align: center; color: #413f3d; direction: ltr; } .service-letters-card .service-card-title .prod-name-subtitle { color: #000; font-size: 13px; direction: rtl; margin-bottom: 1em; display: flex; flex-direction: column; align-items: center; text-align: center; z-index: 2; line-height: 1.5; } .service-letters-card .service-card-title .prod-name-subtitle .Simple { width: 170px; } .service-letters-card .img-wrapper { text-align: center; position: relative; height: 30%; margin-top: 1rem; } .service-letters-card .img-wrapper .logo_img { z-index: 1; margin-top: 1.9rem; width: 60%; } .service-letters-card .img-wrapper .logo_img.simple_smile { width: 58%; } .service-letters-card .img-wrapper .logo_img.gold_plus { width: 58%; } .service-letters-card .img-wrapper .logo_img.mediwho_fly { width: 88%; margin-top: 22px; } .service-letters-card .img-wrapper .logo_img.magen_david { width: 88%; margin-top: 22px; } .service-letters-card .img-wrapper .logo_img.soul_care { margin-top: 1.9rem; width: 92%; } .service-letters-card .prod-bullets { display: flex; flex-direction: column; width: 90%; height: 55%; } .service-letters-card .prod-bullets .prod-row { display: grid; grid-template-areas: 'icon title' 'line line'; grid-template-columns: 8% 92%; margin-top: 19px; } .service-letters-card .prod-bullets .prod-row .img_ok { width: 13.7px; height: 10.4px; grid-area: icon; } .service-letters-card .prod-bullets .prod-row .img_ok.dentist { width: 15px; height: 19px; } .service-letters-card .prod-bullets .prod-row .title { font-size: 12px; line-height: 1.38; color: #707070; direction: ltr; grid-area: title; font-weight: 300; } .service-letters-card .prod-bullets .prod-row .title.dentist { font-size: 12px; color: #fd7200; font-weight: 500; cursor: pointer; } .service-letters-card .prod-bullets .prod-row .bottom-line { width: 98%; height: 1px; border-bottom: 1px dashed #d1d1d1; grid-area: line; margin-top: 16.2px; } .service-letters-card .buttons-container { height: 5%; margin-bottom: 10px; display: flex; } .service-letters-card .buttons-container .card-btn { margin-left: 10px; } .service-letters-card .buttons-container .card-btn .insider { padding: 4px 40px 4px 40px; border-radius: 30px; background-color: #3e3e3e; font-size: 13px; font-weight: 500; color: #fff; transition: 1s; } .service-letters-card .buttons-container .card-btn .insider:hover { background-color: #fd7200; transition: 1s; transform: scale(1.05); } .service-letters-card .buttons-container .a_prod .prod_btn { padding: 4px 40px 4px 40px; border-radius: 30px; background-color: #3e3e3e; font-size: 13px; font-weight: 500; color: #fff; transition: 1s; margin-left: 10px; } .service-letters-card .buttons-container .a_prod .prod_btn:hover { background-color: #fd7200; transition: 1s; transform: scale(1.05); } .member_c { height: 53.99px; min-height: 53.99px; width: 97%; border-style: none none solid none; border-width: 1px; border-color: #d0d0d0; position: relative; display: flex; flex-direction: row; align-items: center; } .member_c .fly_row_logo { position: absolute; left: -15px; top: 36px; } .member_c .check_box { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 16px; height: 16px; outline: 1px solid #b9b9b9; border-radius: 2px; margin: 0 1rem 0 1rem; cursor: pointer; } .member_c .check_box.orange { background-color: #ff7300; border-color: #ff7300; outline: none; } .member_c .check_box.red { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) backwards; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } .member_c .no_hmo_img { margin: 0 .9rem 0 .9rem; } .member_c .arrow_i { margin: 0 .3rem 0 .3rem; } .member_c .member_name { color: #aeadac; font-weight: 400; font-size: 14px; cursor: pointer; } .member_c .member_name.mobile { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .member_c .hmo_t_w { overflow: hidden; width: 60%; display: flex; flex-direction: row; align-items: center; position: relative; } .member_c .hmo_t_w .exist_fly { position: absolute; color: red; font-size: 12px; translate: 210px; } .member_c .hmo_t_w .exist_fly.show { animation: vision 3s cubic-bezier(0.36, 0.07, 0.19, 0.97); } .member_c .hmo_t_w .hmo_t { font-weight: 500; font-size: 12px; color: #373431; translate: 110px; transition: all 0.5s ease-in-out; line-height: 30px; } .member_c .hmo_t_w .hmo_t.show { translate: 0; transition: all 0.5s ease-in-out; } .member_c .hmo_t_w .hmo_t .change_hmo_i { margin-right: .4rem; cursor: pointer; } .member_c .upd_hmo { width: 71px; height: 19px; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; font-weight: 500; font-size: 11px; line-height: 19px; cursor: pointer; text-align: center; margin: 0 0.5rem 0 0; } @keyframes vision { 10%, 90% { translate: 0; } } .details_row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 125rem; margin-top: 2rem; } .details_row .count_row .title { display: flex; flex-direction: row; font-weight: 500; } .details_row .count_row .title .title_req { margin-left: 11px; font-size: 24px; color: #fd7200; } .details_row .count_row .title .count { display: flex; flex-direction: row; color: #09c2e8; } .details_row .count_row .title .count .count_title { font-size: 16px; } .details_row .count_row .title .count .count_num { margin-left: 4px; font-size: 20px; } .details_row .count_row .switcher_row { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 16rem; height: 2.9rem; margin-top: 1.3rem; padding: 0 10px 0 10px; background-color: #fff; border-radius: 10px; border: solid 1px #d8d4d4; cursor: pointer; } .details_row .count_row .switcher_row .click_div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .details_row .count_row .switcher_row .switcher_title { font-size: 14px; font-weight: 500; color: #6a6a6a; } .details_row .count_row .switcher_row .switcher_arrow img { width: 9px; height: 5.5px; } .details_row .count_row .switcher_row .switcher_list { position: absolute; display: none; flex-direction: column; align-items: center; width: 16rem; top: 3rem; left: 0; background-color: white; border-radius: 10px; border: solid 1px #d8d4d4; padding: 0.5rem 0 0.5rem 0; } .details_row .count_row .switcher_row .switcher_list.show { display: flex; z-index: 1; } .details_row .count_row .switcher_row .switcher_list .list_item { font-size: 12px; font-weight: 500; color: #6a6a6a; text-align: center; } .details_row .count_row .switcher_row .switcher_list .list_item:hover { color: #ff8f33; } .details_row .count_row .switcher_row .switcher_list .border { height: 1px; width: 14rem; margin: 0.3rem 0 0.3rem 0; background-color: rgba(176, 171, 171, 0.5); } .details_row .open_req_btn { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 163.1px; height: 40.9px; padding: 0 27px 0 27px; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); border-radius: 34px; cursor: pointer; } .details_row .open_req_btn .plus_circle { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 18.9px; height: 18.9px; border: solid 0.5px #fff; background-color: #000; border-radius: 50%; } .details_row .open_req_btn .plus_circle img { width: 10px; height: 10px; } .details_row .open_req_btn .title { color: #fff; font-size: 14px; font-weight: 500; } @media screen and (max-width: 1440px) { .customer_services .details_row { width: 110rem; } } @media screen and (max-width: 1024px) { .customer_services .details_row { width: 90vw; } } @media screen and (max-width: 1023px) { .customer_services .details_row { width: 90vw; } } @media screen and (max-width: 624px) { .customer_services .details_row { width: 90%; } .customer_services .details_row .count_row .title .title_req { margin-left: 11px; font-size: 18px; } .customer_services .details_row .count_row .title .count .count_title { font-size: 10px; } .customer_services .details_row .count_row .title .count .count_num { margin-left: 4px; font-size: 12px; } .customer_services .details_row .count_row .switcher_row { width: 135px; height: 31px; margin-top: 11.5px; } .customer_services .details_row .count_row .switcher_row .switcher_title { font-size: 12px; } .customer_services .details_row .count_row .switcher_row .switcher_list { width: 135px; top: 2.6rem; } .customer_services .details_row .count_row .switcher_row .switcher_list .list_item { font-size: 10px; } .customer_services .details_row .count_row .switcher_row .switcher_list .border { width: 10rem; } .customer_services .details_row .open_req_btn { width: 91.9px; height: 23.8px; padding: 0 10px 0 10px; margin-top: -3.5rem; } .customer_services .details_row .open_req_btn .title { font-size: 9px; } .customer_services .details_row .open_req_btn .plus_circle { width: 13.4px; height: 13.4px; } .customer_services .details_row .open_req_btn .plus_circle img { width: 7px; height: 7px; } } .titles_rows { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 125rem; height: 2rem; margin-top: 2.9rem; } .titles_rows .title_list { display: flex; flex-direction: row; align-items: flex-start; width: 98%; font-size: 17px; font-weight: 500; color: #000; } .titles_rows .title_list .desc:after, .titles_rows .title_list .for:after, .titles_rows .title_list .create:after, .titles_rows .title_list .status:after { content: attr(data-text); } .titles_rows .title_list .desc { margin-left: 27.25rem; } .titles_rows .title_list .for { margin-left: 19.2rem; } .titles_rows .title_list .create { margin-left: 21.6rem; } @media screen and (max-width: 1440px) { .titles_rows { width: 110rem; } .titles_rows .title_list .desc { margin-left: 23rem; } .titles_rows .title_list .for { margin-left: 14.2rem; } .titles_rows .title_list .create { margin-left: 16.6rem; } } @media screen and (max-width: 1024px) { .titles_rows { width: 90vw; } .titles_rows .title_list .desc { margin-left: 7.2rem; } .titles_rows .title_list .for { margin-left: 6rem; } .titles_rows .title_list .create { margin-left: 9rem; } } @media screen and (max-width: 1023px) { .titles_rows { width: 90vw; } .titles_rows .title_list .desc { margin-left: 6.5rem; } .titles_rows .title_list .for { margin-left: 4rem; } .titles_rows .title_list .create { margin-left: 4rem; } } @media screen and (max-width: 624px) { .titles_rows { width: 90%; margin-top: 23px; padding-right: .8rem; } .titles_rows .title_list { font-size: 11px; } } @media screen and (max-width: 624px) and (max-width: 280px) { .titles_rows .title_list { font-size: 9px; } } @media screen and (max-width: 624px) { .titles_rows .title_list .desc { margin-left: 33px; } } @media screen and (max-width: 624px) and (max-width: 280px) { .titles_rows .title_list .desc { margin-left: 15px; } } @media screen and (max-width: 624px) { .titles_rows .title_list .for { margin-left: 27px; } } @media screen and (max-width: 624px) and (max-width: 280px) { .titles_rows .title_list .for { margin-left: 12px; } } @media screen and (max-width: 624px) { .titles_rows .title_list .create { margin-left: unset; display: none; } } .items_wrapper { width: 97%; height: 7rem; display: flex; flex-direction: column; justify-content: center; } .items_wrapper.saved_claim { position: relative; } .items_wrapper.shrink { height: 0; transition: height 1s ease; overflow: hidden; } .items_wrapper .items_row { display: flex; flex-direction: row; align-items: center; height: 7rem; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 2px solid #ccc; } .items_wrapper .items_row.none { display: none; } .items_wrapper .items_row .service_name, .items_wrapper .items_row .service_user, .items_wrapper .items_row .service_date, .items_wrapper .items_row .service_status, .items_wrapper .items_row .claim_text { font-size: 16px; font-weight: 500; color: #373431; margin-right: 0.5rem; } .items_wrapper .items_row .service_name { width: 28.5%; } .items_wrapper .items_row .service_user { width: 20%; } .items_wrapper .items_row .service_date { display: flex; flex-direction: row; align-items: center; width: 24%; } .items_wrapper .items_row .service_date img { padding-bottom: 4px; width: 20.2px; height: 25.6px; margin-left: 10px; } .items_wrapper .items_row .service_status { display: flex; flex-direction: row; align-items: center; width: 14%; } .items_wrapper .items_row .service_status .title { color: #6a6a6a; margin-left: 5px; } .items_wrapper .items_row .service_status .title.green { color: #91d41f; } .items_wrapper .items_row .service_status .title.yellow { color: #ffc800; } .items_wrapper .items_row .service_status .title.grey { color: #6a6a6a; } .items_wrapper .items_row .service_status .title.orange { color: #fd7200; } .items_wrapper .items_row .service_status img.green { width: 17px; height: 17px; } .items_wrapper .items_row .service_status img.yellow { width: 24.7px; height: 20.8px; } .items_wrapper .items_row .service_status img.grey { width: 18.8px; height: 22px; } .items_wrapper .items_row .service_status img.orange { width: 15.4px; height: 19px; } .items_wrapper .items_row .claim_text { width: 14%; } .items_wrapper .items_row .service_open { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 155px; height: 37px; border-radius: 31px; background-color: #f5f0e8; cursor: pointer; } .items_wrapper .items_row .service_open .title { font-size: 14px; font-weight: 500; color: #373431; } .items_wrapper .items_row .service_open:hover { background-color: #fd7200; } .items_wrapper .items_row .service_open:hover .title { color: #fff; } .items_wrapper .items_row .claim_service_trash_container { position: absolute; left: -10px; margin: 3px 8px 0 0; display: flex; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash { visibility: hidden; width: 18px; padding: 0; background: none; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash:hover { scale: 1.1; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash img { width: 100%; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip { position: absolute; display: flex; flex-direction: column; align-items: center; left: -54px; top: 0; width: 236px; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner { position: relative; display: flex; justify-content: center; align-items: center; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner .claim_service_trash_background { width: 100%; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner .claim_service_trash_content { position: absolute; display: flex; flex-direction: column; align-items: center; margin-top: 7px; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner .claim_service_trash_content span { color: #373431; font-size: 12px; font-weight: 400; line-height: 16px; max-width: 150px; text-align: center; margin-top: 11px; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner .claim_service_trash_content .button_container { display: flex; margin-top: 9px; padding-right: 20px; height: 20px; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner .claim_service_trash_content .button_container button { padding: 0; width: 56px; height: 16px; background: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: white; font-size: 12px; font-weight: 400; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner .claim_service_trash_content .button_container button:hover { scale: 1.05; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner .claim_service_trash_content .button_container button:first-child { margin-left: 7px; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner .claim_service_trash_content .button_container .claim_service_trash_spinner { width: 20px; } .items_wrapper .items_row .claim_service_trash_container .claim_service_trash_tooltip .claim_service_trash_inner .claim_service_trash_content .button_container .claim_service_trash_spinner img { margin-top: -2px; width: 100%; } .items_wrapper .items_row:hover .claim_service_trash_container .claim_service_trash { visibility: visible; } .items_wrapper:last-child .items_row { border-bottom: none; } .items_wrapper:first-child { margin-top: unset; } .items_wrapper.saved_claim .items_row .service_name { color: #fd7200; } .items_wrapper.saved_claim .items_row .service_date .title, .items_wrapper.saved_claim .items_row .service_date img { display: none; } @media screen and (max-width: 1440px) { .items_wrapper .items_row .service_name { width: 28%; margin-right: 1rem; } .items_wrapper .items_row .service_user { width: 17.5%; } .items_wrapper .items_row .service_date { width: 22%; } .items_wrapper .items_row .service_status, .items_wrapper .items_row .claim_text { width: 16%; } } @media screen and (max-width: 1024px) { .items_wrapper .items_row .service_name, .items_wrapper .items_row .service_user, .items_wrapper .items_row .service_date, .items_wrapper .items_row .service_status { font-size: 14px; } .items_wrapper .items_row .service_name { width: 20%; margin-right: 1rem; } .items_wrapper .items_row .service_user { width: 15%; } .items_wrapper .items_row .service_date { width: 20%; } .items_wrapper .items_row .service_status, .items_wrapper .items_row .claim_text { width: 22%; } } @media screen and (max-width: 1023px) { .items_wrapper .items_row .service_name, .items_wrapper .items_row .service_user, .items_wrapper .items_row .service_date, .items_wrapper .items_row .service_status, .items_wrapper .items_row .claim_text { font-size: 14px; } .items_wrapper .items_row .service_name { width: 23%; margin-right: 1rem; } .items_wrapper .items_row .service_user { width: 15%; } .items_wrapper .items_row .service_date { width: 17%; } .items_wrapper .items_row .service_status, .items_wrapper .items_row .claim_text { width: 19%; } } @media screen and (max-width: 624px) { .items_wrapper { width: 100%; height: unset; display: flex; flex-direction: column; justify-content: unset; } } .items_wrapper_mobile { width: 100%; height: 50px; border-radius: 10px; background-color: #fff; margin-bottom: 9px; } .items_wrapper_mobile.saved_claim .items_row { display: flex; position: relative; justify-content: flex-start; } .items_wrapper_mobile.saved_claim.shrink { height: 0; transition: height 0.9s ease; overflow: hidden; } .items_wrapper_mobile.open:not(.saved_claim) { height: 81px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .items_wrapper_mobile.open:not(.saved_claim) .service_name, .items_wrapper_mobile.open:not(.saved_claim) .service_user { height: 11px; } .items_wrapper_mobile .items_row { height: 100%; border-bottom: none; flex-wrap: wrap; } .items_wrapper_mobile .items_row .service_name, .items_wrapper_mobile .items_row .service_user, .items_wrapper_mobile .items_row .claim_text { font-size: 9px; font-weight: 500; color: #373431; line-height: 10px; } .items_wrapper_mobile .items_row .service_status { width: unset; } .items_wrapper_mobile .items_row .service_status .title { color: #6a6a6a; margin-left: 3px; font-size: 9px; } .items_wrapper_mobile .items_row .service_status img.green { width: 11px; height: 12px; } .items_wrapper_mobile .items_row .service_status img.yellow { width: 13.3px; height: 11px; } .items_wrapper_mobile .items_row .service_status img.grey { width: 10.7px; height: 12.5px; } .items_wrapper_mobile .items_row .service_status img.orange { width: 8.9px; height: 11.1px; } .items_wrapper_mobile .items_row .service_date { border-top: 1px solid rgba(204, 204, 204, 0.5); width: 90%; height: 20px; padding-top: 12px; margin-right: 12px; } .items_wrapper_mobile .items_row .service_date .title { font-size: 9px; } .items_wrapper_mobile .items_row .service_date .cal { width: 11px; height: 13.9px; padding-bottom: unset; margin-left: 5px; } .items_wrapper_mobile .items_row .service_name { width: 7.8rem; } .items_wrapper_mobile .items_row .service_name.padding { padding-top: 9px; } @media screen and (max-width: 280px) { .items_wrapper_mobile .items_row .service_name { width: 4.7rem; } } .items_wrapper_mobile .items_row .service_user { margin-right: 5px; width: 5.3rem; } @media screen and (max-width: 280px) { .items_wrapper_mobile .items_row .service_user { width: 4.7rem; } } .items_wrapper_mobile .items_row .service_status { width: 6.5rem; margin-right: unset; } @media screen and (max-width: 414px) { .items_wrapper_mobile .items_row .service_status { width: 7.3rem; } } @media screen and (max-width: 390px) { .items_wrapper_mobile .items_row .service_status { width: 6.7rem; } } @media screen and (max-width: 280px) { .items_wrapper_mobile .items_row .service_status { width: 4.2rem; line-height: 9px; } } .items_wrapper_mobile .items_row .claim_text { width: 57px; margin-right: unset; } @media screen and (max-width: 414px) { .items_wrapper_mobile .items_row .claim_text { width: 68px; } } @media screen and (max-width: 390px) { .items_wrapper_mobile .items_row .claim_text { width: 60px; } } @media screen and (max-width: 280px) { .items_wrapper_mobile .items_row .claim_text { width: 31px; line-height: 9px; } } .items_wrapper_mobile .items_row .claim_service_trash_container { position: relative; left: unset; margin: 3px 0 0 9px; } @media screen and (max-width: 414px) { .items_wrapper_mobile .items_row .claim_service_trash_container { width: 20px; margin: 3px 0 0 0; } } @media screen and (max-width: 280px) { .items_wrapper_mobile .items_row .claim_service_trash_container .claim_service_trash { margin: 0 auto; } } .items_wrapper_mobile .items_row .claim_service_trash_container .claim_service_trash { visibility: visible; width: 13px; margin-left: 0; } .items_wrapper_mobile .items_row .claim_service_trash_container .claim_service_trash_tooltip { left: -64px; top: -5px; } .items_wrapper_mobile .items_row .service_open { width: 61.5px; height: 18.6px; margin-right: 8px; } .items_wrapper_mobile .items_row .service_open .title { font-size: 8px; } @media screen and (max-width: 375px) { .items_wrapper_mobile .items_row .service_open { width: 50px; } } @media screen and (max-width: 360px) { .items_wrapper_mobile .items_row .service_open { width: 45px; } } .items_wrapper_mobile .items_row .arrow_service { color: #373431; font-size: 10px; } @media screen and (max-width: 414px) { .items_wrapper_mobile .items_row .arrow_service { margin-right: 1.5rem; } } @media screen and (max-width: 390px) { .items_wrapper_mobile .items_row .arrow_service { margin-right: 1rem; } } @media screen and (max-width: 375px) { .items_wrapper_mobile .items_row .arrow_service { margin-right: 0.7rem; } } @media screen and (max-width: 360px) { .items_wrapper_mobile .items_row .arrow_service { margin-right: 0.4rem; } } .items_wrapper_mobile .items_row .arrow_service.down { color: #fd7200; transform: rotate(-90deg); } .items_wrapper_mobile.saved_claim .arrow_service { display: none; } .agent-list-item-wrapper { display: flex; align-items: center; width: 100%; height: 70px; background-color: #f9f9f9; color: black; border-bottom: 1px solid #dbdbdbcd; margin: 0 auto; } .agent-list-item-wrapper:first-child { border-top: none; } .agent-list-item-wrapper .list-item-container { justify-self: center; width: 100%; display: flex; justify-content: space-between; } .agent-list-item-wrapper .list-item-container .list-item-divider { display: flex; align-items: center; justify-content: center; text-align: center; width: 33%; } .agent-list-item-wrapper .list-item-container .list-item-divider.list-item-divider:nth-child(2) img { width: 14px; } .agent-list-item-wrapper .list-item-container .list-item-divider .list-item-inner-cell { width: 100%; display: flex; align-items: center; } .agent-list-item-wrapper .list-item-container .list-item-divider .left-cell { text-align: right; font-size: 14px; font-weight: 400; } .agent-list-item-wrapper .list-item-container .list-item-divider .right-cell { text-align: end; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .right-cell { width: 43%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .right-cell img { width: 15px; margin-left: 7%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .left-cell { width: 57%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .right-cell { width: 40%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .right-cell img { width: 15px; margin-left: 7%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .left-cell { width: 60%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .right-cell { width: 38%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .right-cell img { width: 18px; margin-left: 7%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .left-cell { width: 62%; } @media screen and (max-width: 1400px) { .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .right-cell { width: 41%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .left-cell { width: 59%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .right-cell { width: 37%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .left-cell { width: 63%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .right-cell { width: 34%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .left-cell { width: 66%; } } @media only screen and (max-width: 1023px) { .agent-list-item-wrapper { height: 14vw; border-bottom: 1px solid rgba(0, 0, 0, 0.09); border-top: 1px solid rgba(0, 0, 0, 0.09); font-size: 14px; } .agent-list-item-wrapper:last-child { border-bottom: 2px solid rgba(0, 0, 0, 0.09); } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .right-cell { width: 40%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .left-cell { width: 60%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .right-cell { width: 34%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .left-cell { width: 66%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .right-cell { width: 32%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .left-cell { width: 68%; } } @media only screen and (max-width: 624px) { .agent-list-item-wrapper { font-size: 10px !important; } .agent-list-item-wrapper .list-item-container { justify-content: center; } .agent-list-item-wrapper .list-item-container .list-item-divider .list-item-inner-cell .left-cell { font-size: 10px !important; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .right-cell { width: 30%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .right-cell img { width: 14px; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(1) .list-item-inner-cell .left-cell { width: 70%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .right-cell { width: 25%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .right-cell img { width: 10px; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(2) .list-item-inner-cell .left-cell { width: 75%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .list-item-inner-cell .right-cell { width: 17%; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .list-item-inner-cell .right-cell img { width: 10px; } .agent-list-item-wrapper .list-item-container .list-item-divider:nth-child(3) .list-item-inner-cell .left-cell { width: 83%; } } .home-content-container { width: 100%; min-height: 100vh; background-image: url(/_next/static/images/new-home-page-bg-f11673080be75583d0ece1613dd3e9d8.png); background-color: white; background-size: 100% 115vh; background-repeat: no-repeat; position: relative; display: flex; flex-direction: column; } .home-content-container .text-container { display: flex; margin: 10em 10em 0 0; width: 50%; flex-direction: column; transform: translateY(10em); } .home-content-container .text-container .register-robot { margin: 3em 4em 0 0; } .home-content-container .text-container .register-robot img { width: 315px; height: 240px; } .home-content-container .text-container .auth-search-btn-container { display: flex; margin: 0; padding-top: 20px; } .home-content-container .text-container .auth-search-btn-container .button-container { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: #fff; font-weight: normal !important; margin-left: 7px; align-items: center; font-size: 18px; width: 150px; height: 26px; transition: 0.5s; } .home-content-container .text-container .auth-search-btn-container .button-container:hover { transform: scale(1.05); transition: 0.5s; } .home-content-container .text-container .auth-search-btn-container .btn-link-search { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: #fff; font-weight: normal !important; margin-left: 3px; align-items: center; font-size: 18px; height: 26px; width: 150px; transition: 0.5s; } .home-content-container .text-container .auth-search-btn-container .btn-link-search:hover { transform: scale(1.05); transition: 0.5s; } .home-content-container .text-container .main-title { margin: 0; font-size: 32px; color: #FFA800; font-weight: bold; z-index: 1; } .home-content-container .text-container .main-title span { color: #1d1d1e; } .home-content-container .text-container .sub-title { margin: 0; padding-top: 20px; box-sizing: border-box; max-width: 70%; font-size: 18px; font-weight: 450; font-family: 'Rubik', sans-serif; color: #2a2a2a; z-index: 1; } .home-content-container .text-container .sub-title-third { margin: 0; padding-top: 13.7px; font-size: 16px; color: #FFA800; font-weight: 500; } .home-content-container .text-container .register-link { color: white; } .home-content-container .text-container .register-link .button-container div { font-size: 1.1vw; font-weight: 500; left: 50%; } @media screen and (max-width: 1600px) { .home-content-container .text-container { width: 60%; margin: 10em 6em 0 0; } .home-content-container .text-container .register-robot img { width: 285px; height: 185px; } .home-content-container .text-container .sub-title { padding-top: 14.2px; line-height: 1.2; } .home-content-container .text-container .sub-title-third { font-size: 18px; } } @media screen and (max-width: 1024px) { .home-content-container { min-height: unset; width: 100%; height: 730px; background-size: 100% 500px; background-repeat: no-repeat; transform: translateY(0); } .home-content-container .opc-div { display: none; } .home-content-container .text-container { width: 90%; display: unset; padding: unset; transform: translateY(0); margin: 100px 50px 0 0; } .home-content-container .text-container .register-robot img { width: 130px; height: 130px; } .home-content-container .text-container .main-title { display: unset; margin: unset; padding: unset; font-size: 15px; } .home-content-container .text-container .main-title span { color: #1d1d1e; } .home-content-container .text-container .sub-title { margin: 0; padding-top: 0; max-width: 35%; font-size: 11px; line-height: 15px; } .home-content-container .text-container .sub-title-third { margin: 0; padding-top: 0; font-size: 10px; } .home-content-container .text-container .auth-search-btn-container { margin: 0; padding-top: 10px; } .home-content-container .text-container .auth-search-btn-container .button-container { margin-left: 3px; align-items: center; font-size: 11px; width: 6.3rem; height: 12px; } .home-content-container .text-container .auth-search-btn-container .btn-link-search { margin-left: 1px; align-items: center; text-align: center; font-size: 11px; width: 6.3rem; height: 12px; } } @media screen and (max-width: 810px) { .home-content-container { height: 730px; transform: translateY(6%); } .home-content-container .text-container { height: 370px; margin: 100px 63px 0 0; } .home-content-container .text-container .main-title { font-size: 13px; } .home-content-container .text-container .sub-title { max-width: 43%; font-size: 11px; line-height: 1.2; } .home-content-container .text-container .register-robot { margin: 1em 0 0 63px; } .home-content-container .text-container .register-robot img { width: 101px; height: 103.5px; } } @media screen and (max-width: 624px) { .home-content-container { min-height: unset; height: 490px; background-size: 130% 340px; background-repeat: no-repeat; background-position: 30% 0; transform: translateY(7%); } .home-content-container .opc-div { position: absolute; display: block; width: 100%; height: 300px; background-color: white; opacity: 0.5; } .home-content-container .text-container { width: 100%; height: unset; margin: 4.5em 0 0 0; display: flex; flex-direction: column; align-items: center; transform: translateY(0); } .home-content-container .text-container .register-robot { display: none; } .home-content-container .text-container .main-title { margin: 0; font-size: 15px; } .home-content-container .text-container .main-title span { color: #1d1d1e; } .home-content-container .text-container .sub-title { margin: 0; padding-top: 0; max-width: 90%; font-size: 11px; text-align: center; line-height: 15px; } .home-content-container .text-container .sub-title-third { margin: 0; padding-top: 0; font-size: 10px; } .home-content-container .text-container .auth-search-btn-container { margin: 0; padding-top: 10px; } .home-content-container .text-container .auth-search-btn-container .button-container { margin-left: 3px; align-items: center; font-size: 11px; width: 6.3rem; height: 12px; } .home-content-container .text-container .auth-search-btn-container .btn-link-search { margin-left: 1px; align-items: center; text-align: center; font-size: 11px; width: 6.3rem; height: 12px; } } .top-section-wrapper { width: 100vw; height: 880px; background-image: url(/_next/static/images/top-section-bg-1474ba46108faa88f0025dd859978e10.png); background-position: center; background-position-x: 60%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #1d1d1e; text-align: center; padding-bottom: 4vw; } .top-section-wrapper .title { font-size: clamp(2.1rem, 1.6vw, 2.6rem); font-weight: bold; } .top-section-wrapper .title .enlarged-word { font-size: clamp(3.2rem, 2.5vw, 4rem); } .top-section-wrapper .sub-title { font-size: clamp(1.3rem, 1vw, 1.6rem); margin-bottom: 0.5rem; } .top-section-wrapper .description { margin: 0; width: 780px; font-size: clamp(1.3rem, 1vw, 1.6rem); } .top-section-wrapper .read-more-container { display: flex; justify-content: space-between; font-size: clamp(1.32rem, 1vw, 1.65rem); color: #2a5fad; } .top-section-wrapper .read-more-container .seperation-line { pointer-events: none; } .top-section-wrapper .read-more-container .read-more { cursor: pointer; transition: all 0.3s ease-in-out; } .top-section-wrapper .read-more-container .read-more:hover { color: #f05a26; } .top-section-wrapper .read-more-container .read-more.read-more-1 { margin-left: 0.5rem; } .top-section-wrapper .read-more-container .read-more.read-more-2 { margin-right: 0.5rem; } .top-section-wrapper .medi-cal-logo { margin-top: -1.5rem; margin-bottom: -2.5rem; min-width: 410px; width: 29vw; } .top-section-wrapper .try-now { font-size: clamp(2.1rem, 1.6vw, 2.6rem); line-height: 2.6rem; margin-bottom: 1rem; } .top-section-wrapper .subscribe-btn { font-size: clamp(1.6rem, 1.25vw, 2rem); padding: 0.4% 4.6%; margin-bottom: 1rem; } .top-section-wrapper .subscribe-btn:hover { transform: scale(1.1); } .top-section-wrapper .text-row { font-size: clamp(1.3rem, 1vw, 1.6rem); line-height: 2rem; } .top-section-wrapper .text-row.text-row-2 .discount-percentage { font-size: clamp(3.2rem, 2.5vw, 4rem); line-height: clamp(3.2rem, 2.5vw, 4rem); } .top-section-wrapper .bottom-text { position: absolute; bottom: 8%; font-size: clamp(1.6rem, 1.25vw, 2rem); } .top-section-wrapper .arrow-pointing-down { position: absolute; bottom: 7%; right: 49.8%; transform: translate(30%, 78%); width: 1.78%; } .top-section-wrapper .blue-visa-cal { position: absolute; right: 2%; bottom: 5%; transform: translateY(50%); width: 27%; min-width: 310px; z-index: 1; } .top-section-wrapper .arrow-pointing-left { position: absolute; top: 11%; right: 10vw; width: 3.3%; min-width: 34px; } .top-section-wrapper .play-button { position: absolute; top: 10%; right: 13.5vw; width: 3.5%; cursor: pointer; min-width: 35px; } .top-section-wrapper .play-button:hover { transform: scale(1.1); } .top-section-wrapper .minute-on { position: absolute; top: 18%; right: 9vw; width: 4.1%; min-width: 41px; } .top-section-wrapper .mediwho { position: absolute; top: 19%; right: 13.5vw; width: 4.8%; min-width: 50px; } .top-section-wrapper .video-popup-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 400vh; width: 100vw; z-index: 5000; backdrop-filter: blur(4px); background-color: rgba(42, 42, 42, 0.2); } .top-section-wrapper .video-popup-container .video-popup { position: absolute; height: 100vh; width: 100vw; z-index: 5000; } .top-section-wrapper .video-popup-container .video-popup .video-wrapper { display: flex; justify-content: center; align-items: center; height: 70vh; width: 70vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%); z-index: 5001; } .top-section-wrapper .video-popup-container .video-popup .video-wrapper .video { border: none; z-index: 5002; } .top-section-wrapper .video-popup-container .video-popup .video-wrapper .close-video { cursor: pointer; position: absolute; z-index: 5004; transform: scale(0.8); top: -3%; right: -2%; font-size: 1.9vw; border-radius: 50%; padding: 0; width: 2.8vw; height: 2.8vw; } @media screen and (max-width: 1023px) { .top-section-wrapper.mobile { min-height: 350px; padding-top: 4vw; justify-content: flex-start; padding-bottom: 0; height: 80vw; background-image: url(/_next/static/images/top-section-bg-tablet-b299173f699c550bfbee25877049ba04.png); max-height: initial; background-repeat: no-repeat; background-position: center center; background-size: cover; } } @media screen and (max-width: 1023px) and (max-width: 624px) { .top-section-wrapper.mobile { max-height: 540px; background-image: url(/_next/static/images/top-section-bg-mobile-43acf29d1c6a9aa8aff4948715fc6b6e.png); } } @media screen and (max-width: 1023px) { .top-section-wrapper.mobile .title { font-size: clamp(1rem, 3.6vw, 2rem); line-height: clamp(1.6rem, 5.4vw, 3rem); margin: 0; margin-bottom: 1vw; } .top-section-wrapper.mobile .title .enlarged-word { font-size: clamp(1.6rem, 5.4vw, 3rem); } .top-section-wrapper.mobile .sub-title { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: clamp(0.75rem, 2.5vw, 1.5rem); line-height: clamp(0.75rem, 2.5vw, 1.5rem); margin-top: 5vw; margin-bottom: 0; } .top-section-wrapper.mobile .sub-title .first-row { margin-bottom: 1vw; } .top-section-wrapper.mobile .sub-title .second-row { margin-bottom: 2vw; } .top-section-wrapper.mobile .sub-title .third-row { margin-bottom: 4vw; } .top-section-wrapper.mobile .read-more-container { font-size: clamp(0.75rem, 2.5vw, 1.5rem); line-height: clamp(0.75rem, 2.5vw, 1.5rem); position: relative; } .top-section-wrapper.mobile .read-more-container::before { content: ""; position: absolute; bottom: -3vw; margin: 0 5%; width: 90%; height: 2px; background-color: #6f6f6f; } .top-section-wrapper.mobile .subscribe-btn { padding: 0; font-size: clamp(1rem, 3.6vw, 2rem); max-height: 3rem; max-width: 18rem; width: 30vw; height: 6.5vw; } .top-section-wrapper.mobile .text-row { font-size: clamp(0.6rem, 2vw, 1.2rem); line-height: clamp(0.8rem, 2vw, 1.5rem); } .top-section-wrapper.mobile .text-row.text-row-2 .discount-percentage { font-size: clamp(1.2rem, 2vw, 2rem); line-height: clamp(1.5rem, 2.5vw, 2.5rem); } .top-section-wrapper.mobile .play-video-container { margin-bottom: 2vw; } .top-section-wrapper.mobile .play-video-container .play-button { position: initial; transform: translateY(1vw); min-width: initial; width: 7.8vw; max-width: 50px; } .top-section-wrapper.mobile .play-video-container .play-text-container { display: flex; justify-content: center; align-items: center; } .top-section-wrapper.mobile .play-video-container .play-text-container .minute-on { position: initial; margin-left: 1vw; width: 7.8vw; min-width: initial; max-width: 50px; } .top-section-wrapper.mobile .play-video-container .play-text-container .mediwho { position: initial; width: 13vw; min-width: initial; max-width: 80px; } } .middle-section-wrapper { width: 100vw; height: 800px; max-height: 41vw; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; } .middle-section-wrapper .title { position: absolute; top: 0; font-size: clamp(2rem, 2.2vw, 3.3rem); } .middle-section-wrapper .book-wrapper { z-index: 2; } .middle-section-wrapper .book-wrapper .book { width: 30vw; min-width: 300px; } .middle-section-wrapper .transparent-logo { position: absolute; bottom: -1%; z-index: 1; width: 39%; } .middle-section-wrapper .card-with-circles { position: absolute; bottom: -12.1%; left: 4%; min-width: 200px; width: 23%; } @media screen and (max-width: 1023px) { .middle-section-wrapper { height: 90vw; max-height: 480px; } .middle-section-wrapper .title { top: -12%; width: auto; margin: 0; } } @media screen and (max-width: 1023px) and (max-width: 624px) { .middle-section-wrapper .title { width: 50%; } } @media screen and (max-width: 1023px) { .middle-section-wrapper .title .blue { font-size: clamp(1.2rem, 4.4vw, 2.2rem); line-height: clamp(1.2rem, 4.4vw, 2.2rem); } .middle-section-wrapper .title .orange { font-size: clamp(1.1rem, 3.9vw, 2rem); line-height: clamp(1.1rem, 3.9vw, 2rem); } .middle-section-wrapper .book-wrapper .book { width: 73vw; transform: translateY(-3%); min-width: initial; max-width: 400px; } .middle-section-wrapper .transparent-logo { width: 84%; max-width: 500px; } .middle-section-wrapper .card-with-circles { display: none; } } .square-container { width: 233px; height: 191px; background-color: #fff; box-shadow: 0 24px 47px 0 rgba(0, 0, 0, 0.16); color: #1d1d1e; border-radius: 30px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; text-align: center; padding-bottom: 1rem; } .square-container.special-square { transform: scale(1.5); border: #FFA800 2px solid; position: relative; } .square-container.special-square::after { content: ""; position: absolute; background-image: url(/_next/static/images/most-sold-148085a3562839509d09715e2b25f108.png); background-size: cover; width: 65px; height: 65px; top: 0; left: 0; transform: translate(-50%, -30%); } .square-container.special-square .square-text { width: 54%; } .square-container:nth-child(2) { margin: 0 3rem; } .square-container .square-title { font-size: 1.75rem; font-weight: 500; margin: 0; } .square-container .square-text { font-size: 1.5rem; font-weight: 500; width: 58%; margin: 0; } .square-container .prices-container { display: flex; justify-content: space-evenly; align-items: center; width: 100%; font-size: 1.5rem; font-weight: 500; } .square-container .prices-container .price { text-decoration: line-through; text-decoration-color: #FFA800; text-decoration-thickness: 3px; } @media screen and (max-width: 1023px) { .square-container { width: 39vw; height: 32vw; min-height: 110px; border-radius: 15px; padding-bottom: 0; } .square-container.special-square { transform: scale(1.2); } .square-container.special-square::after { width: 15vw; height: 15vw; min-width: 50px; min-height: 50px; background-position: center; max-width: initial; max-height: initial; } .square-container:nth-child(2) { margin: 0; margin-right: clamp(1rem, 3.5vw, 3rem); } .square-container .square-title { font-size: clamp(0.95rem, 3.5vw, 2.3rem); } .square-container .square-text { font-size: clamp(0.8rem, 3vw, 2rem); } .square-container .prices-container { font-size: clamp(0.8rem, 3vw, 2rem); } } .subscription-list-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; } .subscription-list-wrapper .go-back-arrow { cursor: pointer; margin-bottom: 1rem; } .subscription-list-wrapper.discount-wrapper-width { width: 60rem; } .subscription-list-wrapper .subscription-list-title { color: #FFA800; margin-bottom: 1rem; font-size: 2.6rem; } .subscription-list-wrapper .subscription-list-sub-title { color: #1d1d1e; font-size: 1.5rem; margin-bottom: 1.5rem; } .subscription-list-wrapper .subscription-list-labels { display: flex; padding-right: 1rem; width: 100%; margin-bottom: 0.5rem; } .subscription-list-wrapper .subscription-list-labels .subscription-list-label { font-size: 1rem; margin: 0; font-weight: 600; color: #2a2a2a; } .subscription-list-wrapper .subscription-list-labels .subscription-list-label.name { font-size: 1.4rem; text-align: right; width: 70%; } .subscription-list-wrapper .subscription-list-labels .subscription-list-label.price { font-size: 1.2rem; text-align: center; width: 30%; } .subscription-list-wrapper .subscription-list-container .subscription-list { margin: 0; max-height: 40vh; overflow-y: auto; min-width: 600px; margin-bottom: 2rem; } .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item { width: 100%; border-bottom: 1px dotted #FFA800; padding-right: 1rem; transition: 0.2s ease-in-out; cursor: pointer; } .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item h4 { padding: 0.5rem 0; margin: 1rem 0; text-align: right; color: #2a2a2a; } .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-name { width: 70%; border-left: 1px dotted #FFA800; font-size: 1.3rem; padding-left: 1rem; font-weight: 400; color: #1d1d1e; transition: color 0.3s ease-in-out; } .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-price { text-align: center; width: 30%; border-left: 1px solid #FFA800; font-size: 1.3rem; font-weight: 500; color: #1d1d1e; transition: color 0.3s ease-in-out; } .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-price:last-child { border-left: none; } .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-price.line-through { text-decoration: line-through; text-decoration-color: #FFA800; } .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item.noDisplayOnly:hover .subscription-name, .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item.noDisplayOnly:hover .subscription-price { color: #FFA800; } .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item:last-child { border: none; } @media screen and (max-width: 390px) { .subscription-list-wrapper { height: 45em; width: 400px; } .subscription-list-wrapper .subscription-list-container { min-width: 370px; } .subscription-list-wrapper .subscription-list-container .subscription-list { min-width: 370px; } } @media screen and (max-width: 414px) { .subscription-list-wrapper { height: 65em; width: 400px; justify-content: flex-start; align-items: center; } .subscription-list-wrapper .subscription-list-container { min-width: 370px; } .subscription-list-wrapper .subscription-list-container .subscription-list { min-width: 370px; } } @media screen and (max-width: 360px) { .subscription-list-wrapper { height: 50em; width: 360px; justify-content: flex-start; align-items: center; } .subscription-list-wrapper .subscription-list-container { min-width: 330px; } .subscription-list-wrapper .subscription-list-container .subscription-list { min-width: 330px; } } @media screen and (max-width: 1024px) { .new-identity-and-birthday-container .identity-black-stethoscope { display: none; } } .mentors-component-wrapper { display: flex; flex-direction: column; align-items: center; width: 52rem; margin-top: 60px; z-index: 2; } .mentors-component-wrapper .mentors-component-title { color: #ff7300; font-size: 2.5rem; font-weight: 700; } .mentors-component-wrapper .mentors-list-container { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 18px; } .mentors-component-wrapper .mentors-list-container .mentor-item { display: flex; flex-direction: column; align-items: center; margin: 12px; width: 160px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle { width: 12rem; height: 12rem; border-radius: 50%; border: solid #ff7300 2px; display: flex; justify-content: center; align-items: center; overflow: hidden; background-color: #75737d; position: relative; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_limor { width: 16.4rem; height: 22.8rem; border-radius: 50%; position: absolute; top: -39px; left: -37px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_tami { width: 15.4rem; height: 20.8rem; border-radius: 50%; position: absolute; top: -26px; left: -20px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_shaked { width: 23rem; border-radius: 50%; position: absolute; top: -89px; left: -74px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_yaniv { width: 21rem; height: 29.5rem; border-radius: 50%; position: absolute; top: -44px; left: -45px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_reoben { width: 17rem; height: 17.5rem; border-radius: 50%; position: absolute; top: -17px; left: -36px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_smadar { width: 15.4rem; height: 22.8rem; border-radius: 50%; position: absolute; top: -32px; left: -20px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-text-container { margin-top: 14px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-text-container .mentor-item-name { font-size: 1.8rem; line-height: 1.21; font-weight: 700; color: #ff7300; } @media screen and (max-width: 1023px) { .mentors-component-wrapper { width: 100%; margin-top: 30px; } .mentors-component-wrapper .mentors-component-title { font-size: 2rem; } .mentors-component-wrapper .mentors-list-container { margin-top: 10px; } .mentors-component-wrapper .mentors-list-container .mentor-item { margin: 12px 0; width: 131px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle { width: 7.5rem; height: 7.5rem; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_1 { margin-top: 38px; margin-left: 14px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_4 { width: 140%; border-radius: 50%; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-text-container { margin-top: 12px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-text-container .mentor-item-name { font-size: 1.5rem; color: #ff7300; } } @media screen and (max-width: 624px) { .mentors-component-wrapper { width: 26rem; } .mentors-component-wrapper .mentors-list-container { margin-top: 10px; } .mentors-component-wrapper .mentors-list-container .mentor-item { margin: 12px 0; width: 131px; } .mentors-component-wrapper .mentors-list-container .mentor-item:last-child { margin: 0 auto; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle { width: 7.5rem; height: 7.5rem; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_limor { width: 11.2rem; height: 16rem; top: -28px; left: -28px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_tami { width: 12rem; height: 16rem; top: -20px; left: -27px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_shaked { width: 16rem; height: unset; top: -62px; left: -57px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_yaniv { margin: unset; width: 13rem; height: 17rem; top: -25px; left: -30px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_reoben { margin-top: unset; width: 10.4rem; height: 10.8rem; top: -10px; left: -20px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-circle .mentor-item-image.mentor_smadar { width: 11.4rem; height: 17.8rem; top: -27px; left: -21px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-text-container { margin-top: 12px; } .mentors-component-wrapper .mentors-list-container .mentor-item .mentor-item-text-container .mentor-item-name { font-size: 1.5rem; color: #ff7300; } } .about-page { padding-top: 17rem; background: white url(/_next/static/images/agentProd_BG-40948af64de14b8560f1c5032e43fe1a.jpg) no-repeat; background-size: 100% 147em; display: flex; flex-direction: column; align-items: center; align-self: center; justify-content: center; padding-bottom: 5rem; position: relative; } @media screen and (max-width: 1600px) { .about-page { background-size: 100% 187em; } } @media screen and (max-width: 624px) { .about-page { background-size: 300% 155em; } } .about-page .bottom_wave { width: 100%; height: 10rem; position: absolute; bottom: 0; z-index: 1; } .about-page .first-row { display: flex; flex-direction: row; justify-content: space-around; width: 100%; } .about-page .first-row .main-text-column { display: flex; flex-direction: column; align-items: flex-start; padding-inline-start: 3.5rem; padding-top: 1rem; width: 45vw; } .about-page .first-row .main-text-column h1 { font-size: 3rem; font-weight: 700; color: #3e3834; } .about-page .first-row .main-text-column h1 span { color: #FFA800; } .about-page .first-row .main-text-column p { font-size: 1.5rem; line-height: 1.55; color: #000000; font-weight: 300; } .about-page .first-row .about_robot { height: 505px; } .about-page .first-row .about_robot.none { display: none; } .about-page .p-title { font-size: 3rem; color: #FFA800; font-weight: 700; line-height: 1.18; margin: 0.3rem; text-align: center; } .about-page .relative-iframe { position: relative; width: 60vw; height: 45vw; align-self: center; display: flex; margin: 4rem; border: 24px solid #fff; border-left: 48px solid; border-right: 48px solid; border-radius: 3%; margin-bottom: 7.5rem; box-shadow: 10px 30px 40px 0 rgba(0, 0, 0, 0.37); align-items: center; justify-content: center; } .about-page .relative-iframe iframe { width: 55vw; height: 42.5vw; border: none; z-index: 2; } .about-page .relative-iframe img { position: absolute; width: 90vw; margin-inline-start: -3vw; bottom: -4.5rem; } .about-page .relative-iframe::before { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Mi4yNzMiIGhlaWdodD0iNTIuMjc0IiB2aWV3Qm94PSIwIDAgNTIuMjczIDUyLjI3NCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2U4ZThlODsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IlBhdGhfNDkiIGRhdGEtbmFtZT0iUGF0aCA0OSIgY2xhc3M9ImNscy0xIiBkPSJNMjIwMS4yNDUsMTQxMi44NDFhMjYuMTM3LDI2LjEzNywwLDEsMSwyNi4xMzctMjYuMTM2QTI2LjE2NiwyNi4xNjYsMCwwLDEsMjIwMS4yNDUsMTQxMi44NDFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE3NS4xMSAtMTM2MC41NjcpIi8+Cjwvc3ZnPgo=); background-size: contain; position: absolute; top: 50%; right: -3.5rem; height: 36px; width: 36px; background-color: #e8e8e8; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); } .about-page .relative-iframe::after { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMzQiIGRhdGEtbmFtZT0iR3JvdXAgMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNi4xNDUiIGhlaWdodD0iMjYuMTQ1IiB2aWV3Qm94PSIwIDAgMjYuMTQ1IDI2LjE0NSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQpOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6IHVybCgjcmFkaWFsLWdyYWRpZW50KTsKICAgICAgfQoKICAgICAgLmNscy0zIHsKICAgICAgICBvcGFjaXR5OiAwLjA4OwogICAgICAgIGZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50LTIpOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSI1Ljc5OSIgeTE9Ii0yLjA5NiIgeDI9Ii01LjEwOCIgeTI9IjMuMjQ4IiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2U5ZTZlMyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlMWRkZDkiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjA1OCIgc3RvcC1jb2xvcj0iI2QyY2VjYiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuMTY4IiBzdG9wLWNvbG9yPSIjYWJhN2E4Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4yNjQiIHN0b3AtY29sb3I9IiM4NTgxODYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjUyMiIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNTgxIiBzdG9wLWNvbG9yPSIjZTdlN2U3Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC42OTIiIHN0b3AtY29sb3I9IiNjMmMwYzEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjg0NSIgc3RvcC1jb2xvcj0iIzg2ODE4NCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuODc2IiBzdG9wLWNvbG9yPSIjNzk3NDc3Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2QyZDFkMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNhM2EzYTMiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9InJhZGlhbC1ncmFkaWVudCIgY3g9IjAuNSIgY3k9IjAuNSIgcj0iMC41IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAuMzg5LCAwLjkyMSwgLTAuOTIxLCAwLjM4OSwgMC43NjYsIC0wLjE1NSkiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjM2M0MjQzIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC41MjMiIHN0b3AtY29sb3I9IiMzYTQwNDEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjcxMiIgc3RvcC1jb2xvcj0iIzM0MzkzYSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuODQ2IiBzdG9wLWNvbG9yPSIjMmIyZTJlIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC45NTQiIHN0b3AtY29sb3I9IiMxZDFlMWQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTUxNTE0Ii8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMiIgeTE9IjAuNSIgeDI9IjEiIHkyPSIwLjUiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE2MTYxNSIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGNpcmNsZSBpZD0iRWxsaXBzZV8yIiBkYXRhLW5hbWU9IkVsbGlwc2UgMiIgY2xhc3M9ImNscy0xIiBjeD0iMTIuMTI2IiBjeT0iMTIuMTI2IiByPSIxMi4xMjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuOTQ2IDAuOTQ2KSIvPgogIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMyIgZGF0YS1uYW1lPSJFbGxpcHNlIDMiIGNsYXNzPSJjbHMtMiIgY3g9IjkuOTc4IiBjeT0iOS45NzgiIHI9IjkuOTc4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDE4LjM4NCkgcm90YXRlKC02Ny4xMTQpIi8+CiAgPHBhdGggaWQ9IlBhdGhfNTAiIGRhdGEtbmFtZT0iUGF0aCA1MCIgY2xhc3M9ImNscy0zIiBkPSJNMjIwMC4zNTcsMjkyLjY1YTkuOTczLDkuOTczLDAsMCwwLTYuMzcxLDE3LjY0OWwxNC4wNDMtMTQuMDQzQTkuOTYzLDkuOTYzLDAsMCwwLDIyMDAuMzU3LDI5Mi42NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTg3LjI4NSAtMjg5LjU1NSkiLz4KPC9zdmc+Cg==); background-size: contain; position: absolute; top: 50%; left: -3rem; height: 24px; width: 24px; } .about-page .pepole-content { font-size: 1.5rem; font-weight: 300; line-height: 1.55; color: #000000; width: 66%; text-align: center; } .about-page .gallery { display: flex; justify-content: space-around; flex-wrap: wrap; width: 62%; margin: 0 auto; } .about-page .gallery .item { padding: 1rem; display: flex; flex-direction: column; align-items: center; max-width: 200px; } .about-page .gallery .item .img { width: 13rem; height: 13rem; border-radius: 50%; overflow: hidden; border: 2px solid #FFA800; margin: 1.5rem; position: relative; background-color: #75737d; } .about-page .gallery .item .img img { width: 100%; height: 100%; } .about-page .gallery .item .img .uri { width: 18rem; height: 30rem; position: absolute; left: -36px; top: -12px; } @media screen and (max-width: 624px) { .about-page .gallery .item .img .uri { width: 10rem; height: 17rem; left: -19px; top: -6px; } } .about-page .gallery .item .img .snapir { width: 14rem; height: 25rem; position: absolute; left: 0.5rem; top: -15px; } @media screen and (max-width: 624px) { .about-page .gallery .item .img .snapir { width: 7.5rem; height: 12rem; top: -4px; } } .about-page .gallery .item h2 { color: #FFA800; font-weight: 700; font-size: 2rem; line-height: 1.21; text-align: center; margin: 0.2rem; } .about-page .gallery .item span { font-size: 1.8rem; color: #000000; font-weight: 300; text-align: center; } @media screen and (max-width: 1023px) { .about-page { padding-top: 8rem; padding-right: 5vw; padding-left: 5vw; } .about-page .first-row .main-text-column { width: 90vh; text-align: center; align-items: center; padding-inline-start: unset; } .about-page .first-row .main-text-column h1 { font-size: 1.8rem; } .about-page .first-row .main-text-column p { font-size: 0.9rem; } .about-page .p-title { width: 65%; font-size: 1.8rem; } .about-page .relative-iframe { width: 80vw; height: 58vw; margin: 1rem; border: 14px solid #fff; border-right: 34px solid; border-left: 34px solid; margin-bottom: 2.5rem; z-index: 2; } .about-page .relative-iframe iframe { width: 63vw; height: 50vw; } .about-page .relative-iframe img { bottom: -2rem; z-index: -1; } .about-page .relative-iframe::before { height: 24px; width: 24px; right: -2.5rem; } .about-page .relative-iframe::after { height: 16px; width: 16px; left: -2.1rem; } .about-page .pepole-content { width: unset; font-size: 0.9rem; } .about-page .gallery { width: 100%; } .about-page .gallery .item { padding: 0.4rem; } .about-page .gallery .item .img { width: 7.5rem; height: 7.5rem; border: 1.4px solid #FFA800; } .about-page .gallery .item h2 { font-size: 1.7rem; line-height: 1.09; } .about-page .gallery .item span { font-size: 1rem; } } .faq { width: 45vw; margin: 0 auto; } .faq .main-title { font-size: 2.5rem; color: #FFA800; font-weight: 600; margin: 3rem 0 0.5rem 0; } .faq .sub-title { color: black; font-size: 2rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; margin: 0; } .faq .faq-item { width: 100%; } .faq .faq-item:last-child { border: none; } .faq .faq-item:last-child .faq-item__title { border: none; } .faq .faq-item:last-child .faq-item__title:hover { border: none; } .faq .faq-item:last-child .faq-item__title.active { border: none; } .faq .faq-item:hover .faq-item__title { color: #FFA800; border-bottom: 1px solid #FFA800; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGxSdWxlPSJldmVub2RkIiBzdHJva2VMaW5lY2FwPSJyb3VuZCIgc3Ryb2tlTGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNGRjczMDAiIHN0cm9rZVdpZHRoPSIyIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEgNUw2IDkgMTEgMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MjUgLTQ3OTIpIHRyYW5zbGF0ZSg1MjUgNDQ5NikgdHJhbnNsYXRlKDAgMTA1KSB0cmFuc2xhdGUoMCAxODkpIHRyYW5zbGF0ZSgwIDIpIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=); } .faq .faq-item.active .faq-item__title { color: #FFA800; border-bottom: 1px solid #1d1d1e; background: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCA3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmNzMwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlV2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEsMSw1LDYsOSwxIi8+PC9nPjwvZz48L3N2Zz4=); background-repeat: no-repeat; background-position: 1rem; background-size: 0.8rem; } .faq .faq-item.active .faq-item__content { display: block; animation: openItem 0.3s; } .faq .faq-item .faq-item__title { font-size: 1.2rem; font-weight: 500; color: #2a2a2a; border-bottom: 1px solid rgba(42, 42, 42, 0.3); padding: 1.5rem 0; cursor: pointer; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGxSdWxlPSJldmVub2RkIiBzdHJva2VMaW5lY2FwPSJyb3VuZCIgc3Ryb2tlTGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNGRjczMDAiIHN0cm9rZVdpZHRoPSIyIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEgNUw2IDkgMTEgMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MjUgLTQ3OTIpIHRyYW5zbGF0ZSg1MjUgNDQ5NikgdHJhbnNsYXRlKDAgMTA1KSB0cmFuc2xhdGUoMCAxODkpIHRyYW5zbGF0ZSgwIDIpIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=); background-position: 0 2rem; background-size: 1.2rem; background-repeat: no-repeat; transition: all 0.3s ease-in-out; } .faq .faq-item .faq-item__content { display: none; padding: 1.5rem; background: #fff; font-size: 16px; line-height: 22px; color: #1d1d1e; margin-bottom: 0; text-align: justify; } @keyframes openItem { 0% { height: 0; padding-top: 0; padding-bottom: 0; } 100% { height: 100%; padding-top: 1.5rem; padding-bottom: 1.5rem; } } @keyframes closeItem { 0% { height: 100%; padding-top: 1.5rem; padding-bottom: 1.5rem; } 100% { height: 0; padding-top: 0; padding-bottom: 0; } } @media screen and (max-width: 624px) { .faq { width: 90vw; } .faq .faq-item .faq-item__title { font-size: 1.2rem; padding: 5% 2.5% 5% 20%; } } .faq-container { display: flex; flex-direction: column; align-items: center; padding: 10rem 0 3rem 0; background: #fff; } @media screen and (max-height: 624px) and (orientation: landscape) { .faq-container .faq { width: 65vw; } } @media screen and (max-width: 1023px) { .faq-container .faq { width: 70vw; } } @media screen and (max-width: 624px) { .faq-container .faq { width: 90vw; } } #error-page { display: flex; align-items: center; } #error-page .content { flex-direction: column; justify-content: center; align-items: center; } #error-page .content .not-found { text-align: center; } #error-page { display: flex; align-items: center; } #error-page .content { flex-direction: column; justify-content: center; align-items: center; } #error-page .content .not-found { text-align: center; color: black; } .wrapper { width: 100vw; height: 100vh; } .wrapper .Group-318 { background-image: url(/_next/static/images/Group-321@3x-abeb3358887ede0380aea4f932087532.png); backface-visibility: inherit; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .wrapper .Group-319 { background-image: url(data:image/png;base64,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); backface-visibility: inherit; height: 50%; width: 50%; background-repeat: no-repeat; background-size: auto; background-position: inherit; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 15%; } .Texts { margin-bottom: 25%; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } .Text1 { margin: 194.9px 0 1px; object-fit: contain; font-family: Rubik; font-size: 19px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; text-align: center; color: #fd7200; } .Text2 { margin: 1px 16px; object-fit: contain; font-family: Rubik; font-size: 17px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; text-align: center; color: #fd7200; } .Text3 { margin: 1px 11px 0; object-fit: contain; font-family: Rubik; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; text-align: center; color: #000000; } .product-card-wrapper { width: 18.5rem; height: 11rem; cursor: pointer; display: flex; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 5px; align-items: center; position: relative; transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .product-card-wrapper.active, .product-card-wrapper:hover { border-color: #ff7300; } .product-card-wrapper.active .desc-col, .product-card-wrapper:hover .desc-col { border-color: #ff7300; } .product-card-wrapper.active { box-shadow: 0 0 30px 0 rgba(92, 94, 98, 0.3); transform: scale(1.05); } .product-card-wrapper .hint-btn { background: none; border: none; width: 1.9rem; height: 1.9rem; position: absolute; top: 0.7rem; left: 0.7rem; box-shadow: 0 0 30px 0 rgba(92, 94, 98, 0.4); padding: 0; transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .product-card-wrapper .hint-btn svg { width: 1.9rem; height: 1.9rem; } .product-card-wrapper .hint-btn:hover { top: 0.5rem; box-shadow: 0 0 35px 0 rgba(92, 94, 98, 0.4); } .product-card-wrapper .col { display: flex; align-items: center; flex-direction: column; width: 50%; } .product-card-wrapper .desc-col { display: flex; align-items: center; flex-direction: column; width: 50%; transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); border-left: solid 1px rgba(0, 0, 0, 0.2); } .product-card-wrapper .desc-col .product-name { font-size: 1.6rem; color: black; opacity: 0.5; text-align: center; font-weight: 500; width: 5rem; } .product-card-wrapper .desc-col .icon-wrapper { width: 2.7rem; margin-bottom: 4px; height: 2.7rem; } .product-card-wrapper .desc-col .icon-wrapper svg { width: 100%; height: 100%; } .product-card-wrapper .price-col .price-text { font-size: 3.8rem; margin: 0; } .product-card-wrapper .price-col .price-text .shekel-sign { font-size: 1.9rem; font-weight: 500; margin-right: 4px; } .step-1-wrapper { display: flex; flex-direction: column; align-items: center; margin: auto; width: 100%; } .step-1-wrapper .agent-form-title { margin-bottom: 0; font-size: 2.33rem; font-weight: 500; color: #FFA800; } .step-1-wrapper .agent-form-subtitle { margin-bottom: 3rem; font-weight: 500; } .step-1-wrapper .products-wrapper { width: 48rem; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; } .step-1-wrapper .products-wrapper > div:nth-child(odd) { margin-left: 1.33rem; margin-bottom: 2.5rem; } .step-1-wrapper .products-wrapper > div:nth-child(even) { margin-right: 1.33rem; margin-bottom: 2.5rem; } @media screen and (max-width: 624px) { .step-1-wrapper { padding-bottom: 5rem; } .step-1-wrapper .products-wrapper { flex-direction: column; width: auto; } .step-1-wrapper .products-wrapper > div:nth-child(odd) { margin-left: 0; } .step-1-wrapper .products-wrapper > div:nth-child(even) { margin-right: 0; } } .pagination-wrapper { display: flex; justify-content: center; direction: ltr; } .pagination-wrapper .pagination-button { width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(14, 14, 14, 0.2); display: flex; align-items: center; justify-content: center; color: #FFA800; margin: 0 5px; cursor: pointer; } .pagination-wrapper .pagination-button .pagination-number { padding: 1px 0 0 0; font-family: 'Rubik', sans-serif; font-size: 1.5rem; font-weight: 500; } .pagination-wrapper .pagination-button:hover, .pagination-wrapper .pagination-button.active { background: #FFA800; border-color: #FFA800; } .pagination-wrapper .pagination-button:hover .pagination-number, .pagination-wrapper .pagination-button.active .pagination-number { color: #fff; } .pagination-wrapper .pagination-button:first-child { margin-right: 0; } .pagination-wrapper .pagination-button:last-child { margin-left: 0; } .pagination-wrapper .left-arrow, .pagination-wrapper .right-arrow { background: none; border: none; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; margin: 0 4px; } .pagination-wrapper .left-arrow:hover svg g g, .pagination-wrapper .right-arrow:hover svg g g { stroke: #FFA800; } .pagination-wrapper .left-arrow svg, .pagination-wrapper .right-arrow svg { width: 18px; height: 18px; fill: #2a2a2a; } .pagination-wrapper .left-arrow svg g g, .pagination-wrapper .right-arrow svg g g { stroke: #2a2a2a; stroke-width: 4px; } .pagination-wrapper .right-arrow { margin-left: 20px; } .pagination-wrapper .right-arrow svg { transform: rotate(180deg); } .pagination-wrapper .left-arrow { margin-right: 20px; } .text-table-header { object-fit: contain; font-family: Rubik; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: center; color: #525354; } .div-header { display: flex; flex-direction: column; justify-content: flex-start; margin: 12px auto 0 auto; width: 100%; max-width: 1135px; } .div-header h1 { margin-left: auto; color: #525354; } .div-header .filters-div { display: flex; flex-direction: row; } .div-header .filters-div select, .div-header .filters-div input { margin-right: 1.5rem; } .div-header .filters-div p { color: #FFA800; font-size: medium; font-weight: 500; align-self: center; text-align: center; margin: 0; width: 6rem; } .div-select { padding-top: 2rem; } .list-sas-comp-wrapper { min-height: 100vh; width: 100vw; background: #fff; position: relative; padding: 12rem 0 5rem; display: flex; flex-direction: column; align-items: center; } .list-sas-comp-wrapper .commissions-list-wrapper { width: 100%; } .list-sas-comp-wrapper .commissions-list-wrapper .commission-items-container { padding-top: 12px; width: 100%; background-image: linear-gradient(to bottom, #f2f1f1, #fff); display: flex; flex-direction: column; } .list-sas-comp-wrapper .commissions-list-wrapper .commission-items-container .client-list-item-container { max-width: 1135px; margin: 0 auto; } .list-sas-comp-wrapper .commissions-list-wrapper .commission-items-container .placeholder-text { font-weight: 500; color: #2a2a2a; display: block; margin: 0 auto; position: relative; top: 25vh; } @media only screen and (max-width: 1023px) { .list-sa-comp-wrapper { min-height: 100vh; width: 100%; min-width: 0; padding: 10rem 0 7rem; } .list-wrapper .items-container { padding: 1.5rem 1.7rem 0 1.7rem; } .list-wrapper .items-container .list-item-sa-comp-container { height: auto; } .list-wrapper .items-container .list-item-sa-comp-container .hover-wrapper { padding: 0 5rem; } .list-wrapper .items-container .list-item-sa-comp-container .hover-wrapper .left-col .third-cell { width: 300%; } .list-wrapper .items-container .list-item-sa-comp-container .hover-wrapper .left-col .third-cell .link-btn.have-subscription { color: #1d1d1e; } } @media only screen and (max-width: 624px) { .list-sa-comp-wrapper .list-wrapper .items-container .list-item-sa-comp-container .hover-wrapper { padding: 0 1rem; } } @media only screen and (min-width: 1023px) and (max-width: 1280px) { .list-sa-comp-wrapper { min-width: 0; padding: 12rem 3% 5rem; } } .list-item-sas-comp-container { color: black; width: 100%; height: 70px; display: flex; max-width: 1135px; margin: 12px auto 0 auto; } .list-item-sas-comp-container hr { width: 100%; border-top: 2px solid #e5e5e5; max-width: 1135px; justify-self: center; margin: 0 auto; } .list-item-sas-comp-container:first-child { border-top: none; } .list-item-sas-comp-container:last-child { border-bottom: none; } .list-item-sas-comp-container .hover-wrapper { width: 100%; display: flex; justify-content: space-between; align-items: center; height: 50px; border-radius: 76px; transition: 0.2s ease-in-out; } .list-item-sas-comp-container .column { display: flex; align-items: center; justify-content: center; width: 10rem; color: #2a2a2a; font-weight: 500; } .list-item-sas-comp-container .column .small { font-size: 12px; } .list-item-sas-comp-container .column.green { color: #78ce37; } .list-item-sas-comp-container .column.red { color: #ff0000; } .list-item-sas-comp-container .column.paid { color: #FFA800; } .list-item-sas-comp-container .column.product-name { padding-right: 1.5rem; font-size: 12px; } .list-item-sas-comp-container .column.date { font-size: 1rem; } .list-item-sas-comp-container .column.reason { text-align: center; font-size: 1rem; width: 10rem; } .list-item-sas-comp-container .column.status { border-left: none; color: #a1a1b1; } @media only screen and (max-width: 1023px) { .list-item-sas-comp-container { max-width: 90%; min-width: fit-content; border: none; background: #fff; box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.3); height: fit-content; border-radius: 5px; margin-bottom: 1rem !important; justify-self: center; } .list-item-sas-comp-container .last { justify-content: center; } .list-item-sas-comp-container .hover-wrapper { padding: 0 1rem; height: 100%; flex-direction: column; justify-content: center; } .list-item-sas-comp-container .hover-wrapper .right-col { justify-content: space-between; margin-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 2rem; } .list-item-sas-comp-container .hover-wrapper .right-col .first-cell { width: 60%; letter-spacing: normal; font-size: 1.3rem; } .list-item-sas-comp-container .hover-wrapper .right-col .second-cell { font-size: 1.3rem; font-weight: 500; letter-spacing: normal; } .list-item-sas-comp-container .hover-wrapper .left-col { justify-content: space-between; width: initial; padding: 0; } .list-item-sas-comp-container .hover-wrapper .left-col .fourth-cell { width: 100%; } .list-item-sas-comp-container .hover-wrapper .left-col .fourth-cell .link-btns-container .link-btn { font-size: 1.1rem; } .list-item-sas-comp-container .hover-wrapper .left-col .fourth-cell .orange-btn { font-size: 1.2rem; } } @media only screen and (min-width: 1023px) { .list-item-sas-comp-container .hover-wrapper .right-col { justify-content: center; } .list-item-sas-comp-container:hover .hover-wrapper .right-col .first-cell { color: #FFA800; } .list-item-sas-comp-container:hover .hover-wrapper .left-col .fourth-cell .hide-on-hover { display: none; } .list-item-sas-comp-container:hover .hover-wrapper .left-col .fourth-cell .show-on-hover { display: block; } } .client-list-wrapper { min-height: 100vh; width: 100vw; min-width: 1135px; background: white; position: relative; padding: 12rem 0 5rem; display: flex; flex-direction: column; align-items: center; } .client-list-wrapper .top-row { display: flex; width: 100%; max-width: 1135px; margin: 0 auto; } .client-list-wrapper .top-row .col { width: 50%; } .client-list-wrapper .top-row .col.right-col { display: flex; align-items: center; } .client-list-wrapper .top-row .col.right-col h1, .client-list-wrapper .top-row .col.right-col h3 { margin: 0; color: #2a2a2a; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } .client-list-wrapper .top-row .col.right-col .main-title { font-size: 2.3rem; } .client-list-wrapper .top-row .col.right-col .customer-count { font-size: 1.1rem; font-weight: 500; margin-top: 1rem; margin-right: 0.8rem; } .client-list-wrapper .top-row .col.left-col { display: flex; justify-content: flex-end; } .client-list-wrapper .top-row .col.left-col .orange-btn { display: flex; width: 134px; height: 30px; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; position: relative; justify-content: center; padding-left: 3rem; background: #ff7300; } .client-list-wrapper .top-row .col.left-col .orange-btn .icon-wrapper { background: black; width: 18px; height: 18px; display: flex; border-radius: 50%; justify-content: center; align-items: center; position: absolute; font-size: 1.3rem; padding-bottom: 2px; left: 4px; top: 5px; } .client-list-wrapper .client-search-filters-container { max-width: 1135px; width: 100%; } .client-list-wrapper .client-list-container { width: 100%; background-image: linear-gradient(to bottom, #f2f1f1, #ffffff); } .client-list-wrapper .client-list-container .client-list-item-container { max-width: 1135px; margin: 0 auto; } .client-list-wrapper .client-list-container .placeholder-text { font-weight: 500; color: #2a2a2a; display: block; margin: 0 auto; position: relative; top: 25vh; } .client-list-wrapper .pagination-wrapper { position: relative; } @media only screen and (max-width: 1023px) { .client-list-wrapper { min-height: 100vh; width: 100%; min-width: 0; padding: 10rem 0 7rem; } .client-list-wrapper .top-row { padding: 0rem 5%; align-items: center; } .client-list-wrapper .top-row .col.right-col { flex-direction: column; justify-content: flex-start; } .client-list-wrapper .top-row .col.right-col * { align-self: flex-start; } .client-list-wrapper .top-row .col.right-col .customer-count { text-align: right; margin-top: 0rem; margin-right: 0rem; } .client-list-wrapper .client-list-container { padding: 1.5rem 1.7rem 0 1.7rem; } .client-list-wrapper .pagination-wrapper { margin-top: 2rem; } } @media only screen and (min-width: 1023px) and (max-width: 1280px) { .client-list-wrapper { min-width: 0; padding: 12rem 3% 5rem; } } .list-item-ri-comp-container { color: black; width: 100%; height: 70px; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); max-width: 1135px; margin: 0 auto; } .list-item-ri-comp-container:first-child { border-top: none; } .list-item-ri-comp-container:last-child { border-bottom: none; } .list-item-ri-comp-container:hover .hover-wrapper { box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.3); } .list-item-ri-comp-container .hover-wrapper { width: 100%; padding-right: 1.7rem; display: flex; justify-content: space-between; align-items: center; height: 50px; border-radius: 5px; transition: 0.2s ease-in-out; } .list-item-ri-comp-container .column { display: flex; align-items: center; justify-content: center; width: 100%; font-size: 1.5rem; color: #2a2a2a; font-weight: 500; border-left: 2px solid rgba(0, 0, 0, 0.2); } .list-item-ri-comp-container .status { border-left: none; color: #a1a1b1; } .list-item-ri-comp-container .btns { border-left: none; display: flex; justify-content: flex-end; margin-left: 1rem; } .list-item-ri-comp-container .btns button { color: #363638; border: 2px solid #363638; } .list-item-ri-comp-container .btns button:first-child { margin-left: 1rem; } .list-item-ri-comp-container .btns button:hover { background-color: #FFA800; border: none; color: white; } .list-item-ri-comp-container .tel { color: #5d5d5d; } .list-item-ri-comp-container .name { justify-content: start; border-left: none; } .list-item-ri-comp-container .space { margin-left: 1em; } .list-item-ri-comp-container .orange { color: #FFA800; } .list-item-ri-comp-container .right-col { display: flex; align-items: center; } .list-item-ri-comp-container .right-col .first-cell { width: fit-content; display: block; font-size: 1.5rem; color: #2a2a2a; font-weight: 500; } .list-item-ri-comp-container .right-col .second-cell { font-size: 1.38rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; color: #2a2a2a; } .list-item-ri-comp-container .left-col { display: flex; align-items: center; padding-left: 1.7rem; width: 520px; justify-content: space-between; } .list-item-ri-comp-container .left-col .third-cell { align-items: center; font-size: 1.1rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #a1a1b1; width: 50%; } .list-item-ri-comp-container .left-col .fourth-cell { width: 50%; display: flex; justify-content: flex-end; } .list-item-ri-comp-container .left-col .fourth-cell .link-btns-container { display: flex; align-items: center; justify-content: space-between; width: 100%; } .list-item-ri-comp-container .left-col .fourth-cell .link-btns-container .btn-divider { height: 30px; width: 1px; background: rgba(0, 0, 0, 0.1); } .list-item-ri-comp-container .left-col .fourth-cell .link-btns-container .link-btn { background: none; border: none; color: #FFA800; text-decoration: underline; font-weight: 500; font-size: 1.2rem; margin-left: 1rem; padding: 0; transition: 0.1s ease-in-out; cursor: pointer; } .list-item-ri-comp-container .left-col .fourth-cell .link-btns-container .link-btn.have-subscription { color: #1d1d1e; line-height: 1.3rem; text-decoration: none; margin-left: auto; font-size: 1rem; cursor: default; } .list-item-ri-comp-container .left-col .fourth-cell .link-btns-container .link-btn:hover { color: #2a2a2a; } .list-item-ri-comp-container .left-col .fourth-cell .link-btns-container .link-btn:last-child { padding-left: 0; } .list-item-ri-comp-container .left-col .fourth-cell .status-text { font-size: 1.1rem; font-weight: 500; color: #2a2a2a; display: flex; align-items: center; } .list-item-ri-comp-container .left-col .fourth-cell .status-text .icon-wrapper { width: 1.7rem; height: 1.7rem; margin-right: 0.8rem; display: flex; align-items: center; justify-content: center; } .list-item-ri-comp-container .left-col .fourth-cell .status-text .icon-wrapper svg { width: 100%; height: 100%; fill: #2a2a2a !important; } .list-item-ri-comp-container .left-col .fourth-cell .status-text .icon-wrapper svg.crossmark-icon { height: 70%; width: 70%; } .list-item-ri-comp-container .left-col .fourth-cell .status-text.green-text { color: #79d71a; } .list-item-ri-comp-container .left-col .fourth-cell .status-text.green-text .icon-wrapper svg g g g rect, .list-item-ri-comp-container .left-col .fourth-cell .status-text.green-text .icon-wrapper svg g g g path { stroke: #79d71a; } .list-item-ri-comp-container .left-col .fourth-cell .show-on-hover { display: none; } @media only screen and (max-width: 1023px) { .list-item-ri-comp-container { height: 80px; border: none; background: #fff; box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.3); min-height: 10.5rem; border-radius: 5px; margin-bottom: 1rem !important; } .list-item-ri-comp-container .last { justify-content: center; } .list-item-ri-comp-container .hover-wrapper { padding: 0 1rem; height: 100%; flex-direction: column; justify-content: center; } .list-item-ri-comp-container .hover-wrapper .right-col { justify-content: space-between; margin-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 2rem; } .list-item-ri-comp-container .hover-wrapper .right-col .first-cell { letter-spacing: normal; font-size: 1.3rem; } .list-item-ri-comp-container .hover-wrapper .right-col .second-cell { font-size: 1.3rem; font-weight: 500; letter-spacing: normal; } .list-item-ri-comp-container .hover-wrapper .left-col { justify-content: space-between; width: initial; padding: 0; } .list-item-ri-comp-container .hover-wrapper .left-col .fourth-cell { width: 100%; } .list-item-ri-comp-container .hover-wrapper .left-col .fourth-cell .link-btns-container .link-btn { font-size: 1.1rem; } .list-item-ri-comp-container .hover-wrapper .left-col .fourth-cell .orange-btn { font-size: 1.2rem; } } @media only screen and (min-width: 1023px) { .list-item-ri-comp-container .hover-wrapper .right-col { width: 40%; justify-content: space-between; } .list-item-ri-comp-container:hover .hover-wrapper .right-col .first-cell { color: #FFA800; } .list-item-ri-comp-container:hover .hover-wrapper .left-col .fourth-cell .hide-on-hover { display: none; } .list-item-ri-comp-container:hover .hover-wrapper .left-col .fourth-cell .show-on-hover { display: block; } } .graph-bar-container { width: 100%; display: flex; height: 4rem; align-items: center; opacity: 0; margin-bottom: 1.8rem; animation: fadeIn 0.4s cubic-bezier(0.25, 1, 0.5, 1) forwards; position: relative; } .graph-bar-container .label { height: 100%; align-items: center; display: flex; padding: 0 2rem; min-width: 18rem; font-family: 'Rubik', sans-serif; font-size: 1.4rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } .graph-bar-container .percentage-bar-wrapper { height: 100%; cursor: pointer; width: 100%; } .graph-bar-container .percentage-bar-wrapper:hover .percentage-bar .icon-container { transform: scale(1.2); } .graph-bar-container .percentage-bar-wrapper .percentage-bar { height: 100%; display: flex; align-items: center; border-radius: 100px 0 0 100px; justify-content: flex-end; padding-left: 2.2rem; position: relative; transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1); transform-origin: right center; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-1 { min-width: 90px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-2 { min-width: 90px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-3 { min-width: 110px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-4 { min-width: 90px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-0 { min-width: 14rem; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .price span { font-family: 'Rubik' sans-serif; font-size: 1.5rem; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .price span.agorot-price { font-weight: 400; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .price span.shekel-sign { font-weight: 500; font-size: 0.8rem; margin-right: 4px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .orange-btn { font-size: 1.2rem; font-weight: 500; display: block; background: #ff0000; border: 2px solid #ff0000; box-shadow: 0 0 20px 0 white; opacity: 1; transition: 0.2s ease-out; animation-name: floating; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .orange-btn:hover { background: #FFA800; transform: scale(1.07); box-shadow: 0 0 30px 0 white; border-color: #ff7300; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .orange-btn.hide { opacity: 0; pointer-events: none; cursor: default; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container { position: absolute; left: -1rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: transform 0.2s ease-in-out; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container .icon-wrapper { width: 2rem; height: 2rem; transform: rotate(180deg); } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container .icon-wrapper svg { fill: #fff; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container .icon-wrapper svg g { stroke: #fff; stroke-width: 5px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container .icon-wrapper.with-anim { transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1); } .graph-bar-container.private-z-index { z-index: 5; } @keyframes expand { 0% { width: 0%; } 100% { width: 100%; } } @keyframes floating { from { transform: scale(1); } 65% { transform: scale(1.1); } to { transform: scale(1); } } @media screen and (max-width: 624px) { .graph-bar-container { width: 100%; display: flex; height: 4rem; align-items: center; opacity: 0; margin-bottom: 1.8rem; animation: fadeIn 0.4s cubic-bezier(0.25, 1, 0.5, 1) forwards; position: relative; } .graph-bar-container .label { height: 100%; align-items: center; display: flex; padding: 0 2rem; min-width: 18rem; font-family: 'Rubik', sans-serif; font-size: 1.4rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } .graph-bar-container .percentage-bar-wrapper { height: 100%; cursor: pointer; width: 100%; } .graph-bar-container .percentage-bar-wrapper:hover .percentage-bar .icon-container { transform: scale(1.2); } .graph-bar-container .percentage-bar-wrapper .percentage-bar { height: 100%; display: flex; align-items: center; border-radius: 100px 0 0 100px; justify-content: flex-end; padding-left: 2.2rem; position: relative; transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1); transform-origin: right center; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-1 { min-width: 90px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-2 { min-width: 90px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-3 { min-width: 110px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-4 { min-width: 90px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-0 { min-width: 14rem; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .price span { font-family: 'Rubik' sans-serif; font-size: 1.5rem; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .price span.agorot-price { font-weight: 400; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .price span.shekel-sign { font-weight: 500; font-size: 0.8rem; margin-right: 4px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .orange-btn { font-size: 1.2rem; font-weight: 500; display: block; background: #ff0000; border: 2px solid #ff0000; box-shadow: 0 0 20px 0 white; opacity: 1; transition: 0.2s ease-out; animation-name: floating; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .orange-btn:hover { background: #FFA800; transform: scale(1.07); box-shadow: 0 0 30px 0 white; border-color: #ff7300; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .orange-btn.hide { opacity: 0; pointer-events: none; cursor: default; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container { position: absolute; left: -1rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: transform 0.2s ease-in-out; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container .icon-wrapper { width: 2rem; height: 2rem; transform: rotate(180deg); } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container .icon-wrapper svg { fill: #fff; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container .icon-wrapper svg g { stroke: #fff; stroke-width: 5px; } .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container .icon-wrapper.with-anim { transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1); } .graph-bar-container.private-z-index { z-index: 5; } @keyframes expand { 0% { width: 0%; } 100% { width: 100%; } } @keyframes floating { from { transform: scale(1); } 65% { transform: scale(1.1); } to { transform: scale(1); } } } .insurance-card-container { height: 5.8rem; width: 100%; background-color: #fff; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.16); position: relative; display: flex; cursor: pointer; align-items: center; margin-bottom: 1rem; opacity: 0; animation: fadeIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; margin-bottom: 1rem; border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left: 2rem; } .insurance-card-container:hover .icon-container { transform: scale(1.2); } .insurance-card-container .spacer { margin: 0rem 0.5rem; } .insurance-card-container .sub-policies { font-weight: 400; color: #2a2a2a; white-space: nowrap; } .insurance-card-container .icon-container { position: absolute; left: -1rem; width: 3.5rem; height: 3.5rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: transform 0.2s ease-in-out; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); } .insurance-card-container .icon-container .icon-wrapper { width: 2rem; height: 2rem; transform: rotate(180deg); } .insurance-card-container .icon-container .icon-wrapper svg { fill: #1d1d1e; } .insurance-card-container .icon-container .icon-wrapper svg g { stroke: #1d1d1e; stroke-width: 5px; } .insurance-card-container .right-col { height: 100%; display: flex; align-items: center; width: 500px; } .insurance-card-container .right-col .logo-wrapper { min-width: 52px; width: 4.3rem; height: 4.3rem; margin: 0 0.8rem; } .insurance-card-container .right-col .logo-wrapper img { width: 100%; height: 100%; } .insurance-card-container .right-col .insurance-name { color: #2a2a2a; text-align: right; font-weight: 500; margin: 0; font-size: 1.5rem; white-space: nowrap; } .insurance-card-container .right-col .client-name { white-space: nowrap; } .insurance-card-container .details-wrapper { font-size: 1.09rem; font-weight: 500; color: #ff8f33; width: 160px; } .insurance-card-container .left-col { margin-left: 1.5rem; display: flex; width: 70px; justify-content: flex-end; } .insurance-card-container .left-col .price { position: relative; top: 1px; display: block; height: 100%; } .insurance-card-container .left-col .price span { color: #2a2a2a; font-weight: 500; } .insurance-card-container .left-col .price .shekel-price { font-size: 1.8rem; font-weight: 500; margin: 0; } .insurance-card-container .left-col .price .agorot-price { font-size: 1.3rem; } .insurance-card-container .left-col .price .shekel-sign { margin-right: 4px; } .auth-wrapper .col.right-col.client-inv-col { padding-top: 10vh; } .auth-wrapper .col.left-col.client-inv-col { min-height: 50vh; max-height: 60vh; padding: 0 20px; } .client-invite-step-1 { display: flex; flex-direction: column; justify-content: center; height: 50vh; align-items: center; } .client-invite-step-1 .code-form { width: 65vw; align-self: center; display: flex; justify-content: space-around; padding-bottom: 2rem; } .client-invite-step-1 .code-form input { border-style: solid; border-width: 0 0 0.2rem 0 !important; border-color: rgba(0, 0, 0, 0.2); color: #1d1d1e; text-align: center; justify-content: center; padding: 0 0.3rem; } .client-invite-step-1 .code-form input::placeholder { color: #1d1d1e; opacity: 0.2; } .client-invite-step-1 .code-form input:focus { outline: none; } .client-invite-step-1 .client-invite-footer-btns { display: flex; flex-direction: column !important; margin: 0 1rem; visibility: unset; } .client-invite-step-1 .client-invite-footer-btns .link-text { color: #FFA800; text-decoration: underline; font-weight: 500; text-align: center; font-size: 1.2rem; cursor: pointer; } .client-invite-step-1 .client-invite-footer-btns.hide { visibility: hidden; } .bottom-section-wrapper { width: 100vw; height: 895px; background-image: url(/_next/static/images/bottom-section-bg-d76780a51702270b5fbc4d2dba8a35ed.png); background-position-x: 84%; padding-top: 5rem; } .bottom-section-wrapper.center { display: flex; align-items: center; justify-content: center; } .bottom-section-wrapper .load-wrapper { display: flex; align-items: center; justify-content: center; } .bottom-section-wrapper .load-wrapper .spinner { animation: rotate 1.5s linear infinite; margin-left: 0.5rem; } .bottom-section-wrapper .content-container { display: flex; align-items: center; justify-content: space-between; flex-direction: column; height: 80%; } .bottom-section-wrapper .content-container .title { font-size: 3.3rem; } .bottom-section-wrapper .content-container .squares-container { display: flex; flex-direction: column; margin-bottom: 5rem; position: relative; } .bottom-section-wrapper .content-container .squares-container .row { display: flex; margin-bottom: 4rem; } .bottom-section-wrapper .content-container .squares-container .row:last-child { margin-bottom: 0; } .bottom-section-wrapper .content-container .squares-container .happy-robot { position: absolute; top: 0; right: 0; transform: translate(80%, -55%); } @media screen and (max-width: 1200px) { .bottom-section-wrapper .content-container .squares-container .happy-robot { width: 14vw; } } .bottom-section-wrapper .content-container .sale-btn { padding: 0.8rem 5rem; font-size: 1.8rem; } .bottom-section-wrapper .content-container .sale-btn:hover { transform: scale(1.1); } @media screen and (max-width: 1023px) { .bottom-section-wrapper { background-image: url(data:image/png;base64,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); background-size: cover; height: auto; overflow-x: hidden; padding-top: clamp(5rem, 16vw, 10rem); } .bottom-section-wrapper .content-container .title { margin-top: 0; margin-bottom: clamp(4rem, 12vw, 7rem); font-size: clamp(1.3rem, 4.3vw, 2.3rem); } .bottom-section-wrapper .content-container .squares-container { margin-bottom: 0; } .bottom-section-wrapper .content-container .squares-container .happy-robot { display: none; } .bottom-section-wrapper .content-container .sale-btn { padding: clamp(0.6rem, 2vw, 1rem) clamp(3rem, 10vw, 5rem); font-size: clamp(1rem, 3.5vw, 2rem); margin-bottom: clamp(12rem, 35vw, 20rem); } } .agent-stats-refresh-absolute-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; backdrop-filter: blur(4px); z-index: 10; background-color: rgba(42, 42, 42, 0.2); display: flex; justify-content: center; align-items: center; } .agent-stats-refresh-absolute-overlay img { height: 350px; width: 350px; } .agent-stats-container { position: relative; } .agent-stats-container .refresh-img { position: absolute; padding-top: 4rem; cursor: pointer; } .agent-stats-container .agent-stats { padding: 2rem 6% 5rem 12%; text-align: right; display: flex; justify-content: space-evenly; } .agent-stats-container .agent-stats .data-box { text-align: center; margin: 0 4rem; } .agent-stats-container .agent-stats .data-box h3 { font-size: 1.4rem; margin: 0.8rem 0; } .agent-stats-container .agent-stats .data-box .number-wrapper { display: flex; align-items: flex-end; justify-content: center; } .agent-stats-container .agent-stats .data-box .number-wrapper .number { font-size: 3.6rem; color: #ff8f33; line-height: 2.5rem; margin-left: 0.5rem; } .agent-stats-container .agent-stats .data-box .number-wrapper .number small { color: #1d1d1e; font-size: 1.3rem; font-weight: bold; line-height: 0.1rem; top: -0.1rem; position: relative; } .agent-stats-container .agent-stats .data-box .number-wrapper .units { max-width: 4rem; line-height: 1.1rem; font-weight: bold; color: #ff8f33; font-size: 1.3rem; } @media screen and (max-width: 1023px) { .agent-stats-container .refresh-img { padding-top: 0rem; margin: 0 auto; left: 0; right: 0; height: 43px; } .agent-stats-container .agent-stats { padding: 2.5rem 2rem 0rem; margin-bottom: 1rem; text-align: right; display: flex; justify-content: space-evenly; flex-wrap: wrap; } .agent-stats-container .agent-stats .data-box { width: 50%; margin: 0; padding: 1rem; height: 10rem; } .agent-stats-container .agent-stats .data-box:nth-child(1), .agent-stats-container .agent-stats .data-box:nth-child(2) { border-bottom: 1px solid #dbd6db; } .agent-stats-container .agent-stats .data-box:nth-child(3), .agent-stats-container .agent-stats .data-box:nth-child(1) { border-left: 1px solid #dbd6db; } } .service-details-container { width: 100%; min-height: 88vh; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 8vh; margin-bottom: 8vh; } .service-details-container h1, .service-details-container h2, .service-details-container h3, .service-details-container h4, .service-details-container h5, .service-details-container h6, .service-details-container p, .service-details-container li { word-wrap: break-word !important; } .service-details-container .main-title { margin-top: 10vh; color: #FFA800; } .service-details-container div { border-radius: 10px; } .service-details-container h3, .service-details-container h2 { text-align: right; color: #FFA800; margin: 0; font-weight: 500; } .service-details-container h4 { margin: 0; transition: 0.2s ease-in-out; } .service-details-container span { color: #fff; margin-right: 5px; } .service-details-container button { margin: 0 auto; margin-top: 2vh; } .service-details-container button:hover { color: #fff; } .service-details-container .service-panel-wrapper { width: 70%; } .service-details-container .top-bar { display: flex; align-items: center; background: #282428; padding: 1rem; } .service-details-container .top-bar h3 { padding: 0 1rem; border-left: 1px solid #fff; } .service-details-container .top-bar h3:first-child { padding-right: 0; } .service-details-container .top-bar h3:last-child { border-left: none; } .service-details-container .main-frame { background: #282428; width: 100%; min-height: 30px; margin-top: 1vh; padding: 1rem; } .service-details-container .main-frame .service-path { margin-top: 1vh; } .service-details-container .main-frame .top-row { display: flex; justify-content: space-between; align-items: center; } .service-details-container .main-frame .top-row .left-block { display: flex; align-items: center; } .service-details-container .main-frame .top-row .left-block button { margin: 0; } .service-details-container .main-frame .content-block { display: flex; flex-direction: column; overflow: hidden; } .service-details-container .main-frame .content-block .button-block { display: flex; justify-content: flex-end; } .service-details-container .main-frame .content-block .button-block button { margin: 2vh 0 0 0; display: flex; align-items: center; } .service-details-container .main-frame .content-block .button-block button:first-child { margin-left: 1rem; } .service-details-container .main-frame .content-block .button-block button svg { width: 28px; padding: 0 0 0 8px; height: 28px; fill: #fff; } .service-details-container .main-frame .content-block .col { align-items: center; display: flex; justify-content: space-between; width: 100%; height: 100%; } .service-details-container .main-frame .content-block .col .right-col { width: 50%; height: 100%; } .service-details-container .main-frame .content-block .col .right-col div { width: 100%; padding: 1rem; margin-top: 1vh; background: #3b363b; } .service-details-container .main-frame .content-block .col .right-col .expert-message { height: 19vh; } .service-details-container .main-frame .content-block .col .right-col .message-block { padding: 1rem; } .service-details-container .main-frame .content-block .col .right-col .message-block h2 { margin-bottom: 1rem; } .service-details-container .main-frame .content-block .col .right-col .message-block textarea { width: 100%; height: 9vh; resize: none; background: none; color: #fff; padding: 0.5rem; outline: none; border: 1.4px solid rgba(255, 255, 255, 0.15); border-radius: 10px; } .service-details-container .main-frame .content-block .col .right-col .message-block .counter-row { margin: 0; padding: 0; width: 100%; display: flex; height: 20px; justify-content: flex-end; } .service-details-container .main-frame .content-block .col .right-col .message-block .counter-row p { margin: 0; } .service-details-container .main-frame .content-block .col .right-col .client-files { height: 25vh; } .service-details-container .main-frame .content-block .col .right-col .client-files .file-block { display: flex; flex-wrap: wrap; overflow-y: auto; max-height: 18vh; } .service-details-container .main-frame .content-block .col .right-col .client-files .file-block .file-wrapper { display: flex; flex-direction: column; align-items: center; max-width: 20%; cursor: pointer; } .service-details-container .main-frame .content-block .col .right-col .client-files .file-block .file-wrapper:hover svg { fill: #ff9640; } .service-details-container .main-frame .content-block .col .right-col .client-files .file-block .file-wrapper svg { min-width: 30%; max-width: 30%; fill: #FFA800; transition: 0.2s ease-in-out; } .service-details-container .main-frame .content-block .col .left-col { width: 50%; height: 100%; margin-right: 1vh; } .service-details-container .main-frame .content-block .col .left-col div { width: 100%; } .service-details-container .main-frame .content-block .col .left-col .required-files-list { height: 20vh; border-radius: 10px 10px 0 0; margin-top: 1vh; background: #3b363b; padding: 1rem; } .service-details-container .main-frame .content-block .col .left-col .required-files-list .files-list { list-style-type: disc; } .service-details-container .main-frame .content-block .col .left-col .upload-files-block { height: 19vh; padding: 0; } .service-details-container .main-frame .content-block .col .left-col .upload-files-block .file-upload-wrapper { padding: 1rem; height: 100%; border-radius: 0 0 10px 10px; } .service-details-container .main-frame .content-block .col .left-col .upload-files-block .file-upload-wrapper > div { height: 12vh; } .service-details-container .main-frame .content-block .col .left-col .upload-files-block .file-upload-wrapper > div .top-row button { margin: 0; } .service-details-container .main-frame .content-block .col .left-col .upload-files-block .file-upload-wrapper .on-drag-block .plus-icon { font-size: 5rem; line-height: 3rem; } .service-details-container .main-frame .content-block .col .left-col .appointment-details { width: 100%; padding: 1rem; background: #3b363b; height: 100%; height: 19vh; margin-top: 1vh; } .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper { display: flex; height: 100%; } .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block, .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .left-block { width: 50%; height: 100%; } .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block > div, .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .left-block > div { height: 85%; overflow-y: auto; } .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block { width: 60%; } .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block .appointment-block ul { margin: 1vh 0 0 0; } .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block .appointment-block ul li span { font-weight: 500; color: #FFA800; } .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .left-block { margin-right: 1rem; } .service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .left-block .required-docs-block ul { margin: 1vh 0 0 0; list-style-type: disc; } .service-details-container .main-frame .content-block .col div { width: 100%; } .service-details-container .main-frame .content-block .col .client-message { height: 22vh; width: 49.65%; padding: 1rem; margin-top: 1vh; background: #3b363b; } .service-details-container .main-frame .content-block .col .client-message p { word-wrap: break-word; } .service-details-container .main-frame .content-block .col .client-files { height: 22vh; width: 49.65%; padding: 1rem; margin-top: 1vh; display: flex; flex-direction: column; background: #3b363b; } .service-details-container .main-frame .content-block .col .client-files .file-block { display: flex; flex-wrap: wrap; overflow-y: auto; max-height: 18vh; margin: auto 0; } .service-details-container .main-frame .content-block .col .client-files .file-block .file-wrapper { display: flex; flex-direction: column; align-items: center; max-width: 20%; cursor: pointer; } .service-details-container .main-frame .content-block .col .client-files .file-block .file-wrapper:hover svg { fill: #ff9640; } .service-details-container .main-frame .content-block .col .client-files .file-block .file-wrapper svg { min-width: 20%; max-width: 20%; fill: #FFA800; transition: 0.2s ease-in-out; } .service-details-container .main-frame .content-block .col .client-files .file-block .file-wrapper p { font-size: 0.8rem; } .service-details-container .main-frame .content-block .col .insurance-calculator { display: flex; } .service-details-container .main-frame .content-block .col .insurance-calculator .left-container { border-right: 1.4px solid rgba(255, 255, 255, 0.15); border-radius: 0px; } .service-details-container .main-frame .content-block .col .insurance-calculator .left-container h2 { margin: 0 15px 25px 0; } .service-details-container .main-frame .content-block .col .insurance-calculator .right-container h2 { margin: 0 0 25px 0; } .service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator { overflow-y: overlay; overflow-x: hidden; max-height: 30vh; } .service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator { margin: 0 30px 16px 0; display: flex; justify-content: flex-start; align-items: center; height: 34px; } .service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-header { font-size: 19px; margin: 0 0 0 24px; flex: 0.6 1; } .service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-header.missing { flex: 1 1; } .service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-sentence { font-weight: 100; margin: 0 0 0 24px; flex: 1.2 1; } .service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-sentence .bold-red { color: red; font-weight: 500; } .service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-button { margin: 0; flex: 0.5 1; } .service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-margin { flex: 0.3 1; } .service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-missing { font-weight: 100; margin: 0; flex: 4 1; } .service-details-container .main-frame .expert-message, .service-details-container .main-frame .right-details { width: 100%; height: 100%; padding: 1rem; margin-top: 1vh; background: #3b363b; min-height: 16vh; } .service-details-container .main-frame .right-details p { margin: 0; word-wrap: break-word; } .service-details-container .main-frame .right-details h3 { margin-top: 8px; } .service-details-container .ins-help { position: relative; flex-grow: 1; display: flex; flex-direction: row; } .service-details-container .ins-help .ins-help-btn { display: flex; font-size: 0.9rem; font-weight: 600; background: #141010; justify-content: center; align-items: center; max-width: 2vh; max-height: 2vh; margin-right: 0.2vw; margin-top: 0.2vw; color: #FFA800; border: 1px solid #fff; cursor: pointer; } .service-details-container .ins-help .ins-help-btn:hover { border: 1px solid #FFA800; } .service-details-container .ins-help .ins-help-txt { display: none; position: absolute; max-width: 70%; text-align: center; left: 0; z-index: 15; top: -1rem; background-color: #FFA800; } .service-details-container .ins-help .ins-help-txt p { width: 100%; } .service-details-container .ins-help.active .ins-help-btn { background: #FFA800; color: #fff; border: 1px solid #fff; } .service-details-container .ins-help.active .ins-help-txt { display: block; } @media screen and (max-width: 624px) { .service-details-container { width: 100% !important; min-height: 100vh !important; height: 100%; } .service-details-container .main-title { margin-top: 5vh; } .service-details-container .service-panel-wrapper { margin-bottom: 5rem; } .service-details-container .service-panel-wrapper .top-bar { display: grid !important; grid-template-columns: 1fr 1fr; } .service-details-container .service-panel-wrapper .top-bar .top-bar-title { font-size: 1rem; padding: 0; border: none; } .service-details-container .service-panel-wrapper .main-frame .content-block { flex-direction: column; } .service-details-container .service-panel-wrapper .main-frame .content-block .col { display: block; } .service-details-container .service-panel-wrapper .main-frame .content-block .col .client-message, .service-details-container .service-panel-wrapper .main-frame .content-block .col .client-files { width: 100%; } .service-details-container .service-panel-wrapper .main-frame .content-block .insurance-calculator { display: flex; flex-direction: column; } .service-details-container .service-panel-wrapper .main-frame .content-block .insurance-calculator .half-calculator .row-calculator { height: 75px; flex-direction: column; margin: 1.2rem 0; } .service-details-container .service-panel-wrapper .main-frame .content-block .insurance-calculator .half-calculator .row-calculator p { flex: 1 1 !important; margin: 0 !important; } .service-details-container .service-panel-wrapper .main-frame .content-block .insurance-calculator .left-container { border-right: none; border-top: 1.4px solid rgba(255, 255, 255, 0.15); } .service-details-container .service-panel-wrapper .main-frame .content-block .insurance-calculator .left-container h2 { margin: 1rem 0 0.5rem 0; } .service-details-container .service-panel-wrapper .main-frame .content-block .right-col { width: 100%; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col { width: 100%; margin: 0; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .appointment-details { height: initial; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .appointment-details .blocks-wrapper { display: block; height: initial; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .appointment-details .blocks-wrapper .right-block, .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .appointment-details .blocks-wrapper .left-block { width: 100%; height: 100%; margin: 0; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .appointment-details .blocks-wrapper .left-block { margin-top: 1rem; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .upload-files-block { min-width: 100%; height: 24vh; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .upload-files-block > div .top-row { flex-direction: row; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .upload-files-block > div .top-row h2 { margin: 0; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .upload-files-block > div .file-upload-content { margin-bottom: 5%; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .upload-files-block > div .file-upload-content .file-container { grid-template-columns: 1fr 1fr 1fr; } .service-details-container .service-panel-wrapper .main-frame .content-block .left-col .upload-files-block p { font-size: 1rem; } .service-details-container .service-panel-wrapper .main-frame .content-block .button-block { display: block; } .button-block { width: 100% !important; } } @media screen and (max-height: 624px) and (orientation: landscape) { .service-details-container { width: 98% !important; height: initial; } .service-details-container .main-title { margin-top: 10%; } .service-details-container .service-panel-wrapper .top-bar { display: grid !important; grid-template-columns: 1fr 1fr; } .service-details-container .service-panel-wrapper .top-bar .top-bar-title { font-size: 1rem; padding: 0; border: none; } .service-details-container .service-panel-wrapper .main-frame .content-block { flex-direction: column; } .service-details-container .service-panel-wrapper .main-frame .content-block .col .left-col { width: 100%; } .service-details-container .service-panel-wrapper .main-frame .content-block .col .left-col .file-wrapper { min-width: 50%; } .service-details-container .service-panel-wrapper .main-frame .content-block .col .left-col .file-wrapper p { font-size: 1rem; } .service-details-container .service-panel-wrapper .main-frame .content-block .col .left-col div { height: 40vh; } .service-details-container .service-panel-wrapper .main-frame .content-block .col .right-col div { height: 40vh; } .service-details-container .service-panel-wrapper .main-frame .content-block .col .client-message, .service-details-container .service-panel-wrapper .main-frame .content-block .col .client-files { height: 40vh; } .service-details-container .service-panel-wrapper .btn { margin-bottom: 3%; } } @media only screen and (max-width: 1023px) { .service-details-container { margin: 12vh 0 0 0; width: 99%; padding: 0 5px; } .service-details-container .top-row { flex-direction: column; } .service-details-container .top-row .btn-history { display: none; } .service-details-container .main-frame .content-block .col .insurance-calculator { flex-direction: column; } .service-details-container .main-frame .content-block .col .insurance-calculator .left-container { border: none; } .service-details-container .main-frame .content-block .col .insurance-calculator .left-container h2 { margin: 0; } .service-details-container .main-frame .content-block .right-col { width: 50%; } .btn { padding: 1rem 2.4rem; } } @media screen and (min-width: 1023px) and (max-width: 1600px) { .service-details-container { width: 95%; } } .img--ins-analise { width: 25vw; } .first-comparison { display: flex; flex-direction: row; align-items: center; } .first-comparison .type-size { font-size: 0.9rem; } .first-comparison .type { color: #2a2a2a; padding: 0 0.5rem; } .first-comparison .parameter-name { color: #FFA800; font-size: 1.25rem; } .compensation { color: #3cbdc7; } .indemnification { color: #94d13d; } .sum-premium-area { display: flex; align-items: center; width: 95%; height: 3.7rem; } .sum-premium-area .sum-premium { display: flex; color: #2a2a2a; font-weight: 500; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); width: 7rem; height: 2.5rem; justify-content: center; align-items: center; margin: 0 1rem; } .table-space { display: flex; width: 100%; background: white; padding-bottom: 1rem; } .drop-down-row { cursor: pointer; } .row-comparison, .footer-comparison { display: flex; align-items: center; width: 100%; } .row-comparison .first-cell-row, .footer-comparison .first-cell-row { font-weight: bold; color: #2a2a2a; font-size: 1.25rem; padding-right: 1rem; } .row-comparison .cell-row, .footer-comparison .cell-row { color: #1d1d1e; } .row-comparison .dropped-cell, .footer-comparison .dropped-cell { font-weight: normal; font-size: 13px; } .row-comparison .rights, .footer-comparison .rights { color: #FFA800; font-weight: bold; cursor: pointer; transition: all 0.5s ease-in-out; } .row-comparison:hover .rights, .footer-comparison:hover .rights { text-decoration: underline; } .row-comparison .last-cell, .footer-comparison .last-cell { position: absolute; left: 0; display: flex; justify-content: center; align-items: center; flex: 0.1 1; margin: 0 0.5rem; } .row-comparison .last-cell .spacer { width: 0.95rem; } .footer-comparison { margin-bottom: 1rem; height: initial; } .footer-comparison .cell span { display: flex; color: #2a2a2a; font-weight: 500; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); width: 7rem; height: 2.5rem; justify-content: center; align-items: center; margin: 0 1rem; padding: 0.3rem; line-height: 2rem; } .footer-comparison .last-cell .spacer { width: 1.45rem; } .row-comparison { position: relative; transition: all 0.3s ease-in-out; padding: 2rem 0; } .row-comparison .rights, .row-comparison .first-cell-row, .row-comparison .cell-row { transition: all 0.3s ease-in-out; } .row-comparison .last-cell svg > path { transition: fill 0.3s ease-in-out; } .row-comparison.row-opened { background-color: #b4b4b4; } .row-comparison.row-opened .first-cell-row, .row-comparison.row-opened .cell-row { color: #fff; } .row-comparison.row-opened .last-cell svg > path { fill: #fff; } .sticky { overflow: hidden; position: fixed; top: 5vh; height: 12rem; background: white; transition: 0.5s; } .nav-bar-area { display: flex; align-items: flex-end; justify-content: center; width: 99%; margin: 2rem 0; z-index: 1; } .nav-bar-area .nav-bar { display: flex; align-items: center; justify-content: center; margin-bottom: 3rem; } .nav-bar-area .nav-bar .nav-btn { display: flex; align-items: center; justify-content: center; line-height: 0.9rem; font-size: 0.9rem; font-weight: 500; width: 10.8rem; height: 2.6rem; color: #2a2a2a; border-radius: 2rem; text-align: center; margin: 0 1.5rem; padding: 0 0.3rem; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16); cursor: pointer; } .nav-bar-area .nav-bar .nav-btn.active { background: #FFA800; color: white; } .graph-area { display: flex; justify-content: center; width: 100%; } .graph-area .graph { display: flex; align-items: center; justify-content: center; width: 50vw; } .graph-area .graph .graph-part { display: flex; width: 100%; height: 100%; flex-direction: column; } .graph-area .graph .graph-part .graph-part-title { font-size: 1.3rem; color: black; margin: 0.4rem 0; } .graph-area .graph .graph-part .graph-part-sum { font-size: 1.8rem; color: black; font-weight: 500; margin: 0.4rem 0; } .graph-area .graph .graph-part .graph-title { display: flex; } .graph-area .graph .graph-part .value-area { display: flex; flex-direction: column; width: 90%; } .graph-area .graph .graph-part .value-area .value-graph { display: flex; align-items: center; justify-content: space-between; min-width: 13rem; height: 2.5rem; border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; margin: 0.3rem 0; } .graph-area .graph .graph-part .value-area .value-graph .name { display: flex; align-items: center; min-width: 9rem; height: 100%; padding-right: 0.5rem; } .graph-area .graph .graph-part .value-area .value-graph .sum { padding-left: 0.5rem; } @media screen and (max-width: 1023px) { .graph-area .graph { flex-direction: column; width: 90vw; } .graph-area .graph .graph-part:first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .graph-area .graph .graph-part .graph-part-sum { margin-right: auto; } } .logo { display: flex; flex-direction: row; font-size: 2.85rem; font-weight: 500; margin-top: 2rem; align-items: center; } .logo .first-part-logo { color: black; } .logo .second-part-logo { color: #ff7300; } .main-title-area { display: flex; flex-direction: column; align-items: center; margin: 2rem 0; font-weight: 500; } .main-title-area .main-title { color: black; font-size: 2.5rem; } .main-title-area .main-sub-title { color: #ff7300; font-size: 1.75rem; margin: 0.8rem 0; } .agent-headers { display: flex; width: 90%; flex-direction: row; color: black; font-size: 1.5rem; font-weight: 500; justify-content: space-between; } @media screen and (max-width: 1023px) { .main-title-area .main-title { font-size: 6vw; line-height: 6vw; } .main-title-area .main-sub-title { font-size: 5vw; line-height: 5vw; margin: 0; margin-top: 2%; } } .insurance-analise { display: flex; flex-direction: column; align-items: center; padding-top: 12rem; background: #fff; min-height: 99.99vh; height: 1px; overflow-y: auto; } .insurance-analise::-webkit-scrollbar { z-index: 2; } .insurance-analise .legend { display: flex; align-items: center; justify-content: flex-start; width: 70%; background: white; padding-bottom: 1rem; font-weight: 500; font-size: 0.9rem; } .insurance-analise .legend .legend-info { display: flex; flex-direction: row; margin-right: 1rem; } .insurance-analise .legend .description { color: #2a2a2a; margin-right: 0.2rem; } .insurance-analise .title-robot-area { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; width: 100%; margin-top: 5rem; } .insurance-analise .title-table { font-size: 1.625rem; font-weight: 500; color: #ff7300; margin-bottom: 3rem; } .insurance-analise .title-robot { width: 10rem; } .insurance-analise .sub-title-area { display: flex; flex-direction: row-reverse; width: 70%; padding-bottom: 1rem; } .insurance-analise .sub-title-table { color: #2a2a2a; font-size: 1.5rem; font-weight: 500; margin: auto 1rem auto 0; } .insurance-analise .table-aria { width: 70vw; margin: 0 auto; } .insurance-analise .table-aria .table { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background: #f3f3f3; } .insurance-analise .table-aria .table .heading { display: flex; width: 98%; height: 6vh; font-weight: 500; } .insurance-analise .table-aria .table .heading .header { font-size: 1.3rem; color: #2a2a2a; } .insurance-analise .table-aria .table .rows { display: flex; flex-direction: column; justify-content: space-between; width: 98%; background: #fff; margin-bottom: 0.5rem; color: black; } .insurance-analise .table-aria .table .rows .row { display: flex; align-items: center; width: 100%; } .insurance-analise .table-aria .table .first-cell { display: flex; justify-content: start; align-items: center; width: 100%; height: 100%; } .insurance-analise .table-aria .table .cell { display: flex; justify-content: center; align-items: center; width: 100%; } .row-border { border-bottom: 4px solid #f3f3f3; } .cell-border-r { border-right: 2px solid #f3f3f3; } .cell-border-l { border-left: 2px solid #f3f3f3; } @media screen and (max-width: 1023px) { .insurance-analise { height: 100vh; min-height: 640px; padding-bottom: 0; justify-content: space-between; } .insurance-analise::-webkit-scrollbar { display: none; } } .parameter-area { display: flex; align-items: start; justify-content: center; flex-direction: column; line-height: normal; font-weight: 500; width: 100%; height: 100%; padding-right: 1rem; } .parameter-area .parameter-name { color: #FFA800; font-size: 1.25rem; } .parameter-area .type-area { display: flex; flex-direction: row; } .parameter-area .type-area .type { color: #2a2a2a; padding: 0 0 0 0.5rem; font-size: 0.8rem; } .rights-cell-area { display: flex; color: #1d1d1e; align-items: center; height: 100%; width: 100%; min-height: 150px; } .rights-cell-area .cell-rights { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 1rem; height: 100%; width: 100%; } .rights-cell-area .cell-rights .info-area { display: flex; flex-direction: row; } .rights-cell-area .cell-rights .info-area .check-mark { display: flex; align-items: center; justify-content: center; margin-left: 0.5rem; } .rights-cell-area .cell-rights .btn-rights { display: flex; border-radius: 1rem; margin-top: 1rem; align-items: center; justify-content: center; color: #fff; font-weight: 500; width: 6rem; height: 1.6rem; cursor: pointer; font-size: 0.8rem; background-image: linear-gradient(120deg, #f7972b 0%, #fc491a 100%); } .uniq-cov-wrapper { display: flex; flex-direction: column; width: 100%; } .uniq-cov-wrapper .cell-hmo-missing-cov { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 1rem; } .uniq-cov-wrapper .cell-hmo-missing-cov .rights-not-found { margin-left: auto; } .uniq-cov-wrapper .cell-hmo-missing-cov .info-area-missing-cov { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin-bottom: 0.3rem; } .uniq-cov-wrapper .cell-hmo-missing-cov .info-area-missing-cov .rights-hmo-missing-cov { display: flex; align-items: end; cursor: pointer; margin-left: 0.5rem; width: 70%; } .uniq-cov-wrapper .cell-hmo-missing-cov .info-area-missing-cov .rights-hmo-missing-cov:hover { color: #ff8f33; font-weight: 500; } .uniq-cov-wrapper .cell-hmo-missing-cov .info-area-missing-cov .rights-hmo-missing-count { display: flex; color: #ff8f33; font-weight: 500; margin-left: 0.3rem; } .uniq-cov-wrapper .cell-hmo-missing-cov .info-area-missing-cov .price-cov { display: flex; align-items: start; width: 30%; } .uniq-cov-wrapper .policy-rights { display: flex; flex-direction: column; align-items: start; justify-content: center; } .row-comparison-hmo { display: flex; align-items: center; width: 100%; } .cell-comparison-hmo { display: flex; width: 100%; height: 100%; } .dupl-sub-title-area { display: flex; flex-direction: column; width: 70%; line-height: normal; padding-bottom: 1.2rem; } .comp-type { padding-right: 1rem; font-weight: 500; } .policy-number { color: #ff8f33; font-weight: 500; font-size: 0.9rem; } .cell-dup-cell { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .policies-info-wrapper { display: flex; flex-direction: column; width: 100%; align-items: center; } .policies-info { display: flex; flex-direction: column; align-items: start; justify-content: center; width: 100%; padding: 1rem 2rem 1rem 0.5rem; } .policies-info .company-price { display: flex; flex-direction: column; } .uniq-rights-wrapper { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; } .uniq-rights-wrapper .company-rights { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 2rem 0; } .uniq-rights-wrapper .dupl-company-logo { display: flex; align-items: center; justify-content: center; width: 30%; } .uniq-rights-wrapper .cell-hmo-missing { display: flex; align-items: center; justify-content: center; width: 100%; } .uniq-rights-wrapper .cell-hmo-missing .info-area-missing { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 70%; flex-wrap: wrap; } .uniq-rights-wrapper .cell-hmo-missing .info-area-missing .rights-hmo-missing { display: flex; align-items: start; cursor: pointer; margin-left: 0.5rem; } .uniq-rights-wrapper .cell-hmo-missing .info-area-missing .rights-hmo-missing:hover { color: #ff8f33; border-bottom: 1px solid #ff8f33; } .uniq-rights-wrapper .cell-hmo-missing .info-area-missing .price { display: flex; align-items: end; } .uniq-rights-wrapper .policy-rights { display: flex; flex-direction: column; align-items: start; justify-content: center; width: 80%; } .uniq-rights-wrapper .policy-rights .policy-number-uniq { color: #ff8f33; font-weight: 500; font-size: 0.9rem; padding-right: 1rem; } .download-container { display: flex; flex-direction: column; } .download-container .some-time-text { color: black; font-weight: bold; font-size: 1rem; } .download-btn { background: linear-gradient(8deg, #f16a23 -220%, #faaf3a -90%, #f9ac1b -22%, #f05a26 75%); margin-left: 1rem; border-radius: 23px; min-width: 100px; } .download-btn .load-wrapper { display: flex; align-items: center; justify-content: center; } .download-btn .load-wrapper .spinner { animation: rotate 1.5s linear infinite; margin-left: 0.5rem; } .download-btn a { color: #fff; } .download-btn.prepare-btn { pointer-events: none; background: #e5e5e5; color: #fff; } .download-btn .loaded-pdf { display: flex; justify-content: space-around; align-items: center; } .download-btn .loaded-pdf .download-icon { margin-right: 0.5rem; } .download-btn .loaded-pdf .download-icon svg, .download-btn .loaded-pdf .download-icon g, .download-btn .loaded-pdf .download-icon path { fill: #fff; } @media screen and (max-width: 1023px) { .download-btn { background: linear-gradient(8deg, #f16a23 -220%, #faaf3a -90%, #f9ac1b -22%, #f05a26 75%); margin-left: 1rem; border-radius: 23px; } .download-text { font-size: 6vw; line-height: 6vw; font-weight: 500; color: #1d1d1e; width: 90%; text-align: center; margin: 3% 0; } .bottom-mobile-divider { width: 100%; padding-top: 5%; } } .companies-cell { display: flex; } .companies-cell .company-name { margin-left: 1rem; margin-right: 2rem; font-size: 1.25rem; font-weight: 500; } .total-payment { display: flex; justify-content: center; font-weight: 500; } .total-rights-cell { display: flex; justify-content: center; } .total-rights-cell .total-rights { color: #FFA800; font-weight: 500; } .row-summary { display: flex; align-items: center; width: 100%; height: 7vh; border-bottom: 10px solid #f3f3f3; } .final-row-container { display: flex; width: 98%; height: 6vh; font-weight: 500; color: #1d1d1e; } .cell-missing { display: flex; height: 100%; align-items: center; justify-content: center; } .missing-policies-divider { width: 100%; height: 5vh; background-color: #fff; } .newer-info-cell { display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: normal; width: 100%; height: 100%; } .newer-info-cell .policy-info { display: flex; flex-direction: row; flex-wrap: wrap; width: 90%; } .newer-info-cell .policy-info .list-icon { margin: 0 0.25rem; } .newer-info-cell .policy-info .parameter-company { color: #ff8622; font-weight: 500; margin: 0 0.25rem; } .newer-info-cell .policy-info .date-text { color: black; font-weight: 500; margin: 0 0.25rem; } .newer-info-cell .policy-desc { display: flex; align-items: start; color: #747474; margin: 0 0.25rem; width: 80%; } .row-newer-policy { display: flex; align-items: center; width: 100%; } .cell-newer { display: flex; height: 100%; } .robot-container { background-color: white; width: 100%; } .insurance-analise-footer-wrapper { width: 100%; min-height: 118px; } .insurance-analise-footer-wrapper .footer-container { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB3wAAAB6BAMAAACmUj8TAAAAHlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaVcReAAAACXRSTlMAQHHbtpNYFSuhy72dAAACwUlEQVR42u3cMU7jQBSA4XTUacLWkdgLeJvUSS6AsEQLhevtvC1VUu9WuS1OQChaEUPAdmaev+8Idn49NPPwZBLR1Xb2WN4tF7tF8Wu1Ksv5vKqmPzb1BEg226fZvFw12Z5UND2vDz0/TLf1b48MLq0+ZFu0ZHvKv6LYj+fb+c9mPG+NZxjMn6dqn+2uQ8Xbn9vNeN4Yz5BBtp8cz3qGr2Y7fby5Gybblp6Px7M/t6HdVQrZto7ntfEM/2c7a7Jdppmt8QzvZrs9ZLvYhXA0nh+MZ+Jmu7//CZPtx6dhVWU8EyPbVfhsWy6r3sazXRJyUb/c/4w2W7skZGjAa9so4/lo1XNjPHOhbG9k2/1llV8WfWab8LVtxPGsZzo4kTpku5TtRU/D7JJwXrahrm3jjGe7JHyQbSlb45mssh35tW2w8WyXZBy+/k/y5HMaZtUz3v2Pa9sRXlb5bJhssUuCa1tS3CWx6pnWta1s6eSyyngeKtuZbQt6H896tm1BiNMwuyTfu7aVLWmMZ7sk55AtxnO2/EbIcTzbJZEvUU7DxrpL4idAIGP7bJg3zhjGc9BdEm+YcY3nUKueXihOw7Idz14gnBzPtXwhxGlYgrskXg+cO56T2SXxOqCD8VxeZDx7+tDTeO7/s2GeNvTf8+tnw7reJfFwYVgdfjbMw4RExvP5uySeHSQ3nj+76ulZQQ7j+d3Phnk0kOV4Xpf38oVc/ZUvyBeQLyBfkC8gX0C+gHxBvoB8AfmCfAH5AvIF5AvyBeQLyBfkC8gXkC8gX5AvIF9AviBfQL6AfAH5gnwB+QLyBfkC8gXkC8gX5AvIF5AvyBeQLyBfQL4gX0C+gHxBvoB8AfkC8gX5AvIF5AvIF+QLyBeQL8gXkC8gX0C+IF9AvoB8Qb6AfAH5AvIF+QLyBeQL8gXkC8gXkC/EyXcK5On6GTndlWwifrndAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; margin-top: 5rem; } .insurance-analise-footer-wrapper .footer-container .back-to-top { background-image: url(data:image/png;base64,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); background-size: contain; background-repeat: no-repeat; width: 59px; height: 65px; position: absolute; top: -8%; right: 15%; color: #1d1d1e; font-weight: bold; display: flex; justify-content: center; align-items: center; cursor: pointer; } .insurance-analise-footer-wrapper .footer-container .back-to-top:hover { transform: scale(1.1); } .insurance-analise-footer-wrapper .footer-container .back-to-top span { width: 50%; font-size: 11px; line-height: 10px; transform: translateY(40%); text-align: center; } .agent-service-details-container { width: 95%; margin-right: 2.5%; min-height: 88vh; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 8vh; margin-bottom: 8vh; } .agent-service-details-container h1, .agent-service-details-container h2, .agent-service-details-container h3, .agent-service-details-container h4, .agent-service-details-container h5, .agent-service-details-container h6, .agent-service-details-container p, .agent-service-details-container li { word-wrap: break-word !important; } .agent-service-details-container .main-title { color: #FFA800; } .agent-service-details-container div { border-radius: 10px; } .agent-service-details-container h3, .agent-service-details-container h2 { text-align: right; color: #FFA800; margin: 0; font-weight: 500; } .agent-service-details-container h4 { margin: 0; transition: 0.2s ease-in-out; } .agent-service-details-container span { color: #fff; margin-right: 5px; } .agent-service-details-container button { margin: 0 auto; margin-top: 2vh; } .agent-service-details-container button:hover { color: #fff; } .agent-service-details-container .panel-wrapper { width: 70%; } .agent-service-details-container .top-bar { display: flex; align-items: center; background: #282428; padding: 1rem; } .agent-service-details-container .top-bar h3 { padding: 0 1rem; border-left: 1px solid #fff; } .agent-service-details-container .top-bar h3:first-child { padding-right: 0; } .agent-service-details-container .top-bar h3:last-child { border-left: none; } .agent-service-details-container .main-frame { background: #282428; width: 100%; min-height: 30px; margin-top: 1vh; padding: 1rem; } .agent-service-details-container .main-frame .service-path { margin-top: 1vh; } .agent-service-details-container .main-frame .top-row { display: flex; justify-content: space-between; align-items: center; } .agent-service-details-container .main-frame .top-row .left-block { display: flex; align-items: center; } .agent-service-details-container .main-frame .top-row .left-block button { margin: 0; } .agent-service-details-container .main-frame .content-block { display: flex; flex-direction: column; overflow: hidden; } .agent-service-details-container .main-frame .content-block .button-block { display: flex; justify-content: flex-end; } .agent-service-details-container .main-frame .content-block .button-block button { margin: 2vh 0 0 0; display: flex; align-items: center; } .agent-service-details-container .main-frame .content-block .button-block button:first-child { margin-left: 1rem; } .agent-service-details-container .main-frame .content-block .button-block button svg { width: 28px; padding: 0 0 0 8px; height: 28px; fill: #fff; } .agent-service-details-container .main-frame .content-block .col { align-items: center; display: flex; justify-content: space-between; width: 100%; height: 100%; } .agent-service-details-container .main-frame .content-block .col .right-col { width: 50%; height: 100%; } .agent-service-details-container .main-frame .content-block .col .right-col div { width: 100%; padding: 1rem; margin-top: 1vh; background: #3b363b; } .agent-service-details-container .main-frame .content-block .col .right-col .expert-message { height: 19vh; } .agent-service-details-container .main-frame .content-block .col .right-col .message-block { padding: 1rem; } .agent-service-details-container .main-frame .content-block .col .right-col .message-block h2 { margin-bottom: 1rem; } .agent-service-details-container .main-frame .content-block .col .right-col .message-block textarea { width: 100%; height: 9vh; resize: none; background: none; color: #fff; padding: 0.5rem; outline: none; border: 1.4px solid rgba(255, 255, 255, 0.15); border-radius: 10px; } .agent-service-details-container .main-frame .content-block .col .right-col .message-block .counter-row { margin: 0; padding: 0; width: 100%; display: flex; height: 20px; justify-content: flex-end; } .agent-service-details-container .main-frame .content-block .col .right-col .message-block .counter-row p { margin: 0; } .agent-service-details-container .main-frame .content-block .col .right-col .client-files { height: 25vh; } .agent-service-details-container .main-frame .content-block .col .right-col .client-files .file-block { display: flex; flex-wrap: wrap; overflow-y: auto; max-height: 18vh; } .agent-service-details-container .main-frame .content-block .col .right-col .client-files .file-block .file-wrapper { display: flex; flex-direction: column; align-items: center; max-width: 20%; cursor: pointer; } .agent-service-details-container .main-frame .content-block .col .right-col .client-files .file-block .file-wrapper:hover svg { fill: #ff9640; } .agent-service-details-container .main-frame .content-block .col .right-col .client-files .file-block .file-wrapper svg { min-width: 30%; max-width: 30%; fill: #FFA800; transition: 0.2s ease-in-out; } .agent-service-details-container .main-frame .content-block .col .left-col { width: 50%; height: 100%; margin-right: 1vh; } .agent-service-details-container .main-frame .content-block .col .left-col div { width: 100%; } .agent-service-details-container .main-frame .content-block .col .left-col .required-files-list { height: 20vh; border-radius: 10px 10px 0 0; margin-top: 1vh; background: #3b363b; padding: 1rem; } .agent-service-details-container .main-frame .content-block .col .left-col .required-files-list .files-list { list-style-type: disc; } .agent-service-details-container .main-frame .content-block .col .left-col .upload-files-block { height: 19vh; padding: 0; } .agent-service-details-container .main-frame .content-block .col .left-col .upload-files-block .file-upload-wrapper { padding: 1rem; height: 100%; border-radius: 0 0 10px 10px; } .agent-service-details-container .main-frame .content-block .col .left-col .upload-files-block .file-upload-wrapper > div { height: 12vh; } .agent-service-details-container .main-frame .content-block .col .left-col .upload-files-block .file-upload-wrapper > div .top-row button { margin: 0; } .agent-service-details-container .main-frame .content-block .col .left-col .upload-files-block .file-upload-wrapper .on-drag-block .plus-icon { font-size: 5rem; line-height: 3rem; } .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details { width: 100%; padding: 1rem; background: #3b363b; height: 100%; height: 19vh; margin-top: 1vh; } .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper { display: flex; height: 100%; } .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block, .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .left-block { width: 50%; height: 100%; } .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block > div, .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .left-block > div { height: 85%; overflow-y: auto; } .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block { width: 60%; } .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block .appointment-block ul { margin: 1vh 0 0 0; } .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .right-block .appointment-block ul li span { font-weight: 500; color: #FFA800; } .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .left-block { margin-right: 1rem; } .agent-service-details-container .main-frame .content-block .col .left-col .appointment-details .blocks-wrapper .left-block .required-docs-block ul { margin: 1vh 0 0 0; list-style-type: disc; } .agent-service-details-container .main-frame .content-block .col div { width: 100%; } .agent-service-details-container .main-frame .content-block .col .client-message { height: 22vh; width: 49.65%; padding: 1rem; margin-top: 1vh; background: #3b363b; } .agent-service-details-container .main-frame .content-block .col .client-message p { word-wrap: break-word; } .agent-service-details-container .main-frame .content-block .col .client-files { height: 22vh; width: 49.65%; padding: 1rem; margin-top: 1vh; display: flex; flex-direction: column; background: #3b363b; } .agent-service-details-container .main-frame .content-block .col .client-files .file-block { display: flex; flex-wrap: wrap; overflow-y: auto; max-height: 18vh; margin: auto 0; } .agent-service-details-container .main-frame .content-block .col .client-files .file-block .file-wrapper { display: flex; flex-direction: column; align-items: center; max-width: 20%; cursor: pointer; } .agent-service-details-container .main-frame .content-block .col .client-files .file-block .file-wrapper:hover svg { fill: #ff9640; } .agent-service-details-container .main-frame .content-block .col .client-files .file-block .file-wrapper svg { min-width: 20%; max-width: 20%; fill: #FFA800; transition: 0.2s ease-in-out; } .agent-service-details-container .main-frame .content-block .col .client-files .file-block .file-wrapper p { font-size: 0.8rem; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator { display: flex; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .left-container { border-right: 1.4px solid rgba(255, 255, 255, 0.15); border-radius: 0px; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .left-container h2 { margin: 0 15px 25px 0; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .right-container h2 { margin: 0 0 25px 0; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator { overflow-y: overlay; overflow-x: hidden; max-height: 30vh; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator { margin: 0 30px 16px 0; display: flex; justify-content: flex-start; align-items: center; height: 34px; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-header { font-size: 19px; margin: 0 0 0 24px; flex: 0.6 1; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-header.missing { flex: 1 1; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-sentence { font-weight: 100; margin: 0 0 0 24px; flex: 1.2 1; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-sentence .bold-red { color: red; font-weight: 500; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-button { margin: 0; flex: 0.5 1; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-margin { flex: 0.3 1; } .agent-service-details-container .main-frame .content-block .col .insurance-calculator .half-calculator .row-calculator .row-calculator-missing { font-weight: 100; margin: 0; flex: 4 1; } .agent-service-details-container .main-frame .expert-message, .agent-service-details-container .main-frame .right-details { width: 100%; height: 100%; padding: 1rem; margin-top: 1vh; background: #3b363b; min-height: 16vh; } .agent-service-details-container .main-frame .right-details p { margin: 0; word-wrap: break-word; } .agent-service-details-container .main-frame .right-details h3 { margin-top: 8px; } .agent-service-details-container .ins-help { position: relative; flex-grow: 1; display: flex; flex-direction: row; } .agent-service-details-container .ins-help .ins-help-btn { display: flex; font-size: 0.9rem; font-weight: 600; background: #141010; justify-content: center; align-items: center; max-width: 2vh; max-height: 2vh; margin-right: 0.2vw; margin-top: 0.2vw; color: #FFA800; border: 1px solid #fff; cursor: pointer; } .agent-service-details-container .ins-help .ins-help-btn:hover { border: 1px solid #FFA800; } .agent-service-details-container .ins-help .ins-help-txt { display: none; position: absolute; max-width: 70%; text-align: center; left: 0; z-index: 15; top: -1rem; background-color: #FFA800; } .agent-service-details-container .ins-help .ins-help-txt p { width: 100%; } .agent-service-details-container .ins-help.active .ins-help-btn { background: #FFA800; color: #fff; border: 1px solid #fff; } .agent-service-details-container .ins-help.active .ins-help-txt { display: block; } @media screen and (max-width: 624px) { .service-details-container { width: 100% !important; min-height: 100vh !important; height: 100%; } .service-details-container .main-title { margin-top: 5vh; } .service-details-container .panel-wrapper { margin-bottom: 5rem; } .service-details-container .panel-wrapper .top-bar { display: grid !important; grid-template-columns: 1fr 1fr; } .service-details-container .panel-wrapper .top-bar .top-bar-title { font-size: 1rem; padding: 0; border: none; } .service-details-container .panel-wrapper .main-frame .content-block { flex-direction: column; } .service-details-container .panel-wrapper .main-frame .content-block .col { display: block; } .service-details-container .panel-wrapper .main-frame .content-block .col .client-message, .service-details-container .panel-wrapper .main-frame .content-block .col .client-files { width: 100%; } .service-details-container .panel-wrapper .main-frame .content-block .insurance-calculator { display: flex; flex-direction: column; } .service-details-container .panel-wrapper .main-frame .content-block .insurance-calculator .half-calculator .row-calculator { height: 75px; flex-direction: column; margin: 1.2rem 0; } .service-details-container .panel-wrapper .main-frame .content-block .insurance-calculator .half-calculator .row-calculator p { flex: 1 1 !important; margin: 0 !important; } .service-details-container .panel-wrapper .main-frame .content-block .insurance-calculator .left-container { border-right: none; border-top: 1.4px solid rgba(255, 255, 255, 0.15); } .service-details-container .panel-wrapper .main-frame .content-block .insurance-calculator .left-container h2 { margin: 1rem 0 0.5rem 0; } .service-details-container .panel-wrapper .main-frame .content-block .right-col { width: 100%; } .service-details-container .panel-wrapper .main-frame .content-block .left-col { width: 100%; margin: 0; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .appointment-details { height: initial; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .appointment-details .blocks-wrapper { display: block; height: initial; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .appointment-details .blocks-wrapper .right-block, .service-details-container .panel-wrapper .main-frame .content-block .left-col .appointment-details .blocks-wrapper .left-block { width: 100%; height: 100%; margin: 0; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .appointment-details .blocks-wrapper .left-block { margin-top: 1rem; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .upload-files-block { min-width: 100%; height: 24vh; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .upload-files-block > div .top-row { flex-direction: row; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .upload-files-block > div .top-row h2 { margin: 0; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .upload-files-block > div .file-upload-content { margin-bottom: 5%; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .upload-files-block > div .file-upload-content .file-container { grid-template-columns: 1fr 1fr 1fr; } .service-details-container .panel-wrapper .main-frame .content-block .left-col .upload-files-block p { font-size: 1rem; } .service-details-container .panel-wrapper .main-frame .content-block .button-block { display: block; } .button-block { width: 100% !important; } } @media screen and (max-height: 624px) and (orientation: landscape) { .service-details-container { width: 98% !important; height: initial; } .service-details-container .main-title { margin-top: 10%; } .service-details-container .panel-wrapper .top-bar { display: grid !important; grid-template-columns: 1fr 1fr; } .service-details-container .panel-wrapper .top-bar .top-bar-title { font-size: 1rem; padding: 0; border: none; } .service-details-container .panel-wrapper .main-frame .content-block { flex-direction: column; } .service-details-container .panel-wrapper .main-frame .content-block .col .left-col { width: 100%; } .service-details-container .panel-wrapper .main-frame .content-block .col .left-col .file-wrapper { min-width: 50%; } .service-details-container .panel-wrapper .main-frame .content-block .col .left-col .file-wrapper p { font-size: 1rem; } .service-details-container .panel-wrapper .main-frame .content-block .col .left-col div { height: 40vh; } .service-details-container .panel-wrapper .main-frame .content-block .col .right-col div { height: 40vh; } .service-details-container .panel-wrapper .main-frame .content-block .col .client-message, .service-details-container .panel-wrapper .main-frame .content-block .col .client-files { height: 40vh; } .service-details-container .panel-wrapper .btn { margin-bottom: 3%; } } @media only screen and (max-width: 1023px) { .service-details-container { margin: 12vh 0 0 0; width: 99%; padding: 0 5px; } .service-details-container .top-row { flex-direction: column; } .service-details-container .top-row .btn-history { display: none; } .service-details-container .main-frame .content-block .col .insurance-calculator { flex-direction: column; } .service-details-container .main-frame .content-block .col .insurance-calculator .left-container { border: none; } .service-details-container .main-frame .content-block .col .insurance-calculator .left-container h2 { margin: 0; } .service-details-container .main-frame .content-block .right-col { width: 50%; } .btn { padding: 1rem 2.4rem; } } @media screen and (min-width: 1023px) and (max-width: 1600px) { .service-details-container { width: 95%; } } .fly_customer_payment { display: flex; flex-direction: column; align-items: center; } .fly_customer_payment .title_payment { font-size: 20px; font-weight: bold; color: black; } .fly_customer_payment .title_cost { font-weight: 700; font-size: 25px; color: #440e6d; direction: ltr; margin-top: 14px; } .fly_customer_payment .title_cost .cost { font-weight: 700; font-size: 30px; margin: 0 0.5rem 0 0; } .fly_customer_payment .data_fly { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 520px; margin: 3rem 0 1.5rem 0; position: relative; transition: all 0.5s ease-in-out; } .fly_customer_payment .data_fly .plane { position: absolute; left: -30px; } .fly_customer_payment .data_fly .plane.a { top: -17px; } .fly_customer_payment .data_fly .plane.b { top: 41px; } .fly_customer_payment .data_fly .plane.c { bottom: -16px; } .fly_customer_payment .data_fly .plane.d { bottom: 45px; } .fly_customer_payment .data_fly .plane.e { display: none; } .fly_customer_payment .data_fly .plane.mobile { display: none; width: 90vw; } .fly_customer_payment .data_fly .trip_time { display: flex; flex-direction: row; align-items: center; height: 5rem; width: 100%; border: 1px #e2e2e2; border-style: solid none solid none; } .fly_customer_payment .data_fly .trip_time img { margin: 0 0.4rem 0 0.9rem; } .fly_customer_payment .data_fly .trip_time .title { font-weight: 500; font-size: 16px; color: #fd7200; } .fly_customer_payment .data_fly .trip_time .count { font-weight: 400; font-size: 16px; color: #aeadac; margin: 0 0.5rem 0 0; } .fly_customer_payment .data_fly .trip_time .count span { margin: 0 0.5rem 0 0; font-weight: 500; } .fly_customer_payment .data_fly .trip_time.mobile { border: none; } .fly_customer_payment .data_fly .member_count, .fly_customer_payment .data_fly .member_math { display: flex; flex-direction: row; align-items: center; height: 5rem; width: 100%; border: 1px #e2e2e2; border-style: none none solid none; } .fly_customer_payment .data_fly .member_count .title, .fly_customer_payment .data_fly .member_math .title { font-weight: 500; font-size: 16px; color: #fd7200; } .fly_customer_payment .data_fly .member_count .count, .fly_customer_payment .data_fly .member_math .count { font-weight: 400; font-size: 16px; color: #aeadac; margin: 0 0.5rem 0 0; display: flex; flex-direction: row; } .fly_customer_payment .data_fly .member_count .count .middle, .fly_customer_payment .data_fly .member_math .count .middle { margin: 0 5px 0 5px; } .fly_customer_payment .data_fly .member_count .count .with_reverse, .fly_customer_payment .data_fly .member_math .count .with_reverse { direction: ltr; } .fly_customer_payment .data_fly .member_count img, .fly_customer_payment .data_fly .member_math img { margin-right: 4px; } .fly_customer_payment .data_fly .member_count.mobile, .fly_customer_payment .data_fly .member_math.mobile { border: none; } .fly_customer_payment .data_fly .member_math img { margin: unset; translate: 3px 0; } .fly_customer_payment .data_fly .member_count .title { margin-right: 10px; } .fly_customer_payment .data_fly.mobile { width: 90vw; } .fly_customer_payment .data_fly.mobile .trip_time { flex-wrap: wrap; } .fly_customer_payment .data_fly.mobile .trip_time .count { margin-right: 3.7rem; } .fly_customer_payment .data_fly.mobile .member_count { flex-wrap: wrap; } .fly_customer_payment .data_fly.mobile .member_count .count { margin-right: 3.7rem; width: 100%; } .fly_customer_payment .data_fly.mobile .member_math { flex-wrap: wrap; } .fly_customer_payment .data_fly.mobile .member_math .count { margin-right: 3.7rem; width: 100%; } .fly_customer_payment .bonus_fly { display: flex; flex-direction: column; align-items: start; width: 520px; border-bottom: 1px solid #e2e2e2; padding-bottom: 1rem; position: relative; } .fly_customer_payment .bonus_fly .bonus_plane { position: absolute; bottom: -17px; left: -30px; } .fly_customer_payment .bonus_fly .bonus_plane.mobile { display: none; } .fly_customer_payment .bonus_fly .bonus_box_title { display: flex; flex-direction: row; align-items: center; } .fly_customer_payment .bonus_fly .bonus_box_title .title { font-weight: 500; font-size: 16px; color: #fd7200; } .fly_customer_payment .bonus_fly .bonus_box_title img { margin: 0 0 0 0.8rem; } .fly_customer_payment .bonus_fly .bonus_box_list { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; height: 10.2rem; } .fly_customer_payment .bonus_fly .bonus_box_list .list { display: flex; flex-direction: row; align-items: center; justify-content: right; margin: 0.4rem 0; } .fly_customer_payment .bonus_fly .bonus_box_list .list .title { font-weight: 400; font-size: 16px; color: #aeadac; } .fly_customer_payment .bonus_fly .bonus_box_list .list img { margin: 0 0 0 0.4rem; } .fly_customer_payment .bonus_fly.mobile { border-bottom: none; width: 90vw; } .fly_customer_payment .bonus_fly.mobile .bonus_box_list { height: unset; margin-right: 10px; } .fly_customer_payment .warning_title { display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: 15px; } .fly_customer_payment .warning_title .fly_alert_t { font-weight: 400; font-size: 16px; color: #aeadac; } .fly_customer_payment .warning_title .fly_alert_i { margin-left: 7px; } .fly_customer_payment .warning_title.mobile { margin-top: unset; margin-right: 7px; } .fly_customer_payment .payment_btn { width: 123.5px; height: 33px; text-align: center; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; line-height: 33px; font-weight: 500; font-size: 14px; margin: 2.5rem auto; cursor: pointer; z-index: 2; } .fly_customer_payment .payment_btn.mobile { margin: 2rem 0 2rem 0; } .search-btn { position: relative; min-width: 20%; margin: 0 0.3rem; } .search-btn .select-btn { position: relative; cursor: pointer; min-width: 100%; background: white; color: #0d0c0d; padding: 0.4rem 1rem; box-shadow: 1px 1px 1px rgba(13, 12, 13, 0.5); text-align: center; border-radius: 5rem; border-top: 1px solid white; } .search-btn .select-btn strong { font-weight: 500; } .search-btn .select-btn .arrow-icon { position: absolute; left: 0.3rem; top: 0; height: 97%; display: flex; align-items: center; } .search-btn .select-btn .arrow-icon svg { transform: rotate(0deg); transition: all ease-in 0.2s; width: 1.2rem; height: 1.2rem; } .search-btn .searchby-wrap { width: 100%; padding: 3rem 0.2rem 0.8rem; position: absolute; top: 0; right: 0; color: white; border-radius: 1.2rem; background: #363638; opacity: 0; visibility: hidden; text-align: center; transition: all ease 0.2s; } .search-btn .searchby-wrap div { padding: 0.2rem; border-radius: 1rem; cursor: pointer; } .search-btn .searchby-wrap div:hover { background-color: #db9000; } .search-btn.open .select-btn { border-top: 1px solid #ffcb66; background: #FFA800; color: white; } .search-btn.open .select-btn svg { transform: rotate(-90deg); } .search-btn.open .select-btn svg .cls-1 { fill: white; stroke: white; } .search-btn.open .searchby-wrap { margin-top: 2rem; opacity: 1; visibility: visible; } .placeholder .search-btn { min-width: 10rem; } .placeholder .search-btn .select-btn { padding-left: 1.8rem; } .search-bar-wrapper { width: 100%; position: relative; z-index: 6; } .search-bar-wrapper .search-input-wrapper:hover form { transform: scale(1.06); box-shadow: 0 0 20px 1px #cc8600; } .search-bar-wrapper form { display: flex; width: 100%; background-color: #f4f4f4; border-radius: 2rem; align-items: center; transition: all ease-in 200ms; transform: scale(1); box-shadow: 0 0 0px 0px #996500; } .search-bar-wrapper .search-input-wrapper { z-index: 2; position: relative; } .search-bar-wrapper .button-wrapper { z-index: 3; position: relative; } .search-bar-wrapper .input-wrapper { min-height: 50px; padding-right: 0.5rem; flex-grow: 1; padding-left: 50px; position: relative; } .search-bar-wrapper .input-wrapper .autocomplete-wrapper { position: absolute; right: 0; top: 35px; background-color: white; width: 92%; padding: 0.5rem; } .search-bar-wrapper .input-wrapper .autocomplete-wrapper ul { margin: 0; padding: 0.5rem; width: 100%; max-height: 30vh; overflow-y: auto; } .search-bar-wrapper .input-wrapper .autocomplete-wrapper ul li { padding: 0.5rem 0.8rem; color: #1d1d1e; width: 100%; border-radius: 50px; cursor: pointer; } .search-bar-wrapper .input-wrapper .autocomplete-wrapper ul li:hover { background-color: #ffcb66; } .search-bar-wrapper .input-wrapper .autocomplete-wrapper ul li.active { background-color: #FFA800; color: white; } .search-bar-wrapper .search-input { width: 100%; height: 50px; background: none; border: none; outline: none; transition: 0.2s; font-size: 16px; } .search-bar-wrapper .placeholder { color: #0d0c0d; margin-right: 0.5rem; } .search-bar-wrapper .placeholder.hide { animation: hide 0.3s ease-in-out; } .search-bar-wrapper .placeholder.show { animation: show 0.3s ease-in-out; opacity: 1; } .search-bar-wrapper .icon-wrapper { position: absolute; width: 23px; height: 23px; top: 14px; right: 95%; cursor: pointer; } .search-bar-wrapper .icon-wrapper:hover svg { transition: 0.2s; fill: #FFA800; } .search-bar-wrapper .button-wrapper { width: 100%; display: flex; height: 70%; justify-content: center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; opacity: 0; right: 0; transition: opacity 0.3s; } .search-bar-wrapper .button-wrapper.enter { opacity: 1; } .search-bar-wrapper .button-wrapper.enter-done { opacity: 1; } .search-bar-wrapper .button-wrapper.exit-active { opacity: 1; } .search-bar-wrapper .button-wrapper.exit-done { opacity: 0; display: none; } .search-bar-wrapper .button-wrapper.total-hide { display: none; } .search-bar-wrapper .reset-btn { margin-top: 24px; width: 140px; left: 0; position: absolute; border-color: #504850; opacity: 0; } .search-bar-wrapper .reset-btn.enter { opacity: 0; } .search-bar-wrapper .reset-btn.enter-done { opacity: 1; } .search-bar-wrapper .reset-btn.exit-active { opacity: 1; } .search-bar-wrapper .reset-btn.exit-done { opacity: 0; } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @media only screen and (min-width: 0) and (max-width: 624px) { .search-bar-wrapper .input-wrapper input { font-size: 16px; } .search-bar-wrapper .input-wrapper .autocomplete-wrapper { width: 100%; } } @media only screen and (min-width: 1023px) { .reset-btn.enter-done, .reset-btn.exit-active { margin-top: 0.5rem; } } .dentist_page_header { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 50vh; background: url(/_next/static/images/dentist_page_bg-277a5069deb6489738fc06cbc0d4d79c.png) no-repeat 0 -30px; background-size: 104% 100%; } .dentist_page_header .dentist_page_header__title { position: relative; display: flex; justify-content: center; align-items: center; width: 393px; height: 278px; } .dentist_page_header .dentist_page_header__title .inner_title { color: #ffa800; font-size: 36px; font-weight: 600; line-height: 38px; width: 281px; text-align: center; z-index: 2; } .dentist_page_header .dentist_page_header__title .redirect_titles { display: flex; justify-content: center; align-items: center; } .dentist_page_header .dentist_page_header__title .redirect_titles .to_home_page { color: #b3b3b3; font-size: 15px; font-weight: 500; line-height: normal; margin-left: 4px; } .dentist_page_header .dentist_page_header__title .redirect_titles .current_page { color: #ffa800; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; } .dentist_page_header .dentist_page_header__redirect { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: start; position: absolute; right: 17.5%; bottom: -4%; } .dentist_page_header .dentist_page_header__redirect .redirect_titles { display: flex; justify-content: center; align-items: center; } .dentist_page_header .dentist_page_header__redirect .redirect_titles .to_home_page { color: #b3b3b3; font-size: 15px; font-weight: 500; line-height: normal; margin-left: 4px; } .dentist_page_header .dentist_page_header__redirect .redirect_titles .current_page { color: #ffa800; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; } .dentist_page_header .dentist_page_header__redirect .info_dentist_title { color: #000; font-size: 12px; font-weight: 400; line-height: 30px; } .dentist_page_header .dentist_page_header__redirect .toggle_filter_dentist { display: flex; justify-content: center; align-items: center; justify-content: space-between; width: 188px; margin-top: 7px; } .dentist_page_header .dentist_page_header__redirect .toggle_filter_dentist .filter_by_doctor, .dentist_page_header .dentist_page_header__redirect .toggle_filter_dentist .filter_by_clinic { display: flex; justify-content: center; align-items: center; width: 91px; height: 28px; border-radius: 15px; line-height: 0px; font-size: 14px; cursor: pointer; } .dentist_page_header .dentist_page_header__redirect .toggle_filter_dentist.doctor .filter_by_doctor { background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); } .dentist_page_header .dentist_page_header__redirect .toggle_filter_dentist.doctor .filter_by_clinic { background: #f9f9f9; color: #312f2f; outline: 1px solid #fa9e03; } .dentist_page_header .dentist_page_header__redirect .toggle_filter_dentist.clinic .filter_by_clinic { background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); } .dentist_page_header .dentist_page_header__redirect .toggle_filter_dentist.clinic .filter_by_doctor { background: #f9f9f9; color: #312f2f; outline: 1px solid #fa9e03; } @media only screen and (max-width: 1600px) { .dentist_page_header .dentist_page_header__redirect { bottom: -8%; } } @media only screen and (max-width: 624px) { .dentist_page_header { background: url(/_next/static/images/dentist_header_mobile-56932b9d580cf34b98d0b3bf78ba6d02.png) no-repeat center -22px; background-size: 100% 105%; width: 100%; height: 30vh; } .dentist_page_header .dentist_page_header__title { width: unset; height: unset; position: absolute; flex-direction: column; top: 8vh; } .dentist_page_header .dentist_page_header__title .inner_title { font-size: 20px; line-height: 20px; width: 200px; color: #ff920d; margin-bottom: 5px; } .dentist_page_header .dentist_page_header__title .redirect_titles .to_home_page { color: dimgrey; } .dentist_page_header .dentist_page_header__title .redirect_titles .current_page { color: #ff920d; } .dentist_page_header .dentist_page_header__redirect { right: unset; left: unset; margin: 0 auto; bottom: 5%; z-index: 100; align-items: center; } .dentist_page_header .dentist_page_header__redirect .info_dentist_title { display: none; } .dentist_page_header .dentist_page_header__redirect.clinic .toggle_filter_dentist { translate: 0 45px; } } .dentists_section_title { display: flex; justify-content: center; align-items: center; width: 66%; height: 56.265px; background: linear-gradient(180deg, #f9fcfc 0%, #f5f7fc 100%); box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); border-radius: 2.5rem; position: relative; } .dentists_section_title .section_title_name, .dentists_section_title .section_title_service, .dentists_section_title .section_title_city, .dentists_section_title .section_title_address, .dentists_section_title .section_title_phone, .dentists_section_title .section_title_panaram { color: #ffa800; font-size: 15px; font-weight: 500; line-height: normal; width: 33.3%; text-align: center; } .dentists_section_title .info_title { position: absolute; color: #000; font-size: 10px; font-weight: 400; top: -25px; z-index: -1; display: none; } .dentists_section_title .info_title.mobile { display: block; } @media only screen and (max-width: 624px) { .dentists_section_title { width: 95%; height: 40px; z-index: -1; } .dentists_section_title .section_title_name, .dentists_section_title .section_title_service, .dentists_section_title .section_title_city, .dentists_section_title .section_title_address, .dentists_section_title .section_title_phone, .dentists_section_title .section_title_panaram { font-size: 12px; } } .dentists_section_list { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 66%; margin: 0 0 71px 0; z-index: 1; } .dentists_section_list.add_margin { margin: 0 0 350px 0; } .dentists_section_list .dentist_list_is_empty { display: none; font-size: 22px; color: #000; font-weight: 500; margin-top: 100px; } .dentists_section_list .dentist_list_is_empty.empty { display: block; } .dentists_section_list .dentist_list_icon { position: absolute; top: 50vh; left: 60px; width: 326px; height: 326px; background: url(/_next/static/images/tooth_icon-57df5ca0b0f035f7369c776611c4d5c2.png) no-repeat; } .dentists_section_list .list_dentist_wrap { position: relative; width: 100%; } .dentists_section_list .list_dentist_wrap .up_to_page { position: fixed; bottom: 5%; right: 10%; cursor: pointer; animation: float 2s ease-in-out infinite; } .dentists_section_list .list_dentist_wrap .dentist_list_bg { position: fixed; bottom: -5%; right: 0; width: 143px; height: 574px; background: url(/_next/static/images/circle-dentist_bg-54498acac6a01f3be1a4cd56ce360816.png) no-repeat; } .dentists_section_list .list_dentist_wrap .dentist_data_wrap { display: flex; justify-content: center; align-items: center; width: 100%; height: 90px; min-height: 90px; border-bottom: 1px solid rgba(204, 204, 204, 0.26); } .dentists_section_list .list_dentist_wrap .dentist_data_wrap.hidden { display: none; margin-top: 100px; } .dentists_section_list .list_dentist_wrap .dentist_data_wrap:last-child { border-bottom: none; } .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_name, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_service, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_city, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_address, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_phone, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_panoramic { display: flex; justify-content: center; align-items: center; color: #000; font-size: 13.5px; font-weight: 400; line-height: normal; height: 100%; width: 33.3%; } .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_phone:hover { color: #fa9e03; } @media only screen and (max-width: 1600px) { .dentists_section_list .dentist_list_icon { top: 68vh; width: 226px; height: 226px; background-size: 100% 100%; } .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_name, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_service, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_city, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_address, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_phone, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_panoramic { font-size: 12.5px; } } @media only screen and (max-width: 624px) { .dentists_section_list { z-index: -1; width: 95%; } .dentists_section_list.add_margin { margin: 0 0 100px 0; } .dentists_section_list .dentist_list_icon { display: none; } .dentists_section_list .list_dentist_wrap .up_to_page, .dentists_section_list .list_dentist_wrap .dentist_list_bg { display: none; } .dentists_section_list .list_dentist_wrap .dentist_data_wrap { height: 60px; min-height: 60px; } .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_name, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_service, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_city, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_address, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_phone, .dentists_section_list .list_dentist_wrap .dentist_data_wrap .dentist_data_panoramic { font-size: 9px; text-align: center; line-height: 15px; } } @keyframes float { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .select_option_dentist { position: absolute; top: 1px; width: 100%; height: 180px; background: linear-gradient(180deg, #f9fcfc 0%, #f5f7fc 100%); border-radius: 0 0 2rem 2rem; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); padding: 12px 8px 8px 0; } .select_option_dentist.area { height: 160px; } .select_option_dentist .select_dentist_list { display: flex; flex-direction: column; align-items: end; width: 100%; max-height: 95%; overflow: auto; -webkit-overflow-scrolling: touch; direction: ltr; color: #595454; padding-right: 10px; } .select_option_dentist .select_dentist_list .dentist_list_item { height: 2.2rem; min-height: 2.2rem; } .dentist_filter_service, .dentist_filter_area, .dentist_filter_city { display: flex; justify-content: center; align-items: center; z-index: 2; } .dentist_filter_service .service_title, .dentist_filter_service .area_title, .dentist_filter_service .city_title, .dentist_filter_area .service_title, .dentist_filter_area .area_title, .dentist_filter_area .city_title, .dentist_filter_city .service_title, .dentist_filter_city .area_title, .dentist_filter_city .city_title { color: #ffa800; font-size: 15px; font-weight: 500; line-height: normal; margin-left: 4px; } .dentist_filter_service .select_filter, .dentist_filter_area .select_filter, .dentist_filter_city .select_filter { position: relative; width: 230px; height: 1px; background: #bababa; align-self: end; cursor: pointer; } .dentist_filter_service .select_filter .filter_name_title, .dentist_filter_area .select_filter .filter_name_title, .dentist_filter_city .select_filter .filter_name_title { position: absolute; max-width: 90%; top: -20px; right: 10px; color: #c3c3c3; font-size: 16px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dentist_filter_service .select_filter .clicker, .dentist_filter_area .select_filter .clicker, .dentist_filter_city .select_filter .clicker { position: absolute; width: 100%; height: 20px; top: -20px; z-index: 2; } .dentist_filter_service .select_filter .arrow_select, .dentist_filter_area .select_filter .arrow_select, .dentist_filter_city .select_filter .arrow_select { position: absolute; left: 6px; top: -22px; color: #c3c3c3; font-size: 16px; font-weight: 300; z-index: 1; } .dentist_filter_service .select_filter .arrow_select.isRotate, .dentist_filter_area .select_filter .arrow_select.isRotate, .dentist_filter_city .select_filter .arrow_select.isRotate { rotate: -90deg; } @media only screen and (max-width: 624px) { .dentist_filter_service { z-index: 20; } .dentist_filter_area { z-index: 19; } .dentist_filter_city { z-index: 18; } .dentist_filter_service, .dentist_filter_area, .dentist_filter_city { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: start; justify-content: space-between; height: 45px; min-height: 45px; } .dentist_filter_service .service_title, .dentist_filter_service .area_title, .dentist_filter_service .city_title, .dentist_filter_area .service_title, .dentist_filter_area .area_title, .dentist_filter_area .city_title, .dentist_filter_city .service_title, .dentist_filter_city .area_title, .dentist_filter_city .city_title { color: #ffa800; font-size: 15px; font-weight: 500; line-height: normal; margin-left: unset; z-index: 1; } .dentist_filter_service .select_filter, .dentist_filter_area .select_filter, .dentist_filter_city .select_filter { position: relative; width: 230px; height: 1px; background: #bababa; align-self: end; cursor: pointer; z-index: 2; } .dentist_filter_service .select_filter .filter_name_title, .dentist_filter_area .select_filter .filter_name_title, .dentist_filter_city .select_filter .filter_name_title { position: absolute; max-width: 90%; top: -20px; right: 10px; color: #c3c3c3; font-size: 16px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dentist_filter_service .select_filter .clicker, .dentist_filter_area .select_filter .clicker, .dentist_filter_city .select_filter .clicker { position: absolute; width: 100%; height: 20px; top: -20px; z-index: 2; } .dentist_filter_service .select_filter .arrow_select, .dentist_filter_area .select_filter .arrow_select, .dentist_filter_city .select_filter .arrow_select { position: absolute; left: 6px; top: -22px; color: #c3c3c3; font-size: 16px; font-weight: 600; z-index: 1; } .dentist_filter_service .select_filter .arrow_select.isRotate, .dentist_filter_area .select_filter .arrow_select.isRotate, .dentist_filter_city .select_filter .arrow_select.isRotate { rotate: -90deg; } } .dentist_page_wrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: start; width: 100%; min-height: 100vh; background-color: #f9f9f9; padding: 80px 2.5% 0 2.5%; position: relative; z-index: 2; } .dentist_page_wrapper .up_to { position: absolute; top: 0; } .dentist_page_wrapper .load-wrapper { position: absolute; bottom: 0.5rem; } .dentist_page_wrapper .dentist_filter_setting { width: 59%; display: flex; justify-content: center; align-items: center; justify-content: space-between; margin: 57px 0 71px 0; } .dentist_page_wrapper .dentist_filter_setting.before_city { width: 43%; } .dentist_page_wrapper .dentist_filter_setting .mob_wrap .clear_filter_btn { display: flex; justify-content: center; align-items: center; width: 91.088px; height: 28.59px; border-radius: 15px; cursor: pointer; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); color: #fff; font-size: 15px; font-weight: 500; line-height: 1; } .dentist_page_wrapper .dentist_filter_setting.none { visibility: hidden; margin: 20px 0 20px 0; } .dentist_page_wrapper .before_footer_bg { background-image: url(/_next/static/images/agent-list-footer-1bdff118aa7b2dda8b7ba47c9e615edb.png); background-size: cover; height: 23vw; width: 100vw; position: absolute; bottom: 0; } @media only screen and (max-width: 1600px) { .dentist_page_wrapper .dentist_filter_setting { margin: 80px 0 71px 0; width: 76%; } .dentist_page_wrapper .dentist_filter_setting.before_city { width: 55%; } } @media only screen and (max-width: 624px) { .dentist_page_wrapper { padding: unset; } .dentist_page_wrapper .dentist_filter_setting { padding: 20px 0 20px 0; border-radius: 20.065px; background: rgba(255, 255, 255, 0.8); box-shadow: 0px 0px 25.346px 0px rgba(146, 146, 146, 0.25); height: 249px; width: 80%; translate: 0 -30px; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-around; margin: unset; } .dentist_page_wrapper .dentist_filter_setting.before_city { width: 80%; height: 209px; padding: 20px 4vw 20px 4vw; } .dentist_page_wrapper .dentist_filter_setting .mob_wrap { width: 230px; } .dentist_page_wrapper .dentist_filter_setting .mob_wrap .clear_filter_btn { align-self: start; width: 69px; height: 21.657px; font-size: 11px; font-weight: 400; } .dentist_page_wrapper .dentist_filter_setting.none { visibility: hidden; margin: unset; height: 63px; } .dentist_page_wrapper .before_footer_bg { bottom: -5px; } } .get-back-to-me-wrapper { width: 100vw; height: 300px; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-bottom: 5rem; } .get-back-to-me-wrapper .black-credit-card { position: absolute; top: -70%; right: -5vw; width: 33%; min-width: 500px; } .get-back-to-me-wrapper .title { font-size: 3rem; font-weight: bold; margin-bottom: 4rem; } .get-back-to-me-wrapper .form-container { display: flex; font-size: 1.4rem; } .get-back-to-me-wrapper .form-container .input-container { position: relative; } .get-back-to-me-wrapper .form-container .input-container input { color: #1d1d1e; font-weight: 500; margin-left: 1rem; border-radius: 25px; padding: 1rem; padding-left: 8rem; } .get-back-to-me-wrapper .form-container .input-container input::placeholder { color: #1d1d1e; font-weight: 500; } .get-back-to-me-wrapper .form-container .input-container input:focus { outline-width: 0; } .get-back-to-me-wrapper .form-container .input-container input:focus::placeholder { color: transparent; } .get-back-to-me-wrapper .form-container .input-container .error-msg { opacity: 0; height: 0; position: absolute; right: 1rem; width: 100%; visibility: hidden; transition: all 0.3s ease-in-out; } .get-back-to-me-wrapper .form-container .input-container.error .error-msg { color: #e74c3c; font-size: 1.2rem; opacity: 1; visibility: visible; height: 1.25rem; } .get-back-to-me-wrapper .form-container .input-container.error input { color: #e74c3c; } .get-back-to-me-wrapper .form-container .input-container.error:after { width: 100%; background: #e74c3c; } .get-back-to-me-wrapper .form-container .btn { font-size: 1.5rem; font-weight: 500; padding: 8px 50px; } .get-back-to-me-wrapper .form-container .btn:hover { transform: scale(1.1); } .get-back-to-me-wrapper .robot { position: absolute; top: -5%; left: 7vw; width: 15vw; min-width: 160px; } @media screen and (max-width: 1023px) { .get-back-to-me-wrapper { height: auto; transform: translateY(-18%); padding-bottom: 0; } .get-back-to-me-wrapper .black-credit-card { display: none; } .get-back-to-me-wrapper .title { font-size: clamp(1.3rem, 4.3vw, 2.5rem); margin-bottom: clamp(1.5rem, 5vw, 3rem); } .get-back-to-me-wrapper .form-container { flex-direction: column; justify-content: center; align-items: center; } .get-back-to-me-wrapper .form-container .input-container { margin-bottom: 2rem; } .get-back-to-me-wrapper .form-container .input-container input { margin-left: 0; padding-left: clamp(4rem, 13vw, 8rem); } .get-back-to-me-wrapper .form-container .btn { padding: 0; width: 100%; min-height: clamp(2.5rem, 8.2vw, 3.5rem); font-size: clamp(1rem, 3.3vw, 1.5rem); } .robot { display: none; } .card-and-robot { width: 65vw; min-width: 236px; max-width: 350px; } } .referrer-wrapper { background-color: #fff; } .blue { color: #0659cf; } .agent-list-header { background-color: #f9f9f9; margin-bottom: 60px; } .agent-list-header .agent-list-background { background-image: url(/_next/static/images/agent-list-header-da70f4a62ab5dbc5c481ce4b4ae27096.png); background-size: cover; background-repeat: no-repeat; background-position: center; height: 28vw; width: 100vw; } .agent-list-header .agent-list-bread-crumb-container { margin-right: 12vw; margin-top: 33px; color: #ff7200; font-size: 14px; font-weight: 400; } .agent-list-header .agent-list-bread-crumb-container .bread-crumb-button { font-family: Rubik; color: #787272; } .agent-list-header .agent-list-bread-crumb-container span { font-weight: 450; } @media only screen and (max-width: 1023px) { .agent-list-header .agent-list-background { background-image: url(/_next/static/images/agent-list-head-mob-lg-9d615a3da1da0be218d7b125754a3439.png); background-size: cover; background-repeat: no-repeat; background-position: center; height: 52vw; width: 100vw; } .agent-list-header .agent-list-bread-crumb-container { display: none; } } @media only screen and (max-width: 624px) { .agent-list-header { margin-bottom: 0; } .agent-list-header .agent-list-background { background-image: url(/_next/static/images/agent-list-head-mob-sm-3d9089c74a163c8565384edf9c185103.png); } } .agent-search-bar-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 36vw; background-color: #f9f9f9; } .agent-search-bar-wrapper .form { display: flex; justify-content: space-between; height: 2.5vw; min-height: 48px; width: 41vw; border-radius: 500px; border: none; outline: none; margin: 0 0 3.3rem; padding: 0 1.7rem 0 0; box-shadow: 0 3px 16px 0 #e7eafc; position: relative; } .agent-search-bar-wrapper .form img { position: absolute; left: 1px; top: -2px; height: 120%; } .agent-search-bar-wrapper .form img svg { padding: 0; } .agent-search-bar-wrapper .form .search-bar-input { border: none; background: none; flex-grow: 1; height: 100%; } .agent-search-bar-wrapper .form .search-bar-input::placeholder { opacity: 0.5; font-size: 14px; text-align: right; } .agent-search-bar-wrapper .form .search-bar-input:focus { outline: none; } .agent-search-bar-wrapper .agent-search-headline { text-align: center; display: flex; flex-direction: column; align-items: center; color: #000; margin: 0.5vw 0 2vw; } .agent-search-bar-wrapper .agent-search-headline .agent-search-line1 { color: #fd7200; font-size: 20px; } .agent-search-bar-wrapper .agent-search-headline .agent-search-line2 { font-size: 16px; } @media only screen and (max-width: 1023px) { .agent-search-bar-wrapper { width: 100%; } .agent-search-bar-wrapper .form { min-height: 26px; } .agent-search-bar-wrapper .form img { left: 1px; top: -1px; } .agent-search-bar-wrapper .agent-search-headline { margin-top: 40px; } .agent-search-bar-wrapper .agent-search-headline .agent-search-line1 { font-size: 20px; font-weight: bold; } .agent-search-bar-wrapper .agent-search-headline .agent-search-line2 { font-size: 14px; font-weight: bold; } } @media only screen and (max-width: 624px) { .agent-search-bar-wrapper .form { width: 220px; min-height: 24px; padding-right: 5px; margin-top: 10px; } .agent-search-bar-wrapper .form img { position: absolute; left: 1px; top: -1px; height: 120%; } .agent-search-bar-wrapper .form img svg { padding: 0; } .agent-search-bar-wrapper .form .search-bar-input { padding: 0 0 4px 0; } .agent-search-bar-wrapper .form .search-bar-input::placeholder { font-size: 8px; vertical-align: middle; } .agent-search-bar-wrapper .agent-search-headline .agent-search-line1 { font-size: 14px; } .agent-search-bar-wrapper .agent-search-headline .agent-search-line2 { font-size: 12px; } } .deserved-section-container { width: 100%; height: 300px; display: flex; position: relative; background-color: white; align-items: center; flex-direction: column; padding-top: 112px; } .deserved-section-container .circle-1 { position: absolute; width: 47px; right: 25%; top: 15em; } .deserved-section-container .circle-2 { position: absolute; width: 26px; left: 35%; top: 12em; } @media screen and (max-width: 1600px) { .deserved-section-container .circle-2 { top: 11em; } } .deserved-section-container .circle-text-1 { width: 110px; height: 110px; border-radius: 10em; background-image: linear-gradient(179deg, #ffc017 1%, #ffac14 25%, #ff7a0e 76%, #ff2a05 146%, #f00 181%); display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 10%; top: 4em; animation-duration: 4.8s; } .deserved-section-container .circle-text-1 p { margin: 0; padding: 0; font-size: 15px; font-weight: bold; line-height: 16px; } .deserved-section-container .circle-text-2 { width: 110px; height: 110px; border-radius: 10em; background-image: linear-gradient(179deg, #ffc017 1%, #ffac14 25%, #ff7a0e 76%, #ff2a05 146%, #f00 181%); display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; right: 17%; top: 23em; animation-duration: 4.3s; } .deserved-section-container .circle-text-2 p { margin: 0; padding: 0; font-size: 15px; font-weight: bold; line-height: 16px; } .deserved-section-container .circle-text-3 { width: 110px; height: 110px; border-radius: 10em; background-image: linear-gradient(179deg, #ffc017 1%, #ffac14 25%, #ff7a0e 76%, #ff2a05 146%, #f00 181%); display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 23%; top: 28em; animation-duration: 4.5s; } .deserved-section-container .circle-text-3 p { margin: 0; padding: 0; font-size: 15px; font-weight: bold; line-height: 16px; } .deserved-section-container .animation-circle { animation-name: floating; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes floating { from { transform: translate(0, 0px); } 65% { transform: translate(0, 15px); } to { transform: translate(0, 0px); } } .deserved-section-container .text-area { visibility: hidden; } .deserved-section-container .text-area .main-title { font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #fd7200; } .deserved-section-container .text-area .subtitle { font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #000; padding: 1rem 0 2rem 0; } .deserved-section-container .links-container { visibility: hidden; margin-top: 2rem; width: 40%; height: 4rem; font-size: 1.3rem; font-weight: 500; display: flex; justify-content: space-around; align-items: center; background: #fff; border-radius: 50px; box-shadow: 0 0 25px 0 rgba(51, 91, 171, 0.2); z-index: 1; } .deserved-section-container .links-container .deserve-link { padding: 0 5%; border-left: 1px solid #bebebe; color: #1d1d1e; display: flex; align-items: center; transition: color 0.3s ease-in-out; } .deserved-section-container .links-container .deserve-link svg > g > path { transition: stroke 0.3s ease-in-out; stroke: #1d1d1e; } .deserved-section-container .links-container .deserve-link:hover { color: #ff8f33; } .deserved-section-container .links-container .deserve-link:hover svg > g > path { stroke: #ff8f33; } .deserved-section-container .links-container .deserve-link:last-child { border: none; padding-left: 5%; padding-right: 2%; } .deserved-section-container .links-container .deserve-link .text-link { padding-left: 5px; } .deserved-section-container .links-container .deserve-link .magnifying-glass { opacity: 0; transition: opacity 0.3s ease-in-out; } .deserved-section-container .links-container .deserve-link .magnifying-glass.active { opacity: 1; } .deserved-section-container .rights-container { width: 14em; position: absolute; top: 87%; right: 30%; z-index: 10000; background-color: white; border-radius: 1rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); text-align: center; color: black; transition: transform 0.4s cubic-bezier(0.64, 0.57, 0.67, 1.53); } .deserved-section-container .rights-container .links-row .circle-link:last-child { border-bottom: none; color: #55CBD6; } .deserved-section-container .rights-container .links-row .circle-link:last-child:hover { color: #55CBD6; } .deserved-section-container .rights-container .links-row .circle-link:hover { color: #fd7200; cursor: pointer; transition: color 0.3s ease-in-out; } .deserved-section-container .rights-container .links-row .circle-link { margin: 0 auto; padding: 0.7rem; width: 80%; border-bottom: 1px solid #bebebe; } @media screen and (max-width: 1600px) { .deserved-section-container { width: 100%; padding-top: 10em; height: unset; display: none; } .deserved-section-container .text-area .subtitle { padding: 1rem 0 3rem 0; line-height: 0.9; } .deserved-section-container .links-container { width: 55rem; margin: 0; } .deserved-section-container .rights-container { width: 14em; top: 100%; right: 27%; } .deserved-section-container .circle-text-1 { top: 7em; } .deserved-section-container .circle-text-2 { top: 22em; } .deserved-section-container .circle-1 { top: 8em; } .deserved-section-container .circle-text-3 { top: 29em; } } @media screen and (max-width: 1024px) { .deserved-section-container { padding-top: 50px; margin-top: 0; padding-bottom: 1rem; width: 100%; } .deserved-section-container .text-area .main-title { font-size: 18px; } .deserved-section-container .text-area .subtitle { font-size: 16px; padding-top: 0px; } .deserved-section-container .circle-1, .deserved-section-container .circle-2, .deserved-section-container .circle-text-1, .deserved-section-container .circle-text-2, .deserved-section-container .circle-text-3 { display: none; } .deserved-section-container .links-container { width: 70%; margin-top: 5rem; background: none; box-shadow: none; } .deserved-section-container .links-container * { padding: 0; } .deserved-section-container .links-container .deserve-link { border: none; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; padding: 0; } .deserved-section-container .links-container .deserve-link:last-child { padding: 0; } .deserved-section-container .links-container .deserve-link .phone-dsr { display: flex; flex-direction: column; align-items: center; background-color: white; height: 151px; width: 103px; border-radius: 4rem; box-shadow: 0 3px 13px 0 rgba(51, 91, 171, 0.16); } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-heart, .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-doctor, .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-local, .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-drug { height: 62%; display: flex; align-items: flex-end; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-heart { padding-bottom: 5px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-heart img { height: 64px; width: 60px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-doctor img { height: 83px; width: 59px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-local { padding-bottom: 5px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-local img { height: 61px; width: 48px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-drug { padding-bottom: 5px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-drug img { height: 59px; width: 44px; } .deserved-section-container .links-container .deserve-link .phone-dsr .title-dsr { font-size: 13px; padding-top: 10px; } .deserved-section-container .links-container .deserve-link .magnifying-glass { display: none; } } @media screen and (max-width: 768px) { .deserved-section-container { padding-top: unset; margin-top: unset; padding-bottom: unset; height: 280px; width: 100%; } .deserved-section-container .circle-1, .deserved-section-container .circle-2, .deserved-section-container .circle-text-1, .deserved-section-container .circle-text-2, .deserved-section-container .circle-text-3 { display: none; } .deserved-section-container .links-container { width: 73%; margin-top: 3rem; background: none; box-shadow: none; height: unset; } .deserved-section-container .links-container * { padding: 0; } .deserved-section-container .links-container .deserve-link { border: none; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; padding: 0; } .deserved-section-container .links-container .deserve-link:last-child { padding: 0; } .deserved-section-container .links-container .deserve-link .phone-dsr { display: flex; flex-direction: column; align-items: center; background-color: white; height: 151px; width: 102px; border-radius: 4rem; box-shadow: 0 3px 13px 0 rgba(51, 91, 171, 0.16); } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-heart, .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-doctor, .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-local, .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-drug { height: 58%; display: flex; align-items: flex-end; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-heart { padding-bottom: 5px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-heart img { height: 64px; width: 70px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-doctor img { height: 83px; width: 59px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-local { padding-bottom: 1px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-local img { height: 61px; width: 48px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-drug { padding-bottom: 1px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-drug img { height: 59px; width: 43px; } .deserved-section-container .links-container .deserve-link .phone-dsr .title-dsr-dsr-heart { font-size: 11px; padding-top: 15px; } .deserved-section-container .links-container .deserve-link .phone-dsr .title-dsr-dsr-drug { font-size: 11px; padding-top: 15px; } .deserved-section-container .links-container .deserve-link .phone-dsr .title-dsr-dsr-local { font-size: 11px; padding: 17px 0px 0 0px; text-align: center; line-height: 1.3; } .deserved-section-container .links-container .deserve-link .phone-dsr .title-dsr-dsr-doctor { font-size: 11px; padding-top: 15px; } .deserved-section-container .links-container .deserve-link .magnifying-glass { display: none; } .deserved-section-container .text-area { margin-top: 35px; } .deserved-section-container .text-area .main-title { font-size: 18px; } .deserved-section-container .text-area .subtitle { font-size: 15px; padding: 0; } } @media screen and (max-width: 624px) { .deserved-section-container { padding-top: unset; margin-top: unset; padding-bottom: unset; height: 150px; width: 100%; } .deserved-section-container .circle-1, .deserved-section-container .circle-2, .deserved-section-container .circle-text-1, .deserved-section-container .circle-text-2, .deserved-section-container .circle-text-3 { display: none; } .deserved-section-container .links-container { width: 98%; margin-top: 2rem; background: none; box-shadow: none; height: unset; } .deserved-section-container .links-container * { padding: 0; } .deserved-section-container .links-container .deserve-link { border: none; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; padding: 0; } .deserved-section-container .links-container .deserve-link:last-child { padding: 0; } .deserved-section-container .links-container .deserve-link .phone-dsr { display: flex; flex-direction: column; align-items: center; background-color: white; height: 94px; width: 64px; border-radius: 4rem; box-shadow: 0 3px 13px 0 rgba(51, 91, 171, 0.16); } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-heart, .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-doctor, .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-local, .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-drug { height: 58%; display: flex; align-items: flex-end; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-heart { padding-bottom: 5px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-heart img { height: 42px; width: 45px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-doctor img { height: 52px; width: 37px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-local { padding-bottom: 1px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-local img { height: 43px; width: 35px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-drug { padding-bottom: 1px; } .deserved-section-container .links-container .deserve-link .phone-dsr .dsr-drug img { height: 42px; width: 35px; } .deserved-section-container .links-container .deserve-link .phone-dsr .title-dsr-dsr-heart { font-size: 9px; padding-top: unset; } .deserved-section-container .links-container .deserve-link .phone-dsr .title-dsr-dsr-drug { font-size: 9px; padding-top: unset; } .deserved-section-container .links-container .deserve-link .phone-dsr .title-dsr-dsr-local { font-size: 9px; padding: 5px 10px 0 10px; text-align: center; line-height: 1.3; } .deserved-section-container .links-container .deserve-link .phone-dsr .title-dsr-dsr-doctor { font-size: 9px; padding-top: unset; } .deserved-section-container .links-container .deserve-link .magnifying-glass { display: none; } .deserved-section-container .text-area { margin-top: unset; } .deserved-section-container .text-area .main-title { font-size: 14px; } .deserved-section-container .text-area .subtitle { font-size: 13px; padding: 0; } } li { display: flex; align-items: center; } li.drug-item { margin-bottom: 0.7rem; padding-bottom: 0.7rem; } li.drug-item .result-wrapper { margin-bottom: 0; } li .content-wrapper { width: 100%; } li .content-wrapper .readmore { color: #fff; text-decoration: underline; } li .img-wrapper { width: 100px; min-width: 100px; height: 100px; border: 1px solid #FFA800; border-radius: 15px; margin-left: 0.5rem; overflow: hidden; display: flex; align-items: center; justify-content: center; } li .img-wrapper img { width: 100px; height: 100px; } li .policies-wrapper { display: flex; width: 100%; } li .policies-wrapper .policy { text-decoration: underline; cursor: pointer; padding-left: 0.7rem; margin-left: 0.7rem; border-left: 1px solid gray; } li .policies-wrapper .policy:nth-last-child(1) { border: none; } li .policies-wrapper .policy:hover { color: #FFA800; } li .policies-wrapper .title { margin-left: 0.5rem; min-width: 8%; } li .arrow-icon { width: 0.8rem; display: inline-block; margin-right: 0.2rem; } li:nth-last-child(1) .doctor-result-wrapper, li:nth-last-child(1) .clinic-result-wrapper { margin-bottom: 0; } li .result-wrapper { line-height: 1.5rem; text-align: right; margin-bottom: 2.5rem; } li .result-wrapper h2, li .result-wrapper h4, li .result-wrapper h5 { margin: 0; text-align: right; } li .result-wrapper h2 span, li .result-wrapper h4 span, li .result-wrapper h5 span { color: #b3b3b3; } li .result-wrapper h2 a, li .result-wrapper h4 a, li .result-wrapper h5 a { text-decoration: underline; } li .result-wrapper h2 { color: #FFA800; margin-bottom: 8px; } li .result-wrapper .clickable { cursor: pointer; } li .result-wrapper .result-description { display: flex; flex-wrap: wrap; color: #cccccc; margin: 0.5rem 0; } li .result-wrapper .result-description > div { width: 100%; } li .result-wrapper .result-description > div a { color: #FFA800; text-decoration: underline; } li .result-wrapper .result-description.closed p { margin-bottom: 0; } li .result-wrapper .result-description h4 { margin-left: 12px; padding-left: 12px; border-left: 1px solid #666666; } li .result-wrapper .result-description h4:last-child { border: none; } li .result-wrapper .drug-prices { text-decoration: underline; color: #e6e6e6 white; cursor: pointer; padding-left: 0.5rem; margin-left: 0.5rem; border-left: 1px solid #999999; } li .result-wrapper .drug-prices:hover { color: #FFA800; } li .result-wrapper .link-wrapper .no-link { padding-right: 0.3rem; padding-left: 0.7rem; margin-left: 0.7rem; font-weight: 400; float: right; } li .result-wrapper .link-wrapper .link { cursor: pointer; padding-right: 0.3rem; padding-left: 0.7rem; margin-left: 0.7rem; border-left: 1px solid gray; font-weight: 500; color: #42cdf7; text-decoration: underline; float: right; } li .result-wrapper .link-wrapper .link:hover { color: #FFA800; } li .result-wrapper .link-wrapper .link:last-child { border: none; } li .result-wrapper .link-wrapper h4 { cursor: pointer; margin: 0 5px; transition: 0.2s; } li .result-wrapper .link-wrapper h4:hover { color: #ffc24d; text-decoration: underline; } li .result-wrapper .link-wrapper h4:first-child { margin-right: 0; } li .result-wrapper .help { position: relative; } li .result-wrapper .help .help-btn { display: flex; font-size: 0.8rem; font-weight: 600; position: absolute; background: #141010; right: 8.5rem; height: 1.1rem; width: 1.1rem; justify-content: center; align-items: center; color: #FFA800; border: 1px solid #fff; z-index: 10; top: 1px; cursor: pointer; } li .result-wrapper .help .help-btn:hover { border: 1px solid #FFA800; } li .result-wrapper .help .help-txt { display: none; position: absolute; width: 100%; left: 0; z-index: 15; background-color: #FFA800; } li .result-wrapper .help .help-txt p { width: 100%; } li .result-wrapper .help.active .help-btn { background: #FFA800; color: #fff; border: 1px solid #fff; } li .result-wrapper .help.active .help-txt { display: block; } .rank { display: flex; margin: 1% 0; } .rank .star { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyNCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjUxIDIzQzE4LjI3NyAyMyAxOC4wNDI1IDIyLjk0MzMgMTcuODI1MiAyMi44Mjk4TDExLjk5OTIgMTkuNzYyM0w2LjE3MzE0IDIyLjgyOThDNS42NzU3IDIzLjA5MTQgNS4wODIyMyAyMy4wNDg5IDQuNjI3MjkgMjIuNzE3OEM0LjE3MjM1IDIyLjM4NjggMy45NDg4MiAyMS44MzUxIDQuMDQzMjcgMjEuMjgwMkw1LjE1NjIyIDE0Ljc4NDNMMC40NDMxMTMgMTAuMTg0NkMwLjA0MDEyMjQgOS43OTIwNiAtMC4xMDE1NTQgOS4yMTM1NiAwLjA3MTYwNjEgOC42Nzc2MUMwLjI0NDc2NiA4LjE0MTY2IDAuNjk5NzA1IDcuNzU4NjIgMS4yNTY5NyA3LjY3NjY1TDcuNzcwOTQgNi43MjkyOEwxMC42ODMyIDAuODE5NjgzQzEwLjkzMTkgMC4zMTM2ODYgMTEuNDM3MiAwIDExLjk5OTIgMEMxMi41NjEyIDAgMTMuMDY2NSAwLjMxMzY4NiAxMy4zMTUyIDAuODE5NjgzTDE2LjIyNzUgNi43MjkyOEwyMi43NDE0IDcuNjc2NjVDMjMuMjk4NyA3Ljc1NzA0IDIzLjc1MiA4LjE0MTY2IDIzLjkyNjggOC42Nzc2MUMyNC4wOTk5IDkuMjEzNTYgMjMuOTU4MyA5Ljc5MDQ5IDIzLjU1NTMgMTAuMTg0NkwxOC44NDIyIDE0Ljc4NDNMMTkuOTU1MSAyMS4yODAyQzIwLjA0OTYgMjEuODM1MSAxOS44MjYgMjIuMzg2OCAxOS4zNzExIDIyLjcxNzhDMTkuMTE0NSAyMi45MDU0IDE4LjgxMjMgMjMgMTguNTEgMjNaTTEuNjk2MTYgOS4yMDU2N0w2LjI5NTkzIDEzLjY5NUM2LjY0MjI1IDE0LjAzMjMgNi43OTk2NyAxNC41MTk0IDYuNzE3ODEgMTQuOTk1NUw1LjYzMTYyIDIxLjMzMzhMMTEuMzE2IDE4LjM0MkMxMS43NDQyIDE4LjExNjYgMTIuMjU0MiAxOC4xMTY2IDEyLjY4MjQgMTguMzQyTDE4LjM2NjggMjEuMzMzOEwxNy4yODA2IDE0Ljk5NTVDMTcuMTk4NyAxNC41MTc5IDE3LjM1NjEgMTQuMDMyMyAxNy43MDI1IDEzLjY5NUwyMi4zMDA2IDkuMjA1NjdMMTUuOTQ1NyA4LjI4MDM4QzE1LjQ2NzEgOC4yMTEwMiAxNS4wNTQ3IDcuOTA5OTQgMTQuODQwNiA3LjQ3NjQ2TDExLjk5OTIgMS43MTAzTDkuMTU3NzkgNy40NzgwM0M4Ljk0MzcgNy45MTE1MiA4LjUzMTI3IDguMjEyNiA4LjA1MjcyIDguMjgxOTVMMS42OTYxNiA5LjIwNTY3WiIgZmlsbD0iI0ZGNzMwMCIvPgo8L3N2Zz4K) no-repeat; background-size: contain; margin: 0 0.25rem; height: 1rem; width: 1rem; } .rank .star.half { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyNCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjkyNjggOC42Nzc2MUMyMy43NTM2IDguMTQxNjYgMjMuMjk4NyA3Ljc1ODYyIDIyLjc0MTQgNy42NzY2NUwxNi4yMjc0IDYuNzI5MjhMMTMuMzE1MiAwLjgxOTY4M0MxMy4wNjY1IDAuMzEzNjg2IDEyLjU2MjggMCAxMS45OTkyIDBDMTEuNDM1NiAwIDEwLjkzMTkgMC4zMTM2ODYgMTAuNjgzMiAwLjgxOTY4M0w3Ljc3MDk0IDYuNzI5MjhMMS4yNTY5NyA3LjY3NjY1QzAuNjk5NzA1IDcuNzU3MDQgMC4yNDYzNCA4LjE0MTY2IDAuMDcxNjA2MSA4LjY3NzYxQy0wLjEwMTU1NCA5LjIxMzU2IDAuMDQwMTIyNCA5Ljc5MDQ5IDAuNDQzMTEzIDEwLjE4NDZMNS4xNTYyMiAxNC43ODQzTDQuMDQ0ODQgMjEuMjgwMkMzLjk1MDM5IDIxLjgzNTEgNC4xNzM5MyAyMi4zODY4IDQuNjI4ODcgMjIuNzE3OEM1LjA4MzgxIDIzLjA0ODkgNS42NzU3IDIzLjA5MTQgNi4xNzQ3MSAyMi44Mjk4TDEyLjAwMDggMTkuNzYyM0wxNy44MjY4IDIyLjgyOThDMTguMDQ0MSAyMi45NDMzIDE4LjI3NyAyMyAxOC41MTE2IDIzQzE4LjgxNTQgMjMgMTkuMTE2MSAyMi45MDU0IDE5LjM3MjcgMjIuNzE3OEMxOS44Mjc2IDIyLjM4NjggMjAuMDUxMSAyMS44MzUxIDE5Ljk1NjcgMjEuMjgwMkwxOC44NDM3IDE0Ljc4NDNMMjMuNTU2OCAxMC4xODQ2QzIzLjk1ODMgOS43OTA0OSAyNC4wOTk5IDkuMjEzNTYgMjMuOTI2OCA4LjY3NzYxWk0xMS4zMTYgMTguMzQyTDUuNjMxNjIgMjEuMzMzOEw2LjcxNzgxIDE0Ljk5NTVDNi43OTk2NyAxNC41MTc5IDYuNjQyMjUgMTQuMDMyMyA2LjI5NTkzIDEzLjY5NUwxLjY5NjE2IDkuMjA1NjdMOC4wNTExNCA4LjI4MDM4QzguNTI5NjkgOC4yMTEwMiA4Ljk0MjEzIDcuOTA5OTQgOS4xNTYyMiA3LjQ3NjQ2TDExLjk5NzYgMS43MTAzVjE4LjE3MTdDMTEuNzY0NiAxOC4xNzMzIDExLjUzMDEgMTguMjI4NSAxMS4zMTYgMTguMzQyWiIgZmlsbD0iI0ZGNzMwMCIvPgo8L3N2Zz4K) no-repeat; background-size: contain; } .rank .star.fill { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyNCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjkyNzUgOC42Nzc2MUMyMy43NTQzIDguMTQxNjYgMjMuMjk5NCA3Ljc1ODYyIDIyLjc0MjEgNy42NzY2NUwxNi4yMjgxIDYuNzI5MjhMMTMuMzE1OSAwLjgxOTY4M0MxMy4wNjcyIDAuMzEzNjg2IDEyLjU2MzQgMCAxMS45OTk5IDBDMTEuNDM2MyAwIDEwLjkzMjYgMC4zMTM2ODYgMTAuNjgzOSAwLjgxOTY4M0w3Ljc3MTYyIDYuNzI5MjhMMS4yNTc2NSA3LjY3NjY1QzAuNzAwMzkyIDcuNzU3MDQgMC4yNDcwMjcgOC4xNDE2NiAwLjA3MjI5MjYgOC42Nzc2MUMtMC4xMDI0NDIgOS4yMTM1NiAwLjA0MDgwODkgOS43OTA0OSAwLjQ0MzggMTAuMTg0Nkw1LjE1NjkxIDE0Ljc4NDNMNC4wNDU1MyAyMS4yODAyQzMuOTUxMDggMjEuODM1MSA0LjE3NDYxIDIyLjM4NjggNC42Mjk1NSAyMi43MTc4QzUuMDg0NDkgMjMuMDQ4OSA1LjY3NjM5IDIzLjA5MTQgNi4xNzU0IDIyLjgyOThMMTIuMDAxNSAxOS43NjIzTDE3LjgyNzUgMjIuODI5OEMxOC4wNDQ3IDIyLjk0MzMgMTguMjc5MyAyMyAxOC41MTIzIDIzQzE4LjgxNDUgMjMgMTkuMTE2OCAyMi45MDU0IDE5LjM3MzQgMjIuNzE3OEMxOS44MjgzIDIyLjM4NjggMjAuMDUxOCAyMS44MzUxIDE5Ljk1NzQgMjEuMjgwMkwxOC44NDQ0IDE0Ljc4NDNMMjMuNTU3NSAxMC4xODQ2QzIzLjk1OSA5Ljc5MDQ5IDI0LjEwMDYgOS4yMTM1NiAyMy45Mjc1IDguNjc3NjFaIiBmaWxsPSIjRkY3MzAwIi8+Cjwvc3ZnPgo=) no-repeat; background-size: contain; } .date-picker .label { position: absolute; top: 0.5rem; right: 0; color: #e5e5e5; transition: all 0.3s ease-in-out; cursor: text; z-index: 1; } .date-picker .input { direction: ltr; text-align: right; width: 100%; outline: none; padding: 0.55rem 0.2rem; background: none; border: none; border-bottom: 2px solid #5d5d5d; color: #e5e5e5; } .date-picker .input::placeholder { visibility: hidden; opacity: 0; color: #5d5d5d; transition: all 0.3s ease-in-out; } .date-picker .input.show-placeholder::placeholder { visibility: visible; opacity: 1; } .date-picker .input[type='tel'] { direction: ltr; text-align: right; } .date-picker:after { content: ''; display: block; position: absolute; top: 91%; height: 3px; width: 0; background: transparent; transition: all 0.3s ease-in-out; } .date-picker.active .label { top: -1rem; font-size: 0.85rem; color: #fff; cursor: default; } .date-picker.active:after { width: 100%; background: #FFA800; } .date-picker.active .input::placeholder { visibility: visible; opacity: 1; right: 0; } .date-picker .react-calendar { position: absolute; display: none; background: #1a1a1a; width: 100%; z-index: 1000; border: none; } .date-picker .react-calendar button { color: #FFA800; font-size: 1.35rem; padding: 1rem; background: none; border: none; } .date-picker .react-calendar button:hover, .date-picker .react-calendar button:focus { background: #FFA800; color: #1a1a1a; } .date-picker .react-calendar button:disabled { background: #1d1d1e; color: #5d5d5d; } .date-picker .react-calendar__navigation { margin: 0; } .date-picker .react-calendar__navigation__prev2-button, .date-picker .react-calendar__navigation__next2-button { display: none; } .date-picker .react-calendar__tile--active, .date-picker .react-calendar__tile--hasActive { background: #FFA800 !important; color: #1a1a1a !important; } .date-picker .react-calendar__tile--active abbr, .date-picker .react-calendar__tile--hasActive abbr { color: #1a1a1a; } .date-picker .react-calendar__month-view__weekdays__weekday { font-size: 1rem; } .date-picker .react-calendar__month-view__days__day--neighboringMonth { color: #5d5d5d; } .date-picker .react-calendar__month-view__days__day--neighboringMonth abbr { color: #5d5d5d; } .date-picker.focus .react-calendar { display: block; } .date-picker .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 0; position: absolute; width: 100%; height: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .date-picker.error .error-msg { opacity: 1; visibility: visible; height: 1.25rem; } .date-picker.error:after { width: 100%; background: #e74c3c; } .date-picker .react-calendar__navigation { direction: ltr; } .confused-section-container { display: flex; align-items: center; flex-direction: column; justify-content: center; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; width: 100%; background-color: white; position: relative; z-index: 10; } .confused-section-container .circle-text { width: 110px; height: 110px; border-radius: 10em; background-image: linear-gradient(179deg, #ffc017 1%, #ffac14 25%, #ff7a0e 76%, #ff2a05 146%, #f00 181%); display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; right: 5%; bottom: 0; animation-name: floating2; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .confused-section-container .circle-text p { margin: 0; padding: 0; font-size: 15px; font-weight: bold; line-height: 16px; } @keyframes floating2 { from { transform: translate(0, 0px); } 65% { transform: translate(0, 15px); } to { transform: translate(0, 0px); } } .confused-section-container .circle-1 { position: absolute; width: 47px; left: 12%; top: 4%; } .confused-section-container .circle-2 { position: absolute; width: 26px; left: 5%; top: 30%; } .confused-section-container .circle-3 { position: absolute; width: 47px; left: 25%; top: 55em; } .confused-section-container .circle-4 { position: absolute; width: 25px; right: 40%; top: 7em; } .confused-section-container .circle-5 { position: absolute; width: 25px; right: 47%; top: 48em; } .confused-section-container .circle-6 { position: absolute; width: 47px; right: 25%; top: 50em; } .confused-section-container .off { visibility: hidden; transition: 0.5s; animation: loader 2s ease-in-out; } @keyframes loader { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .confused-section-container .video-popup { z-index: 10000; position: fixed; top: 0; width: 200vh; height: 100em; background-color: rgba(42, 42, 42, 0.2); backdrop-filter: blur(4px); transition: 0.5s; animation: popup 1s ease-in-out; } @keyframes popup { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .confused-section-container .video-popup .popup-content { margin: 11% auto; background-color: white; border-radius: 1em; width: 1000px; height: 600px; } .confused-section-container .video-popup .popup-content .close-btn { cursor: pointer; margin: 5px 2px 0 0; display: inline-block; border-radius: 1em; text-align: center; height: 25px; width: 30px; font-size: 2rem; color: #FFA800; } .confused-section-container .video-popup .popup-content .close-btn svg { fill: #FFA800; width: 15px; height: 15px; } .confused-section-container .video-popup .popup-content .video { margin: .2em auto; border-radius: 1em; } .confused-section-container .deserve-first-row { width: 75%; display: flex; flex-direction: row; justify-content: space-between; } .confused-section-container .deserve-first-row .deserve-text-area { margin: 120px 1% 0 0; width: 680px; height: 400px; } .confused-section-container .deserve-first-row .deserve-text-area .main-title { font-size: 25px; font-weight: bold; color: #fd7200; margin-bottom: 15px; } .confused-section-container .deserve-first-row .deserve-text-area .first-block-text { font-weight: 300; color: #000; font-family: Rubik; font-size: 15px; font-stretch: normal; font-style: normal; line-height: 1.78; letter-spacing: normal; } .confused-section-container .deserve-first-row .deserve-text-area .second-block-text { padding-top: 1rem; font-weight: 300; color: #000; font-family: Rubik; font-size: 15px; font-stretch: normal; font-style: normal; line-height: 1.78; letter-spacing: normal; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area { padding-top: 3rem; display: flex; position: relative; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play { width: 165px; height: 42.9px; object-fit: contain; border-radius: 72px; box-shadow: 0 3px 19px 0 rgba(51, 91, 171, 0.16); border: solid 1px #c9c5c1; display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .title { color: #827e7a; font-size: 15px; font-weight: 500; padding-right: 20px; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .btn-wrapper { height: 65px; width: 55px; cursor: pointer; position: absolute; right: 23.8em; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .btn-wrapper .play-btn { height: 66px; width: 70px; font-weight: 500; transition: 0.5s; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .btn-wrapper .play-btn:hover { transition: 0.5s; transform: scale(1.2); } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .dsv-about { margin: 0 0 0 1rem; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-size: 16px; font-weight: 400; width: 165px; height: 42.9px; border-radius: 72px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.5s; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .dsv-about:hover { transition: 0.5s; transform: scale(1.05); } .confused-section-container .deserve-first-row .deserve-img-wrapper { transform: translateY(-7em); animation: loader 1s ease-in-out; } .confused-section-container .deserve-first-row .deserve-img-wrapper img { width: 477px; } @media screen and (max-width: 1440px) { .confused-section-container .deserve-first-row .deserve-img-wrapper img { margin-top: 6%; } } @keyframes loader { 0% { transform: translateX(-100px); } 100% { transform: translateX(0); transform: translateY(-7em); } } .confused-section-container .deserve-second-row { max-width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; } .confused-section-container .deserve-second-row .main-title { font-size: 25px; font-weight: bold; color: #fd7200; } .confused-section-container .deserve-second-row .btn-area { margin: 29px 0 62px 0; } .confused-section-container .deserve-second-row .btn-area button { width: 160px; font-size: 14.5px; font-weight: 500; height: 30px; color: #0d0c0d; font-weight: 500; background-color: white; margin: 5px; box-shadow: 0 0 25px 0 rgba(51, 91, 171, 0.2); transition: 0.5s; } .confused-section-container .deserve-second-row .btn-area button:hover { transition: 0.5s; transform: scale(1.05); background-color: #fa810a; color: white; } @media screen and (min-width: 1880px) { .slider-product { margin-top: 28em; } } @media screen and (max-width: 1600px) { .confused-section-container .video-popup { height: 100vh; } .confused-section-container .video-popup .popup-content { width: 80vw; height: 45em; margin: 9% auto; } .confused-section-container .video-popup .popup-content .video { height: 90% !important; } .confused-section-container .video-popup .popup-content .video div { height: 100% !important; } .confused-section-container .video-popup .popup-content .video div span { height: 100% !important; } .confused-section-container .video-popup .popup-content .video div span iframe { height: 100% !important; } .confused-section-container .circle-4 { top: 1em; } .confused-section-container .deserve-first-row .deserve-text-area { margin: 6em auto; } } @media screen and (max-width: 1024px) { .confused-section-container { background-size: 100% 400px; } .confused-section-container .circle-text { display: none; } .confused-section-container .circle-1 { display: block; top: 3em; left: 6vw; width: 24px; height: 24px; } .confused-section-container .circle-2 { display: block; width: 13px; height: 13px; top: 27em; left: 3vw; } .confused-section-container .circle-3 { display: block; width: 13px; height: 13px; top: 2em; right: 40vw; } .confused-section-container .circle-4 { display: block; width: 26px; height: 26px; top: 34em; right: 73vw; } .confused-section-container .circle-5 { display: block; width: 24px; height: 24px; top: 76em; right: 85vw; } .confused-section-container .circle-6 { display: block; width: 26px; height: 26px; top: unset; bottom: -4em; right: 10vw; } .confused-section-container .deserve-first-row { width: 100%; } .confused-section-container .deserve-first-row .deserve-text-area { margin: unset; width: 60%; padding: 5em 7em 0 7em; } .confused-section-container .deserve-first-row .deserve-text-area .main-title { font-size: 17px; margin-bottom: 5px; } .confused-section-container .deserve-first-row .deserve-text-area .first-block-text { font-size: 10px; } .confused-section-container .deserve-first-row .deserve-text-area .second-block-text { font-size: 10px; padding-top: 5px; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area { padding-top: 10px; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play { box-shadow: none; margin-top: unset; width: 100px; height: 22px; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .title { font-size: 8px; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .btn-wrapper { top: 4px; right: 15.3em; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .btn-wrapper .play-btn { width: 35px; height: 35px; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .dsv-about { width: 100px; height: 22px; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .dsv-about .dsv-text { font-size: 8px; } .confused-section-container .deserve-first-row .deserve-img-wrapper { width: 40%; transform: unset; animation: unset; } .confused-section-container .deserve-first-row .deserve-img-wrapper img { width: 250px; height: 400px; } .confused-section-container .deserve-second-row .main-title { font-size: 18px; } .confused-section-container .deserve-second-row .btn-area { margin: 29px 0 20px 0; } .confused-section-container .deserve-second-row .btn-area button { width: 143px; height: 20px; font-size: 11px; } } @media screen and (max-width: 810px) { .confused-section-container .circle-1 { display: block; top: 35px; left: 8vw; width: 17.6px; height: 17.6px; } .confused-section-container .circle-2 { display: block; width: 9.5px; height: 9.5px; top: 259px; left: 7%; } .confused-section-container .circle-3 { display: block; width: 17.6px; height: 17.6px; top: 426px; right: 78%; } .confused-section-container .circle-4 { display: block; width: 9.5px; height: 9.5px; top: 13px; right: 44%; } .confused-section-container .deserve-first-row { height: 440px; } .confused-section-container .deserve-first-row .deserve-img-wrapper { display: block; position: absolute; top: 1em; right: 60vw; } .confused-section-container .deserve-first-row .deserve-img-wrapper img { width: 197px; height: 319px; } .confused-section-container .deserve-first-row .deserve-text-area { width: 60%; padding: 2em 57.4px 0 5px; } } @media screen and (max-width: 624px) { .confused-section-container { background-size: 160% 256px; background-position: -18em 0; min-height: 742px; justify-content: unset; } .confused-section-container .video-popup { width: 100vh; height: 100vh; } .confused-section-container .video-popup .popup-content { width: 380px; height: 250px; margin: 25% auto; } .confused-section-container .video-popup .popup-content .video div { height: 210px !important; } .confused-section-container .video-popup .popup-content .video div span { height: 380px !important; } .confused-section-container .video-popup .popup-content .video div span iframe { height: 380px !important; } .confused-section-container .video-popup .popup-content .close-btn { margin: 1px 2px 0 0; height: 15px; width: 20px; } .confused-section-container .video-popup .popup-content .close-btn svg { fill: #FFA800; width: 10px; height: 10px; } .confused-section-container .circle-text { display: none; } .confused-section-container .circle-1 { display: block; top: 15px; left: 3vw; width: 24px; height: 24px; } .confused-section-container .circle-2 { display: block; width: 13px; height: 13px; top: 170px; left: 8%; } .confused-section-container .circle-4 { display: block; width: 24px; height: 24px; top: 123px; right: 30%; } .confused-section-container .circle-3 { display: block; width: 13px; height: 13px; top: 184px; right: 10%; } .confused-section-container .circle-5 { display: block; width: 24px; height: 24px; top: 400px; right: 6vw; } .confused-section-container .circle-6 { display: block; width: 13px; height: 13px; top: unset; bottom: 10px; right: 74px; } .confused-section-container .circle-7 { position: absolute; width: 13px; height: 13px; bottom: 30px; left: 0; } .confused-section-container .deserve-first-row { width: 100%; padding: 0 0px 0 0px; height: unset; } .confused-section-container .deserve-first-row .deserve-img-wrapper { display: block; position: absolute; top: 9em; right: 45vw; } .confused-section-container .deserve-first-row .deserve-img-wrapper img { width: 152px; height: 246px; position: relative; right: 10%; margin-top: 17%; } .confused-section-container .deserve-first-row .deserve-text-area { margin: 13px 0 0 0; padding: unset; width: 100%; height: 340px; } .confused-section-container .deserve-first-row .deserve-text-area .main-title { font-size: 14px; margin-bottom: 5px; padding-right: 5vw; } .confused-section-container .deserve-first-row .deserve-text-area .first-block-text { font-size: 10px; padding: 0 5vw 0 8vw; line-height: 1.7; font-weight: 400; } .confused-section-container .deserve-first-row .deserve-text-area .second-block-text { font-size: 10px; padding-top: 5px; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play { border: none; box-shadow: none; margin-top: 0; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .title { font-size: 10px; position: absolute; top: 5.8rem; right: 30vw; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .btn-wrapper { top: 3rem; right: 35vw; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .medi-play .btn-wrapper .play-btn { width: 60px; height: 56px; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .dsv-about { width: 73.7px; height: 16.5px; margin-top: 0; margin-right: 5vw; } .confused-section-container .deserve-first-row .deserve-text-area .deserve-buttons-area .dsv-about .dsv-text { font-size: 8px; } .confused-section-container .deserve-second-row { margin-top: 1em; } .confused-section-container .deserve-second-row .main-title { font-size: 14px; } .confused-section-container .deserve-second-row .btn-area { margin: 10px 0 10px 0; } .confused-section-container .deserve-second-row .btn-area button { width: 80px; font-size: 10px; height: 10px; } } .statbar-wrapper { display: flex; margin: 0.4rem 0.5rem; color: #fff; } .statbar-wrapper .title-wrapper { width: 40%; padding: 0.7rem; padding-inline-end: 10rem; background-color: #1d1d1e; font-size: 1.1rem; overflow: hidden; white-space: nowrap; } .statbar-wrapper .bar-wrapper { width: 55%; } .statbar-wrapper .bar-wrapper .percents { padding: 0.7rem; width: initial; display: inline-block; font-size: 1.1rem; text-align: left; border-radius: 5rem 0rem 0rem 5rem; opacity: 0.75; } .statbar-wrapper.active { cursor: pointer; } @media only screen and (max-width: 1023px) { .statbar-wrapper { margin: 0.5rem 0; padding-left: 2%; } .statbar-wrapper .bar-wrapper { width: 60%; } } .stats-list { display: flex; width: 90%; font-size: 1.2rem; flex-direction: column; flex-wrap: wrap; max-height: 20rem; } @media only screen and (max-width: 1023px) { .stats-list { width: 100%; max-height: 40vh; overflow: auto; flex-wrap: initial; } } .stat-card-wrapper { width: 177px; height: 110px; background-repeat: no-repeat; background-size: cover; background-color: none; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin: 0.8rem 0.4rem 1.7rem 0.4rem; padding: 1.3rem 1.7rem; } .stat-card-wrapper h1, .stat-card-wrapper h2 { margin: 0; } .stat-card-wrapper .stat-card-name { font-size: 1.2rem; font-weight: 500; color: white; margin-bottom: 1rem; } .stat-card-wrapper .stat-count { font-size: 2.4rem; color: white; } .client-list-filter-container { display: flex; justify-content: flex-start; align-items: center; height: 3.2vw; } .client-list-filter-container .client-list-filters { height: 100%; display: flex; } .client-list-filter-container .client-list-filters .client-list-filter { display: flex; justify-content: center; align-items: center; height: 100%; width: 8.5vw; border-radius: 9px 9px 0 0; cursor: pointer; } .client-list-filter-container .client-list-filters .client-list-filter span { font-size: 14px; color: black; font-weight: 500; } .client-list-filter-container .client-list-filters .client-list-filter.active { background-color: white; } .client-list-filter-container .client-list-filters .client-list-filter.active span { color: #ff7200; } .client-list-filter-container .client-list-filters .client-list-filter:hover span { color: #ff7200; } @media screen and (max-width: 1023px) { .client-list-filter-container { display: flex; justify-content: center; align-items: center; height: 44px; width: 100%; margin: 30px 0 0 0; } .client-list-filter-container .client-list-filters { width: 100%; display: flex; justify-content: space-between; } .client-list-filter-container .client-list-filters .client-list-filter { width: 19%; border-radius: 4px 4px 0 0; } .client-list-filter-container .client-list-filters .client-list-filter span { font-size: 16px; font-weight: 500; } } @media screen and (max-width: 624px) { .client-list-filter-container { height: 34px; margin: 10px 0 0 0; } .client-list-filter-container .client-list-filters { justify-content: flex-start; } .client-list-filter-container .client-list-filters .client-list-filter span { font-size: 10px; } } .client-search-bar-container { width: 23.4vw; } .client-search-bar-container .client-search-bar-wrapper { width: 100%; } .client-search-bar-container .client-search-bar-wrapper .client-search-bar-form { display: flex; align-items: center; position: relative; width: 100%; } .client-search-bar-container .client-search-bar-wrapper .client-search-bar-form .client-search-bar-input { width: 100%; border: none; border-radius: 30px; height: 40px; background-color: white; padding: 0 20px 0 0; box-shadow: 0 0 7px 5px #e6e9fb; } .client-search-bar-container .client-search-bar-wrapper .client-search-bar-form .client-search-bar-input::placeholder { font-size: 14px; color: #cccc; } .client-search-bar-container .client-search-bar-wrapper .client-search-bar-form .client-search-bar-input:focus { outline: none; } .client-search-bar-container .client-search-bar-wrapper .client-search-bar-form .client-search-bar-btn { position: absolute; left: 0px; top: -1px; width: 44px; } @media screen and (max-width: 1024px) { .client-search-bar-container { width: 100%; max-width: 550px; margin-top: 18px; } .client-search-bar-container .client-search-bar-wrapper .client-search-bar-form .client-search-bar-input { height: 44px; box-shadow: 0 2px 5px 4px #e6e9fb; } .client-search-bar-container .client-search-bar-wrapper .client-search-bar-form .client-search-bar-btn { width: 48px; } } @media screen and (max-width: 624px) { .client-search-bar-container { margin-top: 15px; margin-bottom: 20px; } .client-search-bar-container .client-search-bar-wrapper .client-search-bar-form .client-search-bar-input { height: 36px; } .client-search-bar-container .client-search-bar-wrapper .client-search-bar-form .client-search-bar-btn { width: 42px; } } .file-upload-wrapper { background: #3b363b; display: flex; flex-direction: column; height: 100%; width: 100%; justify-content: space-between; padding: 1rem; } .file-upload-wrapper > div { height: 60%; } .file-upload-wrapper h2, .file-upload-wrapper h4 { margin: 0; } .file-upload-wrapper .top-row { display: flex; justify-content: space-between; margin-bottom: 1rem; } .file-upload-wrapper .file-upload-content { height: 80%; overflow-y: auto; } .file-upload-wrapper .on-drag-block { width: 100%; height: 70%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .file-upload-wrapper .on-drag-block .plus-icon { display: flex; justify-content: center; font-size: 7rem; font-weight: bold; line-height: 7rem; color: white; opacity: 0.1; } .file-upload-wrapper .on-drag-block .release-text { font-size: 1rem; margin: 0; } .file-upload-wrapper .file-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 1rem; } .file-upload-wrapper .file-container .loader { margin: 0 auto; min-height: 81px; } .file-upload-wrapper .file-container .single-file { position: relative; display: flex; margin-top: 7%; } .file-upload-wrapper .file-container .single-file:hover .button-row { opacity: 1; } .file-upload-wrapper .file-container .single-file .button-row { position: absolute; display: flex; background: none !important; left: 0; right: 0; margin-left: auto; margin-right: auto; opacity: 0; top: -0.5rem; width: 60% !important; transition: 0.1s ease-in-out; justify-content: space-between; } .file-upload-wrapper .file-container .single-file .button-row button { display: flex; justify-content: center; text-align: center; padding: 0.5rem; } .file-upload-wrapper .file-container .single-file .button-row button svg { fill: white; width: 15px; height: 15px; } .file-upload-wrapper .file-container .single-file .file-wrapper { display: flex; flex-direction: column; align-items: center; min-width: 100%; max-width: 100%; cursor: pointer; font-size: 0.8rem; } .file-upload-wrapper .file-container .single-file .file-wrapper svg { width: 30%; margin-bottom: 0.5rem; fill: #FFA800; } .file-upload-wrapper .file-container .single-file .file-wrapper p { margin: 0; font-size: 0.8rem; text-align: center; } .file-upload-wrapper .text-row { height: 20%; display: flex; flex-direction: column; justify-content: flex-end; z-index: 30; } .file-upload-wrapper .text-row .error-text { color: #e74c3c; font-size: 0.8rem; } .file-upload-wrapper .text-row .success-text { color: #3ce74c; font-size: 0.8rem; } .file-upload-wrapper .text-row .drag-text { opacity: 0.3; font-size: 1rem; } @media screen and (max-width: 624px) { .file-upload-wrapper div .file-upload-content .file-container { grid-template-columns: repeat(3, 1fr); } .file-upload-wrapper div .file-upload-content .file-container .loader { min-height: 62px; } } .service-order-container { min-height: 100vh; width: 100%; display: flex; flex-direction: column; padding: 8vh; justify-content: center; align-items: center; } .service-order-container .main-title { margin: 0; } .service-order-container .sub-title { margin: 0.5rem 0 0.5rem 0; color: white; } .service-order-container .payment-btn { margin-top: 2rem; padding: 0.8rem 2.4rem; } .service-order-container div { border-radius: 10px; } .service-order-container h1 { color: #FFA800; } .service-order-container h2, .service-order-container h3, .service-order-container p, .service-order-container h4 { text-align: right; margin: 0; } .service-order-container h2, .service-order-container h3 { color: #FFA800; font-weight: 500; } .service-order-container span { color: white; } .service-order-container .service-order-panel { width: 60%; } .service-order-container .service-order-panel .top-bar { padding: 1rem; display: flex; background: #282428; justify-content: flex-start; align-items: center; margin: 1rem 0; } .service-order-container .service-order-panel .top-bar .dropdown-wrapper { width: 180px; margin-right: 1rem; } .service-order-container .service-order-panel .top-bar .dropdown-wrapper .form-select { margin: 0; } .service-order-container .service-order-panel .top-bar .dropdown-wrapper .form-select label { display: none; } .service-order-container .service-order-panel .top-bar .dropdown-wrapper .form-select input { padding: 0.2rem 0.2rem; } .service-order-container .service-order-panel .top-bar .dropdown-wrapper .form-select .options { top: 1.55rem; } .service-order-container .service-order-panel .top-bar .dropdown-wrapper .form-select .options .option { border-radius: 0; } .service-order-container .service-order-panel .main-content { background: #282428; padding: 1rem; } .service-order-container .service-order-panel .main-content h3 { margin-bottom: 1rem; } .service-order-container .service-order-panel .main-content .content-wrapper { display: flex; justify-content: space-between; margin-bottom: 0.5rem; } .service-order-container .service-order-panel .main-content .content-wrapper h2 { margin-bottom: 1rem; } .service-order-container .service-order-panel .main-content .content-wrapper p { width: 50%; } .service-order-container .service-order-panel .main-content .content-wrapper .request-summary, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-institutes, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors, .service-order-container .service-order-panel .main-content .content-wrapper .message-block, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors-list, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-drugs, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-right { padding: 1rem; background: #3b363b; height: 16rem; } .service-order-container .service-order-panel .main-content .content-wrapper .request-summary span, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors span, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-institutes span, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors span, .service-order-container .service-order-panel .main-content .content-wrapper .message-block span, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors-list span, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-drugs span, .service-order-container .service-order-panel .main-content .content-wrapper .chosen-right span { color: #FFA800; } .service-order-container .service-order-panel .main-content .content-wrapper .message-block { width: 60%; margin-right: 0.5rem; } .service-order-container .service-order-panel .main-content .content-wrapper .message-block.extended { width: 100%; height: 15rem; margin: 0; } .service-order-container .service-order-panel .main-content .content-wrapper .message-block h2 { margin-bottom: 1rem; } .service-order-container .service-order-panel .main-content .content-wrapper .message-block textarea { width: 100%; height: 65%; resize: none; margin-bottom: 0.5rem; background: none; color: #fff; padding: 0.5rem; outline: none; border: 1.4px solid rgba(255, 255, 255, 0.15); border-radius: 10px; } .service-order-container .service-order-panel .main-content .content-wrapper .message-block .counter-row { width: 100%; display: flex; justify-content: flex-end; } .service-order-container .service-order-panel .main-content .content-wrapper .message-block .counter-row p { width: initial; padding-left: 3px; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors-list { width: 100%; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors-list ul { max-height: 90%; overflow-y: auto; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors-list ul li { margin: 5px 0; padding: 5px 0; border-bottom: 1.2px solid #666666; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors-list ul li:last-child { border: none; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors-list ul li .doctors-info span { font-weight: 500; color: #FFA800; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors { width: 100%; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-drugs { width: 80%; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-right { width: 80%; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-institutes { width: 100%; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-institutes ul { max-height: 90%; overflow-y: auto; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-institutes ul li { margin: 5px 0; padding: 5px 0; border-bottom: 1.2px solid #666666; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-institutes ul li:last-child { border: none; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-institutes ul li .institutes-info span { font-weight: 500; color: #FFA800; } .service-order-container .service-order-panel .main-content .content-wrapper .white-text-area::placeholder { color: #fff; } .service-order-container .service-order-panel .main-content .bottom-row { display: flex; justify-content: space-between; } .service-order-container .service-order-panel .main-content .bottom-row .button-wrapper { display: flex; width: 100%; justify-content: flex-end; } .service-order-container .service-order-panel .main-content .bottom-row .button-wrapper button:first-child { margin-left: 1rem; } .service-order-container .service-order-panel .actions-container { background: #282428; min-height: 30px; width: 100%; margin-top: 0rem; } .service-order-container .service-order-panel .actions-container .visit-type-block { background: #3b363b; display: flex; padding: 1rem; margin-bottom: 0.5rem; align-items: center; } .service-order-container .service-order-panel .actions-container .visit-type-block h3 { padding-left: 10px; margin: 0; } .service-order-container .service-order-panel .actions-container .visit-type-block .dropdown-wrapper { width: 50%; } .service-order-container .service-order-panel .actions-container .visit-type-block .dropdown-wrapper .form-select { margin: 0; } .service-order-container .service-order-panel .actions-container .visit-type-block .dropdown-wrapper .form-select label { display: none; } .service-order-container .service-order-panel .actions-container .visit-type-block .dropdown-wrapper .form-select input { padding: 0.2rem 0.2rem; } .service-order-container .service-order-panel .actions-container .visit-type-block .dropdown-wrapper .form-select .options .option { border-radius: 0; } .service-order-container .service-order-panel .actions-container .visit-date-block { background: #3b363b; display: flex; padding: 1rem; margin-bottom: 0.5rem; align-items: center; } .service-order-container .service-order-panel .actions-container .visit-date-block h3 { padding-left: 10px; margin: 0; } .service-order-container .service-order-panel .actions-container .visit-date-block .dropdown-wrapper { width: 30%; } .service-order-container .service-order-panel .actions-container .visit-date-block .dropdown-wrapper .form-input { margin: 0; } .service-order-container .service-order-panel .actions-container .visit-date-block .dropdown-wrapper .form-input label { display: none; } .service-order-container .service-order-panel .actions-container .requested-sum-block { background: #3b363b; padding: 1rem; margin-bottom: 1rem; } .service-order-container .service-order-panel .actions-container .requested-sum-block .input-wrapper { width: 20%; position: relative; min-height: 30px; } .service-order-container .service-order-panel .actions-container .requested-sum-block .input-wrapper .form-input { margin: 0.25rem 0; } .service-order-container .service-order-panel .actions-container .requested-sum-block .input-wrapper input { padding-left: 7%; } .service-order-container .service-order-panel .actions-container .requested-sum-block .input-wrapper span { position: absolute; top: 15.5%; left: 0; } .service-order-container .service-order-panel .actions-container .main-row { display: flex; } .service-order-container .service-order-panel .actions-container .main-row div { width: 100%; background: #3b363b; } .service-order-container .service-order-panel .actions-container .main-row .required-docs-list { padding: 1rem; width: 80%; height: 15rem; border-radius: 0 10px 10px 0; } .service-order-container .service-order-panel .actions-container .main-row .required-docs-list .list-wrapper { height: 100%; border-radius: 0; padding-left: 5px; border-left: 1.4px solid #666666; } .service-order-container .service-order-panel .actions-container .main-row .required-docs-list .list-wrapper ul { max-height: 80%; overflow-y: auto; } .service-order-container .service-order-panel .actions-container .main-row .required-docs-list .list-wrapper ul li { width: 90%; margin: 5px 0; padding: 5px 0; border-bottom: 1.2px solid #666666; } .service-order-container .service-order-panel .actions-container .main-row .required-docs-list .list-wrapper ul li:first-child { margin-top: 0; padding-top: 0; } .service-order-container .service-order-panel .actions-container .main-row .upload-files-block { width: 100%; height: 15rem; border-radius: 10px 0px 0px 10px; } .service-order-container .service-order-panel .actions-container .main-row .upload-files-block .main-title { margin: 0; } @media screen and (max-width: 624px) { .service-order-container { padding: 2vw; padding-bottom: 7.5rem; } .service-order-container .main-title { margin: 10rem 0 0 0; } .service-order-container .service-order-panel { width: 100%; } .service-order-container .service-order-panel .main-content .content-wrapper { flex-direction: column; } .service-order-container .service-order-panel .main-content .content-wrapper > .chosen-right, .service-order-container .service-order-panel .main-content .content-wrapper > .chosen-drugs, .service-order-container .service-order-panel .main-content .content-wrapper .message-block { width: 100%; margin: 0; } .service-order-container .service-order-panel .main-content .content-wrapper .message-block { margin-top: 1vh; } .service-order-container .service-order-panel .main-content .content-wrapper .chosen-doctors-list ul { max-height: 80%; padding: 0 5px; } .service-order-container .service-order-panel .actions-container .main-row { flex-direction: column; } .service-order-container .service-order-panel .actions-container .main-row .required-docs-list, .service-order-container .service-order-panel .actions-container .main-row .upload-files-block { width: 100%; border-radius: 10px; height: 20rem; } .service-order-container .service-order-panel .actions-container .main-row .required-docs-list .list-wrapper, .service-order-container .service-order-panel .actions-container .main-row .upload-files-block .list-wrapper { border: none; } .service-order-container .service-order-panel .actions-container .main-row .upload-files-block { margin-top: 1vh; } .service-order-container .service-order-panel .actions-container .visit-date-block, .service-order-container .service-order-panel .actions-container .visit-type-block { flex-direction: column; align-items: flex-start; width: 100%; } .service-order-container .service-order-panel .actions-container .visit-date-block .dropdown-wrapper, .service-order-container .service-order-panel .actions-container .visit-type-block .dropdown-wrapper { width: 100%; } .service-order-container .btn { margin-bottom: 2rem; } } @media screen and (max-height: 624px) and (orientation: landscape) { .service-order-container .main-title { margin-top: 9rem; } .service-order-container .service-order-panel { width: 95%; } .service-order-container .btn { margin-bottom: 2%; } } @media screen and (min-width: 624px) and (max-width: 1023px) { .service-order-container { min-height: initial; padding: 20% 0; } .service-order-container .service-order-panel { width: 99%; } .service-order-container .service-order-panel .main-content { height: 100%; } .service-order-container .service-order-panel .main-content .content-wrapper { height: 100%; } .service-order-container .service-order-panel .actions-container .main-row .message-block { margin: 1% 0 0 0; } .service-order-container .service-order-panel .actions-container .main-row .message-block textarea { height: 7vh; font-size: 1.3rem; } } @media screen and (min-width: 1023px) and (max-width: 1600px) { .service-order-container .service-order-panel { width: 90%; } } .tooltip-container { position: relative; transition: height .5s ease-in-out; } .tooltip-container .tooltip-button button { color: #373431; border: none; width: 7.6vw; height: 1.8vw; padding: 0; background-color: #f5f0e8; font-size: 12px; font-weight: 500; } .tooltip-container .tooltip-button button:hover { background-color: #fd7200; color: white; } .tooltip-container .tooltip-content-wrapper { position: absolute; top: 65%; right: 0; left: 0; margin: 0 auto; z-index: 1; display: none; align-items: center; flex-direction: column; transition: all .5s ease-in-out; } .tooltip-container .tooltip-content-wrapper.show { display: flex; } .tooltip-container .tooltip-content-wrapper .tooltip-content { width: 217.19px; padding: 1rem; border-radius: 20px; background-color: white; box-shadow: 0 0 10px #e0dedd; overflow: hidden; transition: all .5s ease-out; } .tooltip-container .tooltip-content-wrapper .tooltip-content .swipe_zone { display: grid; grid-template-columns: 193.19px 193.19px 193.19px; column-gap: 20px; grid-template-areas: 'left center right'; transform: translateX(110%); transition: all .2s ease-out; } .tooltip-container .tooltip-content-wrapper .tooltip-content .swipe_zone .swipe_left { grid-area: left; overflow: hidden; transition: all .2s ease-out; min-height: 0; max-height: 0; } .tooltip-container .tooltip-content-wrapper .tooltip-content .swipe_zone .swipe_center { grid-area: center; overflow: hidden; transition: all .2s ease-out; min-height: 46px; max-height: 245px; } .tooltip-container .tooltip-content-wrapper .tooltip-content .swipe_zone .swipe_right { grid-area: right; overflow: hidden; transition: all .2s ease-out; min-height: 0; max-height: 0; } .tooltip-container .tooltip-content-wrapper .tooltip-content .link-btn { border: none; background: none; color: #373431; } .tooltip-container .tooltip-content-wrapper .tooltip-content .link-btn:hover { color: #fd7200; } .tooltip-container .tooltip-content-wrapper .tooltip-content .link-btn:hover img { transform: scale(1.05); } .tooltip-container .tooltip-content-wrapper .tooltip-content .link-btn.cancel-sub-link-btn { color: #ff1d1d; } .tooltip-container .tooltip-content-wrapper .tooltip-content .link-btn.cancel-sub-link-btn:hover { transform: scale(1.05); } .tooltip-container .tooltip-content-wrapper .tooltip-content .disabled-link { color: #847d77; font-weight: 500; border: none; background: none; cursor: default; } .tooltip-container .tooltip-content-wrapper.left_swipe .tooltip-content .swipe_zone { transform: translateX(0%); } .tooltip-container .tooltip-content-wrapper.left_swipe .tooltip-content .swipe_zone .swipe_left { min-height: 46px; max-height: 245px; animation: anim .5s ease-in-out; } .tooltip-container .tooltip-content-wrapper.left_swipe .tooltip-content .swipe_zone .swipe_center, .tooltip-container .tooltip-content-wrapper.left_swipe .tooltip-content .swipe_zone .swipe_right { min-height: 0; max-height: 0; } .tooltip-container .tooltip-content-wrapper.right_swipe .tooltip-content .swipe_zone { transform: translateX(220%); } .tooltip-container .tooltip-content-wrapper.right_swipe .tooltip-content .swipe_zone .swipe_right { min-height: 46px; max-height: 245px; animation: anim .5s ease-in-out; } .tooltip-container .tooltip-content-wrapper.right_swipe .tooltip-content .swipe_zone .swipe_left, .tooltip-container .tooltip-content-wrapper.right_swipe .tooltip-content .swipe_zone .swipe_center { min-height: 0; max-height: 0; } .tooltip-container .tooltip-content-wrapper.center_swipe .tooltip-content .swipe_zone { transform: translateX(110%); } .tooltip-container .tooltip-content-wrapper.center_swipe .tooltip-content .swipe_zone .swipe_center { min-height: 46px; max-height: 245px; animation: anim .5s ease-in-out; } .tooltip-container .tooltip-content-wrapper.center_swipe .tooltip-content .swipe_zone .swipe_left, .tooltip-container .tooltip-content-wrapper.center_swipe .tooltip-content .swipe_zone .swipe_right { min-height: 0; max-height: 0; } .tooltip-container .tooltip-content-wrapper .tooltip-arrow { width: 4rem; height: 2rem; position: relative; top: 0.2rem; background-color: white; clip-path: polygon(50% 0%, 0 100%, 100% 100%); } .tooltip-container button { color: #363638; border: 2px solid #363638; } .tooltip-container.visible button { background-color: #FFA800; color: white; border-color: #FFA800; } @media screen and (max-width: 624px) { .tooltip-container .tooltip-content-wrapper { top: 65%; right: unset; left: -.5rem; margin: unset; } .tooltip-container .tooltip-content-wrapper .tooltip-arrow { left: -4.5rem; } .tooltip-container .tooltip-content-wrapper .tooltip-content { width: 182px; } .tooltip-container .tooltip-content-wrapper .tooltip-content .swipe_zone { grid-template-columns: 155px 155px 155px; } } @keyframes anim { from { width: 220px; } to { width: 193.2px; } } .button-wrapper { display: flex; align-items: center; border-bottom: solid #e6e6e6 1px; padding: 8px 8px 8px 8px; min-width: 193.2px; min-height: 46px; transition: all 1s ease-in-out; } @media screen and (max-width: 624px) { .button-wrapper { height: 30px; min-height: 10px; width: 155px; min-width: 90.2px; } } .button-wrapper:last-child { border-bottom: none; } .button-wrapper .button-wrapper-right { display: flex; } @media screen and (max-width: 624px) { .button-wrapper .button-wrapper-right .img { width: 20px; height: 20px; } } .button-wrapper .button-wrapper-right .img-filler { width: 29px; height: 29px; } .button-wrapper.center { justify-content: center; } .button-wrapper.center .button-wrapper-right .img-filler { display: none; } .button-wrapper.none { display: none; } .button-wrapper .button-wrapper-left button { padding: 0; background: none; color: #373431; font-size: 13px; line-height: normal; font-weight: 400; margin-right: 6px; border: none; } @media screen and (max-width: 624px) { .button-wrapper .button-wrapper-left button { font-size: 10px; } } .button-wrapper .button-wrapper-left button.center_swipe { font-weight: 500; width: 83.959px; height: 27.9px; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); font-size: 13px; color: #fff; } .button-wrapper .button-wrapper-left button.center_swipe img { margin: 0 4px 0 0; } @media screen and (max-width: 624px) { .button-wrapper .button-wrapper-left button.center_swipe { font-size: 10px; width: 63.959px; height: 20.9px; } } .button-wrapper .button-wrapper-left button.center_swipe.reverse img { transform: rotate(180deg); margin: 0 0 0 4px; } .button-wrapper .button-wrapper-left button.right_swipe .title, .button-wrapper .button-wrapper-left button.left_swipe .title { color: #373431; font-size: 13px; } @media screen and (max-width: 624px) { .button-wrapper .button-wrapper-left button.right_swipe .title, .button-wrapper .button-wrapper-left button.left_swipe .title { font-size: 10px; } } .button-wrapper .button-wrapper-left button.right_swipe .plus, .button-wrapper .button-wrapper-left button.left_swipe .plus { color: #ff8f33; margin-right: 3px; } .button-wrapper .button-wrapper-left button.right_swipe:hover .title, .button-wrapper .button-wrapper-left button.left_swipe:hover .title { color: #fd7200; } .button-wrapper:hover .button-wrapper-left button { color: #fd7200; } .button-wrapper:hover .button-wrapper-left button.center_swipe { color: #fff; } .button-wrapper.cancelSubRequest .button-wrapper-left button { color: #ff2e00; } .button-wrapper.cancelSubRequest:hover .button-wrapper-left button { color: #ff2e00; scale: 102%; } .button-wrapper.flyRequest .button-wrapper-right .img { margin-right: -5px; } @media screen and (max-width: 624px) { .button-wrapper.flyRequest .button-wrapper-right .img { margin-right: unset; } } .button-wrapper.flyRequest .button-wrapper-left button { margin-right: 4px; } .button-wrapper.flyRequest .button-wrapper-left button img { height: 12px; margin-bottom: -1px; } @media screen and (max-width: 624px) { .button-wrapper.flyRequest .button-wrapper-left button img { height: 10px; } } .button-wrapper.rdg .button-wrapper-right { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 29px; height: 29px; background-color: #f9ebcc; border-radius: 50%; } .button-wrapper.rdg .button-wrapper-right .img { width: 60%; } @media screen and (max-width: 624px) { .button-wrapper.rdg .button-wrapper-right { width: 21px; height: 21px; } } .button-wrapper.rdg .button-wrapper-left button { margin-right: 4px; } .button-wrapper.buyFly .button-wrapper-right .img { margin-right: -5px; } .button-wrapper.buyFly .button-wrapper-left button { margin-right: 4px; } .button-wrapper.buyFly .button-wrapper-left button img { height: 12px; } .button-wrapper.buyFly:hover .button-wrapper-left button img { scale: 102%; } .button-wrapper.cancellationRequested .button-wrapper-right { display: flex; } .button-wrapper.cancellationRequested .button-wrapper-right .img { display: none; } .button-wrapper.cancellationRequested .button-wrapper-right .img-filler { display: none; } .button-wrapper.cancellationRequested .button-wrapper-left button { color: #ff2e00; font-weight: 500; cursor: default; } .form-text-input { margin: 2.2rem 0; position: relative; } .form-text-input.license-green-label-agent-settings .label { color: #79d71a !important; opacity: 1; } .form-text-input .loading-addition { position: absolute; left: 1rem; bottom: 0.7rem; } .form-text-input .label { position: absolute; top: 35%; right: 0; color: #2a2a2a; opacity: 0.4; font-size: 1.2rem; font-family: 'Rubik', sans-serif; font-weight: 600; transition: all 0.3s ease-in-out; cursor: text; z-index: 1; } .form-text-input .hide-label { opacity: 0; position: absolute; z-index: -1; } .form-text-input .input, .form-text-input .flatpickr-input { width: 100%; outline: none; padding: 1rem 0.2rem; background: none; font-family: 'Rubik', sans-serif; font-size: 1.5rem; caret-color: #FFA800; border: none; border-bottom: 1px solid rgba(42, 42, 42, 0.2); color: #2a2a2a; border-radius: 0; font-weight: bold; } .form-text-input .input::placeholder, .form-text-input .flatpickr-input::placeholder { opacity: 0; color: #5d5d5d; transition: all 0.3s ease-in-out; } .form-text-input .input.show-placeholder::placeholder, .form-text-input .flatpickr-input.show-placeholder::placeholder { visibility: visible; opacity: 1; } .form-text-input .input[type='tel'], .form-text-input .flatpickr-input[type='tel'] { direction: ltr; text-align: right; } .form-text-input:after { content: ''; display: block; position: absolute; top: 98%; height: 1px; width: 0; background: transparent; transition: all 0.3s ease-in-out; } .form-text-input.active .label { top: -1rem; font-size: 1rem; color: #2a2a2a; cursor: default; } .form-text-input.active:after { width: 100%; background: rgba(42, 42, 42, 0.5); } .form-text-input.active .input::placeholder, .form-text-input.active .flatpickr-input::placeholder { visibility: visible; opacity: 0; } .form-text-input .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 0; height: 0; position: absolute; width: 100%; visibility: hidden; transition: all 0.3s ease-in-out; } .form-text-input.error .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 1; visibility: visible; height: 1.25rem; } .form-text-input.error input { color: #e74c3c; } .form-text-input.error:after { width: 100%; background: #e74c3c; } .disabled input, .disabled label { color: #2a2a2a; opacity: 0.3; } .disabled .label { opacity: 0.2; } .flatpickr-calendar { z-index: 100; background: #141010; } .flatpickr-calendar .flatpickr-day.selected { border: #FFA800; background: #FFA800; } .flatpickr-calendar .flatpickr-month { background: none; } select, textarea, input[type='text'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='number'], input[type='email'], input[type='url'], input[type='search'], input[type='tel'], input[type='color'] { font-size: 16px; } @media screen and (max-width: 624px) { .form-input .label { font-size: 1.35rem; } .form-input input { font-size: 1.35rem; } } .form-text-input.claim-field { margin: 0; } .form-text-input.claim-field .label { display: none; } .form-text-input.claim-field input { padding: 0 4px 0 0; border: none; } .form-text-input.claim-field .error-msg { display: none; } .form-text-input.claim-field.error::after { display: none; } .form-text-input.claim-field.active:after { display: none; } .duplicate-payment-wrapper { display: flex; flex-direction: column; align-items: center; } .duplicate-payment-wrapper .duplicate-payment-robot { width: 200px; margin-right: -22px; } .duplicate-payment-wrapper .duplicate-payment-robot img { width: 100%; } .duplicate-payment-wrapper .duplicate-payment-orange-text { font-size: 32px; font-weight: 500; color: #fd7200; margin-bottom: 26px; margin-top: -12px; } .duplicate-payment-wrapper .duplicate-payment-black-text { font-size: 22px; font-weight: 500; margin-bottom: 34px; } .duplicate-payment-wrapper .duplicate-payment-button { border-radius: 32px; padding: 7px 24px; background-color: #2a2a2a; color: white; font-size: 14px; font-weight: 500; } .duplicate-payment-spinner { width: 50px; } .payment-client-form { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } .payment-client-form .payment-client-form-upper { display: flex; align-items: end; } .payment-client-form .payment-client-form-upper .payment-client-form-robot { width: 116px; } .payment-client-form .payment-client-form-upper .payment-client-form-robot img { width: 100%; } .payment-client-form .payment-client-form-upper .title-container { margin-bottom: 2rem; } .payment-client-form .payment-client-form-upper .title-container .form-title { font-size: 1.8rem; text-align: center; margin: 0 0 7px 0; color: #FFA800; font-weight: bold; } .payment-client-form .payment-client-form-upper .title-container .form-subtitle { font-size: 1.5rem; font-weight: 500; text-align: center; margin: 0; } .payment-client-form .payment-client-form-upper .title-container .bold { font-weight: bold; } .payment-client-form .payment-client-form-upper .payment-client-robot-filler { width: 116px; } .payment-client-form .purchase-summary { display: flex; flex-direction: column; justify-content: space-around; align-items: center; width: 100%; margin-bottom: 25px; } .payment-client-form .purchase-summary > div { display: flex; align-items: center; justify-content: center; } .payment-client-form .purchase-summary .total-price { display: flex; align-items: center; width: 100%; } .payment-client-form .purchase-summary .total-price.customer { transform: initial; } .payment-client-form .purchase-summary .total-price .total-price-line1 { display: flex; } .payment-client-form .purchase-summary .total-price .total-price-line1 .total-text { font-size: 1.4rem; font-weight: bold; text-align: center; color: black; } .payment-client-form .purchase-summary .total-price .total-price-line1 .price-wrapper { color: #1d1d1e; } .payment-client-form .purchase-summary .total-price .total-price-line1 .price-wrapper .price-text { font-size: 1.4rem; font-weight: bold; color: #3ec8d5; margin-right: 7px; } .payment-client-form .purchase-summary .total-price p { font-size: 1.5rem; font-weight: 500; } .payment-client-form .purchase-summary.has-discount .total-price { display: flex; flex-direction: column; } .payment-client-form .purchase-summary.has-discount .total-price .total-price-line1 .price-wrapper { color: #1d1d1e; } .payment-client-form .purchase-summary.has-discount .total-price .total-price-line1 .price-wrapper .price-text { text-decoration: line-through; color: #9a9a9a; } .payment-client-form .purchase-summary.has-discount .total-price .total-price-line1 .price-wrapper .price-text.without-line { text-decoration: unset; } .payment-client-form .purchase-summary.has-discount .after-discount-price-text { font-size: 1.6rem; font-weight: bold; color: #3ec8d5; } .payment-client-form .default-form { display: flex; flex-direction: column; align-items: center; width: 33.5vw; } .payment-client-form .default-form .payment-client-form-line { display: flex; justify-content: space-between; align-self: stretch; } .payment-client-form .default-form .payment-client-form-line .form-text-input { width: 46%; } .payment-client-form .default-form .relative-holder { align-self: stretch; } .payment-client-form .default-form .first-digits-credit-card { align-self: stretch; } .payment-client-form .default-form button.black-btn { margin-top: 35px; padding: 5px 30px; } .payment-client-form .default-form .psoriasis-section { display: flex; flex-direction: column; text-align: center; height: 45px; } .payment-client-form .default-form .psoriasis-section .psoriasis-line1 { color: #85e94b; font-size: 14px; } .payment-client-form .default-form .psoriasis-section .psoriasis-line2 { font-size: 10px; } .payment-client-form .relative-holder { position: relative; } .payment-client-form .relative-holder img { position: absolute; left: 0; z-index: 2; top: 0; height: 40px; width: 40px; } @media screen and (max-width: 1180px) { .payment-client-form .payment-client-form-upper .title-container .form-title { margin: 0; } .payment-client-form .purchase-summary .total-price { flex-direction: column; } .payment-client-form .purchase-summary.has-discount .after-discount-price-text { font-size: 1.4rem; } .payment-client-form .default-form-overflow { flex-grow: 1; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } .payment-client-form .default-form-overflow::-webkit-scrollbar { display: none; } .payment-client-form .default-form-overflow .default-form { width: 600px; max-width: 95vw; } .payment-client-form .default-form-overflow .default-form .psoriasis-section .psoriasis-line1 { font-size: 13px; } } @media screen and (max-width: 624px) { .payment-client-form { height: 100%; } .payment-client-form .payment-client-form-upper { display: flex; flex-direction: column; align-items: center; margin-top: 3em; height: 10%; } .payment-client-form .payment-client-form-upper .payment-client-form-robot { position: relative; width: 7.4em; display: none; } .payment-client-form .payment-client-form-upper .payment-client-form-robot img { width: 100%; cursor: unset; } .payment-client-form .payment-client-form-upper .title-container { margin-bottom: 0.7rem; } .payment-client-form .payment-client-form-upper .title-container .form-title { font-size: 1.5em; margin-bottom: 0.0001em; } .payment-client-form .payment-client-form-upper .title-container .form-subtitle { font-size: 1.2em; } .payment-client-form .purchase-summary { margin-bottom: 1em; height: 10%; } .payment-client-form .purchase-summary .total-price .total-price-line1 { flex-direction: column; align-items: center; } .payment-client-form .purchase-summary .total-price .total-price-line1 .total-text { font-size: 1.3rem; } .payment-client-form .purchase-summary .total-price .total-price-line1 .price-wrapper .price-text { font-size: 1.2rem; } .payment-client-form .purchase-summary .total-price p { font-size: 1.2rem; } .payment-client-form .purchase-summary.has-discount .after-discount-price-text { font-size: 1.2rem; } .payment-client-form .default-form-overflow .default-form { width: 75vw; margin-bottom: 20px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .payment-client-form .default-form-overflow .default-form::-webkit-scrollbar { display: none; } .payment-client-form .default-form-overflow .default-form .payment-client-form-line { display: flex; flex-direction: column; align-items: center; } .payment-client-form .default-form-overflow .default-form .payment-client-form-line .form-text-input { width: 100%; margin: 1em 0; } .payment-client-form .default-form-overflow .default-form .payment-client-form-line .form-text-input .label { font-size: 0.8em; } .payment-client-form .default-form-overflow .default-form .payment-client-form-line .form-text-input .input { font-size: 1.2em; } .payment-client-form .default-form-overflow .default-form .payment-client-form-line .form-text-input .error-msg { font-size: 0.6em; } .payment-client-form .default-form-overflow .default-form .first-digits-credit-card { width: 100%; margin: 1em 0; } .payment-client-form .default-form-overflow .default-form .first-digits-credit-card .label { font-size: 0.8em; } .payment-client-form .default-form-overflow .default-form .first-digits-credit-card .input { font-size: 1.2em; } .payment-client-form .default-form-overflow .default-form .first-digits-credit-card .error-msg { font-size: 0.6em; } .payment-client-form .default-form-overflow .default-form .relative-holder .relative_input { width: 100%; margin: 1em 0; } .payment-client-form .default-form-overflow .default-form .relative-holder .relative_input .label { font-size: 0.8em; } .payment-client-form .default-form-overflow .default-form .relative-holder .relative_input .input { font-size: 1.2em; } .payment-client-form .default-form-overflow .default-form .relative-holder .relative_input .error-msg { font-size: 0.6em; } .payment-client-form .default-form-overflow .default-form button.black-btn { margin-top: 1em; padding: 0.5em 1em; font-size: 1em; } } @media screen and (max-height: 740px) { .payment-client-form { height: 100%; } .payment-client-form .default-form-overflow .default-form { width: 75vw; margin-bottom: 98px; } } .bank-details-success-wrapper { display: flex; flex-direction: column; align-items: center; color: black; padding-right: 40px; margin-bottom: 50px; } .bank-details-success-wrapper .bank-details-success-close-btn { font-size: 33px; transform: rotate(45deg); cursor: pointer; } .bank-details-success-wrapper .bank-details-success-title .h3 { font-size: 25px; font-weight: bold; color: #351A71; margin-bottom: 9px; } .bank-details-success-wrapper .bank-details-success-title .bank-details-success-sub { display: flex; flex-direction: column; align-items: center; } .bank-details-success-wrapper .bank-details-success-title .bank-details-success-sub .span { text-align: center; color: #1e1e1d; font-size: 16px; font-weight: 500; } .bank-details-success-wrapper .bank-details-success-robot { width: 211px; margin: 0 50px 20px 0; } .bank-details-success-wrapper .bank-details-success-robot img { width: 100%; } .bank-details-success-wrapper .bank-details-success-download { width: 195px; height: 38px; padding: 0; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); } .bank-details-success-wrapper .bank-details-success-download .span { margin-left: 8px; font-size: 16px; font-weight: 500; color: white; } .bank-details-success-wrapper .bank-details-success-download svg { filter: invert(100%) sepia(2%) saturate(4513%) hue-rotate(280deg) brightness(127%) contrast(107%); } .bank-details-success-wrapper .bank-details-success-download:hover { transform: scale(1.02); } @media screen and (max-width: 1180px) { .bank-details-success-wrapper { padding-right: 0; } } @media screen and (max-width: 624px) { .bank-details-success-wrapper { margin-top: 20%; } } .public-letters-card { border-radius: 1em; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); position: relative; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; width: 354px; height: 651px; padding: 1rem 2rem 0; border: solid 1px #e6e6e6; margin-left: 4rem; margin-bottom: 1rem; margin-top: 1.5em; } .public-letters-card:hover { outline: solid 3px #FFA800; } .public-letters-card .bestCareLogo { position: absolute; width: 152.3px; height: 155.8px; right: -18%; } .public-letters-card .bestCareLogo.gold { width: 101px; height: 101px; top: 6%; right: -11%; } .public-letters-card .logo_img_back { width: 203.7px; height: 189.6px; z-index: 0; position: absolute; left: 5em; top: 7em; } .public-letters-card .bestCareTitle { position: absolute; width: 1px; height: 1px; text-align: center; line-height: 1; font-size: 14px; font-weight: 500; color: #fd7200; top: 6.2em; right: -1em; transform: rotate(35deg); } .public-letters-card .new_Product { top: 6.4em; right: -.3em; } .public-letters-card .premium_product { top: 7.1rem; right: -1.3rem; color: #dcb85d; display: flex; } .public-letters-card .service-card-title { width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 1rem; height: 9%; } .public-letters-card .service-card-title .prod-name-title { font-size: 18px; font-weight: 500; text-align: center; color: #413f3d; direction: ltr; } .public-letters-card .service-card-title .prod-name-subtitle { color: #000; font-size: 13px; direction: rtl; margin-bottom: 1em; display: flex; flex-direction: column; align-items: center; text-align: center; z-index: 2; line-height: 1.5; } .public-letters-card .service-card-title .prod-name-subtitle .Simple { width: 170px; } .public-letters-card .img-wrapper { text-align: center; position: relative; height: 30%; margin-top: 1em; } .public-letters-card .img-wrapper .logo_img { z-index: 1; margin-top: 1.9rem; width: 60%; } .public-letters-card .img-wrapper .logo_img.simple_smile { width: 58%; } .public-letters-card .img-wrapper .logo_img.gold_plus { width: 58%; } .public-letters-card .img-wrapper .logo_img.mediwho_fly { width: 88%; margin-top: 22px; } .public-letters-card .img-wrapper .logo_img.magen_david { width: 88%; translate: 0 25px; } .public-letters-card .img-wrapper .logo_img.soul_care { margin-top: 1.9rem; width: 92%; } .public-letters-card .prod-bullets { display: flex; flex-direction: column; width: 90%; height: 55%; } .public-letters-card .prod-bullets .prod-row { display: grid; grid-template-areas: 'icon title' 'line line'; grid-template-columns: 8% 92%; margin-top: 19px; } .public-letters-card .prod-bullets .prod-row .img_ok { width: 13.7px; height: 10.4px; grid-area: icon; } .public-letters-card .prod-bullets .prod-row .img_ok.dentist { width: 15px; height: 19px; } .public-letters-card .prod-bullets .prod-row .title { font-size: 12px; line-height: 1.38; color: #707070; direction: ltr; grid-area: title; font-weight: 300; } .public-letters-card .prod-bullets .prod-row .title .spec_text { color: #fd7200; font-weight: 500; } .public-letters-card .prod-bullets .prod-row .title.dentist { font-size: 12px; color: #fd7200; font-weight: 500; cursor: pointer; } .public-letters-card .prod-bullets .prod-row .bottom-line { width: 98%; height: 1px; border-bottom: 1px dashed #d1d1d1; grid-area: line; margin-top: 16.2px; } .public-letters-card .buttons-container { height: 5%; margin-bottom: 10px; display: flex; } .public-letters-card .buttons-container .card-btn { margin-left: 10px; } .public-letters-card .buttons-container .card-btn .insider { padding: 4px 40px 4px 40px; border-radius: 30px; background-color: #3e3e3e; font-size: 13px; font-weight: 500; color: #fff; transition: 1s; } .public-letters-card .buttons-container .card-btn .insider:hover { background-color: #fd7200; transition: 1s; transform: scale(1.05); } .public-letters-card .buttons-container .a_prod .prod_btn { padding: 4px 40px 4px 40px; border-radius: 30px; background-color: #3e3e3e; font-size: 13px; font-weight: 500; color: #fff; transition: 1s; margin-left: 10px; } .public-letters-card .buttons-container .a_prod .prod_btn:hover { background-color: #fd7200; transition: 1s; transform: scale(1.05); } .blog-section-container { padding: 0; margin: 0; display: flex; flex-direction: column; align-items: center; height: 1000px; background-image: url(/_next/static/images/Background-32caaf458ee5a9fc3badebf9ab32c8fe.jpg); background-repeat: no-repeat; background-position-y: -8em; background-size: cover; background-color: white; overflow: hidden; } .blog-section-container .title-container { margin-bottom: 10px; margin-top: 14em; } .blog-section-container .title-container .register-sub-title { font-size: 25px; font-weight: bold; color: #f70; } .blog-section-container .button-main-blog { width: 210.5px; height: 45.6px; margin-top: 30px; border-radius: 72px; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); display: flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.5s; } .blog-section-container .button-main-blog:hover { transform: scale(1.05); transition: 0.5s; } .blog-section-container .button-main-blog .link-button-se { color: #fff; font-size: 16px; font-weight: 500; } .blog-section-container .blog-blocks-container { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; } .blog-section-container .blog-blocks-container .robot { width: 27vh; height: 27vh; } .blog-section-container .blog-blocks-container .optional_div { width: 27vh; height: 30vh; } .blog-section-container .blog-blocks-container .blog-block { position: relative; height: 450px; width: 280px; padding: 1rem; display: flex; flex-direction: column; align-content: center; justify-content: space-between; background-color: white; border-radius: 1rem; box-shadow: 0 2px 40px 0 rgba(39, 36, 36, 0.14); color: black; margin: 5px; } .blog-section-container .blog-blocks-container .blog-block .img-container { height: 63%; width: 100%; } .blog-section-container .blog-blocks-container .blog-block .img-container .img_no-hover, .blog-section-container .blog-blocks-container .blog-block .img-container .img_hover { width: 100%; height: 100%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .blog-section-container .blog-blocks-container .blog-block .img-container .img_hover { display: none; } .blog-section-container .blog-blocks-container .blog-block .img-container .img_no-hover { animation: loaderIMGADA 1.2s ease-in-out; } @keyframes loaderIMGADA { from { opacity: .4; } to { opacity: 1; } } .blog-section-container .blog-blocks-container .blog-block .text-area { width: 90%; } .blog-section-container .blog-blocks-container .blog-block .text-area .blog-title { font-size: 16px; font-weight: 500; color: #ff6f00; text-align: right; margin: 0; padding-bottom: 5px; } .blog-section-container .blog-blocks-container .blog-block .text-area p { margin: 0; font-size: 12px; font-weight: 100; line-height: 20px; } .blog-section-container .blog-blocks-container .blog-block .blog-btn-container { display: flex; width: 90%; justify-content: left; padding-bottom: 10px; } .blog-section-container .blog-blocks-container .blog-block .blog-btn-container .blog-btn { width: 104.7px; height: 13px !important; background-color: #393838; font-size: 10px; font-weight: normal; padding: 4px 0px; transition: 0.5s; } .blog-section-container .blog-blocks-container .blog-block .blog-btn-container .blog-btn:hover { transform: scale(1.05); transition: 0.5s; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); } .blog-section-container .blog-blocks-container .blog-block:hover .img-container { animation: loaderIMGAD 1.2s ease-in-out; } .blog-section-container .blog-blocks-container .blog-block:hover .img-container .img_hover { display: block; } .blog-section-container .blog-blocks-container .blog-block:hover .img-container .img_no-hover { display: none; } @keyframes loaderIMGAD { from { opacity: .4; } to { opacity: 1; } } @media screen and (min-width: 1880px) { .blog-section-container { height: 84em; background-position-y: -10em; background-size: 100% 140em; } .blog-section-container .blog-blocks-container .blog-block { margin: 10px; } .blog-section-container .title-container { margin-top: 12em; } } @media screen and (max-width: 1600px) { .blog-section-container { height: 85em; background-size: 100% 160%; background-position-y: -47px; } .blog-section-container .button-main-blog { margin-top: 30px; } .blog-section-container .title-container { margin-bottom: 5px; margin-top: 18em; } .blog-section-container .blog-blocks-container .blog-block { height: 400px; width: 250px; padding: 0.8rem; } .blog-section-container .blog-blocks-container .blog-block .img-container { height: 55%; } } @media screen and (max-width: 1024px) { .blog-section-container { height: 50vh; width: 100%; justify-content: unset; } .blog-section-container .button-main-blog { margin-top: 20px; width: 155px; height: 30px; } .blog-section-container .button-main-blog .link-button-se { font-size: 12px; } .blog-section-container .title-container { margin-bottom: 5px; margin-top: 150px; } .blog-section-container .title-container .register-sub-title { font-size: 18px; } .blog-section-container .blog-blocks-container { width: 60%; } .blog-section-container .blog-blocks-container .robot { display: none; } .blog-section-container .blog-blocks-container .optional_div { display: none; } .blog-section-container .blog-blocks-container .blog-block { height: 282px; width: 186px; padding: 0.8rem; } .blog-section-container .blog-blocks-container .blog-block .blog-btn-container button { width: 71px; height: 17px; font-size: 7px; } .blog-section-container .blog-blocks-container .blog-block .text-area .blog-title { font-size: 12px; line-height: 1.5; } .blog-section-container .blog-blocks-container .blog-block .text-area p { font-size: 8px; line-height: 1.5; } .blog-section-container .blog-blocks-container .blog-block .img-container { height: 55%; } } @media screen and (max-width: 768px) { .blog-section-container { height: 700px; justify-content: unset; background-position-y: -60px; background-position-x: -110px; background-size: 120% 165%; } .blog-section-container .button-main-blog { margin-top: 35px; width: 155px; height: 30px; } .blog-section-container .button-main-blog .link-button-se { font-size: 12px; } .blog-section-container .title-container { margin-bottom: 10px; margin-top: 120px; } .blog-section-container .title-container .register-sub-title { font-size: 18px; } .blog-section-container .blog-blocks-container { width: 77%; } .blog-section-container .blog-blocks-container .robot { display: none; } .blog-section-container .blog-blocks-container .optional_div { display: none; } .blog-section-container .blog-blocks-container .blog-block { height: 282px; width: 186px; padding: 0.8rem; } .blog-section-container .blog-blocks-container .blog-block .blog-btn-container { display: flex; width: 100%; justify-content: left; padding-bottom: 2px; } .blog-section-container .blog-blocks-container .blog-block .blog-btn-container .blog-btn { width: 71px; font-size: 7px; height: 17px; } .blog-section-container .blog-blocks-container .blog-block .text-area .blog-title { font-size: 12px; line-height: 1.5; } .blog-section-container .blog-blocks-container .blog-block .text-area p { font-size: 8px; line-height: 1.5; } .blog-section-container .blog-blocks-container .blog-block .img-container { height: 55%; } } /** * Swiper 6.3.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 30, 2020 */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/44*27); height: var(--swiper-navigation-size); margin-top: calc(-1*var(--swiper-navigation-size)/2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .oval-thought { width: 270px; position: relative; padding: 2rem; text-align: center; color: #fff; background: none; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid #FFA800; } .oval-thought p { font-size: 1.25em; } /* creates the larger circle */ .oval-thought:before { content: ''; position: absolute; bottom: -22px; left: 50px; width: 30px; height: 30px; background: #FFA800; /* css3 */ -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* creates the smaller circle */ .oval-thought:after { content: ''; position: absolute; bottom: -30px; left: 30px; width: 15px; height: 15px; background: #FFA800; /* css3 */ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .blocked-area-container { width: 100%; min-height: 98vh; display: flex; justify-content: center; align-items: center; } .blocked-area-container .blocked-area-content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 35%; } .blocked-area-container .blocked-area-content .speech-bubble-wrapper { position: relative; margin-bottom: 15%; } .blocked-area-container .blocked-area-content .speech-bubble-wrapper .error-speech-bubble { width: 350px; padding: 3rem; } .blocked-area-container .blocked-area-content .speech-bubble-wrapper .error-speech-bubble:before { bottom: -20px; right: 50px; left: initial; } .blocked-area-container .blocked-area-content .speech-bubble-wrapper .error-speech-bubble:after { right: 30px; left: initial; } .blocked-area-container .blocked-area-content .speech-bubble-wrapper .medi { width: 150px; right: -50px; bottom: -100px; position: absolute; } .blocked-area-container .blocked-area-content .back-button { display: flex; align-self: flex-end; margin-left: 10%; cursor: pointer; } .blocked-area-container .blocked-area-content .back-button a { display: flex; align-content: center; } .blocked-area-container .blocked-area-content .back-button a p { margin: 0; color: white; transition: 200ms cubic-bezier(0.6, -0.28, 0.735, 0.045); } .blocked-area-container .blocked-area-content .back-button a:hover p { color: #FFA800; } .blocked-area-container .blocked-area-content .back-button a:hover .arrow-back { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NC45NiA0MC41MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZjczMDA7c3Ryb2tlOiNmZjczMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT4wMTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjMzLjM1IDUgMTQuMTIgMTkuMDIgMTIuMzEgMjAuMyAxNC4xMSAyMS41OSAzMy4zNSAzNS42MSAxNy42NiAyMC4zMSAzMy4zNSA1Ii8+PC9nPjwvc3ZnPgo=); } .blocked-area-container .blocked-area-content .back-button a .arrow-back { width: 20px; height: 20px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NC45NiA0MC41MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT4wMTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjMzLjM1IDUgMTQuMTIgMTkuMDIgMTIuMzEgMjAuMyAxNC4xMSAyMS41OSAzMy4zNSAzNS42MSAxNy42NiAyMC4zMSAzMy4zNSA1Ii8+PC9nPjwvc3ZnPg==) no-repeat; background-size: 100% 100%; transition: 200ms cubic-bezier(0.6, -0.28, 0.735, 0.045); } .blocked-area-container .blocked-area-content svg { width: 200px; fill: #FFA800; } .blocked-area-container .blocked-area-content svg path { fill: #FFA800; } .blocked-area-container .blocked-area-content h1 { line-height: 1; margin: 2rem 0 0 0; } .blocked-area-container .blocked-area-content h2 { margin: 0.5rem 0 1rem 0; width: 70%; } .blocked-area-container .blocked-area-content .btn { padding: 0.8rem 2.4rem; } .blocked-area-container .blocked-area-content .btn-margin-top { margin-top: 0.5rem; } @media screen and (max-width: 1023px) { .blocked-area-container { width: 100%; } .blocked-area-container .blocked-area-content { width: 100%; } .blocked-area-container .blocked-area-content h1 { font-size: 3rem; width: 100%; } .blocked-area-container .blocked-area-content h2 { width: 90%; font-size: 2rem; } .blocked-area-container .blocked-area-content .back-button { position: relative; right: 30%; } } @media screen and (max-width: 624px) { .blocked-area-container { width: 100vw; } .blocked-area-container .blocked-area-content { width: 100%; } .blocked-area-container .blocked-area-content .speech-bubble-wrapper { margin-bottom: 20%; } .blocked-area-container .blocked-area-content .speech-bubble-wrapper .error-speech-bubble { width: 222px; } .blocked-area-container .blocked-area-content h1 { font-size: 1.5rem; width: 100%; } .blocked-area-container .blocked-area-content h2 { width: 90%; font-size: 1rem; } .blocked-area-container .blocked-area-content .back-button { position: relative; margin: 0 auto; } } .blocked-payment-container { width: 100%; min-height: 98vh; display: flex; justify-content: center; align-items: center; } .blocked-payment-container .blocked-payment-content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 35%; } .blocked-payment-container .blocked-payment-content .speech-bubble-wrapper { position: relative; margin-bottom: 15%; } .blocked-payment-container .blocked-payment-content .speech-bubble-wrapper .error-speech-bubble { width: 350px; padding: 3rem; } .blocked-payment-container .blocked-payment-content .speech-bubble-wrapper .error-speech-bubble:before { bottom: -20px; right: 50px; left: initial; } .blocked-payment-container .blocked-payment-content .speech-bubble-wrapper .error-speech-bubble:after { right: 30px; left: initial; } .blocked-payment-container .blocked-payment-content .speech-bubble-wrapper .medi { width: 150px; right: -50px; bottom: -100px; position: absolute; } .blocked-payment-container .blocked-payment-content .back-button { display: flex; align-self: flex-end; margin-left: 10%; cursor: pointer; } .blocked-payment-container .blocked-payment-content .back-button a { display: flex; align-content: center; } .blocked-payment-container .blocked-payment-content .back-button a p { margin: 0; color: white; transition: 200ms cubic-bezier(0.6, -0.28, 0.735, 0.045); } .blocked-payment-container .blocked-payment-content .back-button a:hover p { color: #FFA800; } .blocked-payment-container .blocked-payment-content .back-button a:hover .arrow-back { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NC45NiA0MC41MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZjczMDA7c3Ryb2tlOiNmZjczMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT4wMTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjMzLjM1IDUgMTQuMTIgMTkuMDIgMTIuMzEgMjAuMyAxNC4xMSAyMS41OSAzMy4zNSAzNS42MSAxNy42NiAyMC4zMSAzMy4zNSA1Ii8+PC9nPjwvc3ZnPgo=); } .blocked-payment-container .blocked-payment-content .back-button a .arrow-back { width: 20px; height: 20px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NC45NiA0MC41MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT4wMTwvdGl0bGU+PGcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjMzLjM1IDUgMTQuMTIgMTkuMDIgMTIuMzEgMjAuMyAxNC4xMSAyMS41OSAzMy4zNSAzNS42MSAxNy42NiAyMC4zMSAzMy4zNSA1Ii8+PC9nPjwvc3ZnPg==) no-repeat; background-size: 100% 100%; transition: 200ms cubic-bezier(0.6, -0.28, 0.735, 0.045); } .blocked-payment-container .blocked-payment-content svg { width: 200px; fill: #FFA800; } .blocked-payment-container .blocked-payment-content svg path { fill: #FFA800; } .blocked-payment-container .blocked-payment-content h1 { line-height: 1; margin: 2rem 0 0 0; } .blocked-payment-container .blocked-payment-content h2 { margin: 0.5rem 0 1rem 0; width: 70%; } .blocked-payment-container .blocked-payment-content .btn { padding: 0.8rem 2.4rem; } @media screen and (max-width: 1023px) { .blocked-payment-container .blocked-area-content { width: 100%; } .blocked-payment-container .blocked-area-content h1 { font-size: 3rem; width: 100%; } .blocked-payment-container .blocked-area-content h2 { width: 90%; font-size: 2rem; } .blocked-payment-container .blocked-area-content .back-button { position: relative; right: 30%; } } @media screen and (max-width: 624px) { .blocked-payment-container { width: 100vw; } .blocked-payment-container .blocked-payment-content { width: 100%; } .blocked-payment-container .blocked-payment-content .speech-bubble-wrapper { margin-bottom: 20%; } .blocked-payment-container .blocked-payment-content .speech-bubble-wrapper .error-speech-bubble { width: 222px; } .blocked-payment-container .blocked-payment-content h1 { font-size: 1.5rem; width: 100%; } .blocked-payment-container .blocked-payment-content h2 { width: 90%; font-size: 1rem; } .blocked-payment-container .blocked-payment-content .back-button { position: relative; margin: 0 auto; } } .form-checkbox { margin: 1rem 0; } .form-checkbox span { color: #2a2a2a; } .form-checkbox.checkbox { position: relative; } .form-checkbox.checkbox .label { display: flex; align-items: center; font-size: 1.2rem; position: relative; font-weight: 500; color: #1d1d1e; } .form-checkbox.checkbox .label a { color: #FFA800; } .form-checkbox.checkbox .label a:hover { color: #FFA800; } .form-checkbox.checkbox .input { position: absolute; opacity: 0; } .form-checkbox.checkbox .input + label { cursor: pointer; } .form-checkbox.checkbox .input + label:after { opacity: 0; } .form-checkbox.checkbox .input + label:before { content: ''; margin-left: 0.75rem; display: inline-block; vertical-align: text-top; min-width: 2rem; width: 2rem; height: 2rem; border: 2px solid rgba(42, 42, 42, 0.3); border-radius: 0.3rem; transition: border 0.3s ease-in-out; } .form-checkbox.checkbox .input:hover + label:before { border: 2px solid #FFA800; } .form-checkbox.checkbox .input:checked + label:before { border: 2px solid #FFFFFF; background: #FFA800; } .form-checkbox.checkbox .input:disabled + label { color: #e5e5e5; cursor: auto; } .form-checkbox.checkbox .input:disabled + label:before { box-shadow: none; background: #e5e5e5; } .form-checkbox.checkbox .input + label:after { content: ''; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ1OV84MTYpIj4KPHBhdGggZD0iTTExLjE1NTQgMS4yNDMxMkMxMS4wMzk5IDAuODUzNzE2IDEwLjQ5OTEgMC43MzQyOTcgMTAuMTk5NSAxLjAzMTU1QzguOTUxMDQgMi4yNjg1NyA4LjAxOTM1IDMuMzQ5ODIgNy4xMzA0NiA0LjUwMjQ3QzYuNzYzNzcgNC45ODAxNCA2LjQwMTM3IDUuNDc1OTkgNi4wNjMyMiA1Ljk3MTg0QzUuNDMyNTggNi44OTk5MyA0Ljg0MzMyIDcuODUyNjggNC4zMjgyNCA4LjgzNzg4QzQuMzc5NjEgOC43NDA1MyAzLjkzNTg4IDguMTY4MSAzLjg2ODgyIDguMDY1NTVDMy43MTkwMSA3LjgzNDUxIDMuNTYyMDYgNy42MDg2NSAzLjM5NjU1IDcuMzg3OThDMy4wOTEyMiA2Ljk4MDQgMi43NTU5MiA2LjU5MjI5IDIuNDAwNjUgNi4yMjEwNkMyLjM1OTI4IDYuMTc4MjIgMi4wOTM4OSA1LjkyNzcgMS44NTU2MiA1LjcwNDQ0QzEuNjUxNTkgNS41MTEwNCAxLjMwNjMxIDUuNTMwNTEgMS4xMjc5NiA1Ljc0MzM4TDAuMjM5MDcgNi44MDEyOEMwLjA2NjQyODQgNy4wMDYzNiAwLjEyNzc4IDcuMzAyMzEgMC4zNjg5MDcgNy40MzczMUMwLjc1Njk5NCA3LjY1NDA4IDEuMzUxOTYgOC4wMzMxIDIuMDIzOTggOC42Mjc2QzIuMzM5MyA4LjkwNzk3IDIuNjcwMzIgOS4yMDUyMiAyLjk1NDI1IDkuNTExNTZDMy4xODk2NyA5Ljc2MjA4IDMuNDEyMjUgMTAuMDI4MiAzLjYxNDg1IDEwLjMwMjFDMy42NTMzNyAxMC4zNTQgMy43MDMzMSAxMC40MjggMy43Mzg5OCAxMC40NzczTDMuOTA0NDkgMTAuNjcyQzQuMTc3IDEwLjk5NzggNC43NTkxMyAxMC44OTI3IDQuODcxODUgMTAuNDkyOUM0Ljk4MzE0IDEwLjMwNzIgNS4xMDg3IDEwLjExMTIgNS4yMjg1NSA5LjkyOTUyQzUuOTI2MjUgOC44ODQ2MSA2LjcxNTI2IDcuODg3NzIgNy41NTk5MiA2LjkzNzU3QzguMDU1MDIgNi4zODA3MiA4LjU4MjkzIDUuODMwMzUgOS4xMjA4MyA1LjMwNzI1QzkuODA0MjYgNC42NDM5NiAxMC43MDg4IDMuODc2ODIgMTEuMjQyNSAzLjQzMjlDMTEuNTE5MyAzLjIwMzE0IDExLjYzMiAyLjg1MjY4IDExLjUzMzUgMi41MjQyOEwxMS4xNTU0IDEuMjQzMTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ1OV84MTYiPgo8cmVjdCB3aWR0aD0iMTEuNDI4NiIgaGVpZ2h0PSIxMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMTQwNjI1IDAuODY1MzU2KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); height: 1.6rem; width: 1.6rem; background-size: 90% 90%; background-repeat: no-repeat; background-position: center -10%; font-size: 2rem; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0.3rem; opacity: 0; transition: opacity 0.3s ease-in-out; } .form-checkbox.checkbox .input:checked + label:after { opacity: 1; } .form-checkbox.checkbox.error .label:before { border: 2px solid #e74c3c; } .form-checkbox.radio { display: flex; flex-wrap: wrap; margin: 1rem 0; align-items: center; } .form-checkbox.radio .check-labels { display: flex; margin-right: auto; } .form-checkbox.radio .title { cursor: pointer; margin: 0.5rem 0 0.5rem 0rem; } .form-checkbox.radio .label { display: flex; justify-content: center; align-items: center; border: solid 2px #fff; transition: all 0.3s; width: 1.9rem; height: 1.9rem; text-align: center; border-radius: 0.3rem; } .form-checkbox.radio .label:last-child { margin-right: 0.75rem; } .form-checkbox.radio .label:hover { border: solid 2px #FFA800; color: #FFA800; cursor: pointer; } .form-checkbox.radio input:checked + .label { border: solid 2px #FFA800; color: #FFA800; } .form-checkbox.radio input { display: none; } .form-checkbox.radio.error .label { border: solid 2px #e74c3c; color: #e74c3c; } .form-checkbox.error .error-msg { width: 100%; color: #e74c3c; font-size: 0.85rem; opacity: 1; visibility: visible; height: 1rem; } .form-checkbox .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 0; height: 0; visibility: hidden; transition: all 0.3s ease-in-out; position: absolute; } .new-user-details-container { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: start; width: 100%; margin-top: 30px; z-index: 2; } .new-user-details-container .title_row { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 37px; } .new-user-details-container .title_row .main_t { direction: ltr; color: #f90; font-size: 26px; font-weight: 700; margin-bottom: 10px; } .new-user-details-container .title_row .second_t, .new-user-details-container .title_row .third_t { color: #6f6c6c; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; } .new-user-details-container .login-phone-timer { margin: unset; font-size: 1rem; display: block; color: #ff2020; font-weight: 500; transition: 0.2s ease-in-out; text-align: center; border: #000; } .new-user-details-container .login-phone-timer.hide { opacity: 0; } .new-user-details-container .details_input_row { display: flex; flex-direction: column; justify-content: space-between; height: 290px; } .new-user-details-container .details_input_row .name_inputs { display: flex; justify-content: center; align-items: center; justify-content: space-between; width: 429px; } .new-user-details-container .details_input_row .name_inputs .name_input, .new-user-details-container .details_input_row .name_inputs .last_name_input { display: flex; justify-content: center; align-items: center; position: relative; width: 210px; height: 41px; background-color: rgba(255, 255, 255, 0.8); border-radius: 2rem; padding: 0 0.7rem 0 0.7rem; } .new-user-details-container .details_input_row .name_inputs .name_input img, .new-user-details-container .details_input_row .name_inputs .last_name_input img { margin-left: 3px; } .new-user-details-container .details_input_row .name_inputs .name_input span, .new-user-details-container .details_input_row .name_inputs .last_name_input span { position: absolute; right: 15px; bottom: -18px; color: #e74c3c; font-size: 0.85rem; } .new-user-details-container .details_input_row .email_input, .new-user-details-container .details_input_row .phone_input { display: flex; justify-content: center; align-items: center; width: 429px; height: 41px; background-color: rgba(255, 255, 255, 0.8); border-radius: 2rem; padding: 0 0.7rem 0 0.7rem; position: relative; } .new-user-details-container .details_input_row .email_input img, .new-user-details-container .details_input_row .phone_input img { margin-left: 3px; } .new-user-details-container .details_input_row .email_input span, .new-user-details-container .details_input_row .phone_input span { position: absolute; right: 15px; bottom: -18px; color: #e74c3c; font-size: 0.85rem; } .new-user-details-container .details_input_row .checkbox_input { display: flex; justify-content: center; align-items: center; margin-right: 10px; } .new-user-details-container .details_input_row .checkbox_input .box_check { display: flex; justify-content: center; align-items: center; position: relative; width: 18px; height: 18px; border-radius: 3px; border: 0.988px solid #999696; cursor: pointer; margin-left: 6px; } .new-user-details-container .details_input_row .checkbox_input .box_check .v_sign { position: absolute; width: 12px; z-index: 1; visibility: hidden; } .new-user-details-container .details_input_row .checkbox_input .box_check .v_sign.show { visibility: visible; } .new-user-details-container .details_input_row .checkbox_input .box_check input { width: 16px; height: 16px; opacity: 0; cursor: pointer; z-index: 2; } .new-user-details-container .details_input_row .checkbox_input .box_check._ok_ { background-color: #f90; border: 0.988px solid #fff; } .new-user-details-container .details_input_row .checkbox_input label { color: #393939; font-size: 14.813px; font-weight: 400; } .new-user-details-container .details_input_row .send_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; margin-top: 40px; align-self: center; visibility: hidden; } .new-user-details-container .details_input_row .send_btn.show { visibility: visible; } @media screen and (max-width: 624px) { .new-user-details-container { transform: translateY(12%); margin-top: unset; } .new-user-details-container .title_row { margin-bottom: 27px; } .new-user-details-container .title_row .main_t { font-size: 6vw; margin-bottom: 10px; } .new-user-details-container .title_row .second_t, .new-user-details-container .title_row .third_t { font-size: 4vw; line-height: 20px; } .new-user-details-container .details_input_row { align-items: center; height: 240px; width: 100vw; } .new-user-details-container .details_input_row .name_inputs { width: 95vw; } .new-user-details-container .details_input_row .name_inputs .name_input, .new-user-details-container .details_input_row .name_inputs .last_name_input { width: 48%; height: 35px; } .new-user-details-container .details_input_row .name_inputs .name_input input::placeholder, .new-user-details-container .details_input_row .name_inputs .last_name_input input::placeholder { font-size: 3.5vw; } .new-user-details-container .details_input_row .email_input, .new-user-details-container .details_input_row .phone_input { width: 95vw; height: 35px; } .new-user-details-container .details_input_row .email_input input::placeholder, .new-user-details-container .details_input_row .phone_input input::placeholder { font-size: 3.5vw; } .new-user-details-container .details_input_row .checkbox_input { justify-content: start; margin-right: unset; width: 90vw; } .new-user-details-container .details_input_row .checkbox_input label { font-size: 13px; } .new-user-details-container .details_input_row .send_btn { cursor: pointer; margin-top: 10px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .new-user-details-container { transform: translateY(18%); } } @media screen and (max-width: 624px) and (max-width: 344px) { .new-user-details-container { transform: translateY(10%); } .new-user-details-container .details_input_row .checkbox_input label { font-size: 12px; } } @media screen and (max-width: 624px) and (max-width: 320px) { .new-user-details-container .title_row { margin-bottom: 20px; } .new-user-details-container .title_row .main_t { margin-bottom: 7px; } .new-user-details-container .details_input_row { height: 230px; } .new-user-details-container .details_input_row .name_inputs .name_input input::placeholder, .new-user-details-container .details_input_row .name_inputs .last_name_input input::placeholder { font-size: 4vw; } .new-user-details-container .details_input_row .email_input input::placeholder, .new-user-details-container .details_input_row .phone_input input::placeholder { font-size: 4vw; } .new-user-details-container .details_input_row .checkbox_input label { font-size: 11px; } .new-user-details-container .details_input_row .send_btn { width: 127px; height: 25px; font-size: 10px; margin-top: 5px; } } .auth-wrapper { min-height: 100vh; /* This is for browsers that don't support custom properties */ min-width: 100vw; background: #e1dedf; position: relative; display: flex; justify-content: center; align-items: center; } .auth-wrapper .back-btn { background: none; border: none; position: fixed; display: flex; z-index: 300; top: 2.9rem; right: 3rem; align-items: start; } .auth-wrapper .back-btn span { color: #928d8d; } .auth-wrapper .back-btn .back-btn-img { transform: scaleX(-1); width: 32px; } .auth-wrapper .back-btn .reg-back-btn-tooltip { visibility: hidden; position: relative; left: 56%; top: -1px; width: 150px; } .auth-wrapper .back-btn .reg-back-btn-tooltip img { width: 100%; } .auth-wrapper .back-btn .reg-back-btn-tooltip .tooltip-text { position: absolute; display: flex; flex-direction: column; color: #ff7300; font-size: 11px; font-weight: 500; top: 40%; left: 0%; width: 150px; } .auth-wrapper .back-btn:hover .reg-back-btn-tooltip { visibility: visible; } @media screen and (max-width: 1023px) { .auth-wrapper .back-btn { top: 2.2rem !important; right: 0.6rem !important; } } @media screen and (max-width: 624px) { .auth-wrapper .back-btn { top: 1.2rem !important; right: 0.6rem !important; } } .auth-wrapper .back-btn.hide { display: none; } .auth-wrapper .auth-nav { padding: 1.5rem 0; position: absolute; top: 1%; left: 0; width: 50%; z-index: 3; } .auth-wrapper .auth-nav.agent .title-wrapper { display: flex; justify-content: center; align-items: center; width: 100%; position: relative; } .auth-wrapper .auth-nav.agent .title-wrapper .agent-auth-title { color: black; font-size: 1.4rem; font-weight: 400 !important; } .auth-wrapper .auth-nav.agent .title-wrapper svg { width: 12rem; margin-right: 0.5rem; padding-bottom: 0.5vh; } .auth-wrapper .auth-nav.agent .title-wrapper svg path { fill: black; } .auth-wrapper .auth-nav.agent .title-wrapper svg path:nth-child(6), .auth-wrapper .auth-nav.agent .title-wrapper svg path:nth-child(7), .auth-wrapper .auth-nav.agent .title-wrapper svg path:nth-child(8) { fill: #ff7300; } .auth-wrapper .auth-nav.agent button { background-color: #FFA800; position: relative; right: 2.6rem; top: -0.9rem; display: block; margin: 0 auto; width: 7rem; font-size: 0.9rem; font-weight: 700; height: 1.5rem; padding: 0.1rem 0.5rem; box-sizing: content-box; cursor: default; } .auth-wrapper .auth-nav .step-title { position: relative; color: #2a2a2a; font-size: 2.25rem; font-weight: 500; width: 50%; margin: 12% auto 0 auto; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } .auth-wrapper .auth-nav .title-wrapper { display: flex; justify-content: center; align-items: center; width: 100%; } .auth-wrapper .auth-nav .title-wrapper h1 { color: black; font-size: 1.8rem; } .auth-wrapper .auth-nav .title-wrapper svg { width: 8rem; margin-right: 0.5rem; } .auth-wrapper .auth-nav .title-wrapper svg path { fill: black; } .auth-wrapper .auth-nav .title-wrapper svg path:nth-child(6), .auth-wrapper .auth-nav .title-wrapper svg path:nth-child(7), .auth-wrapper .auth-nav .title-wrapper svg path:nth-child(8) { fill: #ff7300; } .auth-wrapper .auth-nav .title-wrapper .auth-title { display: flex; } .auth-wrapper .col { display: flex; align-items: center; justify-content: center; width: 50%; } .auth-wrapper .col.right-col { background-size: cover; position: relative; background-repeat: no-repeat; } .auth-wrapper .col.left-col { background: white; flex-direction: column; } .auth-wrapper .col.left-col .auth-step-wrapper .step-back-btn { background: none; border: none; display: block; margin: 0 auto; transform: rotate(-90deg); } .auth-wrapper .col.left-col .auth-step-wrapper .step-back-btn svg { width: 25px !important; height: 25px !important; transition: 0.2s; } .auth-wrapper .col.left-col .auth-step-wrapper .step-back-btn svg g g { transition: 0.2s; stroke: #2a2a2a; } .auth-wrapper .col.left-col .auth-step-wrapper .step-back-btn svg:hover g g { stroke: #ff7300; } .auth-wrapper .col.left-col h1, .auth-wrapper .col.left-col h2, .auth-wrapper .col.left-col h3 { font-weight: 500; color: #2a2a2a; margin: 0; } .auth-wrapper .col.left-col .link-btn { background: none; border: none; color: #ff7300; text-decoration: underline; font-weight: 500; font-size: 1.2rem; } .auth-wrapper .col.left-col .main-title { font-size: 1.8rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } .auth-wrapper .col.left-col .sub-title { font-size: 1.5rem; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } .auth-wrapper .col .black-btn { width: 10rem; font-size: 1.2rem; font-weight: 500; display: block; background: #000000; border: none; transition: 0.2s ease-in-out; } .auth-wrapper .col .black-btn:hover { background: #ff7300; } .auth-wrapper .col .black-btn.hide { opacity: 0; pointer-events: none; cursor: default; } @media screen and (min-width: 624px) and (max-width: 1280px) { .auth-wrapper .back-btn { z-index: 4; } .auth-wrapper .auth-nav { width: 62%; } .auth-wrapper .col.left-col { width: 60%; } .auth-wrapper .col.left-col .divider { background-size: cover; width: 8rem; } } @media screen and (min-width: 624px) and (max-width: 1280px) and (max-width: 1023px) { .auth-wrapper .col.left-col .divider { background-size: contain; } } @media screen and (min-width: 624px) and (max-width: 1280px) { .auth-wrapper .col.right-col { width: 40%; background-position: 50% 0 !important; } .auth-wrapper .col.right-col .divider { height: 100vh; left: -1px; width: 8rem; background-size: cover; } } @media screen and (max-height: 624px) and (orientation: landscape) { .auth-wrapper { height: 200vh; } } @media screen and (max-width: 624px) { .auth-wrapper { min-height: 100vh; background: #e1dedf; position: relative; display: flex; flex-direction: column; } .auth-wrapper.Android { min-height: 100vh; height: initial; } .auth-wrapper .phone-footer { position: fixed; z-index: 1001; bottom: 10.2px; right: 1em; } .auth-wrapper.step1 .col.right-col { min-height: 50vh; background-position: center 10vh; } .auth-wrapper.step1 .col.left-col { margin-top: auto; } .auth-wrapper .back-btn { z-index: 4; top: 1.9rem; right: 7%; } .auth-wrapper .back-btn.agent-back-btn { right: 2%; } .auth-wrapper .back-btn span { display: none; } .auth-wrapper .auth-nav { padding: 1.5rem 0; position: absolute; top: 0.3%; width: 100%; z-index: 3; } .auth-wrapper .auth-nav .title-wrapper { display: flex; justify-content: center; align-items: center; } .auth-wrapper .auth-nav .title-wrapper h1 { color: black; font-size: 1.8rem; } .auth-wrapper .auth-nav .title-wrapper svg { width: 8rem; margin-right: 0.5rem; } .auth-wrapper .auth-nav .title-wrapper svg path { fill: black; } .auth-wrapper .auth-nav .title-wrapper svg path:nth-child(6), .auth-wrapper .auth-nav .title-wrapper svg path:nth-child(7), .auth-wrapper .auth-nav .title-wrapper svg path:nth-child(8) { fill: #ff7300; } .auth-wrapper .auth-nav .title-wrapper .auth-title { display: flex; } .auth-wrapper .auth-nav .title-wrapper.teacher { background-size: cover; padding-left: 10rem; } .auth-wrapper .auth-nav .title-wrapper.teacher h1 { color: #fff !important; } .auth-wrapper .col { width: 100vw; } .auth-wrapper .col.left-col { height: initial; background: white; overflow: visible; min-height: 47vh; max-height: 50vh; overflow-y: overlay; display: block; bottom: 0; padding: 2rem 20px; z-index: 3; } .auth-wrapper .col.left-col .auth-step-wrapper { position: relative; } .auth-wrapper .col.left-col .auth-step-wrapper .step-back-btn { margin: 0 auto; z-index: 400; } .auth-wrapper .col.right-col { padding: 35vh 0; height: 100%; flex-grow: 1; background: #dddcda; background-repeat: no-repeat; position: relative; background-size: cover; background-position: center 7.5vh; display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 1rem; } .auth-wrapper .col.right-col .divider { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjAgNDguNzMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkO30uY2xzLTJ7ZmlsbDojZmY3MzAwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGlkPSJfOTd2N2Vxcjd3YSIgZGF0YS1uYW1lPSI5N3Y3ZXFyN3dhIiBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDIwLDgzLDAsMzYwLDMwVjQ4LjczTDAsNDVaIi8+PGcgaWQ9IkxheWVyXzItMiIgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMzguOTEsMjcuOGwtNjcsMTEuMzVMMjI4LjM4LDE1LjhaIi8+PC9nPjwvZz48L2c+PC9zdmc+); background-size: cover; width: 100%; height: 4rem; bottom: -2px; right: 0; position: absolute; } .auth-wrapper .col.right-col.teacher { background: no-repeat center -28px; background-size: cover; } .auth-wrapper .col.right-col .overlay { width: 100%; height: 35%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(225, 222, 223, 0) 1%, #e1dedf); } } .hero_section_wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; height: 927px; background-image: url(/_next/static/images/title_section_bg-8589f947e9ceadbc51473d54314db7b5.jpg); background-repeat: no-repeat; background-size: cover; background-color: white; overflow: hidden; } .we_offer_wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; height: 777px; overflow: hidden; } .links-wrapper { display: flex; flex-direction: row; } .links-wrapper .nav-link-wrapper { text-align: center; font-size: 15px; color: #000000; font-weight: 500; transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1); margin-right: 4vh; } .links-wrapper .nav-link-wrapper:hover, .links-wrapper .nav-link-wrapper.active { color: #FFA800; } .links-wrapper .nav-link-wrapper:last-child { border: none; } .auth-buttons-container { display: flex; justify-content: space-between; } .auth-buttons-container .drop-menu-right, .auth-buttons-container .drop-menu-left { z-index: 1; } .auth-buttons-container .drop-menu-right .drop-btn-wrapper:hover ~ .dropdown-content, .auth-buttons-container .drop-menu-left .drop-btn-wrapper:hover ~ .dropdown-content { display: block; } .auth-buttons-container .drop-menu-right .drop-btn-wrapper:hover.unhover ~ .dropdown-content, .auth-buttons-container .drop-menu-left .drop-btn-wrapper:hover.unhover ~ .dropdown-content { display: none; } .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn, .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-weight: normal; display: flex; flex-direction: row; align-items: center; height: 1.8rem; margin-left: 10px; } .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn .title, .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn .title { font-size: 13px; } .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn svg, .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn svg { fill: #fff; height: 1.1rem; width: 1.1rem; padding-left: 0.3rem; } .auth-buttons-container .drop-menu-right .dropdown-content, .auth-buttons-container .drop-menu-left .dropdown-content { display: none; } .auth-buttons-container .drop-menu-right .dropdown-content:hover, .auth-buttons-container .drop-menu-left .dropdown-content:hover { display: block; } .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .filler, .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .filler { width: 7.8em; height: 8px; } .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .btn, .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .btn { width: 8em; color: black; font-size: 13px; font-weight: normal; margin-left: 0; } .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .btn:hover, .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .btn:hover { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: white; } @media screen and (max-width: 624px) { .auth-buttons-container .drop-menu-right .btn, .auth-buttons-container .drop-menu-left .btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-weight: normal; display: flex; flex-direction: row; align-items: center; height: 1.8rem; margin-left: unset; } .auth-buttons-container .drop-menu-right .btn .title, .auth-buttons-container .drop-menu-left .btn .title { font-size: 10px; margin-right: unset !important; } .auth-buttons-container .drop-menu-right .btn svg, .auth-buttons-container .drop-menu-left .btn svg { display: none; } } @media screen and (max-width: 1023px) { .auth-buttons-container { height: 100%; width: 100%; min-width: initial; } .auth-buttons-container .drop-menu .drop-btn-wrapper .btn { font-size: 3.6vw; line-height: 3.6vw; } .auth-buttons-container .drop-menu .drop-btn-wrapper .btn svg { height: 5vw; width: 5vw; } .auth-buttons-container .drop-menu .dropdown-content .btn-wrapper .btn { font-size: 3.6vw; line-height: 3.6vw; } } @media screen and (max-width: 1024px) { .auth-buttons-container .drop-menu-right, .auth-buttons-container .drop-menu-left { z-index: 1; } .auth-buttons-container .drop-menu-right .drop-btn-wrapper:hover ~ .dropdown-content, .auth-buttons-container .drop-menu-left .drop-btn-wrapper:hover ~ .dropdown-content { display: block; } .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn, .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-size: 10px; font-weight: normal; display: flex; flex-direction: row; align-items: center; height: 1.6rem; margin-left: 10px; } .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn svg, .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn svg { fill: #fff; height: 1.1rem; width: 1.1rem; padding-left: 0.3rem; } .auth-buttons-container .drop-menu-right .dropdown-content, .auth-buttons-container .drop-menu-left .dropdown-content { display: block; } .auth-buttons-container .drop-menu-right .dropdown-content:hover, .auth-buttons-container .drop-menu-left .dropdown-content:hover { display: block; } .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .filler, .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .filler { width: 80%; height: 8px; } .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .btn, .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .btn { width: 65%; color: black; font-size: 13px; font-weight: normal; padding: 0 !important; } .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .btn:hover, .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .btn:hover { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: white; } } @media screen and (max-width: 624px) { .auth-buttons-container .drop-menu-right .dropdown-content, .auth-buttons-container .drop-menu-left .dropdown-content { display: none; } .auth-buttons-container .drop-menu-right .dropdown-content:hover, .auth-buttons-container .drop-menu-left .dropdown-content:hover { display: block; } .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .filler, .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .filler { width: 80%; height: 8px; } .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .btn, .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .btn { width: 65%; font-size: 13px; font-weight: normal; padding: 0 !important; text-align: center; justify-content: center; background-image: unset; color: black; line-height: 0 !important; } .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .btn:hover, .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .btn:hover { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: white; } } .submit-form { display: flex; } .submit-form .send_check { width: 2rem; height: 0; } .submit-form .send_check.open { height: 1.8rem; } .submit-form .send_check .ok_btn { margin-top: 4px; width: 2rem; height: 1.8rem; } .submit-form .send-details-btn { max-height: 3vh; } .submit-form .details-inputs { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; } .submit-form .details-inputs div .err-err-2 { position: absolute; font-size: 10px; color: red; margin: 0; padding: 0; left: 33%; } .submit-form .details-inputs div .err-err-1 { position: absolute; font-size: 10px; color: red; margin: 0; padding: 0; right: 3%; } @media screen and (max-width: 624px) { .submit-form .details-inputs div .err-err-2 { font-size: 7px; right: 18em; top: 75%; } .submit-form .details-inputs div .err-err-1 { font-size: 7px; top: 27%; right: 18em; } } .footer-wrapper { display: flex; position: relative; align-items: center; flex-direction: column; width: 100%; background-color: #fefdfc; } .footer-wrapper .circle-footer-1 { position: absolute; top: 0%; left: 20%; transform: translateY(-110px); } .footer-wrapper .circle-footer-1 img { width: 200px; height: 200px; } .footer-wrapper .sent-details-container { width: 80%; display: flex; flex-direction: column; align-items: center; justify-items: center; position: relative; } .footer-wrapper .sent-details-container .title-block { display: flex; flex-direction: column; align-items: center; } .footer-wrapper .sent-details-container .title-block .main-title { font-family: Rubik; font-size: 26px; font-weight: bold; line-height: 25px; color: #fd7200; margin: 0; padding: 0; } .footer-wrapper .sent-details-container .title-block .sub-title { margin: 0; padding: 0; font-weight: 500; font-size: 22px; color: #1d1c1e; line-height: 25px; } .footer-wrapper .sent-details-container .buttons-block { margin-top: 2rem; } .footer-wrapper .sent-details-container .buttons-block .send-details-btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); width: 160px; font-size: 12px; transition: 0.5s; margin: 0 0.5rem 0 0.5rem; } .footer-wrapper .sent-details-container .buttons-block .send-details-btn:hover { transform: scale(1.05); transition: 0.5s; } .footer-wrapper .sent-details-container .buttons-block .details-inputs .details-input { margin: 0 0.5rem 0 0.5rem; height: 32px; width: 220px; border: none; border-radius: 25px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.14); padding-right: 10px; font-size: 12px; } .footer-wrapper .sent-details-container .buttons-block .details-inputs .details-input:focus { outline-color: #fd7200; } .footer-wrapper .sent-details-container .buttons-block .into-top { border-radius: 50%; background-color: black; position: absolute; background-image: linear-gradient(101deg, #ffc30a 13%, #f2782d 51%, #ff047c 153%); height: 45px; width: 43px; right: 12%; top: 32%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: 0.5s; } .footer-wrapper .sent-details-container .buttons-block .into-top:hover { transform: scale(1.05); transition: 0.5s; } .footer-wrapper .sent-details-container .buttons-block .into-top img { width: 60px; height: 60px; transform: translateY(12px); } .footer-wrapper .sent-details-container .buttons-block .into-top .btn-title { font-size: 10px; font-weight: 500; color: #fff; padding: 0 0 20px 0; margin: unset; } .footer-wrapper .sent-details-container .bottom-line { height: 0.8px; width: 80%; margin: 57px 0 40px 0; background-color: #d9d4d4; opacity: 0.76; } .footer-wrapper .details-container { margin-top: 4rem; display: flex; flex-direction: row-reverse; width: 70%; text-align: right; justify-content: space-around; } .footer-wrapper .details-container .login-container .title-block .main-title { margin: 0; padding: 0; font-weight: 500; font-size: 1.5rem; color: #fd7200; } .footer-wrapper .details-container .login-container .bottom-line { margin: 0; padding: 0; height: 2px; width: 47px; background-color: #fd7200; } .footer-wrapper .details-container .login-container .login-btn { margin-top: 1.2rem; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container { display: flex; flex-direction: row; justify-content: right; padding: 0; margin: 0; max-width: 70%; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu { margin: 0; padding: 0; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu .drop-btn-wrapper { margin: 0 0 0 10px; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu .drop-btn-wrapper .btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-size: 13px; font-weight: normal; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu .drop-btn-wrapper .btn svg { width: 13.5px; height: 14.7px; padding-left: 0.3rem; } .footer-wrapper .details-container .social-container { position: relative; } .footer-wrapper .details-container .social-container .extra_title { position: absolute; color: #979797; width: 253px; margin-top: 1rem; } @media screen and (max-width: 1600px) { .footer-wrapper .details-container .social-container .extra_title { width: 205px; } } .footer-wrapper .details-container .social-container .title-block .main-title { margin: 0; padding: 0; font-weight: 500; font-size: 1.5rem; color: #fd7200; } .footer-wrapper .details-container .social-container .bottom-line { margin: 0; padding: 0; height: 2px; width: 42px; background-color: #fd7200; } .footer-wrapper .details-container .social-container .social-btn { margin-top: 1rem; display: flex; } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container, .footer-wrapper .details-container .social-container .social-btn a .instagram-container, .footer-wrapper .details-container .social-container .social-btn a .youtube-container, .footer-wrapper .details-container .social-container .social-btn a .facebook-container, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container { width: 35px; height: 35px; transition: 0.5s; } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container:hover, .footer-wrapper .details-container .social-container .social-btn a .instagram-container:hover, .footer-wrapper .details-container .social-container .social-btn a .youtube-container:hover, .footer-wrapper .details-container .social-container .social-btn a .facebook-container:hover, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container:hover { transform: scale(1.08); transition: 0.5s; } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .whatsapp-icon, .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .tiktok-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .whatsapp-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .tiktok-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .whatsapp-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .tiktok-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .whatsapp-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .tiktok-icon, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container .whatsapp-icon, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container .tiktok-icon { background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNS4zIDM0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjMgMzQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMDMwMzA7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iR3JvdXBfMzQ1OF8yXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4zNjcpIj4KCTxjaXJjbGUgaWQ9IkVsbGlwc2VfMTVfMl8iIGNsYXNzPSJzdDAiIGN4PSIxNC4zIiBjeT0iMTcuMiIgcj0iMTMuMSIvPgoJPHBhdGggaWQ9IlBhdGhfMjU1XzJfIiBjbGFzcz0ic3QyIiBkPSJNNy4yLDI0LjZsMS4xLTQuMWMtMi0zLjYtMC43LTguMiwyLjktMTAuMmMzLjYtMiw4LjItMC43LDEwLjIsMi45YzIsMy42LDAuNyw4LjItMi45LDEwLjIKCQljLTIuMiwxLjItNSwxLjMtNy4yLDBMNy4yLDI0LjZ6IE0xMS41LDIybDAuMywwLjJjMi45LDEuNyw2LjYsMC44LDguNC0yLjFjMS43LTIuOSwwLjgtNi42LTIuMS04LjRjLTIuOS0xLjctNi42LTAuOC04LjQsMi4xCgkJYy0xLjIsMS45LTEuMSw0LjQsMCw2LjNsMC4yLDAuM2wtMC42LDIuM0wxMS41LDIyeiIvPgoJPHBhdGggaWQ9IlBhdGhfMjU2XzJfIiBjbGFzcz0ic3QzIiBkPSJNMTcuNywxOGMtMC4zLTAuMi0wLjctMC4zLTEuMS0wLjJjLTAuMywwLjEtMC41LDAuNi0wLjYsMC44Yy0wLjEsMC4xLTAuMiwwLjEtMC4zLDAuMQoJCWMtMS0wLjQtMS45LTEuMS0yLjQtMi4xYy0wLjEtMC4xLTAuMS0wLjMsMC0wLjRjMC4yLTAuMiwwLjQtMC40LDAuNC0wLjdjMC0wLjMtMC4xLTAuNi0wLjItMC44Yy0wLjEtMC40LTAuMy0wLjctMC42LTAuOQoJCWMtMC4zLTAuMS0wLjctMC4xLTAuOSwwLjFjLTAuNCwwLjQtMC43LDAuOS0wLjcsMS41YzAsMC4yLDAsMC4zLDAuMSwwLjVjMC4xLDAuNCwwLjMsMC43LDAuNSwxLjFjMC4xLDAuMiwwLjMsMC41LDAuNSwwLjcKCQljMC42LDAuOCwxLjMsMS40LDIuMSwxLjljMC40LDAuMywwLjgsMC41LDEuMywwLjZjMC41LDAuMiwxLDAuMywxLjUsMC4yYzAuNi0wLjEsMS4xLTAuNSwxLjQtMWMwLjEtMC4yLDAuMS0wLjMsMC4xLTAuNQoJCUMxOC40LDE4LjQsMTgsMTguMSwxNy43LDE4eiIvPgo8L2c+Cjwvc3ZnPgo=); } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container .instagram-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNS4zIDM0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjMgMzQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMDMwMzA7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODIuMDU2IC0yMTkuMzQ0KSI+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI5OS43IiBjeT0iMjM1LjkiIHI9IjEzLjEiLz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTAzLjgsMjMxYy0wLjUsMC0wLjksMC40LTAuOSwwLjljMCwwLjUsMC40LDAuOSwwLjksMC45YzAuNSwwLDAuOS0wLjQsMC45LTAuOWwwLDAKCQkJCUMxMDQuNywyMzEuNCwxMDQuMywyMzEsMTAzLjgsMjMxeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTkuOCwyMzIuMWMtMi4xLDAtMy44LDEuNy0zLjgsMy44YzAsMi4xLDEuNywzLjgsMy44LDMuOHMzLjgtMS43LDMuOC0zLjhsMCwwCgkJCQlDMTAzLjUsMjMzLjgsMTAxLjksMjMyLjEsOTkuOCwyMzIuMXogTTk5LjgsMjM4LjNjLTEuMywwLTIuNC0xLjEtMi40LTIuNHMxLjEtMi40LDIuNC0yLjRzMi40LDEuMSwyLjQsMi40CgkJCQlDMTAyLjIsMjM3LjIsMTAxLjEsMjM4LjMsOTkuOCwyMzguM3oiLz4KCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTEwMi44LDI0My42aC02LjFjLTIuNSwwLTQuNi0yLjEtNC42LTQuNnYtNi4xYzAtMi41LDIuMS00LjYsNC42LTQuNmg2LjFjMi41LDAsNC42LDIuMSw0LjYsNC42djYuMQoJCQkJQzEwNy40LDI0MS41LDEwNS4zLDI0My42LDEwMi44LDI0My42TDEwMi44LDI0My42eiBNOTYuNywyMjkuN2MtMS43LDAtMy4yLDEuNC0zLjIsMy4ydjYuMWMwLDEuNywxLjQsMy4yLDMuMiwzLjJoNi4xCgkJCQljMS43LDAsMy4yLTEuNCwzLjItMy4ydi02LjFjMC0xLjctMS40LTMuMi0zLjItMy4yTDk2LjcsMjI5Ljd6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=); } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container .youtube-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNS4zIDM0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjMgMzQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMDMwMzA7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNi4yIiBjeT0iMTcuMiIgcj0iMTMuMSIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjMuMiwxNS4zYzAtMS43LTEuNC0zLjEtMy4xLTMuMWgtOGMtMS43LDAtMy4xLDEuNC0zLjEsMy4xdjMuN2MwLDEuNywxLjQsMy4xLDMuMSwzLjFoOAoJYzEuNywwLDMuMS0xLjQsMy4xLTMuMVYxNS4zeiBNMTguNSwxNy41bC0zLjYsMS44Yy0wLjEsMC4xLTAuNiwwLTAuNi0wLjJ2LTMuN2MwLTAuMiwwLjUtMC4zLDAuNi0wLjJsMy40LDEuOQoJQzE4LjUsMTcuMiwxOC43LDE3LjQsMTguNSwxNy41TDE4LjUsMTcuNXoiLz4KPC9zdmc+Cg==); } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container .facebook-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNS4zIDM0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjMgMzQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMDMwMzA7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iR3JvdXBfMzQ1Nl8yXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSkiPgoJPGNpcmNsZSBpZD0iRWxsaXBzZV8yOF8yXyIgY2xhc3M9InN0MCIgY3g9IjE3LjIiIGN5PSIxNy4xIiByPSIxMy4xIi8+Cgk8ZyBpZD0iR3JvdXBfMzQ1NV8yXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcuMzY3IDkpIj4KCQk8Zz4KCQkJPGRlZnM+CgkJCQk8cmVjdCBpZD0iU1ZHSURfMV8iIHg9Ii0zNC4zIiB5PSIwIiB3aWR0aD0iOC42IiBoZWlnaHQ9IjE1LjEiLz4KCQkJPC9kZWZzPgoJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4KCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+CgkJCTwvY2xpcFBhdGg+CgkJCTxnIGlkPSJHcm91cF8zNDU0XzJfIiBjbGFzcz0ic3QxIj4KCQkJCTxwYXRoIGlkPSJQYXRoXzUyNTg4XzJfIiBjbGFzcz0ic3QyIiBkPSJNLTI4LjksOC44djYuM2gtMi45VjguOGgtMi40VjYuMmgyLjRWNS4zYzAtMy41LDEuNC01LjMsNC41LTUuM2MwLjYsMCwxLjEsMC4xLDEuNywwLjMKCQkJCQl2Mi41Yy0wLjQtMC4xLTAuOS0wLjItMS4zLTAuMmMtMC41LDAtMS4xLDAuMi0xLjQsMC42Yy0wLjQsMC42LTAuNiwxLjMtMC41LDIuMXYwLjloMy4zbC0wLjksMi42SC0yOC45eiIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=); } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .tiktok-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .tiktok-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .tiktok-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .tiktok-icon, .footer-wrapper .details-container .social-container .social-btn a .tiktok-container .tiktok-icon { background-image: url(data:image/png;base64,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); width: 85%; height: 85%; margin-top: 2px; } .footer-wrapper .details-container .info-column .title-block .main-title { margin: 0; padding: 0; font-weight: 500; font-size: 1.5rem; color: #fd7200; } .footer-wrapper .details-container .info-column .bottom-line { margin: 0; padding: 0; height: 2px; width: 47px; background-color: #fd7200; } .footer-wrapper .details-container .info-column .info-content p { color: black; font-size: 13px; font-weight: 400; } .footer-wrapper .details-container .link-area .title-block .main-title { margin: 0; padding: 0; font-weight: 500; font-size: 1.5rem; color: #fd7200; } .footer-wrapper .details-container .link-area .bottom-line { margin: 0; padding: 0; height: 2px; width: 47px; background-color: #fd7200; } .footer-wrapper .details-container .link-area .link-content { margin-top: 1rem; display: flex; flex-direction: column; } @media screen and (max-width: 624px) { .footer-wrapper .details-container .link-area .link-content { margin-top: .5rem; } } .footer-wrapper .details-container .link-area .link-content .nav-link-wrapper { color: black; font-size: 13px; font-weight: 400; line-height: 2.5rem; } @media screen and (max-width: 624px) { .footer-wrapper .details-container .link-area .link-content .nav-link-wrapper { line-height: normal; } } .footer-wrapper .details-container .link-area .link-content .nav-link-wrapper:hover, .footer-wrapper .details-container .link-area .link-content .nav-link-wrapper.active { color: #FFA800; } .footer-wrapper .details-container .link-area .link-content .arrow-link { line-height: 2.5rem; padding-left: 5px; } @media screen and (max-width: 624px) { .footer-wrapper .details-container .link-area .link-content .arrow-link { margin: .5rem 0; line-height: normal; } } .footer-wrapper .details-container .link-area .link-content .arrow-link img { width: 5.2px; height: 6.3px; } .footer-wrapper .bottom-text { display: flex; flex-direction: row; width: 65%; text-align: right; justify-content: space-between; margin: 2rem 0 2rem 0; } .footer-wrapper .bottom-text .left { color: #ff8f33; } @media screen and (max-width: 1600px) { .footer-wrapper .sent-details-container .buttons-block .details-inputs .details-input { height: 37px; } .footer-wrapper .details-container .link-area .link-content a { color: black; } } @media screen and (width: 1024px) { .footer-wrapper { display: flex; position: relative; align-items: center; flex-direction: column; width: 100%; background-color: #fefdfc; } .footer-wrapper .circle-footer-1 { position: absolute; top: 0%; left: 20%; transform: translateY(-110px); } .footer-wrapper .circle-footer-1 img { width: 150px; height: 150px; } .footer-wrapper .sent-details-container { width: 80%; display: flex; flex-direction: column; align-items: center; justify-items: center; position: relative; } .footer-wrapper .sent-details-container .title-block { display: flex; flex-direction: column; align-items: center; } .footer-wrapper .sent-details-container .title-block .main-title { font-family: Rubik; font-size: 18px; font-weight: bold; line-height: 25px; color: #fd7200; margin: 0; padding: 0; } .footer-wrapper .sent-details-container .title-block .sub-title { margin: 0; padding: 0; font-weight: 500; font-size: 16px; color: #1d1c1e; line-height: 25px; } .footer-wrapper .sent-details-container .buttons-block { margin-top: 2rem; } .footer-wrapper .sent-details-container .buttons-block .send-details-btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); width: 130px; font-size: 10px; transition: 0.5s; } .footer-wrapper .sent-details-container .buttons-block .send-details-btn:hover { transform: scale(1.05); transition: 0.5s; } .footer-wrapper .sent-details-container .buttons-block .details-inputs .details-input { margin: 0 1rem 0 1rem; height: 32px; width: 180px; border: none; border-radius: 25px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.14); padding-right: 10px; font-size: 10px; } .footer-wrapper .sent-details-container .buttons-block .into-top { display: none; } .footer-wrapper .sent-details-container .bottom-line { height: 0.8px; width: 80%; margin: 57px 0 40px 0; background-color: #d9d4d4; opacity: 0.76; } .footer-wrapper .details-container { margin-top: 4rem; display: flex; flex-direction: row-reverse; width: 70%; text-align: right; justify-content: space-around; } .footer-wrapper .details-container .login-container .login-btn { margin-top: 1.2rem !important; } .footer-wrapper .details-container .login-container .title-block .main-title { margin: 0; padding: 0; font-weight: 500; font-size: 15px; color: #fd7200; } .footer-wrapper .details-container .login-container .bottom-line { margin: 0; padding: 0; height: 2px; width: 47px; background-color: #fd7200; } .footer-wrapper .details-container .login-container .login-btn { margin-top: 1.7rem; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container { display: flex; flex-direction: row; justify-content: right; padding: 0; margin: 0; max-width: 70%; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu { margin: 0; padding: 0; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu .drop-btn-wrapper { margin: 0 0 0 10px; font-size: 10px; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu .drop-btn-wrapper .btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-weight: normal; font-size: 10px; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu .drop-btn-wrapper .btn svg { width: 13.5px; height: 14.7px; padding-left: 0.3rem; } .footer-wrapper .details-container .social-container .title-block .main-title { margin: 0; padding: 0; font-weight: 500; font-size: 15px; color: #fd7200; } .footer-wrapper .details-container .social-container .bottom-line { margin: 0; padding: 0; height: 2px; width: 42px; background-color: #fd7200; } .footer-wrapper .details-container .social-container .social-btn { margin-top: 1rem; display: flex; } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container, .footer-wrapper .details-container .social-container .social-btn a .instagram-container, .footer-wrapper .details-container .social-container .social-btn a .youtube-container, .footer-wrapper .details-container .social-container .social-btn a .facebook-container { width: 30px; height: 30px; transition: 0.5s; } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container:hover, .footer-wrapper .details-container .social-container .social-btn a .instagram-container:hover, .footer-wrapper .details-container .social-container .social-btn a .youtube-container:hover, .footer-wrapper .details-container .social-container .social-btn a .facebook-container:hover { transform: scale(1.08); transition: 0.5s; } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .whatsapp-icon, .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .whatsapp-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .whatsapp-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .whatsapp-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .facebook-icon { background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNS4zIDM0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjMgMzQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMDMwMzA7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iR3JvdXBfMzQ1OF8yXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4zNjcpIj4KCTxjaXJjbGUgaWQ9IkVsbGlwc2VfMTVfMl8iIGNsYXNzPSJzdDAiIGN4PSIxNC4zIiBjeT0iMTcuMiIgcj0iMTMuMSIvPgoJPHBhdGggaWQ9IlBhdGhfMjU1XzJfIiBjbGFzcz0ic3QyIiBkPSJNNy4yLDI0LjZsMS4xLTQuMWMtMi0zLjYtMC43LTguMiwyLjktMTAuMmMzLjYtMiw4LjItMC43LDEwLjIsMi45YzIsMy42LDAuNyw4LjItMi45LDEwLjIKCQljLTIuMiwxLjItNSwxLjMtNy4yLDBMNy4yLDI0LjZ6IE0xMS41LDIybDAuMywwLjJjMi45LDEuNyw2LjYsMC44LDguNC0yLjFjMS43LTIuOSwwLjgtNi42LTIuMS04LjRjLTIuOS0xLjctNi42LTAuOC04LjQsMi4xCgkJYy0xLjIsMS45LTEuMSw0LjQsMCw2LjNsMC4yLDAuM2wtMC42LDIuM0wxMS41LDIyeiIvPgoJPHBhdGggaWQ9IlBhdGhfMjU2XzJfIiBjbGFzcz0ic3QzIiBkPSJNMTcuNywxOGMtMC4zLTAuMi0wLjctMC4zLTEuMS0wLjJjLTAuMywwLjEtMC41LDAuNi0wLjYsMC44Yy0wLjEsMC4xLTAuMiwwLjEtMC4zLDAuMQoJCWMtMS0wLjQtMS45LTEuMS0yLjQtMi4xYy0wLjEtMC4xLTAuMS0wLjMsMC0wLjRjMC4yLTAuMiwwLjQtMC40LDAuNC0wLjdjMC0wLjMtMC4xLTAuNi0wLjItMC44Yy0wLjEtMC40LTAuMy0wLjctMC42LTAuOQoJCWMtMC4zLTAuMS0wLjctMC4xLTAuOSwwLjFjLTAuNCwwLjQtMC43LDAuOS0wLjcsMS41YzAsMC4yLDAsMC4zLDAuMSwwLjVjMC4xLDAuNCwwLjMsMC43LDAuNSwxLjFjMC4xLDAuMiwwLjMsMC41LDAuNSwwLjcKCQljMC42LDAuOCwxLjMsMS40LDIuMSwxLjljMC40LDAuMywwLjgsMC41LDEuMywwLjZjMC41LDAuMiwxLDAuMywxLjUsMC4yYzAuNi0wLjEsMS4xLTAuNSwxLjQtMWMwLjEtMC4yLDAuMS0wLjMsMC4xLTAuNQoJCUMxOC40LDE4LjQsMTgsMTguMSwxNy43LDE4eiIvPgo8L2c+Cjwvc3ZnPgo=); } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .instagram-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .instagram-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNS4zIDM0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjMgMzQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMDMwMzA7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODIuMDU2IC0yMTkuMzQ0KSI+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI5OS43IiBjeT0iMjM1LjkiIHI9IjEzLjEiLz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTAzLjgsMjMxYy0wLjUsMC0wLjksMC40LTAuOSwwLjljMCwwLjUsMC40LDAuOSwwLjksMC45YzAuNSwwLDAuOS0wLjQsMC45LTAuOWwwLDAKCQkJCUMxMDQuNywyMzEuNCwxMDQuMywyMzEsMTAzLjgsMjMxeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOTkuOCwyMzIuMWMtMi4xLDAtMy44LDEuNy0zLjgsMy44YzAsMi4xLDEuNywzLjgsMy44LDMuOHMzLjgtMS43LDMuOC0zLjhsMCwwCgkJCQlDMTAzLjUsMjMzLjgsMTAxLjksMjMyLjEsOTkuOCwyMzIuMXogTTk5LjgsMjM4LjNjLTEuMywwLTIuNC0xLjEtMi40LTIuNHMxLjEtMi40LDIuNC0yLjRzMi40LDEuMSwyLjQsMi40CgkJCQlDMTAyLjIsMjM3LjIsMTAxLjEsMjM4LjMsOTkuOCwyMzguM3oiLz4KCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTEwMi44LDI0My42aC02LjFjLTIuNSwwLTQuNi0yLjEtNC42LTQuNnYtNi4xYzAtMi41LDIuMS00LjYsNC42LTQuNmg2LjFjMi41LDAsNC42LDIuMSw0LjYsNC42djYuMQoJCQkJQzEwNy40LDI0MS41LDEwNS4zLDI0My42LDEwMi44LDI0My42TDEwMi44LDI0My42eiBNOTYuNywyMjkuN2MtMS43LDAtMy4yLDEuNC0zLjIsMy4ydjYuMWMwLDEuNywxLjQsMy4yLDMuMiwzLjJoNi4xCgkJCQljMS43LDAsMy4yLTEuNCwzLjItMy4ydi02LjFjMC0xLjctMS40LTMuMi0zLjItMy4yTDk2LjcsMjI5Ljd6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=); } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .youtube-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .youtube-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNS4zIDM0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjMgMzQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMDMwMzA7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNi4yIiBjeT0iMTcuMiIgcj0iMTMuMSIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjMuMiwxNS4zYzAtMS43LTEuNC0zLjEtMy4xLTMuMWgtOGMtMS43LDAtMy4xLDEuNC0zLjEsMy4xdjMuN2MwLDEuNywxLjQsMy4xLDMuMSwzLjFoOAoJYzEuNywwLDMuMS0xLjQsMy4xLTMuMVYxNS4zeiBNMTguNSwxNy41bC0zLjYsMS44Yy0wLjEsMC4xLTAuNiwwLTAuNi0wLjJ2LTMuN2MwLTAuMiwwLjUtMC4zLDAuNi0wLjJsMy40LDEuOQoJQzE4LjUsMTcuMiwxOC43LDE3LjQsMTguNSwxNy41TDE4LjUsMTcuNXoiLz4KPC9zdmc+Cg==); } .footer-wrapper .details-container .social-container .social-btn a .whatsapp-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .instagram-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .youtube-container .facebook-icon, .footer-wrapper .details-container .social-container .social-btn a .facebook-container .facebook-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNS4zIDM0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjMgMzQuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMDMwMzA7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iR3JvdXBfMzQ1Nl8yXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSkiPgoJPGNpcmNsZSBpZD0iRWxsaXBzZV8yOF8yXyIgY2xhc3M9InN0MCIgY3g9IjE3LjIiIGN5PSIxNy4xIiByPSIxMy4xIi8+Cgk8ZyBpZD0iR3JvdXBfMzQ1NV8yXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcuMzY3IDkpIj4KCQk8Zz4KCQkJPGRlZnM+CgkJCQk8cmVjdCBpZD0iU1ZHSURfMV8iIHg9Ii0zNC4zIiB5PSIwIiB3aWR0aD0iOC42IiBoZWlnaHQ9IjE1LjEiLz4KCQkJPC9kZWZzPgoJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4KCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+CgkJCTwvY2xpcFBhdGg+CgkJCTxnIGlkPSJHcm91cF8zNDU0XzJfIiBjbGFzcz0ic3QxIj4KCQkJCTxwYXRoIGlkPSJQYXRoXzUyNTg4XzJfIiBjbGFzcz0ic3QyIiBkPSJNLTI4LjksOC44djYuM2gtMi45VjguOGgtMi40VjYuMmgyLjRWNS4zYzAtMy41LDEuNC01LjMsNC41LTUuM2MwLjYsMCwxLjEsMC4xLDEuNywwLjMKCQkJCQl2Mi41Yy0wLjQtMC4xLTAuOS0wLjItMS4zLTAuMmMtMC41LDAtMS4xLDAuMi0xLjQsMC42Yy0wLjQsMC42LTAuNiwxLjMtMC41LDIuMXYwLjloMy4zbC0wLjksMi42SC0yOC45eiIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=); } .footer-wrapper .details-container .info-column .title-block .main-title { margin: 0; padding: 0; font-weight: 500; font-size: 15px; color: #fd7200; } .footer-wrapper .details-container .info-column .bottom-line { margin: 0; padding: 0; height: 2px; width: 47px; background-color: #fd7200; } .footer-wrapper .details-container .info-column .info-content p { color: black; font-size: 10px; font-weight: 300; } .footer-wrapper .details-container .link-area { height: 200px; } .footer-wrapper .details-container .link-area .title-block .main-title { margin: 0; padding: 0; font-weight: 500; font-size: 15px; color: #fd7200; } .footer-wrapper .details-container .link-area .bottom-line { margin: 0; padding: 0; height: 2px; width: 47px; background-color: #fd7200; } .footer-wrapper .details-container .link-area .link-content { margin-top: 1rem; display: flex; flex-direction: column; } .footer-wrapper .details-container .link-area .link-content .nav-link-wrapper { color: black; font-size: 10px; font-weight: 300; line-height: 2.5rem; } .footer-wrapper .details-container .link-area .link-content .nav-link-wrapper:hover, .footer-wrapper .details-container .link-area .link-content .nav-link-wrapper.active { color: #FFA800; } .footer-wrapper .details-container .link-area .link-content .arrow-link { line-height: 2.5rem; padding-left: 5px; } .footer-wrapper .details-container .link-area .link-content .arrow-link img { width: 5.2px; height: 6.3px; } .footer-wrapper .bottom-text { display: flex; flex-direction: row; width: 65%; text-align: right; justify-content: space-between; margin: 2rem 0 2rem 0; } .footer-wrapper .bottom-text .left { color: #ff8f33; } } @media screen and (max-width: 768px) { .footer-wrapper { margin: 0; padding: 0; width: 100%; position: relative; border-bottom: 8.9px solid #292727; } .footer-wrapper .circle-footer-1 { top: -7%; left: 2%; } .footer-wrapper .circle-footer-1 img { width: 70px; height: 70px; } .footer-wrapper .sent-details-container { width: 89%; } .footer-wrapper .sent-details-container .bottom-line { margin: 40px 0 40px 0; width: 100%; } .footer-wrapper .sent-details-container .title-block { margin-top: 20px; } .footer-wrapper .sent-details-container .title-block .main-title { font-size: 18px; font-weight: bold; line-height: 10px; } .footer-wrapper .sent-details-container .title-block .sub-title { font-size: 15px; font-weight: bold; } .footer-wrapper .sent-details-container .buttons-block { display: flex; flex-direction: column; align-items: center; margin-top: 1rem; } .footer-wrapper .sent-details-container .buttons-block .into-top { top: 5em; right: 1%; width: 30px; height: 30px; } .footer-wrapper .sent-details-container .buttons-block .into-top img { width: 42px; height: 42px; } .footer-wrapper .sent-details-container .buttons-block .into-top .btn-title { font-size: 8px; padding-bottom: 12px; } .footer-wrapper .sent-details-container .buttons-block .submit-form { display: flex; margin: 0; padding: 0; flex-direction: row; align-items: center; } .footer-wrapper .sent-details-container .buttons-block .submit-form .details-inputs { margin: 0; padding: 0; flex-direction: row; flex-wrap: nowrap; } .footer-wrapper .sent-details-container .buttons-block .submit-form .details-inputs .details-input { width: 132px; height: 23.8px; font-size: 10px; margin-bottom: unset; } .footer-wrapper .sent-details-container .buttons-block .submit-form .send-details-btn { width: 115px; font-size: 10px; height: 23.8px; padding: unset; } .footer-wrapper .details-container { margin: 0; width: 100%; } .footer-wrapper .details-container .social-container .title-block .main-title { font-size: 14px; } .footer-wrapper .details-container .login-container { padding-right: 30px; } .footer-wrapper .details-container .login-container .title-block .main-title { font-size: 14px; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container { margin: 0; display: flex; flex-direction: column; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-right { margin-bottom: 6.7px; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn { width: 67px; height: 2px; font-size: 10px; font-weight: normal; position: relative; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn svg { fill: #fff; height: 11px; width: 15px; padding-left: unset; position: absolute; right: 0.9em; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .btn { width: 125px; font-size: 10px; padding: 6px 0 6px 0; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn { width: 67px; height: 2px; font-size: 10px; font-weight: normal; position: relative; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn svg { fill: #fff; height: 11px; width: 15px; padding-left: unset; position: absolute; position: absolute; right: 0.9em; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .btn { width: 125px; font-size: 10px; padding: 6px 0 6px 0; } .footer-wrapper .details-container .info-column { grid-area: main; padding: 0 40px 40px 0; } .footer-wrapper .details-container .info-column .last-row { font-size: 12px; font-weight: 400; color: #fd7200; } .footer-wrapper .details-container .info-column .info-content p { font-size: 12px; } .footer-wrapper .details-container .info-column .title-block .main-title { font-size: 14px; } .footer-wrapper .details-container .link-area { grid-area: sidebar; padding: 0 40px 0 0; } .footer-wrapper .details-container .link-area .link-content .nav-link-wrapper { font-size: 12px; } .footer-wrapper .details-container .link-area .title-block .main-title { font-size: 14px; } } @media screen and (max-width: 624px) { .footer-wrapper { margin: 0; padding: 0; width: 100%; position: relative; height: max-content; border-bottom: 8.9px solid #292727; } .footer-wrapper .circle-footer-1 { top: -7%; left: 6%; transform: rotate(100deg); } .footer-wrapper .circle-footer-1 img { width: 70px; height: 70px; } .footer-wrapper .phone-footer { position: fixed; z-index: 1001; bottom: 10.2px; right: 1em; } .footer-wrapper .bottom-text { margin: 0; } .footer-wrapper .bottom-text .right { display: none; } .footer-wrapper .bottom-text .left { display: none; } .footer-wrapper .sent-details-container .bottom-line { margin: 40px 0 40px 0; } .footer-wrapper .sent-details-container .title-block .main-title { font-size: 14px; font-weight: bold; line-height: 10px; } .footer-wrapper .sent-details-container .title-block .sub-title { font-size: 12px; font-weight: bold; } .footer-wrapper .sent-details-container .buttons-block { display: flex; flex-direction: column; align-items: center; margin-top: 1rem; } .footer-wrapper .sent-details-container .buttons-block .into-top { top: 15em; right: 43.5%; z-index: 1000; width: 39.4px; height: 39.4px; } .footer-wrapper .sent-details-container .buttons-block .into-top img { width: 42px; height: 42px; transform: translateY(8px); } .footer-wrapper .sent-details-container .buttons-block .into-top .btn-title { font-size: 9px; padding-bottom: 10px; } .footer-wrapper .sent-details-container .buttons-block .submit-form { display: flex; margin: 0; padding: 0; flex-direction: column; align-items: center; } .footer-wrapper .sent-details-container .buttons-block .submit-form .details-inputs { margin: 0; padding: 0; flex-direction: column; flex-wrap: nowrap; } .footer-wrapper .sent-details-container .buttons-block .submit-form .details-inputs .details-input { width: 272px; font-size: 10px; margin-bottom: 10px; } .footer-wrapper .sent-details-container .buttons-block .submit-form .send-details-btn { width: 272px; font-size: 10px; height: 25px; } .footer-wrapper .details-container { margin: 0; width: 100%; display: grid; grid-template-columns: 55% 45%; grid-template-rows: 43% 54%; grid-template-areas: 'sidebar header' 'main main'; transition: all 0.5s ease-in-out; } .footer-wrapper .details-container.open { height: 45em; grid-template-rows: 40% 54%; transition: all 0.5s ease-in-out; } .footer-wrapper .details-container .social-container { display: none; } .footer-wrapper .details-container .login-container { grid-area: header; padding-right: 30px; } .footer-wrapper .details-container .login-container .title-block .main-title { font-size: 14px; } .footer-wrapper .details-container .login-container .login-btn { margin-top: .7rem; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container { margin: 0; display: flex; flex-direction: column; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-right { margin-bottom: 6.7px; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn { width: 10.7em; height: 22px; position: relative; padding: unset; justify-content: center; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn .title { font-weight: normal; font-size: 10px; margin-right: 0.5em; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-right .drop-btn-wrapper .btn svg { fill: #fff; height: 11px; width: 15px; padding-left: unset; position: absolute; right: 0.4em; top: 0.4em; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-right .dropdown-content .btn-wrapper .btn { width: 10.7em; font-size: 10px; padding: 3px 0 3px 0; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn { width: 10.7em; height: 22px; font-weight: normal; position: relative; padding: unset; justify-content: center; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn .title { font-weight: normal; font-size: 10px; margin-right: 0.8em; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-left .drop-btn-wrapper .btn svg { fill: #fff; height: 11px; width: 15px; padding-left: unset; position: absolute; right: 0.3em; } .footer-wrapper .details-container .login-container .login-btn .auth-buttons-container .drop-menu-left .dropdown-content .btn-wrapper .btn { width: 10.7em; font-size: 10px; padding: 4px 0 4px 0; } .footer-wrapper .details-container .info-column { grid-area: main; padding: 0 40px 40px 0; } .footer-wrapper .details-container .info-column .bottom-line { margin-bottom: .8rem; } .footer-wrapper .details-container .info-column .extra_title_mobile { margin: .5rem 0; color: black; width: 281px; height: 20px; overflow-y: clip; transition: all 0.5s ease-in-out; position: relative; } .footer-wrapper .details-container .info-column .extra_title_mobile.open { height: 57px; transition: all 0.5s ease-in-out; } .footer-wrapper .details-container .info-column .extra_title_mobile .opener { color: #fd7200; position: absolute; top: 0; left: -5px; cursor: pointer; } .footer-wrapper .details-container .info-column .extra_title_mobile .opener.down { top: unset; bottom: -6px; left: 94px; rotate: 90deg; } .footer-wrapper .details-container .info-column .last-row { font-size: 12px; font-weight: 400; color: #fd7200; margin-top: .5rem; } .footer-wrapper .details-container .info-column .info-content p { font-size: 12px; margin: .5rem 0; } .footer-wrapper .details-container .info-column .title-block .main-title { font-size: 14px; } .footer-wrapper .details-container .link-area { grid-area: sidebar; padding: 0 40px 0 0; } .footer-wrapper .details-container .link-area .link-content { margin-bottom: 20px; } .footer-wrapper .details-container .link-area .link-content .nav-link-wrapper { font-size: 12px; } .footer-wrapper .details-container .link-area .title-block .main-title { font-size: 14px; } } .action-btns-wrapper { margin-left: 2rem; display: flex; z-index: 1010; } .action-btns-wrapper button:first-child { margin-left: 2rem; } @media screen and (max-width: 1280px) { .action-btns-wrapper button { padding: 8px 12px; } .action-btns-wrapper button:first-child { margin-left: 1rem; } } @media screen and (max-width: 624px) { .nav-links-overlay .nav-links-container .links_wrap .action-btns-wrapper { margin: unset; margin-top: 40px; } .nav-links-overlay .nav-links-container .links_wrap .action-btns-wrapper button { border: unset; padding: unset; margin: unset; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: white; font-size: 12px; padding: 0.6rem 1rem; margin-inline: 7px; } .nav-links-overlay .nav-links-container .links_wrap .action-btns-wrapper button:last-child { width: 100px; } } .agent-buttons { display: flex; justify-content: center; width: 60%; } .agent-buttons.hide-one { justify-content: center; } .agent-buttons .ag_set_btn_commission, .agent-buttons .ag_set_btn_report { width: 125px; height: 32px; border-radius: 30px; background-color: #A7D93E; display: none; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; transition: 500ms linear; } .agent-buttons .ag_set_btn_commission:hover, .agent-buttons .ag_set_btn_report:hover { transform: scale(1.04); transition: 500ms linear; } .agent-buttons .ag_set_btn_commission .title, .agent-buttons .ag_set_btn_report .title { font-size: 13px; font-weight: 500; text-align: center; color: #fff; line-height: 0; } .agent-buttons .ag_set_btn_commission.show { display: flex; } .agent-buttons .ag_set_btn_report.show { display: flex; } @media screen and (max-width: 624px) { .agent-buttons { display: flex; justify-content: center; width: 20em; } .agent-buttons .ag_set_btn { width: 115px; height: 28px; } .agent-buttons .ag_set_btn .title { font-size: 12px; font-weight: 450; text-align: center; color: #fff; } } .ref_link_sms_wrapper { width: 380.8px; height: 131.2px; background-size: 112% 135%; background-position: center; display: none; flex-direction: column; align-items: center; position: relative; } .ref_link_sms_wrapper.openW { display: flex; transform: translateY(-10px); } @media screen and (max-width: 1600px) { .ref_link_sms_wrapper.openW { margin-left: 3.5em; } } .ref_link_sms_wrapper.openP { display: flex; margin-left: -5em; transform: translateY(-10px); } @media screen and (max-width: 1600px) { .ref_link_sms_wrapper.openP { margin-left: -2.5em; } } .ref_link_sms_wrapper .close_window { position: absolute; right: 3em; top: 3.5em; } .ref_link_sms_wrapper .close_window svg { width: 10px; height: 10px; fill: #ff8f33; cursor: pointer; } .ref_link_sms_wrapper .close_window svg:hover { transform: rotate(180deg); transition: 500ms linear; fill: #1d1d1e; } .ref_link_sms_wrapper .title_row { font-size: 13px; font-weight: bold; color: #fa9e03; margin-top: 3.2em; } .ref_link_sms_wrapper .send_form .details-input { width: 262.5px; height: 30.7px; border-radius: 17px; border: solid 1px #dbdada; background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; position: relative; } .ref_link_sms_wrapper .send_form .details-input .err-err-2 { position: absolute; font-size: 10px; font-weight: 300; top: 1.7em; right: 1.7em; color: red; } .ref_link_sms_wrapper .send_form .details-input .sent_success { position: absolute; top: .4em; right: 1em; display: flex; flex-direction: row; align-items: center; } .ref_link_sms_wrapper .send_form .details-input .sent_success .title { font-size: 12px; font-weight: 500; color: #97de1d; } .ref_link_sms_wrapper .send_form .details-input .sent_success .oK_sign { width: 13.3px; height: 12.6px; margin-left: 5px; } .ref_link_sms_wrapper .send_form .details-input .input_num { width: 100%; border-radius: 17px; padding-right: 1rem; border: none; font-size: 12px; color: #b1abab; } .ref_link_sms_wrapper .send_form .details-input .input_num:focus { outline-color: #fd7200; } .ref_link_sms_wrapper .send_form .details-input .input_num:active { border: none; } .ref_link_sms_wrapper .send_form .details-input .send_btn { all: unset; height: 100%; display: flex; align-items: center; position: absolute; left: .2em; transition: 1.2s cubic-bezier(0.77, 0, 0.175, 1); } .ref_link_sms_wrapper .send_form .details-input .send_btn:hover { transform: scale(1.1); } .ref_link_sms_wrapper .send_form .details-input .send_btn img { width: 25px; height: 25px; cursor: pointer; } @media screen and (max-width: 624px) { .ref_link_sms_wrapper { width: 300.8px; } .ref_link_sms_wrapper.openW { display: flex; } .ref_link_sms_wrapper.openP { display: flex; margin-left: -7em; } .ref_link_sms_wrapper .close_window { position: absolute; right: 3em; top: 3.5em; } .ref_link_sms_wrapper .close_window svg { width: 10px; height: 10px; fill: #ff8f33; cursor: pointer; } .ref_link_sms_wrapper .close_window svg:hover { transform: rotate(180deg); transition: 500ms linear; fill: #1d1d1e; } .ref_link_sms_wrapper .title_row { font-size: 13px; font-weight: bold; color: #fa9e03; margin-top: 3.2em; } .ref_link_sms_wrapper .send_form .details-input { width: 222.5px; height: 30.7px; border-radius: 17px; border: solid 1px #dbdada; background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; position: relative; } .ref_link_sms_wrapper .send_form .details-input .err-err-2 { position: absolute; font-size: 10px; font-weight: 300; top: 1.7em; right: 1.7em; color: red; } .ref_link_sms_wrapper .send_form .details-input .sent_success { position: absolute; top: .4em; right: 1em; display: flex; flex-direction: row; align-items: center; } .ref_link_sms_wrapper .send_form .details-input .sent_success .title { font-size: 12px; font-weight: 500; color: #97de1d; } .ref_link_sms_wrapper .send_form .details-input .sent_success .oK_sign { width: 13.3px; height: 12.6px; margin-left: 5px; } .ref_link_sms_wrapper .send_form .details-input .input_num { width: 100%; border-radius: 17px; padding-right: 1rem; border: none; font-size: 12px; color: #b1abab; } .ref_link_sms_wrapper .send_form .details-input .input_num:focus { outline-color: #fd7200; } .ref_link_sms_wrapper .send_form .details-input .input_num:active { border: none; } .ref_link_sms_wrapper .send_form .details-input .send_btn { all: unset; height: 100%; display: flex; align-items: center; position: absolute; left: .2em; transition: 1.2s cubic-bezier(0.77, 0, 0.175, 1); } .ref_link_sms_wrapper .send_form .details-input .send_btn:hover { transform: scale(1.1); } .ref_link_sms_wrapper .send_form .details-input .send_btn img { width: 25px; height: 25px; cursor: pointer; } } .ref_link_wrapper { display: flex; flex-direction: column; align-items: center; margin-top: 26.5px; width: 90%; } .ref_link_wrapper .ref_link_title { display: flex; flex-direction: column; align-items: center; } .ref_link_wrapper .ref_link_title .back_refLink { display: none; } .ref_link_wrapper .ref_link_title .back_refLink img { cursor: pointer; } .ref_link_wrapper .ref_link_title .back_refLink.show { display: block; } .ref_link_wrapper .ref_link_title .title { font-size: 16px; font-weight: 500; color: #46433f; } .ref_link_wrapper .ref_link_title .title.changeTextIn { animation: textclipIn 0.8s linear; } .ref_link_wrapper .ref_link_title .title.changeTextOut { animation: textclip2 0.8s linear; } @keyframes textclipIn { 20% { transform: translateX(-5px); } 40% { transform: translateX(-10px); } 80% { transform: translateX(0px); } } @keyframes textclipOut { 20% { transform: translateX(-5px); } 40% { transform: translateX(-10px); } 80% { transform: translateX(0px); } } .ref_link_wrapper .ref_link_container { margin-top: 2rem; display: flex; flex-direction: column; justify-items: right; width: 100%; position: relative; } .ref_link_wrapper .ref_link_container .ref_social { left: -2%; position: absolute; visibility: hidden; display: flex; z-index: 20; transition: 0.7s; opacity: 0.000001; } .ref_link_wrapper .ref_link_container .ref_social .prof_img_ref { width: 1px; height: 1px; cursor: pointer; transform: rotate(360deg); transition: 0.7s; } .ref_link_wrapper .ref_link_container .ref_social .prof_img_ref .link, .ref_link_wrapper .ref_link_container .ref_social .prof_img_ref .wApp, .ref_link_wrapper .ref_link_container .ref_social .prof_img_ref .pHone { width: 1px; height: 1px; } .ref_link_wrapper .ref_link_container .ref_social .prof_img_ref .tool_bar { display: none; } .ref_link_wrapper .ref_link_container .ref_social .prof_img_ref .tool_bar img { width: 1px; height: 1px; } .ref_link_wrapper .ref_link_container .ref_social.show { visibility: visible; left: 4%; top: 4%; opacity: 1; transition: 1.2s cubic-bezier(0.77, 0, 0.175, 1); } .ref_link_wrapper .ref_link_container .ref_social.show.closer { left: 10%; } .ref_link_wrapper .ref_link_container .ref_social.show .prof_img_ref { width: 32px; height: 32px; transform: rotate(0deg); transition: 2.2s cubic-bezier(0.77, 0, 0.175, 1); margin-left: 5px; z-index: 1; } .ref_link_wrapper .ref_link_container .ref_social.show .prof_img_ref .tool_bar { display: none; } .ref_link_wrapper .ref_link_container .ref_social.show .toolLink { position: relative; } .ref_link_wrapper .ref_link_container .ref_social.show .toolLink.hide { visibility: hidden; } .ref_link_wrapper .ref_link_container .ref_social.show .toolLink:hover .tool_bar { display: block; position: absolute; right: -4.3em; top: 1.5em; z-index: 2; } .ref_link_wrapper .ref_link_container .ref_social.show .toolLink:hover .tool_bar span { font-size: 11px; font-weight: 500; object-fit: contain; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #fa9e03; position: absolute; right: 3.7em; top: 3.3em; } .ref_link_wrapper .ref_link_container .ref_social.show .toolWap { position: relative; } .ref_link_wrapper .ref_link_container .ref_social.show .toolWap:hover .tool_bar { display: block; position: absolute; right: -4.3em; top: 1.5em; z-index: 2; } .ref_link_wrapper .ref_link_container .ref_social.show .toolWap:hover .tool_bar span { font-size: 11px; font-weight: 500; object-fit: contain; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #fa9e03; position: absolute; right: 2.8em; top: 3.3em; } .ref_link_wrapper .ref_link_container .ref_social.show .toolPhone { position: relative; } .ref_link_wrapper .ref_link_container .ref_social.show .toolPhone:hover .tool_bar { display: block; position: absolute; right: -4.3em; top: 1.5em; z-index: 2; } .ref_link_wrapper .ref_link_container .ref_social.show .toolPhone:hover .tool_bar span { font-size: 11px; font-weight: 500; object-fit: contain; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #fa9e03; position: absolute; right: 4.4em; top: 3.3em; } .ref_link_wrapper .ref_link_container .ref_social.show .link, .ref_link_wrapper .ref_link_container .ref_social.show .wApp, .ref_link_wrapper .ref_link_container .ref_social.show .pHone { width: 32px; height: 32px; transition: 1.2s cubic-bezier(0.77, 0, 0.175, 1); } .ref_link_wrapper .ref_link_container .ref_social.show .tool_bar img { width: 114.8px; height: 80.4px; } .ref_link_wrapper .ref_link_container .input_social { z-index: 10; } .ref_link_wrapper .ref_link_container .input_social .ref_input { width: 340.4px; height: 42px; border-radius: 41.2px; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 1rem; margin: 0 auto; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); cursor: pointer; } .ref_link_wrapper .ref_link_container .input_social .ref_input.size { width: 260px; margin: unset; } @media screen and (max-width: 1600px) { .ref_link_wrapper .ref_link_container .input_social .ref_input.size { width: 220px; } } .ref_link_wrapper .ref_link_container .input_social .ref_input .ref_arrow { width: 15px; height: 15px; transform: rotate(180deg); transition: 0.8s; } .ref_link_wrapper .ref_link_container .input_social .ref_input .ref_arrow svg { width: 15px; height: 15px; cursor: pointer; } .ref_link_wrapper .ref_link_container .input_social .ref_input .ref_arrow svg g g { stroke-width: 2px; filter: invert(99%) sepia(15%) saturate(255%) hue-rotate(277deg) brightness(115%) contrast(50%); } .ref_link_wrapper .ref_link_container .input_social .ref_input .ref_arrow.open { transform: rotate(90deg); transition: 0.8s; } .ref_link_wrapper .ref_link_container .input_social .ref_input .ref_arrow.open svg g g { filter: invert(53%) sepia(44%) saturate(5254%) hue-rotate(1deg) brightness(105%) contrast(104%); } .ref_link_wrapper .ref_link_container .input_social .ref_input .title { font-size: 14px; color: #2a2a2a; opacity: 0.4; font-weight: 600; font-stretch: normal; } .ref_link_wrapper .ref_link_container .input_social .ref_input .title .send_success { color: #97de1d; } .ref_link_wrapper .ref_link_container .input_social .ref_input .title .send_success img { width: 13.3px; height: 12.6px; margin-left: 5px; } .ref_link_wrapper .ref_link_container .product_name { display: flex; flex-direction: row; align-items: center; justify-content: center; overflow: hidden; width: 0; height: 0; margin: 0 auto; border-radius: 12px; background-color: #fff; transition: all 0.8s; box-shadow: 0 0 0 0 rgba(103, 136, 213, 0.26); transform: translateY(-1rem); z-index: 9; padding: 0; } .ref_link_wrapper .ref_link_container .product_name .scroll_wrapper { width: 100%; height: 90%; min-height: 90%; overflow: auto; padding-left: 5px; } .ref_link_wrapper .ref_link_container .product_name .scroll_wrapper .select_product { border-bottom: 1px solid #ccc; transition: all 0.8s; } .ref_link_wrapper .ref_link_container .product_name .scroll_wrapper .select_product:last-child { border-bottom: unset; } .ref_link_wrapper .ref_link_container .product_name .scroll_wrapper .select_product .product_Name { font-size: 12px; transition: all 0.8s; color: #b1abab; cursor: pointer; } .ref_link_wrapper .ref_link_container .product_name .scroll_wrapper .select_product .product_Name:hover { color: #fd7200; padding-right: 0.3rem; } .ref_link_wrapper .ref_link_container .product_name.open { height: 145px; width: 340.39px; padding: 10px; } @media screen and (max-width: 624px) { .ref_link_wrapper { width: 85vw; } .ref_link_wrapper .ref_link_title .title { font-size: 15px; } .ref_link_wrapper .ref_link_container .input_social .ref_input { width: 85vw; } .ref_link_wrapper .ref_link_container .input_social .ref_input.size { width: 53.5vw; } .ref_link_wrapper .ref_link_container .product_name.open { width: 83vw; } .ref_link_wrapper .ref_link_container .ref_social.show { left: 0; } .ref_link_wrapper .ref_link_container .ref_social.show .toolLink, .ref_link_wrapper .ref_link_container .ref_social.show .toolPhone, .ref_link_wrapper .ref_link_container .ref_social.show .toolWap { position: relative; } .ref_link_wrapper .ref_link_container .ref_social.show .toolLink:hover .tool_bar, .ref_link_wrapper .ref_link_container .ref_social.show .toolPhone:hover .tool_bar, .ref_link_wrapper .ref_link_container .ref_social.show .toolWap:hover .tool_bar { display: none; } } .ref_link_mode_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 26.5px; gap: 16px 0; } .ref_link_mode_wrap .ref_link_mode_title { color: #46433f; font-size: 16px; font-weight: 500; } .ref_link_mode_wrap .toggle_mode_btn_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0 10px; } .ref_link_mode_wrap .toggle_mode_btn_wrap .toggle_mode_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 120px; height: 32px; border-radius: 2rem; background-color: #86d8ff; color: #fff; font-size: 13px; font-weight: 500; line-height: normal; cursor: pointer; } .ref_link_mode_wrap .toggle_mode_btn_wrap .toggle_mode_btn.global:first-child { box-shadow: 0 0 16px rgba(134, 216, 255, 0.9); } .ref_link_mode_wrap .toggle_mode_btn_wrap .toggle_mode_btn.regular:last-child { box-shadow: 0 0 16px rgba(134, 216, 255, 0.9); } .ref_link_mode_wrap .global_mode_wrap { display: none; } .ref_link_mode_wrap .global_mode_wrap.global { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0 10px; align-items: start; height: 60px; } @media screen and (max-width: 624px) { .ref_link_mode_wrap .global_mode_wrap.global { height: unset; } } .ref_link_mode_wrap .global_mode_wrap.global.sms, .ref_link_mode_wrap .global_mode_wrap.global.wsap { height: 140px; } .ref_link_mode_wrap .global_mode_wrap .sms, .ref_link_mode_wrap .global_mode_wrap .wApp, .ref_link_mode_wrap .global_mode_wrap .link { position: relative; } .ref_link_mode_wrap .global_mode_wrap .sms .logo, .ref_link_mode_wrap .global_mode_wrap .wApp .logo, .ref_link_mode_wrap .global_mode_wrap .link .logo { margin: unset; width: 32px; cursor: pointer; } .ref_link_mode_wrap .global_mode_wrap .sms .sms_toolbar { position: absolute; left: -25px; width: 100px; height: 66px; background: url(data:image/png;base64,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) no-repeat -7px -9px; background-size: 114px 80px; visibility: hidden; z-index: 3; } .ref_link_mode_wrap .global_mode_wrap .sms .sms_toolbar .title_tool { display: flex; font-size: 11px; font-weight: 500; color: #fa9e03; translate: -40px 24px; } .ref_link_mode_wrap .global_mode_wrap .sms .sms_toolbar.sms { display: none; } .ref_link_mode_wrap .global_mode_wrap .sms .logo:hover ~ .sms_toolbar { visibility: visible; } @media screen and (max-width: 624px) { .ref_link_mode_wrap .global_mode_wrap .sms .logo:hover ~ .sms_toolbar { visibility: hidden; } } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap { display: none; z-index: 1; position: absolute; right: -164px; width: 385px; height: 139px; background: url(data:image/png;base64,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) no-repeat center -1px; background-size: 368px 127px; } @media screen and (max-width: 1600px) { .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap { top: 25px; scale: .9; } } @media screen and (max-width: 624px) { .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap { top: 20px; scale: .8; } } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap:hover ~ .sms_toolbar { visibility: hidden; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap.sms { display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: start; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .close_window { position: absolute; right: 3em; top: 3.5em; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .close_window svg { width: 10px; height: 10px; fill: #ff8f33; cursor: pointer; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .close_window svg:hover { transform: rotate(180deg); transition: 500ms linear; fill: #1d1d1e; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .title_row { font-size: 13px; font-weight: bold; color: #fa9e03; margin-top: 3.2em; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input { width: 262.5px; height: 30.7px; border-radius: 17px; border: solid 1px #dbdada; background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; position: relative; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .err-err-2 { position: absolute; font-size: 10px; font-weight: 300; top: 1.7em; right: 1.7em; color: red; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .sent_success { position: absolute; top: .4em; right: 1em; display: flex; flex-direction: row; align-items: center; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .sent_success .title { font-size: 12px; font-weight: 500; color: #97de1d; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .sent_success .oK_sign { width: 13.3px; height: 12.6px; margin-left: 5px; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .input_num { width: 100%; border-radius: 17px; padding-right: 1rem; border: none; font-size: 12px; color: #b1abab; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .input_num:focus { outline-color: #fd7200; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .input_num:active { border: none; } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .send_btn { all: unset; height: 100%; display: flex; align-items: center; position: absolute; left: .2em; transition: 1.2s cubic-bezier(0.77, 0, 0.175, 1); } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .send_btn:hover { transform: scale(1.1); } .ref_link_mode_wrap .global_mode_wrap .sms .send_message_wrap .send_form .details-input .send_btn img { width: 25px; height: 25px; cursor: pointer; } .ref_link_mode_wrap .global_mode_wrap .wApp .sms_toolbar { position: absolute; left: -25px; width: 100px; height: 66px; background: url(data:image/png;base64,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) no-repeat -7px -9px; background-size: 114px 80px; visibility: hidden; z-index: 2; } .ref_link_mode_wrap .global_mode_wrap .wApp .sms_toolbar .title_tool { display: flex; font-size: 11px; font-weight: 500; color: #fa9e03; translate: -24px 24px; } .ref_link_mode_wrap .global_mode_wrap .wApp .sms_toolbar.wsap { display: none; } .ref_link_mode_wrap .global_mode_wrap .wApp .logo:hover ~ .sms_toolbar { visibility: visible; } @media screen and (max-width: 624px) { .ref_link_mode_wrap .global_mode_wrap .wApp .logo:hover ~ .sms_toolbar { visibility: hidden; } } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap { display: none; z-index: 1; position: absolute; right: -168px; width: 385px; height: 139px; background: url(data:image/png;base64,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) no-repeat center -1px; background-size: 368px 127px; } @media screen and (max-width: 1600px) { .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap { top: 25px; scale: .9; } } @media screen and (max-width: 624px) { .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap { top: 20px; scale: .8; } } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap.wsap { display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: start; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap.wsap .sms_toolbar { visibility: hidden; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap:hover ~ .sms_toolbar { visibility: hidden; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .close_window { position: absolute; right: 3em; top: 3.5em; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .close_window svg { width: 10px; height: 10px; fill: #ff8f33; cursor: pointer; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .close_window svg:hover { transform: rotate(180deg); transition: 500ms linear; fill: #1d1d1e; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .title_row { font-size: 13px; font-weight: bold; color: #fa9e03; margin-top: 3.2em; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input { width: 262.5px; height: 30.7px; border-radius: 17px; border: solid 1px #dbdada; background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; position: relative; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .err-err-2 { position: absolute; font-size: 10px; font-weight: 300; top: 1.7em; right: 1.7em; color: red; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .sent_success { position: absolute; top: .4em; right: 1em; display: flex; flex-direction: row; align-items: center; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .sent_success .title { font-size: 12px; font-weight: 500; color: #97de1d; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .sent_success .oK_sign { width: 13.3px; height: 12.6px; margin-left: 5px; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .input_num { width: 100%; border-radius: 17px; padding-right: 1rem; border: none; font-size: 12px; color: #b1abab; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .input_num:focus { outline-color: #fd7200; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .input_num:active { border: none; } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .send_btn { all: unset; height: 100%; display: flex; align-items: center; position: absolute; left: .2em; transition: 1.2s cubic-bezier(0.77, 0, 0.175, 1); } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .send_btn:hover { transform: scale(1.1); } .ref_link_mode_wrap .global_mode_wrap .wApp .send_message_wrap .send_form .details-input .send_btn img { width: 25px; height: 25px; cursor: pointer; } .ref_link_mode_wrap .global_mode_wrap .link .sms_toolbar { position: absolute; left: -25px; width: 100px; height: 66px; background: url(data:image/png;base64,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) no-repeat -7px -9px; background-size: 114px 80px; visibility: hidden; z-index: 3; } .ref_link_mode_wrap .global_mode_wrap .link .sms_toolbar .title_tool { display: flex; font-size: 11px; font-weight: 500; color: #fa9e03; translate: -34px 24px; } .ref_link_mode_wrap .global_mode_wrap .link .logo { height: 32px; background: url(/_next/static/images/link_copy-7275f1f5da98f015d6038f740c02c96b.png) no-repeat center center; background-size: 100% 100%; } .ref_link_mode_wrap .global_mode_wrap .link .logo.copy { animation: textHidden 3s; } .ref_link_mode_wrap .global_mode_wrap .link:hover .sms_toolbar { visibility: visible; } @media screen and (max-width: 624px) { .ref_link_mode_wrap .global_mode_wrap .link:hover .sms_toolbar { visibility: hidden; } } @keyframes textHidden { 20% { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAgCAYAAABkWOo9AAAABHNCSVQICAgIfAhkiAAABS1JREFUWEfNl39MW1UUx997bUcLHa0FCpGwFIcuDomFToaTbBR/MX5sdMC2DBkFJS4GHUbjDyIOMqcsjIi64aJssCkwE5M1I+jcHKXKjOhoOgSDZpSCsUC7QQst/cXr896aYmF9fWUrzPtfe8+95/POOfd7z0WR/8kQCoU7aTSahCAIAURCUVSD43iDCgzX73vJCeC4AG4nYJCwudil7Ld4o9Fxa0z7YjsUcA7DMJnT6ayAsPcMVCQSFUPAdQn0c/lV/GdByHIBDBcGjkAQA4Li4jqJVgM+pKGvr0+66qAgUkLgvCI2KWhi19u8zSCpaSRZ1bBQWuLhvDGZUqlMW1VQEMWDNDr6TNkJviGER9tHVXYoSojr8rTVqwqalJTU8HAqC8us4BW5U0wFOq625bS9eSt/VVLvPhT574QZBULmDio497xxYn729EFdv8OBl6/4YYL1uCaIfqSoPlwQdj9joz+QRt088kPrjEk7ZJcb9Y5XAKRmReUJQrLYtKayxqgIJhtbRwWpG3Egv8hMJvO0QxnMRF5ub+rt91yzIocJppvNpZ8v+TgykcXGOL4gbWYn0n3WqNep7b3jw/YiEEGDN/uAg0JITgTj7P56/lYqyNF+q1nebBzRjboAXTcQ2Qg46OOpomsF1REPRT3AWOvLcV+H6Y9e2exPPfJrpVRlEfAaTU4RtRYcChNFbwja4Mv514dv3tBctx0B+tjiD+QiUJAyAbx3QVPAhQ0B0K4z/m4C7YBOSrfsDX1vS/7aaF/rWiv1l/8esr4PMt29nP1dqYdOAFwu7FbATxUATgPAFe6GgGpD+JGCBFbn7ppwnxJ05nVdz6TaVrVcSFdEoZPQcMaXBz6LdIBmgIsQqArDHDVHJRMGz+7FF6w447He/XX85KAQjNQMQuo1jlPLSfciecopTDmXujd0T0x80ML/nt0LFWxKqqh2+0u88gdTmCFklBeO3Wr/82frpTuFdEX0hXe3jqdLOVFLnfgDC7MRtylYsasyjFTQh5WWNtkH0w54X1OVkK959LVPxARfwEA8I+pesLQvBDUMm9gFQX5qx+auvEqemMOne/VhmcUHGksnh8E6KZmQ+wuPNqkyezrqp5/YUxPudQ2ExVBHokfN5kKnT+YkZ8dtYn6xrYjjanZvGwRhbCgc77Rb8ToqMfcHFm0fyU6bVM/LlZ1mRFwSing7EARCqIJRurhGooESVgHTmLk75cZztRHryZx8/7mxVvWdyQbqstofECoblzy1juRI9WpHM4TNKCcJ0H+woCOinXj6Re7G+LRgr/ubDc5vTpZNwLrMpQLwd37hCnXDDsjNSHopWTaRlsL1HSVvNKZ3CTNCxGQpP3lgvGVGj8vuRC/JwBfd9RD2d/lc89iADdlefh/JGqLbxzsH0Q5ZP2qvmuLe7Slf6vy2pqRtOKtiUGH90AraL1EW29/MuOxALY/W52vhExe+xzXLWkxh7LV7alPntFz9aqaYG0lHyOrQ277Xu+YOXW6cxgJ1gDx9kLZ5EPbicUNxvJjlVWO9gCrqC7SGQGimtyCQgp4fyeVaiPnui8eNjyZlhSD8WIbP5HSdmnpV+a2FuxLRhI59Ns4QdmrG/uOFY9OPiKUcUti5Gfzqp89P3gykHFEepqUGLthZe7+iZTYmJmENEr9tsXb+dsVs6Tpt7LdZ8Iy7vSZ9pcyvp8i/ZYA3/DVoKx6UW1z7WeeciBNHxvRq+1HFlV8bA3nCl1Wj3owhsBWZF8I5JkJXSWJlXl+MKwH9Dy/KbT/eppF6AAAAAElFTkSuQmCC) no-repeat center center; background-size: 80% 80%; } 40% { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAgCAYAAABkWOo9AAAABHNCSVQICAgIfAhkiAAABS1JREFUWEfNl39MW1UUx997bUcLHa0FCpGwFIcuDomFToaTbBR/MX5sdMC2DBkFJS4GHUbjDyIOMqcsjIi64aJssCkwE5M1I+jcHKXKjOhoOgSDZpSCsUC7QQst/cXr896aYmF9fWUrzPtfe8+95/POOfd7z0WR/8kQCoU7aTSahCAIAURCUVSD43iDCgzX73vJCeC4AG4nYJCwudil7Ld4o9Fxa0z7YjsUcA7DMJnT6ayAsPcMVCQSFUPAdQn0c/lV/GdByHIBDBcGjkAQA4Li4jqJVgM+pKGvr0+66qAgUkLgvCI2KWhi19u8zSCpaSRZ1bBQWuLhvDGZUqlMW1VQEMWDNDr6TNkJviGER9tHVXYoSojr8rTVqwqalJTU8HAqC8us4BW5U0wFOq625bS9eSt/VVLvPhT574QZBULmDio497xxYn729EFdv8OBl6/4YYL1uCaIfqSoPlwQdj9joz+QRt088kPrjEk7ZJcb9Y5XAKRmReUJQrLYtKayxqgIJhtbRwWpG3Egv8hMJvO0QxnMRF5ub+rt91yzIocJppvNpZ8v+TgykcXGOL4gbWYn0n3WqNep7b3jw/YiEEGDN/uAg0JITgTj7P56/lYqyNF+q1nebBzRjboAXTcQ2Qg46OOpomsF1REPRT3AWOvLcV+H6Y9e2exPPfJrpVRlEfAaTU4RtRYcChNFbwja4Mv514dv3tBctx0B+tjiD+QiUJAyAbx3QVPAhQ0B0K4z/m4C7YBOSrfsDX1vS/7aaF/rWiv1l/8esr4PMt29nP1dqYdOAFwu7FbATxUATgPAFe6GgGpD+JGCBFbn7ppwnxJ05nVdz6TaVrVcSFdEoZPQcMaXBz6LdIBmgIsQqArDHDVHJRMGz+7FF6w447He/XX85KAQjNQMQuo1jlPLSfciecopTDmXujd0T0x80ML/nt0LFWxKqqh2+0u88gdTmCFklBeO3Wr/82frpTuFdEX0hXe3jqdLOVFLnfgDC7MRtylYsasyjFTQh5WWNtkH0w54X1OVkK959LVPxARfwEA8I+pesLQvBDUMm9gFQX5qx+auvEqemMOne/VhmcUHGksnh8E6KZmQ+wuPNqkyezrqp5/YUxPudQ2ExVBHokfN5kKnT+YkZ8dtYn6xrYjjanZvGwRhbCgc77Rb8ToqMfcHFm0fyU6bVM/LlZ1mRFwSing7EARCqIJRurhGooESVgHTmLk75cZztRHryZx8/7mxVvWdyQbqstofECoblzy1juRI9WpHM4TNKCcJ0H+woCOinXj6Re7G+LRgr/ubDc5vTpZNwLrMpQLwd37hCnXDDsjNSHopWTaRlsL1HSVvNKZ3CTNCxGQpP3lgvGVGj8vuRC/JwBfd9RD2d/lc89iADdlefh/JGqLbxzsH0Q5ZP2qvmuLe7Slf6vy2pqRtOKtiUGH90AraL1EW29/MuOxALY/W52vhExe+xzXLWkxh7LV7alPntFz9aqaYG0lHyOrQ277Xu+YOXW6cxgJ1gDx9kLZ5EPbicUNxvJjlVWO9gCrqC7SGQGimtyCQgp4fyeVaiPnui8eNjyZlhSD8WIbP5HSdmnpV+a2FuxLRhI59Ns4QdmrG/uOFY9OPiKUcUti5Gfzqp89P3gykHFEepqUGLthZe7+iZTYmJmENEr9tsXb+dsVs6Tpt7LdZ8Iy7vSZ9pcyvp8i/ZYA3/DVoKx6UW1z7WeeciBNHxvRq+1HFlV8bA3nCl1Wj3owhsBWZF8I5JkJXSWJlXl+MKwH9Dy/KbT/eppF6AAAAAElFTkSuQmCC) no-repeat center center; background-size: 80% 80%; } 80% { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAgCAYAAABkWOo9AAAABHNCSVQICAgIfAhkiAAABS1JREFUWEfNl39MW1UUx997bUcLHa0FCpGwFIcuDomFToaTbBR/MX5sdMC2DBkFJS4GHUbjDyIOMqcsjIi64aJssCkwE5M1I+jcHKXKjOhoOgSDZpSCsUC7QQst/cXr896aYmF9fWUrzPtfe8+95/POOfd7z0WR/8kQCoU7aTSahCAIAURCUVSD43iDCgzX73vJCeC4AG4nYJCwudil7Ld4o9Fxa0z7YjsUcA7DMJnT6ayAsPcMVCQSFUPAdQn0c/lV/GdByHIBDBcGjkAQA4Li4jqJVgM+pKGvr0+66qAgUkLgvCI2KWhi19u8zSCpaSRZ1bBQWuLhvDGZUqlMW1VQEMWDNDr6TNkJviGER9tHVXYoSojr8rTVqwqalJTU8HAqC8us4BW5U0wFOq625bS9eSt/VVLvPhT574QZBULmDio497xxYn729EFdv8OBl6/4YYL1uCaIfqSoPlwQdj9joz+QRt088kPrjEk7ZJcb9Y5XAKRmReUJQrLYtKayxqgIJhtbRwWpG3Egv8hMJvO0QxnMRF5ub+rt91yzIocJppvNpZ8v+TgykcXGOL4gbWYn0n3WqNep7b3jw/YiEEGDN/uAg0JITgTj7P56/lYqyNF+q1nebBzRjboAXTcQ2Qg46OOpomsF1REPRT3AWOvLcV+H6Y9e2exPPfJrpVRlEfAaTU4RtRYcChNFbwja4Mv514dv3tBctx0B+tjiD+QiUJAyAbx3QVPAhQ0B0K4z/m4C7YBOSrfsDX1vS/7aaF/rWiv1l/8esr4PMt29nP1dqYdOAFwu7FbATxUATgPAFe6GgGpD+JGCBFbn7ppwnxJ05nVdz6TaVrVcSFdEoZPQcMaXBz6LdIBmgIsQqArDHDVHJRMGz+7FF6w447He/XX85KAQjNQMQuo1jlPLSfciecopTDmXujd0T0x80ML/nt0LFWxKqqh2+0u88gdTmCFklBeO3Wr/82frpTuFdEX0hXe3jqdLOVFLnfgDC7MRtylYsasyjFTQh5WWNtkH0w54X1OVkK959LVPxARfwEA8I+pesLQvBDUMm9gFQX5qx+auvEqemMOne/VhmcUHGksnh8E6KZmQ+wuPNqkyezrqp5/YUxPudQ2ExVBHokfN5kKnT+YkZ8dtYn6xrYjjanZvGwRhbCgc77Rb8ToqMfcHFm0fyU6bVM/LlZ1mRFwSing7EARCqIJRurhGooESVgHTmLk75cZztRHryZx8/7mxVvWdyQbqstofECoblzy1juRI9WpHM4TNKCcJ0H+woCOinXj6Re7G+LRgr/ubDc5vTpZNwLrMpQLwd37hCnXDDsjNSHopWTaRlsL1HSVvNKZ3CTNCxGQpP3lgvGVGj8vuRC/JwBfd9RD2d/lc89iADdlefh/JGqLbxzsH0Q5ZP2qvmuLe7Slf6vy2pqRtOKtiUGH90AraL1EW29/MuOxALY/W52vhExe+xzXLWkxh7LV7alPntFz9aqaYG0lHyOrQ277Xu+YOXW6cxgJ1gDx9kLZ5EPbicUNxvJjlVWO9gCrqC7SGQGimtyCQgp4fyeVaiPnui8eNjyZlhSD8WIbP5HSdmnpV+a2FuxLRhI59Ns4QdmrG/uOFY9OPiKUcUti5Gfzqp89P3gykHFEepqUGLthZe7+iZTYmJmENEr9tsXb+dsVs6Tpt7LdZ8Iy7vSZ9pcyvp8i/ZYA3/DVoKx6UW1z7WeeciBNHxvRq+1HFlV8bA3nCl1Wj3owhsBWZF8I5JkJXSWJlXl+MKwH9Dy/KbT/eppF6AAAAAElFTkSuQmCC) no-repeat center center; background-size: 80% 80%; } 100% { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAgCAYAAABkWOo9AAAABHNCSVQICAgIfAhkiAAABS1JREFUWEfNl39MW1UUx997bUcLHa0FCpGwFIcuDomFToaTbBR/MX5sdMC2DBkFJS4GHUbjDyIOMqcsjIi64aJssCkwE5M1I+jcHKXKjOhoOgSDZpSCsUC7QQst/cXr896aYmF9fWUrzPtfe8+95/POOfd7z0WR/8kQCoU7aTSahCAIAURCUVSD43iDCgzX73vJCeC4AG4nYJCwudil7Ld4o9Fxa0z7YjsUcA7DMJnT6ayAsPcMVCQSFUPAdQn0c/lV/GdByHIBDBcGjkAQA4Li4jqJVgM+pKGvr0+66qAgUkLgvCI2KWhi19u8zSCpaSRZ1bBQWuLhvDGZUqlMW1VQEMWDNDr6TNkJviGER9tHVXYoSojr8rTVqwqalJTU8HAqC8us4BW5U0wFOq625bS9eSt/VVLvPhT574QZBULmDio497xxYn729EFdv8OBl6/4YYL1uCaIfqSoPlwQdj9joz+QRt088kPrjEk7ZJcb9Y5XAKRmReUJQrLYtKayxqgIJhtbRwWpG3Egv8hMJvO0QxnMRF5ub+rt91yzIocJppvNpZ8v+TgykcXGOL4gbWYn0n3WqNep7b3jw/YiEEGDN/uAg0JITgTj7P56/lYqyNF+q1nebBzRjboAXTcQ2Qg46OOpomsF1REPRT3AWOvLcV+H6Y9e2exPPfJrpVRlEfAaTU4RtRYcChNFbwja4Mv514dv3tBctx0B+tjiD+QiUJAyAbx3QVPAhQ0B0K4z/m4C7YBOSrfsDX1vS/7aaF/rWiv1l/8esr4PMt29nP1dqYdOAFwu7FbATxUATgPAFe6GgGpD+JGCBFbn7ppwnxJ05nVdz6TaVrVcSFdEoZPQcMaXBz6LdIBmgIsQqArDHDVHJRMGz+7FF6w447He/XX85KAQjNQMQuo1jlPLSfciecopTDmXujd0T0x80ML/nt0LFWxKqqh2+0u88gdTmCFklBeO3Wr/82frpTuFdEX0hXe3jqdLOVFLnfgDC7MRtylYsasyjFTQh5WWNtkH0w54X1OVkK959LVPxARfwEA8I+pesLQvBDUMm9gFQX5qx+auvEqemMOne/VhmcUHGksnh8E6KZmQ+wuPNqkyezrqp5/YUxPudQ2ExVBHokfN5kKnT+YkZ8dtYn6xrYjjanZvGwRhbCgc77Rb8ToqMfcHFm0fyU6bVM/LlZ1mRFwSing7EARCqIJRurhGooESVgHTmLk75cZztRHryZx8/7mxVvWdyQbqstofECoblzy1juRI9WpHM4TNKCcJ0H+woCOinXj6Re7G+LRgr/ubDc5vTpZNwLrMpQLwd37hCnXDDsjNSHopWTaRlsL1HSVvNKZ3CTNCxGQpP3lgvGVGj8vuRC/JwBfd9RD2d/lc89iADdlefh/JGqLbxzsH0Q5ZP2qvmuLe7Slf6vy2pqRtOKtiUGH90AraL1EW29/MuOxALY/W52vhExe+xzXLWkxh7LV7alPntFz9aqaYG0lHyOrQ277Xu+YOXW6cxgJ1gDx9kLZ5EPbicUNxvJjlVWO9gCrqC7SGQGimtyCQgp4fyeVaiPnui8eNjyZlhSD8WIbP5HSdmnpV+a2FuxLRhI59Ns4QdmrG/uOFY9OPiKUcUti5Gfzqp89P3gykHFEepqUGLthZe7+iZTYmJmENEr9tsXb+dsVs6Tpt7LdZ8Iy7vSZ9pcyvp8i/ZYA3/DVoKx6UW1z7WeeciBNHxvRq+1HFlV8bA3nCl1Wj3owhsBWZF8I5JkJXSWJlXl+MKwH9Dy/KbT/eppF6AAAAAElFTkSuQmCC) no-repeat center center; background-size: 80% 80%; } } .autoComplete_container { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 25px; } .autoComplete_container .agent_menu_texts { display: flex; width: 340.4px; flex-direction: row; align-items: center; margin-bottom: 1.5rem; } .autoComplete_container .agent_menu_texts .agent_menu_text { color: #fd7200; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .autoComplete_container .agent_menu_texts .agent_menu_text.change { animation: textclip 0.8s linear; } .autoComplete_container .agent_menu_texts .agent_menu_text.changeOut { animation: textclip2 0.8s linear; } @keyframes textclip { 20% { transform: translateX(-5px); } 40% { transform: translateX(-10px); } 80% { transform: translateX(0px); } } @keyframes textclip2 { 20% { transform: translateX(-5px); } 40% { transform: translateX(-10px); } 80% { transform: translateX(0px); } } .autoComplete_container .agent_menu_texts .agent_menu_orange { width: 20px; height: 20px; border-radius: 1rem; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); transform: rotate(180deg); transition: 0.8s; display: flex; align-items: center; justify-content: center; margin-left: 9px; } .autoComplete_container .agent_menu_texts .agent_menu_orange svg { width: 15px; height: 15px; cursor: pointer; } .autoComplete_container .agent_menu_texts .agent_menu_orange svg g g { stroke-width: 4px; } .autoComplete_container .agent_menu_texts .agent_menu_orange.open { transform: rotate(90deg); transition: 0.8s; } .autoComplete_container .search-bar-input { width: 340.4px; height: 0; border-radius: 41.2px; border: 1px solid #dbdada; background-color: #fff; padding: 0 1rem; margin: 0 auto; font-size: 12px; color: #b1abab; visibility: hidden; transition: 0.3s cubic-bezier(0.77, 0, 0.175, 1); transform: translateY(-100%); } .autoComplete_container .search-bar-input::placeholder { font-size: 12px; color: #b1abab; } .autoComplete_container .search-bar-input:focus { outline-color: #fd7200; } .autoComplete_container .search-bar-input.open { visibility: visible; height: 39.8px; transform: translateY(-5px); transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .autoComplete_container .agent-menu-text-4 { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: black; } .autoComplete_container .list-results { height: 0; width: 0; overflow: hidden; font-size: 12px; font-weight: normal; color: #b1abab; background-color: white; border-radius: 15px; margin: 0; display: flex; flex-direction: column; align-items: center; transition: all 0.5s ease-in-out; } .autoComplete_container .list-results.open { height: fit-content; width: 340px; margin: -1rem 0 0.5rem 0; transition: all 0.5s ease-in-out; } .autoComplete_container .list-results li { transition: 0.8s; border-bottom: 0.6px solid #ccc; padding: 15px 0 10px 0; width: 310px; } .autoComplete_container .list-results li .list-item-phone { display: none; } .autoComplete_container .list-results li .list-item-phone.open { display: block; } .autoComplete_container .list-results li .list-item-text { margin-left: 0.5rem; } .autoComplete_container .list-results li:last-child { border-bottom: none; } .autoComplete_container .list-results li:hover { padding-right: 0.3rem; cursor: pointer; color: #fd7200; transition: 0.8s; } .autoComplete_container .choose-btn-wrapper { display: flex; justify-content: center; margin-top: 24px; } .autoComplete_container .choose-btn-wrapper .choose-btn { display: none; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); } .autoComplete_container .choose-btn-wrapper .choose-btn.show { display: flex; } .autoComplete_container .choose-btn-wrapper .choose-btn:hover { opacity: 75%; } @media screen and (max-width: 624px) { .autoComplete_container .agent_menu_texts { width: 85vw; } .autoComplete_container .search-bar-input { width: 85vw; } .autoComplete_container .list-results { width: 83vw; } .autoComplete_container .list-results li { width: 78vw; } .autoComplete_container .choose-btn-wrapper { display: flex; justify-content: center; margin-top: 14px; } .autoComplete_container .choose-btn-wrapper .choose-btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-size: 12px; } .autoComplete_container .choose-btn-wrapper .choose-btn:hover { opacity: 75%; } } .request-send-row { display: flex; margin-top: 15px; width: 300px; } .request-send-row .first-row { display: flex; } .request-send-row .first-row.none { display: none; } .request-send-row .first-row .green-circle { width: 13.3px; height: 12.6px; margin-left: .5rem; } .request-send-row .first-row .first-row-text { font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.07; letter-spacing: normal; color: #97de1d; } .disconnect-btn { background-image: linear-gradient(to bottom, #fece60 -16%, #f39045); padding: 14px 24px; margin-top: 1rem; } .disconnect-btn:hover { opacity: 75%; } .none { display: none; } .parent-agent-row { margin-top: 2rem; } .parent-agent-row p { display: flex; flex-direction: column; align-items: center; max-width: 100%; font-size: 16px; font-weight: 500; color: #46433f; } @media screen and (max-width: 624px) { .disconnect-btn { font-size: 12px; } .parent-agent-row p { font-size: 14px; } } .agent-user-menu { width: 100%; height: 85%; display: flex; margin-top: 2rem; flex-direction: column; align-items: center; } @media screen and (max-width: 624px) { .agent-user-menu { width: 100%; display: flex; margin-top: 2rem; flex-direction: column; align-items: center; } } .auth-btns-wrapper { display: flex; align-items: center; padding-left: 6.5rem; justify-content: space-between; font-family: Rubik, cursive; z-index: 1010; } .auth-btns-wrapper .nav-title { display: flex; flex-direction: row; align-items: center; margin-left: 18px; color: #000; font-size: 18px; font-weight: 500; } .auth-btns-wrapper .nav-title .photo-icon { margin-left: 3px; width: 21.6px; height: 24.9px; transition: 0.5s; } .auth-btns-wrapper .nav-title .photo-icon:hover { transform: scale(1.3); transition: 0.5s; } .auth-btns-wrapper .btn-cascade { position: relative; } .auth-btns-wrapper .btn-cascade .hover-pill { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: #fff; font-weight: normal !important; margin-left: 3px; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; font-size: 13px; line-height: 1.22; text-align: end; } .auth-btns-wrapper .btn-cascade .hover-pill svg { fill: #fff; width: 13.5px; height: 14.7px; padding-left: 0.3rem; } .auth-btns-wrapper .btn-cascade .btn-container { display: flex; flex-direction: column; position: absolute; margin-top: .8rem; width: 99%; } .auth-btns-wrapper .btn-cascade .btn-container .orange-btn { font-size: 13px; font-weight: 400; border: solid 1px #fc7200; background-color: rgba(255, 253, 251, 0.9); color: black; } .auth-btns-wrapper .btn-cascade .btn-container .orange-btn:hover { background: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: white; } .auth-btns-wrapper .btn-cascade .btn-container .black-outlined-btn { font-size: 13px; font-weight: 400; border: solid 1px #fc7200; background-color: rgba(255, 253, 251, 0.9); color: black; } .auth-btns-wrapper .btn-cascade .btn-container .black-outlined-btn:hover { background: linear-gradient(to bottom, #fa9e03, #fc4a1a); color: white; } .auth-btns-wrapper .btn-cascade .btn-container button { margin-bottom: .6rem; width: initial; opacity: 0; pointer-events: none; } .auth-btns-wrapper .btn-cascade:hover .btn-container button { margin-bottom: .6rem; opacity: 1; pointer-events: initial; } .auth-btns-wrapper .btn-cascade:first-child { margin-left: 1rem; } .bot-link-wrapper { position: relative; display: flex; justify-items: center; width: 204px; height: 55px; margin-right: 39px; } .bot-link-wrapper .bot-link-background { animation: bounce 3.5s ease 1s infinite alternate; cursor: pointer; } .bot-link-wrapper .bot-link-tooltip-outer { position: absolute; display: none; top: 26px; margin-right: -6px; } .bot-link-wrapper .bot-link-tooltip-outer .bot-link-tooltip { position: relative; display: flex; justify-content: center; align-items: center; } .bot-link-wrapper .bot-link-tooltip-outer .bot-link-tooltip .bot-link-tooltip-text { color: black; position: absolute; width: 80%; text-align: center; margin-top: 10px; line-height: 1.3; } .bot-link-wrapper:hover .bot-link-tooltip-outer { display: flex; } @keyframes bounce { 0% { -webkit-transform: scale(1.05, 0.95); transform: scale(1.05, 0.95); } 5% { -webkit-transform: scale(0.95, 1.05) translateY(-0.2rem); } 10% { -webkit-transform: scale(1); transform: scale(1); } 15% { -webkit-transform: scale(1.05, 0.95); transform: scale(1.05, 0.95); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @media screen and (max-width: 624px) { .bot-link-wrapper { width: 100%; margin-right: 0; } .bot-link-wrapper .bot-link-background { width: 28vw; translate: 0 -2px; } } .desktop-nav-wrapper { height: 80.9px; position: relative; justify-content: space-between; display: flex; align-items: center; box-shadow: 0 7px 30px 0 rgba(81, 81, 81, 0.26); z-index: 1010; } .desktop-nav-wrapper:before { content: ''; width: 100%; height: 100%; position: absolute; box-shadow: 0 7px 30px 0 rgba(81, 81, 81, 0.26); background: #fff; top: 0; left: 0; z-index: 1009; } .desktop-nav-wrapper .nav-side-menu { position: absolute; right: 0; top: 0; opacity: 0.94; background-image: linear-gradient(to bottom, #fff, #e4f9fb 59%, #eaf9fb); width: 20%; height: 100vh; transform: translateX(55vh); transition: 1s; z-index: 1011; display: flex; flex-direction: column; align-items: center; } .desktop-nav-wrapper .nav-side-menu .close_btn { z-index: 2000; cursor: pointer; } .desktop-nav-wrapper .nav-side-menu .close_btn img { width: 13px; height: 13px; } .desktop-nav-wrapper .nav-side-menu .nav_side_logo { width: 173px; height: 124.4px; transform: translateY(15px) translateX(-12px); margin-bottom: -38px; } .desktop-nav-wrapper .nav-side-menu .nav_side_logo img { width: 85%; } .desktop-nav-wrapper .nav-side-menu .nav_laptop_links { margin-top: 33px; } .desktop-nav-wrapper .nav-side-menu .nav_laptop_links .bottom-line { width: 228px; height: 1px; margin: 18px 0 26px; object-fit: contain; background-color: #e5e5e5; } .desktop-nav-wrapper .nav-side-menu .nav_laptop_links > .bottom-line:nth-of-type(8) { display: none; } .desktop-nav-wrapper .nav-side-menu .nav_laptop_links.customer > .bottom-line:nth-of-type(4) { display: none; } .desktop-nav-wrapper .nav-side-menu .nav_laptop_links.agent .bottom-line { display: none; } .desktop-nav-wrapper .nav-side-menu .nav_laptop_links div { display: flex; flex-direction: column; align-items: center; } .desktop-nav-wrapper .nav-side-menu .nav_laptop_links div .nav-link-wrapper { font-size: 14px; font-weight: 500; color: #000; } .desktop-nav-wrapper .nav-side-menu .nav_laptop_links div .nav-link-wrapper:hover, .desktop-nav-wrapper .nav-side-menu .nav_laptop_links div .nav-link-wrapper.active { color: #FFA800; } .desktop-nav-wrapper .nav-side-menu.active { transform: translateX(0); transition: 1s; } .desktop-nav-wrapper .nav-col { position: relative; } .desktop-nav-wrapper .nav-col.left-col { display: flex; align-items: center; } .desktop-nav-wrapper .nav-col.left-col .user-profile-wrapper { position: relative; } .desktop-nav-wrapper .nav-col.right-col { display: flex; margin-right: 4%; align-items: center; margin-left: 1%; z-index: 1010; } .desktop-nav-wrapper .nav-col.right-col .nav_burger_img { width: 17px; height: 14px; cursor: pointer; margin: 10px 25px 10px 0px; } .desktop-nav-wrapper .nav-col.right-col .logo-wrapper { width: 10.6rem; margin-left: 1.5rem; cursor: pointer; } .desktop-nav-wrapper .nav-col.right-col .logo-wrapper .mediWho-logo { width: 135px; } @media screen and (max-width: 624px) { .desktop-nav-wrapper .nav-col.right-col .logo-wrapper .mediWho-logo { width: 110%; } } .desktop-nav-wrapper .nav-col.right-col .logo-wrapper button { background-color: #FFA800; position: absolute; left: -1rem; top: 1.5rem; display: block; margin: 0 auto; width: 4rem; font-size: 0.9rem; font-weight: 700; height: 1.5rem; padding: 0.1rem 0.5rem; box-sizing: content-box; cursor: default; } .desktop-nav-wrapper .nav-col.right-col .logo-wrapper svg { width: 100%; } .desktop-nav-wrapper .nav-col.right-col .logo-wrapper .slogan { font-size: 1rem; margin: 0; font-weight: 500; margin-top: 0.5rem; } .desktop-nav-wrapper .nav-col.right-col .logo-wrapper .slogan .orange-text { color: #FFA800; font-weight: 600; } @media screen and (max-width: 1366px) { .desktop-nav-wrapper .nav-col.right-col { padding-right: 3.5rem; } } @media screen and (max-width: 1280px) { .desktop-nav-wrapper .nav-col.right-col { padding-right: 2.5rem; } .desktop-nav-wrapper .nav-col.right-col .logo-wrapper { width: 11.5rem; margin-left: 2.5rem; } .desktop-nav-wrapper .nav-col.right-col .links-wrapper .nav-link { font-size: 1.1rem; } } @media screen and (max-width: 1028px) { .desktop-nav-wrapper .nav-col.right-col { padding-right: 2.5rem; } .desktop-nav-wrapper .nav-col.right-col .logo-wrapper { width: 11.5rem; margin-left: 2.5rem; } .desktop-nav-wrapper .nav-col.right-col .links-wrapper { width: 75%; } .desktop-nav-wrapper .nav-col.left-col .action-btns-wrapper { margin-left: 1rem; } .desktop-nav-wrapper .nav-col.left-col .action-btns-wrapper .orange-outlined-btn { padding: 0.5rem; font-size: 1rem; } .desktop-nav-wrapper .nav-col.left-col .user-profile-wrapper { width: 101%; } } .family-map-container { margin-top: 30px; display: flex; justify-content: center; } .family-map-container .relative_btn { display: flex; align-items: center; justify-content: center; width: 208px; height: 38px; border-radius: 30px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.3); background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); cursor: pointer; transition: all .9s ease-in-out; } .family-map-container .relative_btn:hover { transform: scale(1.08); } .family-map-container .relative_btn img { width: 32.4px; height: 31.9px; margin-right: 12px; } .family-map-container .relative_btn div { font-size: 14px; font-weight: 500; color: #fff; } @media screen and (max-width: 624px) { .family-map-container .relative_btn { width: 180px; height: 34px; } .family-map-container .relative_btn img { width: 22.4px; height: 21.9px; } .family-map-container .relative_btn div { font-size: 12px; font-weight: 450; } } @media screen and (max-width: 1024px) { .mobile-nav-wrapper { width: 100%; height: 50px; position: relative; display: flex; align-items: center; justify-content: space-between; background-color: white; box-shadow: 1px 6px 8px 0 rgba(81, 81, 81, 0.38); } .mobile-nav-wrapper .mobile-botLink-wrapper { max-width: 160px; margin-left: auto; } .mobile-nav-wrapper .logo-wrapper { z-index: 1002; display: flex; flex-direction: row; justify-content: center; margin-top: 0; position: absolute; right: calc(50% - 80px); width: 160px; } .mobile-nav-wrapper .logo-wrapper img { width: 100%; margin: 0 auto; } .mobile-nav-wrapper .right-col { z-index: 10001; } .mobile-nav-wrapper .right-col .menu-btn { background-color: unset; } .mobile-nav-wrapper .right-col .menu-btn img { height: 17px; width: 19px; } .mobile-nav-wrapper .left-col .user-menu-btn { background-color: unset; } .mobile-nav-wrapper .left-col .user-menu-btn img { height: 28px; width: 28px; } .mobile-nav-wrapper .left-col .notif-btn { background-color: unset; position: absolute; left: 4em; top: 18%; padding: 0; } .mobile-nav-wrapper .left-col .notif-btn img { height: 28px; width: 30px; } .mobile-nav-wrapper .nav-links-overlay { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-content: center; width: 100%; opacity: 0.94; background-image: linear-gradient(to bottom, #fff, #e4f9fb 59%, #eaf9fb); height: 100vh; transform: translateY(-100%); transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .logo-wrapper { text-align: center; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .logo-wrapper img { height: 99px; width: 180px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap { display: flex; flex-direction: column; align-items: center; margin-top: 160px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .bottom-line { width: 292.2px; height: 1px; background-color: #e5e5e5; margin: 6.2px 6.8px 18px 7.5px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .nav-link-wrapper { font-family: Rubik; font-size: 16px; font-weight: 400; color: #000; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .nav-link-wrapper:active { color: #FFA800; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content { display: flex; flex-direction: column; align-items: center; width: 100%; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .title { font-size: 17px; font-weight: 500; color: #000; margin-bottom: 17px; margin-top: 50%; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container { display: flex; flex-direction: row; box-sizing: border-box; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .whatsapp { width: 35px; height: 35px; transform: translate(7px, -7px); } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .whatsapp img { width: 44px; height: 44px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .instagramm, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .youtube, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .facebook { margin-left: 11.5px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .instagramm img, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .youtube img, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .facebook img { width: 32px; height: 32px; } .mobile-nav-wrapper .nav-links-overlay.active { transform: translateY(0); } .mobile-nav-wrapper .nav-links-overlay .auth_wrap { display: flex; align-items: center; flex-direction: column; margin-top: 30%; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .robot_menu img { width: 150px; height: 150px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper { padding: unset; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .nav-title { display: none; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .btn-cascade { margin-top: 20%; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .btn-cascade button { width: 65px; font-size: 11px; font-weight: unset; font-weight: 500; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content { display: flex; flex-direction: column; align-items: center; width: 100%; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .title { font-size: 17px; font-weight: 500; color: #000; margin-bottom: 17px; margin-top: 50%; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container { display: flex; flex-direction: row; box-sizing: border-box; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .whatsapp { width: 35px; height: 35px; transform: translate(7px, -7px); } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .whatsapp img { width: 44px; height: 44px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .instagramm, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .youtube, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .facebook { margin-left: 11.5px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .instagramm img, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .youtube img, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .facebook img { width: 32px; height: 32px; } } @media screen and (max-width: 768px) { .mobile-nav-wrapper { width: 100%; height: 50px; position: relative; display: flex; align-items: center; justify-content: space-between; background-color: white; box-shadow: 1px 6px 8px 0 rgba(81, 81, 81, 0.38); } .mobile-nav-wrapper .right-col { z-index: 10001; } .mobile-nav-wrapper .right-col .menu-btn { background-color: unset; } .mobile-nav-wrapper .right-col .menu-btn img { height: 17px; width: 19px; } .mobile-nav-wrapper .mobile-botLink-wrapper { max-width: 140px; } .mobile-nav-wrapper .logo-wrapper { margin-top: 0; right: calc(50% - 70px); width: 140px; } .mobile-nav-wrapper .left-col .user-menu-btn { background-color: unset; } .mobile-nav-wrapper .left-col .user-menu-btn img { height: 28px; width: 28px; } .mobile-nav-wrapper .nav-links-overlay { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-content: center; width: 100%; opacity: 0.94; background-image: linear-gradient(to bottom, #fff, #e4f9fb 59%, #eaf9fb); height: 100vh; transform: translateY(-100%); transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap > .bottom-line:nth-of-type(6) { display: none; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap { display: flex; flex-direction: column; align-items: center; margin-top: 160px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .bottom-line { width: 292.2px; height: 1px; background-color: #e5e5e5; margin: 6.2px 6.8px 18px 7.5px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .nav-link-wrapper { font-family: Rubik; font-size: 16px; font-weight: 400; color: #000; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .nav-link-wrapper:active { color: #FFA800; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content { display: flex; flex-direction: column; align-items: center; width: 100%; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .title { font-size: 17px; font-weight: 500; color: #000; margin-bottom: 17px; margin-top: 50%; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container { display: flex; flex-direction: row; box-sizing: border-box; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .whatsapp { width: 35px; height: 35px; transform: translate(7px, -7px); } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .whatsapp img { width: 44px; height: 44px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .instagramm, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .youtube, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .facebook { margin-left: 11.5px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .instagramm img, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .youtube img, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .facebook img { width: 32px; height: 32px; } .mobile-nav-wrapper .nav-links-overlay.active { transform: translateY(0); } .mobile-nav-wrapper .nav-links-overlay .auth_wrap { display: flex; align-items: center; flex-direction: column; margin-top: 60%; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .robot_menu { margin-top: 20px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .robot_menu img { width: 150px; height: 150px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper { padding: unset; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .nav-title { display: none; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .btn-cascade { margin-top: 1%; margin-left: 5px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .btn-cascade .btn-container button { padding: 5px 16px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .btn-cascade button { width: 90px; font-size: 12px; font-weight: unset; font-weight: 500; padding: 8px 24px 8px 10px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .btn-cascade button svg { position: absolute; right: 9%; width: 13px; height: 12px; padding-left: unset; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content { display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 118%; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .title { font-size: 20px; font-weight: 500; color: #000; margin-bottom: 17px; margin-top: 50%; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container { display: flex; flex-direction: row; box-sizing: border-box; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .whatsapp { width: 35px; height: 35px; transform: translate(7px, -7px); } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .whatsapp img { width: 48px; height: 48px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .instagramm, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .youtube, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .facebook { margin-left: 11.5px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .instagramm img, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .youtube img, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .facebook img { width: 35px; height: 35px; } } @media screen and (max-width: 624px) { .mobile-nav-wrapper { width: 100%; height: 43.5px; position: relative; display: flex; align-items: center; justify-content: space-between; background-color: white; box-shadow: 1px 6px 8px 0 rgba(81, 81, 81, 0.38); } .mobile-nav-wrapper .notification-tip { transform: translateY(-120%); } .mobile-nav-wrapper .notification-tip.active { transform: translateY(24px); z-index: 1006; } .mobile-nav-wrapper .mobile-botLink-wrapper { max-width: 100px; } .mobile-nav-wrapper .logo-wrapper { z-index: 1002; margin-top: 0; right: calc(50% - 50px); width: 100px; } .mobile-nav-wrapper .right-col { z-index: 1001; } .mobile-nav-wrapper .right-col .menu-btn { padding: 8px 18px 8px 8px; } .mobile-nav-wrapper .right-col .menu-btn img { height: 12.3px; width: 14.2px; } .mobile-nav-wrapper .left-col { z-index: 999; } .mobile-nav-wrapper .left-col .user-menu-btn { background-color: unset; } .mobile-nav-wrapper .left-col .user-menu-btn img { height: 21.4px; width: 21.4px; } .mobile-nav-wrapper .left-col .notif-btn { background-color: unset; position: absolute; left: 3.7em; top: 17%; padding: unset; } .mobile-nav-wrapper .left-col .notif-btn img { height: 22.4px; width: 22.4px; } .mobile-nav-wrapper .nav-links-overlay { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-content: center; width: 100%; opacity: 0.98; background-image: linear-gradient(to bottom, #fff, #e4f9fb 59%, #eaf9fb); height: 100vh; transform: translateY(-120%); transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); z-index: 1000; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap > .bottom-line:nth-of-type(6) { display: none; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap { display: flex; flex-direction: column; align-items: center; justify-items: center; margin-top: 150px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .bottom-line { width: 18em; height: 1px; background-color: #e5e5e5; margin: 15px 0 15px 0; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .nav-link-wrapper { font-family: Rubik; font-size: 16px; font-weight: 450; color: #000; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .nav-link-wrapper:active { color: #FFA800; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content { display: flex; flex-direction: column; align-items: center; width: 100%; position: absolute; bottom: 0; margin-bottom: 23%; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .title { font-size: 17px; font-weight: 500; color: #000; margin-bottom: 17px; margin-top: 0; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container { display: flex; flex-direction: row; box-sizing: border-box; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .whatsapp { width: 35px; height: 35px; transform: translate(7px, -7px); } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .whatsapp img { width: 44px; height: 44px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .instagramm, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .youtube, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .facebook { margin-left: 11.5px; } .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .instagramm img, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .youtube img, .mobile-nav-wrapper .nav-links-overlay .nav-links-container .links_wrap .second_row_content .social_icons_container .facebook img { width: 32px; height: 32px; } .mobile-nav-wrapper .nav-links-overlay.active { transform: translateY(0); } .mobile-nav-wrapper .nav-links-overlay .auth_wrap { display: flex; align-items: center; flex-direction: column; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .robot_menu img { width: 150px; height: 150px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper { padding: unset; justify-content: unset; z-index: 10000; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .nav-title { display: none; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .btn-cascade { margin-top: unset; margin-left: 15px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .btn-cascade button { width: 80px; height: 10px; font-size: 11px; font-weight: 500; padding: 7px 16px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .auth-btns-wrapper .btn-cascade button svg { display: none; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content { display: flex; flex-direction: column; align-items: center; width: 100%; position: absolute; bottom: 7em; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .title { font-size: 17px; font-weight: 500; color: #000; margin-bottom: 17px; margin-top: 50%; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container { display: flex; flex-direction: row; box-sizing: border-box; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .whatsapp { width: 35px; height: 35px; transform: translate(7px, -7px); } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .whatsapp img { width: 44px; height: 44px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .instagramm, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .youtube, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .facebook { margin-left: 11.5px; } .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .instagramm img, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .youtube img, .mobile-nav-wrapper .nav-links-overlay .auth_wrap .second_row_content .social_icons_container .facebook img { width: 32px; height: 32px; } } @media screen and (max-width: 390px) { .mobile-nav-wrapper .mobile-botLink-wrapper { max-width: 80px; } .mobile-nav-wrapper .logo-wrapper { right: calc(50% - 40px); width: 80px; } } .notification-item { width: 99%; background: white; font-size: 0.9rem; margin: 0.25rem 0; padding: 1.2vh 1vw; opacity: 0.75; transition: 0.3s; display: flex; flex-direction: column; align-items: flex-end; cursor: pointer; } .notification-item p { margin: 0.25rem 0; color: black; } .notification-item .date { color: #fa9e03; } .notification-item:hover { opacity: 1; } ._unread { background: rgba(185, 185, 189, 0.4); } ._unread .content-text { color: #28282b; } ._unread .date { color: #ff8f33; } .notification-item.unread { background: #564e56; opacity: 0.7; } .notification-item.unread:hover { opacity: 1; } .notification-tip { background-image: linear-gradient(to bottom, #fff, #e4f9fb 9%, #eaf9fb); position: absolute; display: flex; flex-direction: column; align-items: center; width: 100%; height: 30vh; left: 0; top: 60%; border-radius: 0 0 5px 0; padding: 4rem 0.5rem 1rem 0.5rem; z-index: 1001; transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); transform: translateY(-200%); } .notification-tip.active { transform: translateY(32px); } @media screen and (max-width: 1023px) { .notification-tip.active { transform: translateY(26px); } } .notification-tip .scroll-wrapper { overflow-y: auto; direction: ltr; width: 100%; height: 100%; padding: 0 0.5rem; } .notification-tip .scroll-wrapper .noText { color: black; text-align: center; } .notification-item:first-child { border-radius: 10px 10px 0 0; } .notification-item:last-child { border-radius: 0 0 10px 10px; } .notification-item:only-child { border-radius: 10px; } @media screen and (min-width: 1023px) and (max-width: 1024px) { .notification-tip { transform: translateY(-115%); z-index: 997; } } @media screen and (max-width: 1023px) { .notification-tip { right: 0%; width: 100%; top: 45%; padding-top: 5rem; max-height: 50vh; } } @media screen and (max-width: 1023px) { .notification-tip { position: absolute; top: 45%; right: 0; width: 100%; height: auto; max-height: 80vh; padding: 0; z-index: 998; padding-top: 5rem; border-radius: 0 0 5px 5px; } .notification-tip .scroll-wrapper { padding: 1rem; } .notification-tip .scroll-wrapper .notification-item { width: 100%; padding: 2vw; } } @media screen and (max-height: 624px) and (max-width: 624px) and (orientation: landscape) { .notification-tip { right: 0%; width: 100%; top: 206%; height: 50vh; } } .profile-background { min-width: 440px; height: 80.9px; display: flex; align-items: center; justify-content: start; position: relative; transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1); z-index: 1010; } @media screen and (max-width: 1600px) { .profile-background { min-width: 400px; } } .profile-background .nav-title { display: flex; flex-direction: row; align-items: center; margin-left: 18px; color: #000; font-size: 18px; font-weight: 500; } .profile-background .nav-title .photo-icon { margin-left: 3px; width: 21.6px; height: 24.9px; transition: 0.5s; } .profile-background .nav-title .photo-icon:hover { transform: scale(1.3); transition: 0.5s; } .profile-background .profile-wrapper { display: flex; align-items: center; justify-content: center; } .profile-background .profile-wrapper button { display: flex; align-items: center; justify-content: center; } .profile-background .profile-wrapper .profile-btn { background-image: linear-gradient(#fa9e03, #fc4a1a); height: 20px; display: flex; flex-direction: row; } .profile-background .profile-wrapper .profile-btn .title_menu { font-size: 13px; font-weight: normal; } .profile-background .profile-wrapper .profile-btn .svg_menu { padding-left: .5rem; } .profile-background .profile-wrapper .profile-btn .svg_menu svg { fill: #fff; width: 13.5px; height: 14.7px; } .profile-background .profile-wrapper .notif-btn { margin-left: 1rem; background: none; padding: 0; position: relative; } .profile-background .profile-wrapper .notif-btn .notif_count { position: absolute; font-size: 9px; font-weight: 500; color: white; right: 5px; top: 5px; } .profile-background .profile-wrapper .notif-btn img { width: 36px; height: 34.3px; } .profile-background.open { background: none; } .profile-background.open .profile-wrapper .profile-btn svg { transform: rotate(0deg); } .invoice-box-wrapper { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; } .invoice-box-wrapper.calendar { gap: 2px; } .invoice-box-wrapper.user { gap: 11px; } .invoice-box-wrapper.price { gap: 11px; } .invoice-box-wrapper.title { gap: 8px; } .invoice-box-wrapper .invoice-box-icon.calendar { translate: 7px 0; } .invoice-box-wrapper .invoice-box-text .invoice-box-title-main { font-size: 16px; font-weight: 500; direction: rtl; color: #404040; margin-left: 5px; } .invoice-box-wrapper .invoice-box-text .invoice-box-title { align-items: unset; font-size: 15px; direction: rtl; color: #404040; } .login-as-distributor-user { display: flex; justify-content: space-between; align-items: center; font-size: 15px; cursor: pointer; } .login-as-distributor-user .login-as-distributor-connect { color: #ff7200; border: #ff7200 solid 1px; font-size: 12px; padding: 5px 14px; } .login-as-distributor-user.default-option { font-size: 1.2rem; font-weight: 600; color: #2a2a2a; opacity: 0.4; } .invoice-field-wrapper { display: flex; flex-direction: column; align-items: flex-start; margin-left: 24px; } .invoice-field-wrapper .invoice-field-label { font-size: 15px; font-weight: 500; color: #727272; margin-bottom: 8px; } .invoice-field-wrapper .invoice-field { border-radius: 8px; border: 1px solid #e1e1e1; display: flex; align-items: center; padding-right: 5px; width: 190px; height: 30px; } .invoice-field-wrapper .invoice-field .invoice-field-text { color: #626262; font-size: 13px; font-weight: 400; line-height: 1; } .invoice-field-wrapper.small-text .invoice-field .invoice-field-text { font-size: 11px; } .login-as-distributor-list { color: #2a2a2a; margin-top: 20px; width: 340px; } .login-as-distributor-list .login-as-distributor-dropdown-wrapper { height: 80px; } .login-as-distributor-list .login-as-distributor-dropdown-wrapper .simple-select2-wrapper.loginAsDistributorList .simple-select2 .simple-select2-chosen-option span { width: 100%; } .login-as-distributor-list .login-as-distributor-dropdown-wrapper .simple-select2-wrapper.loginAsDistributorList .simple-select2 .simple-select2-chosen-option span .login-as-distributor-user { width: 90%; } .login-as-distributor-list .login-as-distributor-dropdown-wrapper .simple-select2-wrapper.loginAsDistributorList .simple-select2 .simple-select2-chosen-option .simple-select2-arrow { scale: 0.75; } .login-as-distributor-list .login-as-distributor-dropdown-wrapper .simple-select2-wrapper.loginAsDistributorList .simple-select2-option-list.opened { height: 150px; } .invoice-members-wrapper { width: 100%; display: flex; flex-direction: column; gap: 15px; } .invoice-members-wrapper .invoice-members-table { display: flex; flex-direction: column; gap: 10px; } .invoice-members-wrapper .invoice-members-table .invoice-members-table-top { display: flex; justify-content: space-between; } .invoice-members-wrapper .invoice-members-table .invoice-members-table-top span { width: 190px; font-size: 15px; font-weight: 500; color: #727272; } .invoice-members-wrapper .invoice-members-table .invoice-member { display: flex; justify-content: space-between; width: 100%; margin-bottom: 13px; } .invoice-members-wrapper .invoice-members-table .invoice-member .invoice-member-cell { width: 190px; border-radius: 8px; border: 1px solid #e1e1e1; display: flex; align-items: center; padding-right: 5px; color: #626262; font-size: 13px; font-weight: 400; line-height: 0; height: 30px; } .invoice-body-wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 30px; padding: 0 7.3rem; width: 794px; } .invoice-body-wrapper .orange-title { font-size: 20px; font-weight: 600; line-height: 24px; color: #fa9720; } .invoice-body-wrapper .invoice-body-top-row { display: flex; justify-content: end; align-items: flex-end; width: 100%; } .invoice-body-wrapper .invoice-body-top-row .download-invoice { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px; background: linear-gradient(180deg, #fcba47 0%, #fc6a27 100%); width: 80px; height: 25px; padding: 0; translate: 0 54.5px; z-index: 22; } .invoice-body-wrapper .invoice-body-top-row .download-invoice .download-invoice-icon { translate: 0 -1px; } .invoice-body-wrapper .invoice-body-top-row .download-invoice .download-invoice-icon.none { display: none; } .invoice-body-wrapper .invoice-body-top-row .download-invoice .download-invoice-title { color: white; font-size: 12px; font-weight: 500; } .invoice-body-wrapper .invoice-body-top-row .download-invoice .download-invoice-title.none { display: none; } .invoice-body-wrapper .invoice-body-boxes-row-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; align-items: start; width: 100%; gap: 30px; z-index: 1; } .invoice-body-wrapper .invoice-body-boxes-row-wrapper .invoice-body-boxes-row { display: flex; flex-direction: column; align-items: center; justify-content: center; align-items: start; gap: 20px; width: 100%; } .invoice-body-wrapper .invoice-body-boxes-row-wrapper .invoice-box-coupon { font-size: 1.4rem; font-weight: bold; color: #3ec8d5; width: max-content; } .invoice-body-wrapper .invoice-body-boxes-row-wrapper::after { content: ''; height: 1px; width: 100%; border-bottom: 1px dashed #c9c9c9; bottom: -75px; } .invoice-body-wrapper .invoice-body-boxes-row-wrapper .invoice-logo-wrapper { display: none; position: absolute; left: 0; bottom: 10px; width: 190px; height: 85px; } .invoice-body-wrapper .invoice-body-boxes-row-wrapper .invoice-logo-wrapper.show { display: inline-block; } .invoice-body-wrapper .invoice-body-boxes-row-wrapper .invoice-logo-wrapper .logo-container { display: flex; flex-direction: column; align-items: center; justify-content: center; width: max-content; height: max-content; padding: 0.5rem; overflow: hidden; border-radius: 12px; border: 1px solid #cfcfcf; background: #f4f4f4; margin: 0 auto; } .invoice-body-wrapper .invoice-body-boxes-row-wrapper .invoice-logo-wrapper .logo-container .invoice-agent-logo { min-width: 50px; max-width: 181px; height: 70px; } .invoice-body-wrapper .invoice-details { display: flex; flex-direction: column; gap: 15px; position: relative; width: 100%; } .invoice-body-wrapper .invoice-details .invoice-details-row { display: flex; } .invoice-body-wrapper .members-row-wrapper { width: 100%; color: transparent; } .user-settings-row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; padding: 2rem 91px 0; margin: 3rem 0; } .user-settings-row.center { justify-content: center; } .user-settings-row .settings-btn { display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; min-width: 9rem; height: 64.9px; } .user-settings-row .settings-btn img { width: 42.4px; height: 43.1px; } .user-settings-row .settings-btn span { font-size: 14px; font-weight: bold; display: block; color: #373431; } .user-settings-row .settings-btn_logout { display: flex; flex-direction: column; justify-content: space-between; align-items: center; cursor: pointer; min-width: 9rem; height: 64.9px; } .user-settings-row .settings-btn_logout img { width: 30.5px; height: 38px; } .user-settings-row .settings-btn_logout span { font-size: 14px; font-weight: bold; display: block; color: #373431; } .user-settings-row .settings-divider { background-color: rgba(0, 0, 0, 0.2); min-width: 0.1rem; max-width: 0.1rem; min-height: 2.5rem; height: 100%; } @media screen and (max-width: 624px) { .user-settings-row { padding: unset; width: 90vw; padding-top: 30px; } } .invoice-footer-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 0 10px 0; } .invoice-footer-wrapper .invoice-footer-cell { padding: 0 4px; border-left: solid #373737 1px; font-size: 14px; font-weight: 500; color: #373737; display: flex; flex-direction: row; align-items: center; } .invoice-footer-wrapper .invoice-footer-cell img { margin: 0 0 0 4px; } .invoice-footer-wrapper .invoice-footer-cell span { width: max-content; direction: rtl; } .invoice-footer-wrapper .invoice-footer-cell:last-child { border-left: none; } .user-menu-body { background-image: linear-gradient(to bottom, #fff, #e4f9fb 59%, #eaf9fb); position: absolute; display: flex; align-items: center; flex-direction: column; margin: 0; width: 100%; top: 0; z-index: 1; height: 100vh; transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); transform: translateY(-100%); overflow-y: auto; } .user-menu-body .profile_header { margin-top: 10em; display: flex; flex-direction: column; align-items: center; } .user-menu-body .profile_header .profile_close { margin-bottom: 22.9px; } .user-menu-body .profile_header .profile_close svg { width: 12.7px; height: 12.7px; fill: #fa9e03; cursor: pointer; } .user-menu-body .profile_header .profile_close svg:hover { transform: rotate(180deg); transition: 500ms linear; fill: #1d1d1e; } .user-menu-body .profile_header .profile_icon { margin-bottom: 12.3px; } .user-menu-body .profile_header .profile_icon img { width: 77.7px; height: 76.7px; } .user-menu-body .profile_header .profile_icon.agent_logo { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 60px; border: 1px dashed #edecec; background: #fbfbff; cursor: pointer; overflow: hidden; position: relative; } .user-menu-body .profile_header .profile_icon.agent_logo img { width: 100%; height: unset; } .user-menu-body .profile_header .profile_title { font-size: 20px; font-weight: bold; color: #fa9e03; margin-bottom: 5px; } .user-menu-body .profile_header .subscription_name { font-size: 16px; font-weight: normal; text-align: center; color: #46433f; width: 341px; border-bottom: 0.9px solid rgba(185, 181, 181, 0.3); padding-bottom: 12.7px; direction: rtl; } .user-menu-body.open { transform: translateY(0); } .user-menu-body .user-menu-content { width: 100%; height: 80%; } @media screen and (max-width: 1023px) { .user-menu-body { clip-path: none; z-index: 998; left: 0; max-height: 100vh; overflow-y: auto; padding-bottom: 5rem; } } @media screen and (max-width: 624px) { .user-menu-body { min-height: unset; max-height: unset; padding-bottom: unset; } .user-menu-body .profile_header { margin-top: 5em; } .user-menu-body .profile_header .profile_close { margin-bottom: 1em; } .user-menu-body .profile_header .profile_close svg { width: 10.7px; height: 10.7px; } .user-menu-body .profile_header .profile_icon img { width: 56.7px; height: 56.7px; } .user-menu-body .profile_header .profile_title { font-size: 17px; font-weight: 500; } .user-menu-body .profile_header .subscription_name { font-size: 14px; } } .invoice-body-filler { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100vw; height: 100svh; } .invoice-body-filler .invoice-spinner { display: none; } .invoice-body-filler .invoice-spinner.show { display: block; } .invoice-body-filler .invoice-error { display: none; color: #707070; font-size: 18px; line-height: 26px; } .invoice-body-filler .invoice-error.show { display: flex; flex-direction: column; align-items: center; justify-content: center; } .navbar_main_wrapper { width: 100vw; position: absolute; background-color: red; top: 0; left: 0; z-index: 6001; } .navbar_main_wrapper.popupOpen { z-index: 1; } .invoice-page-wrapper { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: space-between; gap: 50px; width: 100vw; min-height: 100svh; background-image: url(/_next/static/images/new-reg-df4fe15828c5e65aaf16066082877f6b.jpg); } .invoice-page-wrapper .invoice-page-main-back-btn { display: none; position: absolute; right: 35px; top: 35px; padding: 0; background: none; } .invoice-page-wrapper .invoice-page-main-back-btn img { transform: scaleX(-1); } .invoice-page-wrapper .invoice-page-main-back-btn.show { display: block; } .invoice-page-wrapper .invoice-page-content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .invoice-page-wrapper .invoice-page-content .invoice-page-logo { width: 138px; margin-top: 30px; } @media screen and (max-width: 624px) { .invoice-page-wrapper .invoice-page-content { transform: scale(0.5); height: 500px; } .invoice-page-wrapper .invoice-footer-wrapper { transform: scale(0.4); } .invoice-page-wrapper.unscale .invoice-page-content { transform: unset; height: unset; } .invoice-page-wrapper.unscale .invoice-footer-wrapper { transform: unset; } } .navigation_left_col { display: flex; flex-direction: row; align-items: center; justify-content: center; translate: 0 16px; z-index: 6002; gap: 0 20px; } .navigation_left_col.change_gap { gap: 0 10px; } .navigation_left_col .agent_auth_buttons { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .navigation_left_col .agent_auth_buttons .auth_hover { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 129px; height: 40px; border-radius: 42px; background: linear-gradient(180deg, #ffa800 36.46%, #ff5c00 100%); box-shadow: 0 0 12px 0 rgba(255, 153, 1, 0.88); cursor: pointer; color: #fff; font-size: 14px; font-weight: 500; line-height: 40px; z-index: 3; } .navigation_left_col .agent_auth_buttons .auth_login, .navigation_left_col .agent_auth_buttons .auth_registration { display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; width: 122px; height: 35px; border-radius: 42px; border: 1px solid #ff9100; position: absolute; overflow: hidden; translate: 0 0; color: #787878; font-size: 15px; font-weight: 400; line-height: 35px; z-index: 2; } .navigation_left_col .agent_auth_buttons .auth_login .login_title, .navigation_left_col .agent_auth_buttons .auth_registration .login_title { z-index: 2; } .navigation_left_col .agent_auth_buttons .auth_login:before, .navigation_left_col .agent_auth_buttons .auth_registration:before { content: ''; position: absolute; top: 0; left: unset; right: 0; height: 100%; width: 0; border-radius: 42px; background: #fff; opacity: 0; transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1); z-index: 1; } .navigation_left_col .agent_auth_buttons .auth_login:after, .navigation_left_col .agent_auth_buttons .auth_registration:after { content: ''; position: absolute; top: 0; left: unset; right: 0; height: 100%; width: 0; border-radius: 42px; background: #fff; opacity: 0; transition: all 5000ms cubic-bezier(0.19, 1, 0.22, 1); z-index: 1; } .navigation_left_col .agent_auth_buttons .auth_login:hover:before, .navigation_left_col .agent_auth_buttons .auth_registration:hover:before { left: 0; right: unset; width: 122px; opacity: 0.5; } .navigation_left_col .agent_auth_buttons .auth_login:hover:after, .navigation_left_col .agent_auth_buttons .auth_registration:hover:after { left: 0; right: unset; width: 122px; opacity: 0.5; } .navigation_left_col .agent_auth_buttons .auth_registration { transition: all 0.4s ease-in-out; } .navigation_left_col .agent_auth_buttons .auth_login { transition: all 0.3s ease-in-out; } .navigation_left_col .agent_auth_buttons .bg_hover { position: absolute; top: 0; height: 0; width: 100%; border-radius: 20px; transition: all 0.3s ease-in-out; } .navigation_left_col .agent_auth_buttons:hover .auth_login { translate: 0 45px; transition: all 0.32s ease-in-out; } .navigation_left_col .agent_auth_buttons:hover .auth_registration { translate: 0 85px; transition: all 0.3s ease-in-out; } .navigation_left_col .agent_auth_buttons:hover .bg_hover { height: 125px; } .navigation_left_col .agent_auth_buttons.no-hover .auth_login, .navigation_left_col .agent_auth_buttons.no-hover .auth_registration, .navigation_left_col .agent_auth_buttons.no-hover .bg_hover { translate: 0 0; height: 0; } .navigation_left_col .navigation_redirect_col { display: flex; flex-direction: row; align-items: center; justify-content: center; } .navigation_left_col .navigation_redirect_col .customer_auth_btn, .navigation_left_col .navigation_redirect_col .agent_auth_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; padding-left: 20px; padding-right: 20px; height: 28px; -webkit-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1); transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1); gap: 0 5px; } .navigation_left_col .navigation_redirect_col .customer_auth_btn:before, .navigation_left_col .navigation_redirect_col .agent_auth_btn:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background-color: #787878; } .navigation_left_col .navigation_redirect_col .customer_auth_btn .auth_redirect, .navigation_left_col .navigation_redirect_col .agent_auth_btn .auth_redirect { color: #787878; height: 39px; line-height: 39px; font-size: 15px; font-style: normal; font-weight: 400; cursor: pointer; z-index: 2; } .navigation_left_col .navigation_redirect_col .customer_auth_btn svg, .navigation_left_col .navigation_redirect_col .agent_auth_btn svg { position: absolute; height: 39px; width: 100%; z-index: 1; } .navigation_left_col .navigation_redirect_col .customer_auth_btn rect, .navigation_left_col .navigation_redirect_col .agent_auth_btn rect { stroke-dasharray: 0, 422; transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1); } .navigation_left_col .navigation_redirect_col .customer_auth_btn:hover rect, .navigation_left_col .navigation_redirect_col .agent_auth_btn:hover rect { stroke-dasharray: 422, 0; transition: all 0.35s linear; } .navigation_left_col .navigation_redirect_col .customer_auth_btn.no-border:before, .navigation_left_col .navigation_redirect_col .agent_auth_btn.no-border:before { width: 0; } .navigation_left_col .notification_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } .navigation_left_col .notification_wrapper .notification_icon { translate: 4px -5px; z-index: 2; cursor: pointer; } .navigation_left_col .notification_wrapper .notice_count { position: absolute; width: 25px; height: 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAcCAYAAACQ0cTtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHvSURBVHgB7ZXNLgNRFMf/t9MyPiJNJEIice0sbe3qDdjYtokVGySWEu3ChgQbseQN8AS8ga4Qmw6xEJ+VGOpjep1jlGpv2+l0WIh/cm5vz733/HrOnLkFflECPqSkjKLtRcJxosiZaWFZWS/nPMPUQLcE8nGaJhhXsmyR7QFGShydW2gEpga65mlMetlLEVfF4eWMfqkahMtl2ls0jaEeKaTx1DZcWt5Q1UMt9xt1g1gCg2i2d0vdFWHvpVNiBH5FQIqR/O7SgqgZhLNP5YiiYRn9haapkJkTCwbEyicKMz1MYAqBScW/wpYuDUbpRY3cIlC5pSzPzI5IBK5XyWO4zG8Y9KwcBKYrm+zhfap7ZhZ+AKSHmTlPl2pNXdwXg9JamEhnGbYHv3rJA6cUYpyacG2BPRZ1YVYLc4lqB/Uqr9yyZaiR2zuAyxuya175jKW/Qbj9syIDM1z7xeZM7h6BmxwBaT5JGcWGgINjILnMO/rFRx+Edee5lPQ7UwiFVmAaQGsTECkqgkOrT6/Aw7MLY3V1ArMTgOx1v9uPPKZEUcNV/4sBNukjDi9amgP6PkBcvsX1bXFyNop6RMBVMlXTYkNKLc0plRhTqrdnl3z+7lY6OE2W8QC95b1oVBREkiXI9jUQ9iV9Z+MRLvGvP6036bHXxReZkxIAAAAASUVORK5CYII=) no-repeat -6px -2px; background-size: 33px 33px; border-radius: 50%; text-align: center; font-size: 11px; font-weight: 700; line-height: 25px; z-index: 3; color: #fff; top: -8px; right: -8px; } .navigation_left_col .agent_auth_btn.no-button, .navigation_left_col .customer_auth_btn.no-button, .navigation_left_col .notification_wrapper.no-button { display: none; } .navigation_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: space-between; position: absolute; top: 0; left: 0; height: 127px; width: 100vw; padding: 0 5%; z-index: 6001; transition: background-color 0.5s ease-in-out; } .navigation_wrapper.bg { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(89deg, #e1f3f6 12.33%, rgba(242, 225, 196, 0.5) 33.09%, rgba(234, 244, 245, 0.7) 48.75%, rgba(236, 236, 236, 0.8) 65.68%); transition: all 0.5s ease-in-out; filter: blur(7.5px); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); } .navigation_wrapper .navigation_right_col { display: flex; flex-direction: row; align-items: center; justify-content: center; align-items: end; gap: 0 35px; z-index: 6002; } .navigation_wrapper .navigation_right_col .navigation_logo { display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; width: 155px; } .navigation_wrapper .navigation_right_col .navigation_logo .navigation_logo_img { translate: 0 2px; } .navigation_wrapper .navigation_right_col .navigation_links { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0 30px; position: relative; overflow-x: clip; } .navigation_wrapper .navigation_right_col .navigation_links .navigation_link { color: #444; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .navigation_wrapper .navigation_right_col .navigation_links .navigation_link.active, .navigation_wrapper .navigation_right_col .navigation_links .navigation_link:hover { color: #FFA800; } .navigation_wrapper .navigation_right_col .navigation_links .navigation_link.letters:hover ~ .under_line { right: 0; width: 91px; } .navigation_wrapper .navigation_right_col .navigation_links .navigation_link.services:hover ~ .under_line { right: 121px; width: 114px; } .navigation_wrapper .navigation_right_col .navigation_links .navigation_link.about:hover ~ .under_line { right: 265px; width: 66px; } .navigation_wrapper .navigation_right_col .navigation_links .navigation_link.media:hover ~ .under_line { right: 361px; width: 78px; } .navigation_wrapper .navigation_right_col .navigation_links .navigation_link.contact:hover ~ .under_line { right: 468px; width: 56px; } .navigation_wrapper .navigation_right_col .navigation_links .under_line { position: absolute; height: 1.5px; background: #ffa800; bottom: -3px; right: -100px; width: 100px; transition: all 0.32s ease-in-out; } .loading_ { display: none; align-items: center; justify-content: center; text-align: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.3s ease; z-index: 140; background: #fff; } .loading_.flex { display: flex; } .loading_ #loading-images { animation: spinner infinite 1s forwards; height: 10rem; width: 10rem; } .error-boundary-wrapper { display: flex; justify-content: center; min-height: 100vh; min-width: 98vw; } .error-boundary-wrapper .error-boundary { width: 400px; height: 270px; border-radius: 50%; border-color: #FFA800; border-width: 3px; border-style: solid; align-self: center; position: relative; margin-bottom: 20%; margin-top: 5%; justify-content: center; text-align: center; color: #4B4C4E; } .error-boundary-wrapper .error-boundary h1 { margin-top: 12%; font-size: 40px; font-weight: 900; } .error-boundary-wrapper .error-boundary span { font-size: 20px; font-weight: 400; margin-top: 25%; } .error-boundary-wrapper .error-boundary p { font-size: 15px; font-weight: 400; margin-top: 15%; } .error-boundary-wrapper .error-boundary:before { content: ''; height: 50px; width: 50px; position: absolute; left: 12%; bottom: -12px; background-color: #FFA800; border-radius: 50%; } .error-boundary-wrapper .error-boundary:after { content: ''; height: 25px; width: 25px; position: absolute; left: 2%; bottom: -40px; background-color: #FFA800; border-radius: 50%; } .error-boundary-wrapper .error-boundary .robot-img { width: 100%; height: auto; position: relative; z-index: 2; margin-right: 300px; } @media screen and (max-width: 624px) { .error-boundary-wrapper .error-boundary .robot-img { margin: 0; width: 75%; } .error-boundary-wrapper .error-boundary:after { left: 28%; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } html, body { text-align: right; font-family: 'Rubik', sans-serif; font-size: 15px; line-height: 21px; direction: rtl; color: #fff; } strong, b { font-weight: 500; } h1, h2, h3, h4, h5, h6 { text-align: center; font-weight: normal; } .color-orange { color: #FFA800; } .orange { color: #FFA800; } .bold { font-weight: bold; } .color-black { color: #1d1d1e; } h1 { font-size: 2rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.17rem; } h4 { font-size: 1rem; } h5 { font-size: 0.83rem; } h6 { font-size: 0.67rem; } p { font-size: 15px; } @media screen and (max-width: 624px) { html, body { font-size: 10px; } } @media screen and (max-width: 1023px) { html, body { font-size: 12px; } } @media screen and (max-width: 2000px) { html, body { font-size: 12px; } } .wrapper { min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .content { display: flex; max-width: 1600px; height: 100%; margin: 0 auto; padding: 0 1.5%; } main, .main { flex-grow: 1; min-height: 98vh; width: 100%; } @media screen and (max-width: 624px) { main, .main { min-height: unset; } } @keyframes moveBCarouselPreRight { 0% { transform: rotate(36deg); } 100% { transform: rotate(17deg); } } @keyframes moveBCarouselRight { 0% { transform: rotate(17deg); } 100% { transform: rotate(0deg); } } @keyframes moveBCarouselCenter { 0% { transform: rotate(0deg); } 100% { transform: rotate(-17deg); } } @keyframes moveBCarouselLeft { 0% { transform: rotate(-17deg); } 100% { transform: rotate(-36deg); } } @keyframes moveBCarouselPreLeft { 0% { transform: rotate(-36deg); } 100% { transform: rotate(-50deg); } } @keyframes moveCarouselPreRight { 0% { transform: rotate(36deg); } 100% { transform: rotate(50deg); } } @keyframes moveCarouselRight { 0% { transform: rotate(17deg); } 100% { transform: rotate(36deg); } } @keyframes moveCarouselCenter { 0% { transform: rotate(0deg); } 100% { transform: rotate(17deg); } } @keyframes moveCarouselLeft { 0% { transform: rotate(-17deg); } 100% { transform: rotate(0deg); } } @keyframes moveCarouselPreLeft { 0% { transform: rotate(-36deg); } 100% { transform: rotate(-17deg); } } @keyframes moveTextMenuTextRight { 0% { left: 506px; } 100% { left: 506px; } } @keyframes moveBTextMenuTextRight { 0% { left: 506px; } 100% { left: 94px; } } @keyframes moveTextMenuText { 0% { left: 94px; } 100% { left: 506px; } } @keyframes moveBTextMenuText { 0% { left: 94px; } 100% { left: -318px; } } @keyframes moveTextMenuTextLeft { 0% { left: -318px; } 100% { left: 94px; } } @keyframes moveBTextMenuTextLeft { 0% { left: -318px; } 100% { left: -318px; } } @keyframes fadeWideContentPic { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes showFormLabelSm { 0% { opacity: 1; top: 0; } 100% { opacity: 1; top: -24px; } } @keyframes hideFormLabelSm { 0% { opacity: 1; top: -24px; } 100% { opacity: 1; top: 0; } } @keyframes showFormLabel { 0% { opacity: 1; top: 0; } 100% { opacity: 1; top: -12px; } } @keyframes hideFormLabel { 0% { opacity: 1; top: -12px; } 100% { opacity: 1; top: 0; } } @keyframes showFormLabelWhite { 0% { opacity: 1; top: 0; } 100% { opacity: 1; top: -10px; } } @keyframes hideFormLabelWhite { 0% { opacity: 1; top: -10px; } 100% { opacity: 1; top: 0; } } @keyframes rotate { 100% { transform: rotate(360deg); } } * { box-sizing: border-box; } *::selection { background: #FFA800; color: #fff; } html { height: 100%; margin: 0; padding: 0; } @media screen and (min-width: 1921px) { html { font-size: 12px; } } body { margin: 0; padding: 0; height: 100%; overscroll-behavior: none; } body.white-bg { background: white; } body.own_bg { background: #f8f8f8; } @media screen and (max-width: 624px) { body { position: relative; } } a, button { outline: none; text-decoration: none; transition: all 0.3s ease; } ul { list-style-type: none; padding: 0; } figure { margin: 0; } label { color: #fff; } button, a { cursor: pointer; } button { border-radius: 50rem; } .btn { display: block; background: none; color: #fff; font-size: 1.2rem; padding: 0.4rem 1.2rem 0.5rem; border-radius: 50rem; border: 1px solid #FFA800; cursor: pointer; transition: all 0.3s ease-in-out; } .btn:hover { color: #FFA800; color: white; } .btn.btn-primary { background: #FFA800; } .btn.btn-primary:hover { background: #1d1d1e; color: white; } .btn.btn-secondary { color: #fff; } .btn.btn-secondary:hover { border: 1px solid #FFA800; } .btn.btn-cta { color: #fff; background-image: linear-gradient(8deg, #f16a23 -220%, #faaf3a -90%, #f9ac1b -22%, #f05a26 75%); } .btn-link { background-image: linear-gradient(8deg, #f16a23 -220%, #faaf3a -90%, #f9ac1b -22%, #f05a26 75%); font-size: 1.37vw; padding: 1vw 4vw; transform: scale(0.9); color: #fff; border-radius: 50px; } .page-transition-enter, .fade-enter { opacity: 0; } .page-transition-enter-active, .fade-enter-active { opacity: 1; transition: opacity 300ms, transform 300ms; } .page-transition-exit, .fade-exit { opacity: 1; } .page-transition-exit-active, .fade-exit-active { opacity: 0; transition: opacity 300ms, transform 300ms; } /* Webkit browsers like Safari and Chrome */ input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* width */ ::-webkit-scrollbar { border-radius: 0.5rem; border: 1px solid #E3E3E3; width: 0.5rem; } /* Track */ ::-webkit-scrollbar-track { background: none; } /* Handle */ ::-webkit-scrollbar-thumb { background: #E3E3E3; border-radius: 0.5rem; } /* Handle on hover */ button { white-space: nowrap; outline: none; padding: 8px 24px; font-size: 1.2rem; font-weight: 500; color: white; transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1); border: none; box-sizing: content-box; } button.orange-btn { background: #FFA800; border: 2px solid #FFA800; } button.orange-btn:hover { background: #ffbf42; border-color: #ffbf42; } button.orange-outlined-btn { border: 2px solid #FFA800; color: #FFA800; background: none; } button.orange-outlined-btn:hover { background: #FFA800; color: white; } button.black-btn { background: #000000; border: 2px solid #000000; } button.black-btn:hover { background: #1a1a1a; border-color: #1a1a1a; } button.black-outlined-btn { border: 2px solid black; color: black; background: none; } button.black-outlined-btn:hover { background: black; color: white; } button.grey-outlined-btn { border: 2px solid rgba(255, 255, 255, 0.5); color: white; background: none; } button.grey-outlined-btn:hover { background: white; color: black; } button.hide { visibility: hidden; } .main-scroll-wrapper { max-height: 99.99vh; overflow-y: auto; width: 100%; transition: 0.3s ease-in-out; } .main-scroll-wrapper::-webkit-scrollbar { display: none; } @media screen and (max-width: 624px) { .main-scroll-wrapper { justify-content: flex-start; min-height: initial; } } .rdg_side_btn_container { display: flex; flex-direction: row-reverse; align-items: center; height: 73px; width: 73px; position: relative; } .rdg_side_btn_container .rdg_side_btn { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 67px; width: 67px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 26px 3px #5c5e624d; cursor: pointer; z-index: 2; } .rdg_side_btn_container .rdg_side_btn .rdg_side_btn_icon { width: 60%; } .rdg_side_btn_container .cloud_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 66px; width: 0; position: absolute; left: 30px; z-index: 1; overflow: hidden; transition: 0.1s cubic-bezier(0.77, 0, 0.175, 1); } .rdg_side_btn_container .cloud_wrapper .cloud_items_box { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); transform: translateX(-20px); } .rdg_side_btn_container .cloud_wrapper .cloud_items_box .title { position: absolute; font-size: 14px; font-weight: 500; line-height: 0; color: #fd7200; } .rdg_side_btn_container:hover .cloud_wrapper { width: 230px; transition: 0.1s cubic-bezier(0.77, 0, 0.175, 1); } .rdg_side_btn_container:hover .cloud_wrapper .cloud_items_box { transform: translateX(20px); transition: 0.1s cubic-bezier(0.77, 0, 0.175, 1); } @media screen and (max-width: 624px) { .rdg_side_btn_container { height: 36px; width: 36px; margin-bottom: 5px; } .rdg_side_btn_container .rdg_side_btn { height: 36px; width: 36px; } .rdg_side_btn_container .cloud_wrapper { height: 46px; left: 20px; } .rdg_side_btn_container .cloud_wrapper .cloud_items_box { transform: translateX(5px); } .rdg_side_btn_container .cloud_wrapper .cloud_items_box img { height: 50px; } .rdg_side_btn_container .cloud_wrapper .cloud_items_box .title { font-size: 10px; } .rdg_side_btn_container:hover .cloud_wrapper { width: 160px; } .rdg_side_btn_container:hover .cloud_wrapper .cloud_items_box { transform: unset; } } .option_wrapper { position: relative; } .option_wrapper .wrapper_ { position: relative; width: 340.4px; height: 39.8px; border-radius: 41.2px; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 1.5rem; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); cursor: pointer; z-index: 6; } .option_wrapper .wrapper_.counter { background-color: #ebebeb; } .option_wrapper .wrapper_.one { z-index: 4; } .option_wrapper .wrapper_.two { z-index: 2; } .option_wrapper .wrapper_ .select_name, .option_wrapper .wrapper_ .select_option { border: none; background: none; color: #b1abab; cursor: pointer; width: 95%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .option_wrapper .wrapper_ .arrows { display: none; color: #b1abab; font-size: 1.5rem; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .option_wrapper .wrapper_ .arrows.down { color: #ff8f33; transform: rotate(-90deg); } .option_wrapper .wrapper_ .arrows.show { display: block; } .option_wrapper .select_wrapper { width: 0; max-height: 0; position: absolute; top: 3rem; left: 0; right: 0; margin-left: auto; margin-right: auto; border-radius: 20px; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; flex-direction: column; justify-content: space-around; justify-items: right; cursor: pointer; z-index: 5; overflow: hidden; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .option_wrapper .select_wrapper.one { z-index: 3; } .option_wrapper .select_wrapper.two { z-index: 1; } .option_wrapper .select_wrapper .scroll_bar { width: 0; padding: 0; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .option_wrapper .select_wrapper .scroll_bar .title_ { color: #b1abab; font-size: 0; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .option_wrapper .select_wrapper .scroll_bar .title_:hover { color: #ff8f33; } .option_wrapper .select_wrapper.show_ { width: 340.4px; max-height: 160px; padding: 1rem 1rem; } .option_wrapper .select_wrapper.show_ .scroll_bar { width: 100%; margin: 0 auto; overflow: auto; padding: 1rem 0.1rem; } .option_wrapper .select_wrapper.show_ .scroll_bar .title_ { display: flex; flex-direction: row; align-items: center; font-size: 1.1rem; } .option_wrapper .select_wrapper.show_ .scroll_bar .title_ .check_box { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 16px; height: 17px; outline: #bebebe solid 1px; border-radius: 0.3rem; margin-left: 5px; } .option_wrapper .select_wrapper.show_ .scroll_bar .title_ .check_box.taken { background-color: #ff7300; outline: unset; } .option_wrapper .select_wrapper.show_ .scroll_bar .border { height: 1px; width: 95%; background-color: rgba(204, 204, 204, 0.25); margin: 0.5rem 0 0.5rem 0; } .form_wrapper { display: flex; flex-direction: column; align-items: center; } .form_wrapper .name_ { margin-bottom: 0.5rem; } .form_wrapper .name_ .title { padding: 0 1.3rem 0.3rem 0; font-size: 1.2rem; color: #616161; font-weight: normal; } .form_wrapper .name_ .title.m_top { margin-top: 0.5rem; } .form_wrapper .file_ { width: 330px; display: flex; flex-direction: row; justify-items: right; justify-content: space-between; align-items: center; margin-bottom: 1.2rem; position: relative; } .form_wrapper .file_ .error_load { color: red; margin: 7px auto 0; } .form_wrapper .file_ .error_load .valid_list { position: absolute; visibility: hidden; bottom: 2rem; left: -1.4rem; border-radius: 1.3rem; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; flex-direction: column; align-items: center; padding: 1rem 2rem; z-index: 10; } .form_wrapper .file_ .error_load .valid_list .valid_title { font-size: 1rem; color: #b1abab; } .form_wrapper .file_ .error_load:hover .valid_list { visibility: visible; } .form_wrapper .file_ .error_load.green_ { color: #97de1d; animation: fadein 3s ease-in; opacity: 0; } @keyframes fadein { from { opacity: 1; } to { opacity: 0; } } .form_wrapper .file_ .error_load._green { color: #97de1d; animation: fadeins 3s ease-in; opacity: 0; } @keyframes fadeins { from { opacity: 1; } to { opacity: 0; } } .form_wrapper .file_ .error_load .ok { width: 1.2rem; height: 1.1rem; position: absolute; } .form_wrapper .file_ .error_load .bad { position: absolute; left: 0.5rem; width: 1.8rem; height: 1.8rem; cursor: pointer; } .form_wrapper .file_ .btn { display: flex; align-items: center; background-color: none; border: none; color: black; font-weight: 500; font-size: 11px; padding: 0; transition: unset; margin-top: 7px; } .form_wrapper .file_ .btn img { margin-left: 4px; margin-top: -2px; } .form_wrapper .file_ .btn.max_count { border: unset; color: #b1abab; cursor: unset; } .form_wrapper .file_ .count { cursor: pointer; display: block; position: absolute; bottom: 2.7rem; line-height: 2rem; right: 1rem; } .form_wrapper .file_ .count .title { font-size: 1.2rem; color: #b1abab; margin-bottom: -1px; } .form_wrapper .file_ .count:hover .tooltip_files { visibility: visible; } .form_wrapper .file_ .count.none { display: none; } .form_wrapper .file_ .tooltip_files { visibility: hidden; position: absolute; width: 11rem; height: fit-content; max-height: 19rem; overflow: auto; right: -1.3rem; bottom: 2rem; border-radius: 1.3rem; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; flex-direction: column; align-items: center; padding: 1rem 0; z-index: 10; } .form_wrapper .file_ .tooltip_files.left_radius { padding: unset; height: 15rem; justify-content: center; } .form_wrapper .file_ .tooltip_files.left_radius .scroll_div { width: 90%; height: 90%; overflow: auto; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .form_wrapper .file_ .tooltip_files.left_radius .scroll_div .item_ { width: fit-content; } .form_wrapper .file_ .tooltip_files.left_radius .scroll_div .item_ .item_title { width: fit-content; } .form_wrapper .file_ .tooltip_files.left_radius .scroll_div .item_ .remove { right: -1.25rem; top: 0.3rem; } .form_wrapper .file_ .tooltip_files .item_ { font-size: 1rem; color: #b1abab; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; justify-items: center; position: relative; margin: 0.2rem; direction: ltr; } .form_wrapper .file_ .tooltip_files .item_ .remove { visibility: hidden; position: absolute; padding: 0 0 0 0.2rem; right: -1.25rem; top: 0.3rem; } .form_wrapper .file_ .tooltip_files .item_ .remove svg { width: 1.2rem; height: 1.2rem; fill: #b1abab; } .form_wrapper .file_ .tooltip_files .item_:hover { color: #ff8f33; } .form_wrapper .file_ .tooltip_files .item_:hover .remove { visibility: visible; } .form_wrapper .message_ { margin-bottom: 2.5rem; } .form_wrapper .message_ .title { padding: 0 1.3rem 0.3rem 0; font-size: 1.2rem; color: #616161; font-weight: normal; } .form_wrapper .message_ .message_title { width: 340.4px; height: 150px; border-radius: 1rem; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } .form_wrapper .message_ .message_title .warning__title { position: absolute; color: red; bottom: -25px; right: 5px; } .form_wrapper .message_ .message_title textarea { border: none; width: 95%; height: 90%; resize: none; } .form_wrapper .message_ .message_title textarea::placeholder { color: #46433f; font-size: 1rem; font-weight: 500; } .form_wrapper .message_ .message_title textarea:focus { outline: none; } .form_wrapper .send_ { width: 330px; display: flex; flex-direction: row; justify-items: center; justify-content: center; } .form_wrapper .send_ .send_btn { background-image: linear-gradient(#fa9e03, #fc4a1a); visibility: hidden; padding: 0; width: 100px; height: 32px; } .form_wrapper .send_ .send_btn.show { visibility: visible; } .service-sbar-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; backdrop-filter: blur(4px); z-index: 10; background-color: rgba(42, 42, 42, 0.2); } .side-bar-animated-container { position: fixed; height: 620px; width: 35em; bottom: 1.5%; left: 1.5%; z-index: 102; background-color: #fff; border-radius: 25px; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); transform: translateY(120%); } .side-bar-animated-container.open { transform: translateY(0); } .side-bar-animated-container.height { height: 53em; } .side-bar-animated-container.mediwho-fly { height: unset; min-height: auto; width: 430px; } .side-bar-animated-container .side_bar_wrapper .bar_menu .mobile-close { position: absolute; top: 1rem; right: 1rem; z-index: 3; background: none; cursor: pointer; width: 1.3rem; height: 1.3rem; padding: 0; } .side-bar-animated-container .side_bar_wrapper .bar_menu .mobile-close svg { width: 1.8rem; height: 1.8rem; fill: #2a2a2a; transition: 0.1s ease-in-out; } .side-bar-animated-container .side_bar_wrapper .bar_menu .mobile-close:hover svg g g { stroke: #FFA800; } .side-bar-animated-container .side_bar_wrapper .bar_menu .top-img { position: absolute; top: -48px; right: calc(50% - 62px); } .side-bar-animated-container .side_bar_wrapper .bar_menu .header_row { display: flex; flex-direction: column; align-items: center; margin: 82px 0 1.7rem 0; } .side-bar-animated-container .side_bar_wrapper .bar_menu .header_row .title { font-size: 2.2rem; font-weight: 500; color: #fd7200; margin-bottom: 1rem; } .side-bar-animated-container .side_bar_wrapper .bar_menu .header_row .services-text { font-size: 1.5rem; color: #46433f; font-weight: 400; } @keyframes heart-pulse { 0%, 6%, 14%, 100% { transform: translateY(0) translateX(9px); } 2% { transform: translateY(-30px) translateX(9px); } 10% { transform: translateY(-15px) translateX(9px); } } .missing_files_wrapper { position: fixed; display: none; bottom: 5%; right: 30px; z-index: 10; cursor: pointer; } @media screen and (max-width: 624px) { .missing_files_wrapper { right: 1rem; bottom: 4.8rem; } } .missing_files_wrapper.show { display: block; } .missing_files_wrapper .missing_files_icons { display: flex; flex-direction: row; position: relative; align-items: center; } .missing_files_wrapper .missing_files_icons .missing_files_icon { animation: heart-pulse 6s ease 1.2s infinite; transform: translateX(9px); z-index: 10; } .missing_files_wrapper .missing_files_icons .missing_files_icon.mobile { width: 58px; height: 58px; } .missing_files_wrapper .missing_files_icons .missing_files_icon:hover ~ .cloud_wrapper { width: 202px; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .missing_files_wrapper .missing_files_icons .missing_files_icon:hover ~ .cloud_wrapper .cloud_items { transform: translateX(0); transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .missing_files_wrapper .missing_files_icons .cloud_wrapper { position: relative; transform: translateX(25px); overflow: hidden; width: 0; z-index: 8; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } @media screen and (max-width: 624px) { .missing_files_wrapper .missing_files_icons .cloud_wrapper { transform: translateX(15px); } } .missing_files_wrapper .missing_files_icons .cloud_wrapper.simulateHover { width: 202px; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .missing_files_wrapper .missing_files_icons .cloud_wrapper.simulateHover .cloud_items { transform: translateX(0); transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .missing_files_wrapper .missing_files_icons .cloud_wrapper .cloud_items { transform: translateX(220px); transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .missing_files_wrapper .missing_files_icons .cloud_wrapper .cloud_items .bubble { z-index: 1; transform: rotate(180deg); } @media screen and (max-width: 624px) { .missing_files_wrapper .missing_files_icons .cloud_wrapper .cloud_items .bubble { height: 50px; } } .missing_files_wrapper .missing_files_icons .cloud_wrapper .cloud_items .title { position: absolute; width: max-content; top: 27px; right: 39px; color: #fd7200; font-size: 14px; font-weight: 500; z-index: 2; } @media screen and (max-width: 624px) { .missing_files_wrapper .missing_files_icons .cloud_wrapper .cloud_items .title { font-size: 10px; top: 16px; right: 25px; } } .missing_files_wrapper:hover .missing_files_icons .missing_files_icon { animation: unset; } .rdg_icon_open { position: fixed; } .side-bar-btn-container { display: flex; flex-direction: column; align-items: flex-end; position: fixed; bottom: 5%; left: 2%; z-index: 10; } .side-bar-btn-container.hide { display: none; } .side-bar-btn-container .side-bar-trigger { display: flex; flex-direction: row-reverse; align-items: center; height: 73px; } .side-bar-btn-container .side-bar-trigger .side-bar-btn { width: 67px; height: 67px; border-radius: 50%; padding: 0; background-color: white; box-shadow: 0 0 26px 3px #5c5e624d; z-index: 1; } .side-bar-btn-container .side-bar-trigger .side-bar-btn:hover + .side-bar-bubble-overflow-container, .side-bar-btn-container .side-bar-trigger .side-bar-btn.simulateHover + .side-bar-bubble-overflow-container { display: flex; animation: slideBubble 0.3s forwards; } @keyframes slideBubble { 0% { transform: translateX(-50%); } 100% { transform: translateX(-5%); } } .side-bar-btn-container .side-bar-trigger.mediwho-fly .side-bar-btn { position: relative; } .side-bar-btn-container .side-bar-trigger.mediwho-fly .side-bar-btn img { position: absolute; top: -1px; right: -10px; } .side-bar-btn-container .side-bar-trigger .side-bar-bubble-overflow-container { display: none; z-index: -1; } .side-bar-btn-container .side-bar-trigger .side-bar-bubble-overflow-container .side-bar-bubble { margin-left: 5px; display: flex; flex-direction: column; align-items: center; position: relative; } .side-bar-btn-container .side-bar-trigger .side-bar-bubble-overflow-container .side-bar-bubble .side-bar-bubble-text { font-size: 14px; font-weight: 500; color: #fd7200; position: absolute; top: calc(50% - 11px); } @media screen and (max-width: 1023px) { .side-bar-animated-container { width: 100%; bottom: 0; left: 0; z-index: 12030; } .side-bar-animated-container .side_bar_btn_trigger { left: 4vw; bottom: 4vw; } .side-bar-animated-container .side_bar_wrapper .bar_menu { border-radius: 0; } .side-bar-animated-container .side_bar_wrapper .bar_menu .mobile-close { opacity: 1; position: absolute; top: 1.5rem; right: 1.5rem; cursor: pointer; } .side-bar-animated-container .side_bar_wrapper .bar_menu .services-overlay { max-height: 58vh; } .side-bar-animated-container .side_bar_wrapper .bar_menu .bottom-row { z-index: 6001; } .side-bar-animated-container .side_bar_wrapper .bar_menu .bottom-row .right-btns { width: 82%; margin-right: 9%; } .side-bar-animated-container .side_bar_wrapper .bar_menu .bottom-row .right-btns .whatsapp::after { border-left: none; } .side-bar-animated-container .side_bar_wrapper .bar_menu .bottom-row .left-btns { opacity: 0; } } @media screen and (max-width: 624px) { .side-bar-btn-container { bottom: 22px; left: 6px; } .side-bar-btn-container .side-bar-trigger { height: 36px; margin-bottom: 5px; } .side-bar-btn-container .side-bar-trigger:last-child { margin-bottom: 0; } .side-bar-btn-container .side-bar-trigger .side-bar-btn { width: 36px; height: 36px; } .side-bar-btn-container .side-bar-trigger .side-bar-btn img { width: 85%; } .side-bar-btn-container .side-bar-trigger.claim .side-bar-btn img { position: relative; top: 5%; width: 78%; } .side-bar-btn-container .side-bar-trigger.mediwho-fly .side-bar-btn img { top: -4%; right: -17%; width: 133%; } .side-bar-btn-container .side-bar-trigger .side-bar-bubble-overflow-container .side-bar-bubble .side-bar-bubble-img { height: 50px; } .side-bar-btn-container .side-bar-trigger .side-bar-bubble-overflow-container .side-bar-bubble .side-bar-bubble-text { font-size: 10px; top: calc(50% - 10px); right: calc(50% - 43px); } .side-bar-animated-container.open { width: 95vw; bottom: unset; top: 6rem; left: 2.5vw; margin: 0 auto; } } @media screen and (max-width: 624px) and (max-width: 375px) { .side-bar-animated-container.open { width: 95vw; bottom: unset; left: 2.5vw; margin: 0 auto; } .side-bar-animated-container.mediwho-fly { height: 610px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .side-bar-animated-container.open { width: 99vw; bottom: 5vh; left: 1.5vw; margin: 0 auto; } } @media screen and (max-width: 624px) { .side-bar-animated-container .bar_menu .form_wrapper .file_ .tooltip_files .item_ .remove { visibility: unset !important; } } @media screen and (max-height: 740px) and (max-width: 376px) { .side-bar-animated-container.mediwho-fly { height: 610px; } .side-bar-animated-container .side_bar_wrapper .bar_menu .top-img { top: -41px; width: 110px; } .side-bar-animated-container .side_bar_wrapper .bar_menu .header_row { margin-top: 74px; } } @media screen and (max-height: 700px) and (max-width: 376px) { .side-bar-animated-container { margin-top: -65px !important; } .side-bar-animated-container .side_bar_wrapper .bar_menu .top-img { display: none; } .side-bar-animated-container .side_bar_wrapper .bar_menu .header_row { margin-top: 15px; } } .customer-router-phone-footer { position: fixed; z-index: 1001; bottom: 10.2px; right: 1em; } .new-identity-and-birthday-container { display: flex; flex-direction: column; align-items: center; justify-content: space-between; z-index: 10; height: 285px; transform: translateY(8%); } @media screen and (max-width: 430px) { .new-identity-and-birthday-container { zoom: 97%; transform: translateY(15%); } } @media screen and (max-width: 414px) { .new-identity-and-birthday-container { zoom: 95%; transform: translateY(20%); } } @media screen and (max-width: 412px) { .new-identity-and-birthday-container { zoom: 95%; transform: translateY(20%); } } @media screen and (max-width: 390px) { .new-identity-and-birthday-container { zoom: 92%; transform: translateY(20%); } } @media screen and (max-width: 375px) { .new-identity-and-birthday-container { zoom: 80%; transform: translateY(15%); } } @media screen and (max-width: 360px) { .new-identity-and-birthday-container { zoom: 85%; transform: translateY(20%); } } @media screen and (max-width: 320px) { .new-identity-and-birthday-container { zoom: 80%; transform: translateY(22%); } } .new-identity-and-birthday-container .ide_brth_wrap { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-between; height: 200px; } .new-identity-and-birthday-container .ide_brth_wrap .identity_wra, .new-identity-and-birthday-container .ide_brth_wrap .birthday_wra { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-between; position: relative; height: 85px; } .new-identity-and-birthday-container .ide_brth_wrap .identity_wra .title, .new-identity-and-birthday-container .ide_brth_wrap .birthday_wra .title { color: #6F6C6C; font-size: 20px; font-weight: 500; } .new-identity-and-birthday-container .ide_brth_wrap .identity_wra .ide_input, .new-identity-and-birthday-container .ide_brth_wrap .identity_wra .brth_input, .new-identity-and-birthday-container .ide_brth_wrap .birthday_wra .ide_input, .new-identity-and-birthday-container .ide_brth_wrap .birthday_wra .brth_input { width: 329px; height: 40px; background-color: rgba(255, 255, 255, 0.8); filter: drop-shadow(0px 0px 21.817px rgba(157, 157, 157, 0.3)); border-radius: 2rem; padding: 0 .7rem 0 .7rem; } .new-identity-and-birthday-container .ide_brth_wrap .identity_wra .ide_input.disable, .new-identity-and-birthday-container .ide_brth_wrap .identity_wra .brth_input.disable, .new-identity-and-birthday-container .ide_brth_wrap .birthday_wra .ide_input.disable, .new-identity-and-birthday-container .ide_brth_wrap .birthday_wra .brth_input.disable { background-color: rgba(174, 173, 172, 0.2); } .new-identity-and-birthday-container .ide_brth_wrap .identity_wra .ide_input input, .new-identity-and-birthday-container .ide_brth_wrap .identity_wra .brth_input input, .new-identity-and-birthday-container .ide_brth_wrap .birthday_wra .ide_input input, .new-identity-and-birthday-container .ide_brth_wrap .birthday_wra .brth_input input { direction: ltr; text-align: center; } .new-identity-and-birthday-container .ide_brth_wrap .identity_wra span, .new-identity-and-birthday-container .ide_brth_wrap .birthday_wra span { position: absolute; right: 15px; bottom: -18px; color: #e74c3c; font-size: 0.85rem; } .new-identity-and-birthday-container .send_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; justify-self: start; visibility: hidden; } .new-identity-and-birthday-container .send_btn.show { visibility: visible; } .hmo_step { display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 3; height: 185px; transition: 0.6s ease-in; position: relative; } .hmo_step .go_back { cursor: pointer; position: absolute; top: -70px; transition: 0.6s ease-in; } .hmo_step.open { height: 420px; transition: 0.8s ease-in; transform: translateY(10%); } .hmo_step.open .go_back { top: -35px; } .hmo_step.open_send { height: 473.63px; transition: 0.8s ease-in-out; transform: translateY(10%); } .hmo_step.open_send .go_back { top: -26px; } .hmo_step.send_only { height: 237.63px; transition: 0.8s ease-in-out; transform: translateY(5%); } .hmo_step.send_only .go_back { top: -63px; } .hmo_step .title { color: #6F6C6C; font-size: 20px; font-weight: 500; margin-bottom: 25px; } .hmo_step .title.sub { font-size: 18px; } .hmo_step .company_name { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-between; width: 457px; height: 130px; min-height: 130px; padding: 0 15px 24px 15px; } .hmo_step .company_name .first_row, .hmo_step .company_name .second_row { display: flex; justify-content: center; align-items: center; justify-content: space-between; width: 100%; } .hmo_step .company_name .first_row .hmo_item, .hmo_step .company_name .second_row .hmo_item { position: relative; } .hmo_step .company_name .first_row .hmo_item .title_item, .hmo_step .company_name .second_row .hmo_item .title_item { width: 122.591px; height: 37.913px; line-height: 36px; border-radius: 39.136px; background: #fce8b1; font-size: 16px; font-weight: 400; text-align: center; cursor: pointer; transition: 0.2s ease-in-out; } .hmo_step .company_name .first_row .hmo_item .title_item:hover, .hmo_step .company_name .second_row .hmo_item .title_item:hover { transform: scale(1.1); } .hmo_step .company_name .first_row .hmo_item .title_item.scale, .hmo_step .company_name .second_row .hmo_item .title_item.scale { transform: scale(1.1); } .hmo_step .company_name .first_row .hmo_item img, .hmo_step .company_name .second_row .hmo_item img { position: absolute; } .hmo_step .company_name .first_row .hmo_item img.border_132, .hmo_step .company_name .second_row .hmo_item img.border_132 { display: none; } .hmo_step .company_name .first_row .hmo_item img.border_135, .hmo_step .company_name .second_row .hmo_item img.border_135 { left: 137px; top: 3px; } .hmo_step .company_name .first_row .hmo_item img.border_125, .hmo_step .company_name .second_row .hmo_item img.border_125 { right: 137px; top: 3px; } .hmo_step .company_name .first_row .hmo_item img.border_142, .hmo_step .company_name .second_row .hmo_item img.border_142 { display: none; } .hmo_step .company_name .first_row .hmo_item img.border_143, .hmo_step .company_name .second_row .hmo_item img.border_143 { bottom: 2px; left: 137px; } .hmo_step .company_name .second_row { width: 65%; } .hmo_step .company_product { display: none; flex-direction: column; align-items: center; margin-top: 10px; height: 225px; min-height: 225px; } .hmo_step .company_product.show { display: flex; } .hmo_step .company_product #carousel { display: flex; justify-content: center; align-items: center; transform-style: preserve-3d; width: 310px; height: 90px; min-height: 90px; position: relative; } .hmo_step .company_product #carousel .cards { position: absolute; width: 139.104px; height: 87.906px; transform-style: preserve-3d; transition: 1s; cursor: pointer; overflow: hidden; background-size: contain; background-repeat: no-repeat; } .hmo_step .company_product #carousel .cards .chosen { position: absolute; bottom: 4px; right: 10px; width: 33.64px; height: 33.64px; background-position: 50% 43%; border-radius: 2rem; background-size: 210% 210%; display: none; } .hmo_step .company_product #carousel .cards .chosen.show { display: inline-block; } .hmo_step .company_product #carousel .cards.center { transform: translateX(0) translateZ(0); } .hmo_step .company_product #carousel .cards.left { transform: translateX(-55%) translateZ(-50px) scale(0.8); opacity: 0.8; } .hmo_step .company_product #carousel .cards.right { transform: translateX(55%) translateZ(-50px) scale(0.8); opacity: 0.8; } .hmo_step .company_product .product { display: flex; justify-content: center; align-items: center; justify-content: space-between; width: 300px; } .hmo_step .company_product .product .product_holder { position: relative; overflow: hidden; cursor: pointer; width: 139.104px; height: 90px; min-height: 90px; } .hmo_step .company_product .product .product_holder .card { width: 100%; height: 100%; } .hmo_step .company_product .product .product_holder .chosen { position: absolute; right: -12px; bottom: -20px; visibility: hidden; } .hmo_step .company_product .product .product_holder .chosen.show { visibility: visible; } .hmo_step .company_product .no_plan { display: flex; flex-direction: row; margin-top: 15px; } .hmo_step .company_product .no_plan .title { color: #f90; font-size: 15px; font-weight: 700; cursor: pointer; margin-bottom: unset; } .hmo_step .company_product .no_plan .sign_orange { display: none; width: 22.87px; height: 22.87px; margin-left: 5px; } .hmo_step .company_product .no_plan .sign_orange.show { display: inline-block; } .hmo_step .input_parent_wrap { display: flex; flex-direction: column; align-items: center; margin-top: 20px; } .hmo_step .input_parent_wrap .input_parent { display: flex; flex-direction: row; align-items: end; width: 175px; } .hmo_step .input_parent_wrap .input_parent input { border-bottom: 1px solid black; font-weight: 400; color: #4e4d4c; padding: 0 .5rem; text-align: center; } .hmo_step .input_parent_wrap .input_parent input::placeholder { color: #393939; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; } .hmo_step .input_parent_wrap .title_input { color: #393939; font-size: 13px; font-weight: 400; } .hmo_step .send_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; display: none; margin-top: 30px; } .hmo_step .send_btn.show { display: flex; } @media screen and (max-width: 624px) { .hmo_step { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 220px; transition: unset; } .hmo_step .go_back { top: -30px; } .hmo_step.open { position: absolute; bottom: 10%; height: 425px; transition: unset; transform: unset; } .hmo_step.open .go_back { top: -30px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .hmo_step.open { bottom: 5%; height: 450px; } } @media screen and (max-width: 624px) { .hmo_step.open_send { position: absolute; bottom: 5%; height: 490px; transition: unset; transform: unset; } .hmo_step.open_send .go_back { top: -30px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .hmo_step.open_send { height: 490px; bottom: 1%; } } @media screen and (max-width: 624px) { .hmo_step.send_only { height: 305px; transition: unset; transform: unset; } .hmo_step.send_only .go_back { top: -30px; } .hmo_step .title { color: #6F6C6C; font-size: 20px; font-weight: 500; margin-bottom: 25px; } .hmo_step .title.sub { font-size: 18px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .hmo_step .title.sub { margin-bottom: 10px; } } @media screen and (max-width: 624px) { .hmo_step .company_name { width: 330px; height: 155px; min-height: 155px; padding: unset; } } @media screen and (max-width: 624px) and (max-width: 390px) { .hmo_step .company_name { height: 155px; min-height: 155px; } } @media screen and (max-width: 624px) { .hmo_step .company_name .first_row, .hmo_step .company_name .second_row { width: 100%; } .hmo_step .company_name .first_row .hmo_item, .hmo_step .company_name .second_row .hmo_item { position: relative; } .hmo_step .company_name .first_row .hmo_item .title_item, .hmo_step .company_name .second_row .hmo_item .title_item { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; line-height: 36px; border-radius: 39.136px; background: #fff; font-size: 16px; font-weight: 400; text-align: center; cursor: pointer; transition: 0.2s ease-in-out; } .hmo_step .company_name .first_row .hmo_item .title_item:hover, .hmo_step .company_name .second_row .hmo_item .title_item:hover { transform: scale(1.1); } .hmo_step .company_name .first_row .hmo_item .title_item.scale, .hmo_step .company_name .second_row .hmo_item .title_item.scale { transform: scale(1.1); } .hmo_step .company_name .first_row .hmo_item img, .hmo_step .company_name .second_row .hmo_item img { display: none; } .hmo_step .company_name .second_row { width: 65%; } .hmo_step .company_name .second_row .hmo_item { position: relative; } .hmo_step .company_name .second_row .hmo_item .title_item { line-height: 16px; } .hmo_step .company_product { display: none; flex-direction: column; align-items: center; margin-top: 10px; height: 225px; min-height: 225px; } .hmo_step .company_product.show { display: flex; } .hmo_step .company_product #carousel { display: flex; justify-content: center; align-items: center; transform-style: preserve-3d; width: 310px; height: 90px; min-height: 90px; position: relative; } .hmo_step .company_product #carousel .cards { position: absolute; width: 139.104px; height: 87.906px; transform-style: preserve-3d; transition: 1s; cursor: pointer; overflow: hidden; background-size: contain; background-repeat: no-repeat; } .hmo_step .company_product #carousel .cards .chosen { position: absolute; bottom: 4px; right: 10px; width: 33.64px; height: 33.64px; background-position: 50% 43%; border-radius: 2rem; background-size: 210% 210%; display: none; } .hmo_step .company_product #carousel .cards .chosen.show { display: inline-block; } .hmo_step .company_product #carousel .cards.center { transform: translateX(0) translateZ(0); } .hmo_step .company_product #carousel .cards.left { transform: translateX(-55%) translateZ(-50px) scale(0.8); opacity: 0.8; } .hmo_step .company_product #carousel .cards.right { transform: translateX(55%) translateZ(-50px) scale(0.8); opacity: 0.8; } .hmo_step .company_product .product { display: flex; justify-content: center; align-items: center; justify-content: space-between; width: 300px; } .hmo_step .company_product .product .product_holder { position: relative; overflow: hidden; cursor: pointer; width: 139.104px; height: 90px; min-height: 90px; } .hmo_step .company_product .product .product_holder .card { width: 100%; height: 100%; } .hmo_step .company_product .product .product_holder .chosen { position: absolute; right: -12px; bottom: -20px; visibility: hidden; } .hmo_step .company_product .product .product_holder .chosen.show { visibility: visible; } .hmo_step .company_product .no_plan { display: flex; flex-direction: row; margin-top: 15px; } .hmo_step .company_product .no_plan .title { color: #f90; font-size: 15px; font-weight: 700; cursor: pointer; margin-bottom: unset; } .hmo_step .company_product .no_plan .sign_orange { display: none; width: 22.87px; height: 22.87px; margin-left: 5px; } .hmo_step .company_product .no_plan .sign_orange.show { display: inline-block; } .hmo_step .input_parent_wrap { display: flex; flex-direction: column; align-items: center; margin-top: 20px; } .hmo_step .input_parent_wrap .input_parent { display: flex; flex-direction: row; align-items: end; width: 175px; } .hmo_step .input_parent_wrap .input_parent input { border-bottom: 1px solid black; font-weight: 400; color: #4e4d4c; padding: 0 .5rem; text-align: center; } .hmo_step .input_parent_wrap .input_parent input::placeholder { color: #393939; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; } .hmo_step .input_parent_wrap .title_input { color: #393939; font-size: 13px; font-weight: 400; } .hmo_step .send_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; display: none; margin-top: 30px; } .hmo_step .send_btn.show { display: flex; } } .message-wrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: end; width: 822px; height: 801px; background-image: url(/_next/static/images/sign_step_bg-3a5fb70360eb2218a43fd52d9765264f.png); } .message-wrapper .sign_circle__1, .message-wrapper .sign_circle__2, .message-wrapper .sign_circle__3 { display: none; position: absolute; } .message-wrapper .message_content { display: flex; justify-content: center; align-items: center; flex-direction: column; translate: -10px -280px; } .message-wrapper .message_content .message_titles { display: flex; justify-content: center; align-items: center; flex-direction: column; } .message-wrapper .message_content .message_titles .sign_robot { display: none; } .message-wrapper .message_content .message_titles .title_s { color: #99DC0C; font-size: 28px; font-weight: 700; } .message-wrapper .btn_after_sign { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; translate: -10px -240px; } @media screen and (max-width: 624px) { .message-wrapper { justify-content: center; width: 100vw; height: 100vh; background-image: none; } .message-wrapper .sign_circle__1, .message-wrapper .sign_circle__2, .message-wrapper .sign_circle__3 { display: inline-block; position: absolute; } .message-wrapper .sign_circle__1 { top: -8%; right: -15%; } .message-wrapper .sign_circle__2 { top: 200px; left: 10%; width: 59px; } .message-wrapper .sign_circle__3 { width: 43px; bottom: 200px; right: 10%; } .message-wrapper .message_content { translate: unset; } .message-wrapper .message_content .message_titles .sign_robot { display: inline-block; width: 200.53px; height: 115px; background: url(/_next/static/images/sign_robot-d1ffd8dc04553a5d8bc87158c60cafc4.png) no-repeat -40% -1%; } .message-wrapper .message_content .message_titles .title_s { font-size: 18px; margin: 21px 0 21px 0; } .message-wrapper .btn_after_sign { width: 142px; translate: unset; } } .mediwho-icon .cls-1 { fill: #ff7300; } .mediwho-icon .cls-2 { fill: #fff; } .chemo-house .cls-1 { fill: #343434; } .child-development .cls-1 { fill: #434343; } .nutrition .cls-1 { fill: none; stroke: #434343; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2px; } .aesthetic-surgery .cls-1 { fill: #343434; stroke: #343434; stroke-width: 0.5px; } .cigarette-rehab .cls-1 { fill: #343131; } .fitness .cls-1 { fill: none; stroke: #000; stroke-miterlimit: 10; } .instagram-icon .st0 { fill: #fd7200; } .instagram-icon .st1 { fill: #ffffff; } .heart-icon .cls-1 { fill: #fd7200; } .stethoscope-icon .cls-2 { fill: #8aa0b2; } .stethoscope-icon .cls-3 { fill: none; stroke: #344154; stroke-linecap: round; stroke-miterlimit: 10; } .medical-clinic .cls-1 { fill: #32373f; } .pills-icon .cls-1 { fill: #333; } .pills-icon .cls-2 { fill: #fd7200; } .first-name-icon .cls-2 { fill: #6d6a6a; } .email-icon .cls-1 { fill: #6d6a6a; stroke: #6d6a6a; stroke-width: 0.2px; } .new-cellphone-icon .cls-1 { fill: #6d6a6a; stroke: #6d6a6a; stroke-width: 0.3px; } .search-rights .cls-1 { fill: #fff; } .download-icon .cls-1 { fill: #2b2b2b; } .activity-log * { text-align: right; } .activity-log h3 { font-size: 1.45rem; } .activity-log .log-wrapper { display: flex; justify-content: start; flex-direction: row; padding: 1rem 0; align-items: center; } .activity-log .log-wrapper .icon { background-color: #fff; margin-left: 0.9rem; border-radius: 5px; width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; line-height: 0.9rem; } .activity-log .log-wrapper .icon span { width: 60%; height: 60%; display: inline-block; } .activity-log .log-wrapper .icon span svg { width: 100%; height: 100%; } .activity-log .log-wrapper .icon span svg path { stroke: #1d1d1e; stroke-width: 2; } .activity-log .log-wrapper .details-wrapper { flex-grow: 1; } .activity-log .log-wrapper .phone { font-size: 0.9rem; color: #a1a1b1; } .activity-log .log-wrapper .name-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .activity-log .log-wrapper .name-wrapper .name { font-size: 1.45rem; font-weight: bold; } .clock-icon { display: inline-block; width: 1.8rem; height: 1.5rem; margin-right: 0.5rem; } .client-card { display: flex; justify-content: space-between; align-items: center; border-radius: 5px; box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.3); margin-bottom: 1rem; padding: 1rem; background-color: white; } .client-card .status-text { font-size: 1.1rem; font-weight: 500; color: #2a2a2a; display: flex; align-items: center; align-items: center; } .client-card .status-text .icon-wrapper { width: 1.7rem; height: 1.7rem; margin-right: 0.8rem; display: flex; align-items: center; justify-content: center; } .client-card .link-btns-container { display: flex; align-items: center; } .client-card .link-btns-container.reverse { flex-direction: row-reverse; } .client-card .link-btns-container.reverse .orange-btn { padding: 8px 9px; } .client-card .link-btns-container .link-btn { background: none; border: none; color: #ff7300; text-decoration: underline; font-weight: 500; font-size: 1.2rem; transition: 0.1s ease-in-out; cursor: pointer; } .client-card .link-btns-container .link-btn:hover { color: #2a2a2a; } .client-card .link-btns-container .link-btn.have-subscription { color: black; text-decoration: none; padding-left: 1rem; cursor: default; font-weight: 500; font-size: 1.2rem; } .client-card .orange-btn { margin-right: 1rem; font-weight: 500; background: #ff7300; } .client-card .agent-reg-btn { margin-right: 1rem; padding: 0.3rem 1rem; } .client-card h3 { margin: 0; font-size: 1.45rem; } .client-card .card-link { display: inline-block; color: #ff8f33; text-decoration: underline; padding: 0 0.5rem; font-weight: bold; } .client-card .card-link.have-subscription { color: black; text-decoration: none; } .client-card .status-txt { display: inline-block; padding: 0 0.5rem; } .client-card .status { display: flex; align-items: center; } @media only screen and (max-width: 1023px) { .client-card { flex-direction: row; padding: 1rem 0; box-shadow: none; border-radius: 0; border-bottom: 1px solid gray; } .client-card .link-btns-container .link-btn.have-subscription { width: 35vw; } } .clients-teaser { display: flex; } .clients-teaser * { text-align: right; } .clients-teaser .list-wrapper { display: flex; flex-direction: column; width: 45%; padding: 2rem 0rem 2rem 4rem; } .clients-teaser .list-wrapper .title-wrapper { display: flex; align-items: center; } .clients-teaser .list-wrapper .title-wrapper h2 { font-size: 1.6rem; cursor: pointer; } .clients-teaser .list-wrapper .title-wrapper h2:hover { color: #ff8f33; } .clients-teaser .list-wrapper .arrow-icon { display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: 0.2rem; } .clients-teaser .list-wrapper .arrow-icon svg { transform: rotate(180deg); } .clients-teaser .list-wrapper .arrow-icon svg g { stroke: black; } .clients-teaser .list-wrapper .phone { font-size: 0.9rem; font-weight: bold; color: #a1a1b1; } @media only screen and (max-width: 1023px) { .clients-teaser { flex-direction: column; } .clients-teaser .list-wrapper { padding: 1rem 2rem; width: 100%; } } .shaban-list { display: flex; width: 90%; font-size: 1.2rem; position: relative; flex-direction: row; flex-wrap: wrap; } .shaban-list > div { width: 60%; } .shaban-list .cards-wrapper { display: flex; } .shaban-list .expand-btn { background: none; border: none; left: 10%; position: absolute; } .shaban-list .expand-btn svg { width: 2.4rem; height: 2.4rem; } .shaban-list .message { display: flex; flex-direction: column; align-items: center; width: 20%; } .shaban-list .message .text { font-size: 1.3rem; font-weight: bold; max-width: 20rem; text-align: center; } .shaban-list .message .icon svg { width: 10rem; height: 10rem; } .shaban-list .message .icon svg .inner { fill: #9a9a9a; } .shaban-list .message .icon svg .outer { stroke-width: 1; } @media only screen and (max-width: 1023px) { .shaban-list { width: 100%; max-height: initial; flex-direction: column-reverse; } .shaban-list > div { width: 100%; } .shaban-list .expand-btn { left: 2%; top: -2rem; width: 2rem; height: 2rem; } .shaban-list .expand-btn svg { width: 2rem; height: 2rem; } .shaban-list .cards-wrapper { width: 100%; } .shaban-list .cards-wrapper .stat-card-wrapper { width: 33%; height: initial; min-height: 75px; padding: 1rem; } .shaban-list .cards-wrapper .stat-card-wrapper .stat-card-name { font-size: 1rem; margin-bottom: 0.5rem; line-height: 1; text-align: right; } .shaban-list .cards-wrapper .stat-card-wrapper .stat-count { font-size: 2rem; } .shaban-list .message { flex-direction: row; justify-content: space-evenly; padding: 1rem; } .shaban-list .message .text { text-align: right; max-width: initial; } .shaban-list .message .icon svg { width: 2rem; height: 2rem; } } .insurance-stats { background-color: #f2f2f2; padding: 0.5rem; display: flex; align-items: flex-start; } .insurance-stats .stats-display { padding: 2rem 0; flex-grow: 1; } .insurance-stats .stats-nav .shaban a { border-bottom: 1px solid #a1a0a0; } .insurance-stats .stats-nav .private a { border-top: 1px solid #a1a0a0; } .insurance-stats .stats-nav a { display: flex; width: 8rem; height: 8rem; font-size: 1.05rem; font-weight: bold; text-align: center; margin: 2rem; justify-content: center; align-items: center; line-height: 1rem; padding: 1rem; flex-direction: column; } .insurance-stats .stats-nav a .icon { text-align: center; margin-bottom: 0.5rem; } .insurance-stats .stats-nav a .icon .inner { fill: silver; stroke: silver; } .insurance-stats .stats-nav a.active { border-radius: 5px; border-bottom: none; border-top: none; background-color: #fff; box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.5); } .insurance-stats .stats-nav a.active .icon .inner { fill: #ff8f33; stroke: #ff8f33; } @media only screen and (max-width: 1023px) { .insurance-stats { padding: 2rem 0rem; flex-direction: column; } .insurance-stats .stats-display { width: 100%; padding: 1rem 0 0 1rem; } .insurance-stats .stats-nav { width: 100%; padding: 1rem; display: flex; justify-content: space-between; } .insurance-stats .stats-nav > div { width: 50%; } .insurance-stats .stats-nav > div:nth-child(1) { padding-left: 1.2rem; border-left: 1px solid #a1a0a0; } .insurance-stats .stats-nav > div:nth-child(2) { padding-right: 1.2rem; } .insurance-stats .stats-nav .private a, .insurance-stats .stats-nav .shaban a { border-bottom: none; border-top: none; } .insurance-stats .stats-nav a { width: 100%; margin: 0; } } .new-panel-wrapper { background-color: #fff; color: #1d1d1e; display: flex; } .new-panel-wrapper h2, .new-panel-wrapper h3, .new-panel-wrapper h4 { color: #1d1d1e; } .new-panel-wrapper .sidebar-container { background-color: #e5e5e5; clip-path: polygon(0 0, 87% 0, 100% 35%, 87% 100%, 0 100%, 0% 50%); width: 22%; margin-right: -5%; padding: 12rem 4% 12rem 3%; min-height: 70vh; } .new-panel-wrapper .sidebar-container h1 { font-size: 1.6rem; font-weight: 500; text-align: right; } .new-panel-wrapper .main-container { width: 83%; padding: 10rem 8.43rem 14rem 0; } @media only screen and (max-width: 1023px) { .panel-wrapper { flex-direction: column; } .panel-wrapper .main-container { width: 100%; padding: 10rem 0rem; } .panel-wrapper .sidebar-container { width: 100%; } } .relative-types-grid { display: flex; flex-wrap: wrap; width: 95%; margin: 67.5px auto 67.5px auto; } @media screen and (max-width: 1600px) { .relative-types-grid { margin: 50.5px auto 50.5px auto; } } @media screen and (max-width: 624px) { .relative-types-grid { margin: 30.5px auto 30.5px auto; width: 75%; } } .relative-types-grid .type-wrapper { width: 33.3%; display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: center; } .relative-types-grid .type-wrapper .type-item { cursor: pointer; width: 110px; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 110px; margin: 0 2px; border-radius: 5px; transition: 0.2s ease-in-out; } .relative-types-grid .type-wrapper .type-item.active .img_wrap .icon_img { transform: scale(1.2); } .relative-types-grid .type-wrapper .type-item .img_wrap .icon_img.coupleImg { width: 102px; height: 128.2px; } @media screen and (max-width: 1600px) { .relative-types-grid .type-wrapper .type-item .img_wrap .icon_img.coupleImg { width: 82px; height: 108.2px; } } @media screen and (max-width: 624px) { .relative-types-grid .type-wrapper .type-item .img_wrap .icon_img.coupleImg { width: 52px; height: 60px; } } .relative-types-grid .type-wrapper .type-item .img_wrap .icon_img.childImg { width: 102px; height: 128.2px; } @media screen and (max-width: 1600px) { .relative-types-grid .type-wrapper .type-item .img_wrap .icon_img.childImg { width: 82px; height: 108.2px; } } @media screen and (max-width: 624px) { .relative-types-grid .type-wrapper .type-item .img_wrap .icon_img.childImg { width: 52px; height: 60px; } } .relative-types-grid .type-wrapper .type-item .img_wrap .icon_img.parentImg { width: 102px; height: 128.2px; } @media screen and (max-width: 1600px) { .relative-types-grid .type-wrapper .type-item .img_wrap .icon_img.parentImg { width: 82px; height: 108.2px; } } @media screen and (max-width: 624px) { .relative-types-grid .type-wrapper .type-item .img_wrap .icon_img.parentImg { width: 52px; height: 60px; } } .relative-types-grid .type-wrapper .type-item .type-input { text-align: center; font-size: 20px; font-weight: 500; color: #46433f; margin: 10px 0 0 0; } @media screen and (max-width: 1600px) { .relative-types-grid .type-wrapper .type-item .type-input { font-size: 17px; } } @media screen and (max-width: 624px) { .relative-types-grid .type-wrapper .type-item .type-input { font-size: 12px; } } .relative-types-grid .type-wrapper .type-item .type-input.active { color: #ff8f33; } .new-date-picker { margin: 2.2rem 0; position: relative; } .new-date-picker .label { position: absolute; top: 35%; right: 0; color: #2a2a2a; font-size: 1.2rem; opacity: 0.4; font-family: 'Rubik', sans-serif; font-weight: 500; transition: all 0.3s ease-in-out; cursor: text; z-index: 1; } .new-date-picker .hide-label { opacity: 0; position: absolute; z-index: -1; } .new-date-picker .input { direction: ltr; text-align: center; width: 100%; outline: none; padding: 1rem 0.2rem; background: none; border: none; border-bottom: 1px solid rgba(42, 42, 42, 0.2); font-family: 'Rubik', sans-serif; color: #2a2a2a; font-size: 1.5rem; font-weight: 600; border-radius: 0; } .new-date-picker .input::placeholder { visibility: hidden; opacity: 0; text-align: center; color: rgba(42, 42, 42, 0.2); font-family: 'Rubik', sans-serif; font-weight: 400; transition: all 0.3s ease-in-out; } .new-date-picker .input.show-placeholder::placeholder { visibility: visible; opacity: 1; } .new-date-picker .input[type='tel'] { direction: ltr; text-align: right; } .new-date-picker:after { content: ''; display: block; position: absolute; top: 98%; height: 1px; width: 0; background: transparent; transition: all 0.3s ease-in-out; } .new-date-picker.active .label { top: -1rem; font-size: 1rem; cursor: default; } .new-date-picker.active:after { width: 100%; background: rgba(42, 42, 42, 0.5); } .new-date-picker.active .input::placeholder { visibility: visible; opacity: 1; right: 0; } .new-date-picker.focus .react-calendar { display: block; } .new-date-picker .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 0; position: absolute; width: 100%; height: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .new-date-picker.error .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 1; visibility: visible; height: 1.25rem; } .new-date-picker.error:after { width: 100%; background: #e74c3c; } .new-date-picker .react-calendar__navigation { direction: ltr; } .new-date-picker .absolute-id-helper { position: absolute; margin: -2.5rem 95%; } .new-date-picker .absolute-id-helper svg { cursor: pointer; } .new-date-picker .absolute-id-helper svg:hover { stroke: #FFA800; } .new-date-picker .absolute-id-helper svg:hover g { stroke: #FFA800; } .new-date-picker .absolute-id-helper svg:hover g g path { stroke: #FFA800; } .new-date-picker .absolute-id-helper img { position: absolute; left: 100%; bottom: 50%; z-index: 5; } .alert-btn { height: 60px; width: 44%; border-radius: 5px; box-shadow: 0 0 30px 0 rgba(92, 94, 98, 0.3); background: white; border: none; display: flex; align-items: center; justify-content: space-between; padding: 0 1.2rem 0 0.8rem; margin: 0 0 1rem 0; } .alert-btn:first-child { width: 100%; } .alert-btn:hover { background: white; transform: scale(1.05); box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.25); } .alert-btn.active { background: #ff7300; } .alert-btn.active .right-col .btn-text { color: white; } .alert-btn.active .left-col .icon-wrapper svg { fill: white; } .alert-btn .right-col { display: flex; align-items: center; } .alert-btn .right-col .icon-wrapper { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; margin-left: 1.2rem; } .alert-btn .right-col .icon-wrapper svg { fill: #2a2a2a; } .alert-btn .btn-text { font-size: 1.25rem; color: #2a2a2a; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; margin: 0; } .alert-btn .left-col .icon-wrapper { width: 1.9rem; height: 1.9rem; } .search-pagination-wrapper { display: flex; flex-direction: row-reverse; } .search-pagination-wrapper .Mediwh { fill: white; height: 16px; } .search-pagination-wrapper .letter-o { fill: white; height: 12px; } .search-pagination-wrapper .pagination-button { width: 18px; display: flex; flex-direction: column; align-items: center; cursor: pointer; } .search-pagination-wrapper .pagination-button:hover .pagination-letter svg, .search-pagination-wrapper .pagination-button.active .pagination-letter svg { fill: #FFA800; } .search-pagination-wrapper .pagination-button:hover .pagination-number, .search-pagination-wrapper .pagination-button.active .pagination-number { color: #FFA800; } .search-pagination-wrapper .pagination-button .pagination-letter { font-size: 1.2rem; transition: 0.1s ease-in-out; } .search-pagination-wrapper .left-arrow, .search-pagination-wrapper .right-arrow { background: none; border: none; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; margin: 0 4px; } .search-pagination-wrapper .left-arrow:hover svg, .search-pagination-wrapper .right-arrow:hover svg { fill: #FFA800; } .search-pagination-wrapper .left-arrow svg, .search-pagination-wrapper .right-arrow svg { width: 22px; height: 22px; fill: #fff; transition: 0.1s ease-in-out; } .search-pagination-wrapper .right-arrow svg { transform: rotate(180deg); } .search-pagination-wrapper .right-arrow.hide { opacity: 0; pointer-events: none; } .subscripion-plan-wrapper { width: 225px; position: relative; transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .subscripion-plan-wrapper.most-valuable .subscription-plan-content .info-block { padding-top: 1.6rem; } .subscripion-plan-wrapper.most-valuable .subscription-plan-content .info-block .price-tag { font-size: 2.6rem; } .subscripion-plan-wrapper.most-valuable .subscription-plan-content .params-list .param-item .for-family-member { font-weight: 400; margin-right: 8px; } .subscripion-plan-wrapper.most-valuable .subscription-plan-content .params-list .param-item .hint-container { position: relative; } .subscripion-plan-wrapper.most-valuable .subscription-plan-content .params-list .param-item .hint-container .hint:hover::after { content: attr(datacontent); background-size: contain; position: absolute; display: block; display: flex; flex: 1 1; justify-content: center; align-items: center; font-weight: 500; font-family: 'Rubik'; color: #1d1d1e; z-index: 99999; box-sizing: border-box; } .subscripion-plan-wrapper.most-valuable .subscription-plan-content .params-list .param-item .hint-container .hint:hover::after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDUuMiIgaGVpZ2h0PSIyMzUiIHZpZXdCb3g9IjAgMCA1MDUuMiAyMzUiPgogICAgPGc+CiAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjQ4YjMxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0zNzkuMyAyMzRhNDQuODEzIDQ0LjgxMyAwIDAgMCAzOS41LTIzLjUgMTQzLjg4IDE0My44OCAwIDAgMCAxNC44LjdjMjAgMCAzOS4yLTMuNiA1MS4zLTkuN2wxOC05LTIwLjEtMS44Yy0xNi40LTEuNS0zOS4zLTIwLjgtNTguNi00OS4zVjQ1YTQ1LjA2OCA0NS4wNjggMCAwIDAtNDUtNDVINDVBNDUuMDY4IDQ1LjA2OCAwIDAgMCAwIDQ1djE0NGE0NS4wNjggNDUuMDY4IDAgMCAwIDQ1IDQ1eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+CiAgICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQzLjMgMy4yaDMzOC44YzIxLjkgMCAzOC45IDE4IDM4LjkgNDAuMnYxMDAuM2MxOC4zIDI3LjkgNDguNyA1NC42IDY4LjUgNTIuNi0xNS41IDcuOS00Ni40IDEzLjEtNzAuNyAxMC4xYTQwLjAxNyA0MC4wMTcgMCAwIDEtMzYuNiAyNC41SDQzLjNhNDAuMDU0IDQwLjA1NCAwIDAgMS0zOS44LTQwLjJWNDMuNEE0MC4xMTkgNDAuMTE5IDAgMCAxIDQzLjMgMy4yeiIgb3BhY2l0eT0iMC45IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNSAuNSkiLz4KICAgIDwvZz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-size: contain; bottom: -20%; padding-right: 6rem; padding-left: 1.5rem; width: 300px; height: 137px; font-size: 1rem; } .subscripion-plan-wrapper:hover { box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.3); } .subscripion-plan-wrapper:hover .subscription-plan-content .triangle-block .triangle-wrapper.triangle-1 { opacity: 0.2; transform: scale(0.5) rotate(-24deg) translate(0, 0); } .subscripion-plan-wrapper:hover .subscription-plan-content .triangle-block .triangle-wrapper.triangle-2 { opacity: 0.8; transform: scale(0.9) rotate(-71deg) translate(0, 0); } .subscripion-plan-wrapper:hover .subscription-plan-content .triangle-block .triangle-wrapper.triangle-3 { opacity: 1; transform: scale(0.6) rotate(-24deg) translate(0, 0); } .subscripion-plan-wrapper:hover .subscription-plan-content .triangle-block .triangle-wrapper.triangle-4 { opacity: 0.4; transform: scale(0.9) rotate(34deg) translate(0, 0); } .subscripion-plan-wrapper:hover .subscription-plan-content .triangle-block .triangle-wrapper.triangle-5 { opacity: 0.5; transform: scale(0.7) rotate(24deg) translate(0, 0); } .subscripion-plan-wrapper:hover .subscription-plan-content .triangle-block .triangle-wrapper.triangle-6 { opacity: 0.7; transform: scale(0.6) rotate(24deg) translate(0, 0); } .subscripion-plan-wrapper:hover .subscription-plan-content .triangle-block .triangle-wrapper.triangle-7 { opacity: 0.9; transform: scale(0.8) rotate(117deg) translate(0, 0); } .subscripion-plan-wrapper:hover .subscription-plan-content .triangle-block .triangle-wrapper.triangle-8 { opacity: 1; transform: scale(0.95) rotate(-11deg) translate(0, 0); } .subscripion-plan-wrapper:hover .subscription-plan-content .triangle-block .triangle-wrapper.triangle-9 { opacity: 0.2; transform: scale(0.5) rotate(-11deg) translate(0, 0); } .subscripion-plan-wrapper .subscription-plan-content { position: relative; z-index: 1; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block { position: absolute; top: 0; width: 225px; height: 100%; left: 0; overflow: hidden; z-index: 1; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper { height: 1rem; width: 1rem; position: relative; opacity: 0; transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper svg { width: 100%; height: 100%; fill: #FFA800; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper.triangle-1 { transform: scale(0.5) rotate(-24deg) translate(-30px, -30px); right: 210px; top: 20px; transition-delay: 0.01s; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper.triangle-2 { transform: scale(0.9) rotate(-71deg) translate(-60px, -23px); right: 190px; top: 55px; transition-delay: 0.11s; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper.triangle-3 { transform: scale(0.6) rotate(-24deg) translate(-11px, -97px); right: 175px; top: 10px; transition-delay: 0.07s; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper.triangle-4 { transform: scale(0.9) rotate(34deg) translate(-10px, -35px); right: 155px; top: -20px; transition-delay: 0.01s; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper.triangle-5 { transform: scale(0.7) rotate(24deg) translate(0, -30px); right: 105px; top: -45px; transition-delay: 0.09s; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper.triangle-6 { transform: scale(0.6) rotate(24deg) translate(9px, -111px); right: 50px; top: -20px; transition-delay: 0.05s; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper.triangle-7 { transform: scale(0.8) rotate(117deg) translate(-62px, -27px); top: -53px; right: 30px; transition-delay: 0.09s; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper.triangle-8 { transform: scale(0.95) rotate(-11deg) translate(38px, 41px); top: -10px; right: 15px; transition-delay: 0.11s; } .subscripion-plan-wrapper .subscription-plan-content .triangle-block .triangle-wrapper.triangle-9 { transform: scale(0.5) rotate(-11deg) translate(21px, -77px); top: -80px; right: 5px; transition-delay: 0.07s; } .subscripion-plan-wrapper .subscription-plan-content .info-block { display: flex; align-items: center; position: relative; z-index: 3; justify-content: center; flex-direction: column; } .subscripion-plan-wrapper .subscription-plan-content .info-block .price-tag { font-size: 4.2rem; color: #FFA800; line-height: 1; margin: 2rem 0 1rem; } .subscripion-plan-wrapper .subscription-plan-content .info-block .price-tag .shekel-sign { font-size: 2rem; font-weight: 500; } .subscripion-plan-wrapper .subscription-plan-content .info-block .name-tag { font-size: 1.5rem; color: #2a2a2a; font-weight: 500; margin-bottom: 1.5rem; } .subscripion-plan-wrapper .subscription-plan-content .info-block .orange-btn { padding: 0.7rem 1rem; min-width: 11rem; display: flex; align-items: center; background: #FFA800; justify-content: center; font-size: 1.5rem; font-weight: 500; z-index: 3; margin-bottom: 2.5rem; } .subscripion-plan-wrapper .subscription-plan-content .info-block .orange-btn svg { width: 22px; height: 22px; margin-right: 8px; transform: rotate(90deg); transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .subscripion-plan-wrapper .subscription-plan-content .info-block .orange-btn:hover svg { margin-right: 20px; } .subscripion-plan-wrapper .subscription-plan-content .info-block .orange-btn.disabled { background: #cccccc; border-color: #cccccc; cursor: default; } .subscripion-plan-wrapper .subscription-plan-content .info-block .orange-btn.disabled svg g g g rect { fill: none; stroke: none; } .subscripion-plan-wrapper .subscription-plan-content .info-block .orange-btn.disabled:hover svg { margin-right: 8px; } .subscripion-plan-wrapper .subscription-plan-content .params-list { margin: 0; } .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item { color: #2a2a2a; text-align: center; font-size: 1.1rem; font-weight: 600; display: flex; justify-content: center; margin: 1.5rem 0; height: 25px; } .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item .minus-icon { width: 22px; height: 22px; background: #2a2a2a; color: #fff; border-radius: 50%; opacity: 0.3; font-size: 1.2rem; } .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item svg g g g rect { fill: #FFA800; stroke: #FFA800; } .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item svg g g g path { stroke: #fff; } .subscripion-plan-wrapper .subscription-plan-content .params-list .included-params-block { padding: 1.87rem 0; background: rgba(225, 115, 0, 0.15); } .subscripion-plan-wrapper .subscription-plan-content .params-list .included-params-block .param-item { font-weight: 500; } .subscripion-plan-wrapper .subscription-plan-content .params-list .included-params-block .param-item:first-child { margin-top: 0; } .subscripion-plan-wrapper .subscription-plan-content .params-list .included-params-block .param-item:last-child { margin-bottom: 0; } .subscripion-plan-wrapper .subscription-plan-content .params-list .included-params-block .param-item svg g g g rect { fill: #2a2a2a; stroke: #2a2a2a; } .subscripion-plan-wrapper .subscription-plan-content .params-list .included-params-block .param-item svg g g g path { stroke: #fbead9; } .subscripion-plan-wrapper .subscription-plan-content .sub-desc { width: 80%; color: #2a2a2a; font-weight: 500; text-align: center; margin: 0 auto; font-size: 1.1rem; } @media screen and (max-width: 1280px) { .swiper-slide.swiper-slide-active .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block .triangle-wrapper.triangle-1 { opacity: 0.2; transform: scale(0.5) rotate(-24deg) translate(0, 0); } .swiper-slide.swiper-slide-active .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block .triangle-wrapper.triangle-2 { opacity: 0.8; transform: scale(0.9) rotate(-71deg) translate(0, 0); } .swiper-slide.swiper-slide-active .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block .triangle-wrapper.triangle-3 { opacity: 1; transform: scale(0.6) rotate(-24deg) translate(0, 0); } .swiper-slide.swiper-slide-active .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block .triangle-wrapper.triangle-4 { opacity: 0.4; transform: scale(0.9) rotate(34deg) translate(0, 0); } .swiper-slide.swiper-slide-active .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block .triangle-wrapper.triangle-5 { opacity: 0.5; transform: scale(0.7) rotate(24deg) translate(0, 0); } .swiper-slide.swiper-slide-active .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block .triangle-wrapper.triangle-6 { opacity: 0.7; transform: scale(0.6) rotate(24deg) translate(0, 0); } .swiper-slide.swiper-slide-active .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block .triangle-wrapper.triangle-7 { opacity: 0.9; transform: scale(0.8) rotate(117deg) translate(0, 0); } .swiper-slide.swiper-slide-active .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block .triangle-wrapper.triangle-8 { opacity: 1; transform: scale(0.95) rotate(-11deg) translate(0, 0); } .swiper-slide.swiper-slide-active .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block .triangle-wrapper.triangle-9 { opacity: 0.2; transform: scale(0.5) rotate(-11deg) translate(0, 0); } .swiper-slide .subscripion-plan-wrapper { box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.3); padding: 0 0 1rem; } .swiper-slide .subscripion-plan-wrapper .subscription-plan-content .info-block .triangle-block { margin: 0 auto; left: 0; right: 0; } .swiper-slide .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item { padding: 0 1.7rem; display: flex; min-height: 25px; justify-content: space-between; align-items: center; margin: 2rem 0; } .swiper-slide .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item .service-name { max-width: 75%; text-align: right; font-size: 12px; word-break: break-word; } .swiper-slide .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item .service-price { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; } .swiper-slide .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item .service-price .for-family-member { font-size: 10px; opacity: 0.7; font-weight: 500; margin-top: -4px; } .swiper-slide .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item .hint-container { position: relative; } .swiper-slide .subscripion-plan-wrapper .subscription-plan-content .params-list .param-item .hint-container .hint:hover::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAACiCAYAAAAN+XXxAAAABHNCSVQICAgIfAhkiAAAFZFJREFUeF7t3QuUHGWZBuD3q+65ZLoaSFBiIBIMYCBkprtJuLurwuHmym1ZZEVFBbwraDLVEUUzCSKZ7ibEIBov4MqC7AG5uawrNwFvoOB09ySG+8qycZdgJC5dPTPMdNe35x963ElMYDIzpHr6f+ucnOaQrvrre77iPT/VdRFwGbeAv3rBzKYgcvRgVRYCmOcoVEWOVGhcoBsBZ8G4N84VKUCBSRdQ1QcALBQRX6APq6IFwBNwNN9UjTzasrTnsUkfdNQG5fXceCNuu5xrXxgEzsmAc44A0wG9TgQvicgT01BZ3y9anuZES/jfwkvShaARDVgTBaaygHbPi/c1O25kKNJWRXSeQueJONMD6JmiMgOi1wvwQMwr/Ntk18nAHaNoqTvxcTjORaLwA1SubnHwcEvnusdHr66qcwC8EUDzGDfLr1GAArteQAH8GcAfRWTz6OHN/7XKgBypTuQCFbzNAXJtEvmWdP52q++Nd5cZuK8h52cTiwFZoZDupqB6U+vS3idUdRGAYwEcAWAWgL0AtI23CVyPAhQIVeAFE74AngJgTjncIyJbdOXC3cvRodM1cLIAbnOjmy+WxRtfnMieMnB3oFfOdpwSqHONI7i6rRzJYtmjuwM4p/bHhCwXClCgMQWqAO4DcIP5FJGgnE1+BIoLFLjFTRcy4y2bgbsdOT+b+Jqqs5/rOOdjyaNvBXA+gBMARMYLzfUoQIEpKfAMgByAH4mI+tnUSigS0ah8pnVxz9M7WxEDd5RYOdNxaCDOg02ontHS2bsewCoA79hZVH6fAhRoOIENAJaLyM/7V87ft+I03+tAc7F08ds7UykDt6blZ1LvhegHYgjOQmfxFACXAojtDCa/SwEKNLzAvQA+LyL/Xcqm1gq03/UKnxtr1QxcAKVs6kKBHhHrzH8UwBUATh0rIL9HAQpYJ/ASgLSI/MjPdXxQ1Tkt7hX+fiwK1gduX7b9qECjF8W8nk8DuBXAAWOB43coQAHrBS4VkW+WM4nzHJFZ07zCZa8lYnXgljPJCwIHR7hL8l0AbgGw72uB8e8pQAEKjBK4RESu7c8kP1QVnOx6hbNfTcfawC2vbD85cCKnu16+E8C/A5jLw4gCFKDAOAQuFpHv91/R/qFK4MyNe8Uv72gbVgauuZsEg00FN52fpao3AzhmHMhchQIUoMCIgPkh7To/m7oOCO52veL126OxMnBLmeTjTRE9tWVx4d0AzAyXCwUoQIGJCFQAvFtEev1s6jknqB7dtrR347YbtC5wS9nECkf1f9q84oMAfgIgOhFlrksBClCgJvCsueXf7z5kf3Gar3TTBXOz1FaLVYH7cq79oMEgeqvr9Rxi7pcGMJ+HCgUoQIFJFLhaRC4rZ5JfDxxsiHcWvjF621YFrp9N3tCswRVNXtEE7bjvh57E5nBTFKBAYwkMAThORJ4uZRM/d3crHisfg/l3w4s1getnEidAnMWxzp7TATwCYM/G6jOroQAF6kTgLhH5sJ9JpiEyw/Xyn7cucEuZ1M+iTvCF1iWFDgCX1EljuBsUoEDjCZjn7f6tiDzjZ1ODsXK+TbpgflSzY4Zbzh1yGDT6iZhXPE9V13F223hHOCuiQJ0J3CgiS/xM8iKVQONe7xprAtc8ZMLRoKfNKzwB4MY6awx3hwIUaDyBAfOj/MurO/YeGoreHU/nhx8ZYMU5XD+b6ouVt8zAst+vAPD+xustK6IABepQ4EIR+WEpm/xlBNLZ5uUfavjAHcglThyqypnxpYWP8nRCHR6S3CUKNK7A8I9n5uE2cDAn1llc1vCB62eTV0LxbMzLm5sc7m/c3rIyClCgzgT6ABzk5xIHiUZ+4KbzHY0fuJlUr0r1HLezeDiAr9RZQ7g7FKBAYwucJiKPlDKpzW508K0NHbjatXdbObbXL1yvcKiqmgeLv7exe8vqKECBOhP4ooh8r5xNXhvR4KaGDlzzjjKVyLddL79IVW+rvda8zvrB3aEABRpY4BoR+ZKfTWah2NTQgVt7T9m7Xa/wPlV9FMDeDdxYlkYBCtSfwL0icq754UzhHNPQgTv8rjKtNrvp3hyvUKi/I5F7RAELBNaLyAl9VyaPCSr4eEMHrp9JXQ4J/ux6xW5V/R2A6RY0mCVSgAL1I/BHEUmUu1OLVPDNhg7c0Y9IU9X1AGbUTx+4JxSggA0CIrL3QHfHvCFx7mj0wL0sEC3GveJNDFwbDm3WSIG6EwhEZLZedvAsv6llbUMHrp9Jfg/Ag2668E8M3Lo7ELlDFLBBYDhw+1Yl9gmq8msGrg0tZ40UoEBYAgzcsOQ5LgUoYJ0AA9e6lrNgClAgLAEGbljyHJcCFLBOgIFrXctZMAUoEJYAAzcseY5LAQpYJ8DAta7lLJgCFAhLgIEbljzHpQAFrBNg4FrXchZMAQqEJcDADUue41KAAtYJMHCtazkLpgAFwhJg4IYlz3EpQAHrBBi41rWcBVOAAmEJMHDDkue4FKCAdQIMXOtazoIpQIGwBBi4YclzXApQwDoBBq51LWfBFKBAWAIM3LDkOS4FKGCdAAPXupazYApQICwBBm5Y8hyXAhSwToCBa13LWTAFKBCWAAM3LHmOSwEKWCfAwLWu5SyYAhQIS4CBG5Y8x6UABawTYOBa13IWTAEKhCXAwA1LnuNSgALWCTBwrWs5C6YABcISYOCGJc9xKUAB6wQYuNa1nAVTgAJhCTBww5LnuBSggHUCDFzrWs6CKUCBsAQYuGHJc1wKUMA6AQaudS1nwRSgQFgCDNyw5DkuBShgnQAD17qWs2AKUCAsAQZuWPIclwIUsE6AgWtdy1kwBSgQlgADNyx5jksBClgnwMC1ruUsmAIUCEuAgRuWPMelAAWsE2DgWtdyFkwBCoQlwMANS57jUoAC1gkwcK1rOQumAAXCEmDghiXPcSlAAesEGLjWtZwFU4ACYQkwcMOS57gUoIB1Agxc61rOgilAgbAEGLhhyXNcClDAOgEGrnUtZ8EUoEBYAgzcsOQ5LgUoYJ0AA9e6lrNgClAgLAEGbljyHJcCFLBOgIFrXctZMAUoEJYAAzcseY5LAQpYJ8DAta7lLJgCFAhLgIEbljzHpQAFrBNg4FrXchZMAQqEJcDADUue41KAAtYJMHCtazkLpgAFwhJg4IYlz3EpQAHrBBi41rWcBVOAAmEJMHDDkue4FKCAdQIMXOtazoIpQIGwBBi4YclzXApQwDoBewK3lE2saAmcp5qX5v9ZVdcDmGFdu1kwBSgQpoAdgVvOJQ/TAF9304UjjDYDN8xjjmNTwFoBOwLXzySfVwk64l7vC6q6L4CHrW05C6cABUITEJG9+1Yl9gmq8msJbS9ex4FLmeR3HJGHY17+GlU1Nd4O4LDXcUhumgIUoMD2BBp7hutnOk5SyGnxdPETtVMJHwOwjMcCBShAgRAEGjdwdc0Bu/kD8efi6fwetbDdH8A9AFpDgOaQFKAABdCwpxT8bLIHivPcdKGgqtMA3AXgAPacAhSgQEgCjTnDLWeSXwB0cyxd/HZtdvtdAO8KCZnDUoACFDACjRe4pUzyLBH8g+sVzq6F7UcALGe/KUABCoQs0FiB2395cr9qFD91vcLcWth2ALgTQDRkaA5PAQpQoLEC188mN8Yq1Xa5eN0WVZ0O4F4As9hnClCAAnUg0DiB62eSP1XBirhXeKB2ve3NAI6uA2TuAgUoQIHGOYdbyiS/4TjSG+vMr62dSvAAfI49pgAFKFBPAlP+srBSNnWhqM5104XP1sL2NADfrCdk7gsFKECBKX+VQnll+8mB43wwni7+Yy1sFwK4FUAT20sBClCgzgSm7jncvmzHEVWNrI6n80fVwtZcmWCuSBi+s4wLBShAgXoTmJKnFGqXf93leoV5tbA1TwC7A8DMegPm/lCAAhSoCUy9Ga6uOmSGX2l+Mp7Ov6EWtiZkzcx2H7aVAhSgQB0LTK3A1VWzp5Urb9zspvOxWtia0DUz27fUMTJ3jQIUoMCwwJQ5paBd+7WWY3v8zPUKh9fCdk8At/GBNDySKUCBKSIwNWa4mlv4hrIGz7levo1hO0UOLe4mBSiwrUD9B25/LjWnEugj8XRhr1rYmpc/mpntgewnBShAgakkUNenFErdiXdC5MJ4unDGqLA1r8jhc22n0lHGfaUABYxA/c5w/Vzyg1A51/XyxzFsebRSgAINIFCfgetnkt0A9nLThQ/XwtacTvghZ7YNcMixBApYLFB3pxT8bOo+QH/ieoVsLWwPAXA9b2qw+Chl6RRoDIH6meGWu1OLVPSrqnp5fGnx/lrYmgfRrAbQ0hjerIICFLBYoD4C188mLwZwRqxt8Fj51Aa/FraXAPikxc1h6RSgQIMJhHpKwVzyFajmAsWT8XThi7WgjQO4BsDbGsya5VCAAnYLhDfDLXUnPi0iS8QZek+s83eP1MLWXO51HYD97O4Lq6cABRpRYJfPcF95q658Daqr3XQhM4Kqqu8DsALAtEaEZk0UoID1ArtuhtuXTZyhKueqYBA6eJGb3vB8bVZrHkRzFYCTrG8HAShAgUYWeH0D1zxKsTzU/GFx9MgA4oi+fKmb3lCoBa0AOAuA+cGMz7Ft5MOMtVGAAkZgcgPXX71gpjMQ3V8jclwAPUFeORf7L9Eh/U7rF4pPjjp9YF6FcxmADvaBAhSggC0C5hyurkrsU67IWjPj/KtFsx2xl6M6M6hEZ2qgM+HoTKgzMxDzKTMx/ImZAvwekA4guE+BZyKQu9vShV+O3qCqmpnsl80lYLYAs04KUIACIwImcEu51Hyo3jwcuH6m4ySRyFUKjZhAVdEAKpsgugnAppF/dlQ2iRNsQiCbnKizqaVl4PmRa2i35VVV86Bwc5vux/mjGA8+ClDAUoE/i8j8vu7E4YHIVcOBq189aM++aOt1CiwQ6PJYunjteHFU9TAA5wM4dbzb4HoUoAAFGkTgORE5sj8z/28qaH7/VqcU+rMdb6kislxVjxHRZa5XNM8zeNVFVVsBtAM4AYC5LXf2a63Dv6cABShgiUBeRP6ulEl+ygEO3u453K2CV/Fld2nhhuGZsOoCACfXrjAw52bNe8XMq8q5UIACFKDAXwvcIiKfKWdTVwUInthu4I6s80rwOitU5ShRXWaCV1Xn1E4ZnA3A3JLLhQIUoAAFti+QEZHVpUzyW9GgesOrBu7I+gNXts+tVMyphq2C15xKeBeA99SegeBQnAIUoAAFthJ4n4jc72dTg7Fyvm1Mgbu94I2g+qW2dO+NtVMN5mHhJniPBXAkwSlAAQpQYFjgwP5VqUS1ikw8XXjbTgXu1sHrXKSQcx3VK9r6ijnpwkAtfM1bds1Tv94J4Bi+sYGHHQUoYKnAb0XklHIu+UlzcYHrFVeNK3BH8HTlwt39SLDEAQ4PFC8Den08Xbh5NK6qvqkWwEfXPnkVg6VHH8umgGUCy0XkW6VM8vGmiJ7auqT45IQCdzReOdtxisJ5PyBnAnoVRHtU9a641/vCNgFsXnlurmwYucLBfJof4sxjGs1DbbhQgAIUaASB9v5Mcv/AkTWuVxg+1TppgfuXWW8XHH9a4nQR5zRAT4TI80BwoyN4Cg5+3ba4+IcdSdbuTjPPYjAhvG/t8rM3AjAhPQuAuXvN/Fi3vaVsbpoDYD7NnxKAzcN3yv3/n90BfKUROskaKECBuhb4sYhcUM4muxT69Mg9DZMeuNsS+NkFHYrIUVDneIEeAfMEMdHbA9XNEPxOqsFjsYF1j0kXKruCz8y6azdq7IrhOAYFKGCnwMm4YtEf/KC6IZ4umIsKhpfXPXC3tS5fefCsSKXl0CrkUFUcAsHBAA5W1TvNTFYE/wWVjQI8p9Xq7yMRlCuCLU4QebGtf8uL0vXs8I9zY1n06vnuQAkzqk7zDKjsCdE/xby8mTF/fyzr8zsUoAAFxiHwkIicWc6k1gQSPBn3il8PLXB3tPOaO3jOAFrnVKv6Zjg6WyH7mgt7A8gCUUyH6AxAZig0LypJFR2EYkggQwr9jUAOV0EzFE0iaFbgIageJiIvAvoigD+pIhJ1pKt1Sc9yAPPGAclVKEABCryagAI4rvy19i0YbLrHTee3ehztLp/hTrRXehMi2Di7GYMzmxFFU1+kr0kGmyLaPFRt69dBuJUhvFgZxLJnXxaBKf4vi16Z3MMfwn+4Xv54AHcA4M0aE20I16cABUYLXCsil/jZ1I+h1TVuuvcno/9yygXuRHtbyqYuFNW5MS//nwC8iW6P61OAAhSoCTwN4MRyNvF2wDnJTRc+u62MdYFrAMq55E3qTLs09rlffRWAeRMFFwpQgAITETBXRh2P5YteKMeqL7hewd3exqwMXAPhZ1Ma6+wxl5rdXrsEbSLYXJcCFLBb4D0i8gs/m/yNBPLJ2NL8owzcUQID3R3zhpzI7W5nz3EAbgPwZruPF1ZPAQqMU+BjIvKv5WxqrYo+5HYWdngVlLUz3OFZbi55PFSWxDp7zmPojvNQ42oUsFegCuAiEbm11J28WhxsdL3C5a/GYXXgDofuFakEqlgZ83rOBXANgEX2Hj+snAIUGKNAn3kuuIg8WM4k1ij0x9tekcBTCjuQ9HOJExHIypiXN+9jM7f+mvDlQgEKUGB7AubxBB8QkcfLucQaVfzB9YrdY6GyfoY7gmRmuhLockj10rYlvebhOiZ4+UaLsRxF/A4F7BEw19UuwcoOlKPR+4EgN5Z3P47wMHBHHSj+ZQtmoqnpToXe7Xr5HIClnO3a818SK6XAqwisA9AlIg+9lE2cIZDvCirvdL31vTujxsDdjpafTV5s3kAcUVna6vU8D+ATAE4BMG1ncPldClBgygs8A6BbRO7s6z5gdiDudQAKbrqweDyVMXB3oPZSd8c8x3HWQqEO8KW2dOGXqnoigDMB/C2A3cYDznUoQIG6FygC+CmAe0Uk359LzakEeokAB6qgK+4VHhhvBQzc15ArZZPvAHCpo1inor+KlYs/kC4EqmoeSmFeIWTeZDHyQPXx9oHrUYAC4Qn8FsDjAMznPSLyJ7MrfiZxgiPOsYHq2SLylZiXN1cxTWhh4I6Rr5Rpf7tI9HwA5wB6CzT4nqNY37a0d+PIJmqvE9oHQMsYN8uvUYACu17APNRqC4AXXnma4CuLdu3X2hfb4zhVaQf0sxApBEFl7W5L15m7USdlYeCOg7GUSZ4lr8xuzwQkCsEjjgT3VAMJRLBFRLY0VfHHoUhlq6eVjWMorkIBCkyigEYiVR3U6Y6jrlQkqhGnXUXnOVAngHMaVO+TAD8KIsEd274ebDJ2g4E7QUU/M/9NItHDFHKgqMxVwXRApiPQEhzZf4Kb5+oUoMDkCmyA6myI+AiCp1Tgi8gTzY4+1rykmJ/cof56a/8HDf+gyMwpET0AAAAASUVORK5CYII=) no-repeat center left; background-repeat: no-repeat; background-size: contain; left: 1rem; top: -8.5rem; font-size: 0.8rem; padding-right: 1.5rem; padding-left: 7rem; } } @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .slider-container { width: 100vw; } .slider-container .swiper-container { padding: 2rem 0 3rem; } .slider-container .swiper-container .swiper-pagination { bottom: -5px; } .slider-container .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px; } .slider-container .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #FFA800; } .slider-container .swiper-container .swiper-wrapper .swiper-slide { width: 100% !important; } .slider-container .swiper-container .swiper-wrapper .swiper-slide .subscripion-plan-wrapper { min-width: 290px; width: 80%; margin: 0 auto; } .subscription-plans-wrapper { min-height: 110vh; height: initial; background: white; padding-top: 12rem; padding-bottom: 5rem; display: flex; justify-content: center; align-items: center; } .subscription-plans-wrapper .content-block { display: flex; max-width: 1170px; } .subscription-plans-wrapper .content-block .params-col { min-width: 270px; } .subscription-plans-wrapper .content-block .params-col .sub-plans-title { color: #FFA800; font-size: 3.8rem; margin: 2.1rem 0 10.68rem 0; line-height: 1; text-align: right; padding-right: 1.7rem; } .subscription-plans-wrapper .content-block .params-col .params-list { margin: 0; } .subscription-plans-wrapper .content-block .params-col .params-list .param-item { font-size: 1.1rem; color: #2a2a2a; height: 25px; padding-right: 1.7rem; margin: 1.5rem 0; } .subscription-plans-wrapper .content-block .params-col .params-list .included-params-block { padding: 1.85rem 0; border-radius: 0 5px 5px 0; background: rgba(225, 115, 0, 0.15); } .subscription-plans-wrapper .content-block .params-col .params-list .included-params-block .param-item { font-weight: 500; } .subscription-plans-wrapper .content-block .params-col .params-list .included-params-block .param-item:first-child { margin-top: 0; } .subscription-plans-wrapper .content-block .params-col .params-list .included-params-block .param-item:last-child { margin-bottom: 0; } .subscription-plans-wrapper .content-block .plans-col { display: flex; } @media screen and (max-width: 1023px) { .subscription-plans-wrapper { padding-top: 9rem; } } .load-wrapper { display: flex; align-items: center; justify-content: center; } .load-wrapper .spinner { animation: rotate 1.5s linear infinite; display: flex; } .load-wrapper .spinner.size { margin-top: 2px; } .load-wrapper .spinner.size svg { width: 13px; height: 13px; } @media screen and (max-width: 624px) { .load-wrapper .spinner.size svg { width: 10px; height: 9px; } } .harb-code-container { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 25%; } .harb-code-container .code-robot { width: 150px; } .harb-code-container .harb-code-main-title { font-size: 1.6rem; font-weight: 600; color: #ff7200; } .harb-code-container .form-text-input { width: 300px; margin-top: 0.5rem; } .harb-code-container .submit-btn { margin-top: 1rem; background-color: #1d1d1e; width: 150px; height: 32px; padding: 0; opacity: 0; transition: opacity 0.3s ease-in-out; } .harb-code-container .submit-btn.show { opacity: 1; } .harb-code-container .submit-btn.disabled { background-color: #c7c7c7; pointer-events: none; } .harb-code-container .submit-btn:hover { background-color: #ff7200; } .harb-code-container .waiting-message { opacity: 0; transition: opacity 0.3s ease-in-out; color: #79d71a; font-weight: 500; } .harb-code-container .waiting-message.show { opacity: 1; } /* Portrait */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .harb-code-container { margin-top: 200px; } } /* Landscape */ @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .harb-code-container { margin-top: 100px; } } @media screen and (max-width: 1023px) { .harb-code-container { margin-top: 100px; } } @media screen and (max-width: 390px) { .harb-code-container { margin-top: 70px; justify-content: flex-start; height: 60em; margin-top: 100px; } .harb-code-container .form-text-input { width: 85%; margin-top: 10px; } .harb-code-container .code-robot { width: 140px; } .harb-code-container .harb-code-main-title { font-size: 1.4rem !important; font-weight: 500; width: 60%; margin-top: 0; } .harb-code-container .submit-btn { width: 35%; height: 27px; font-size: 1.1rem; font-weight: 400; } } @media screen and (width: 360px) { .harb-code-container .harb-code-main-title { font-size: 1.2rem !important; } } @media screen and (max-width: 414px) { .harb-code-container { justify-content: flex-start; height: 70em; } .harb-code-container .harb-code-main-title { font-size: 1.5rem; } } .harb-details-outer-wrapper { width: 100vw; display: flex; justify-content: center; } .harb-details-outer-wrapper .harb-details-container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 449px; font-size: 1.5rem; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper { display: flex; flex-direction: column; align-items: center; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-main-title { font-size: 1.8rem; font-weight: 600; color: #ff7200; margin: 0px; padding: 0px 0px 2px 0px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-sub-title { font-size: 1.8rem; font-weight: 600; color: #1d1d1e; margin: 0px; padding: 0px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle { display: flex; flex-direction: column; align-items: center; width: 100%; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper .checkbox { position: relative; bottom: 45px; right: 372px; z-index: 1; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper .checkbox img.eyeHide { width: 24px; height: 20px; cursor: pointer; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper .checkbox img.eyeShow { width: 24px; height: 15px; cursor: pointer; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .success-text { color: #79d71a; font-weight: 500; font-size: 1.3rem; bottom: 85px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .success-text.hide { display: none; } .harb-details-outer-wrapper .harb-details-container .form-text-input { width: 80%; margin-top: 3rem; } .harb-details-outer-wrapper .harb-details-container .form-text-input.harb-password input { direction: ltr; } .harb-details-outer-wrapper .harb-details-container .form-text-input input { text-align: center; border-color: #a59f9f; } .harb-details-outer-wrapper .harb-details-container .form-text-input .label { text-align: center; width: 100%; } .harb-details-outer-wrapper .harb-details-container .checkbox { align-self: flex-start; margin-bottom: 2rem; } .harb-details-outer-wrapper .harb-details-container .checkbox .label { font-size: 1.5rem; } .harb-details-outer-wrapper .harb-details-container .forgot-password { font-weight: 600; cursor: pointer; font-size: 1.3rem; color: #1d1d1e; margin-top: -9px !important; } .harb-details-outer-wrapper .harb-details-container .forgot-password:hover { color: #FFA800; } .harb-details-outer-wrapper .harb-details-container .login-btn { margin-top: 1rem; background-color: #1d1d1e; width: 150px; height: 32px; padding: 0; } .harb-details-outer-wrapper .harb-details-container .login-btn:hover { background-color: #ff7200; border-color: #ff7200; } .harb-details-outer-wrapper .harb-details-container .login-btn.disabled { background-color: #c7c7c7; pointer-events: none; } .harb-details-outer-wrapper .harb-details-container .login-btn.loading { pointer-events: none; } .harb-details-outer-wrapper .harb-details-container .register-text { margin-top: 1rem; font-size: 1.3rem !important; } .harb-details-outer-wrapper .harb-details-container .register-text .register-btn { cursor: pointer; color: #FFA800; } @media screen and (max-width: 1400px) { .harb-details-outer-wrapper { margin-top: -5px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-robot { width: 110px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-main-title, .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-sub-title { font-size: 1.6rem !important; font-weight: 600 !important; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .identity-input { margin-top: 25px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper { height: 110px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper .form-text-input { margin-top: 25px; margin-bottom: 15px; } .harb-details-outer-wrapper .harb-details-container .register-text { font-size: 1.3rem !important; } } /* Landscape */ @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .harb-details-outer-wrapper { margin-top: 90px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-robot { width: 160px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-main-title, .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-sub-title { font-size: 2rem !important; font-weight: 600 !important; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .identity-input { margin-top: 35px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper { height: 160px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper .form-text-input { margin-top: 45px; margin-bottom: 35px; } .harb-details-outer-wrapper .harb-details-container .register-text { font-size: 1.7rem !important; } } /* Portrait */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .harb-details-outer-wrapper { margin-top: 110px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-robot { width: 160px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-main-title, .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-sub-title { font-size: 2rem !important; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .identity-input { margin-top: 55px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper { height: 160px; } .harb-details-outer-wrapper .harb-details-container .login-btn { margin-top: 1.2rem; margin-bottom: 1.2rem; background-color: #1d1d1e; width: 170px; height: 36px; padding: 0; } .harb-details-outer-wrapper .harb-details-container .register-text { font-size: 1.7rem !important; } } @media screen and (max-height: 1023px) and (orientation: landscape) { .harb-details-outer-wrapper { margin-top: 30px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-robot { width: 110px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-main-title, .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-sub-title { font-size: 1.6rem !important; font-weight: 600 !important; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .identity-input { margin-top: 25px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper { height: 110px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper .form-text-input { margin-top: 25px; margin-bottom: 15px; } .harb-details-outer-wrapper .harb-details-container .register-text { font-size: 1.4rem !important; } } @media screen and (max-width: 1023px) { .harb-details-outer-wrapper { margin-top: 70px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-robot { width: 140px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-main-title, .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-sub-title { font-size: 1.9rem !important; font-weight: 600 !important; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .identity-input { margin-top: 35px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper { height: 130px; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper .form-text-input { margin-top: 35px; margin-bottom: 25px; } .harb-details-outer-wrapper .harb-details-container .register-text { font-size: 1.6rem !important; } } @media screen and (max-width: 624px) { .harb-details-outer-wrapper { margin-top: -20px; } .harb-details-outer-wrapper .harb-details-container { justify-content: flex-start; margin-top: 60px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper { flex-direction: column-reverse !important; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-robot { width: 132px; } .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-main-title, .harb-details-outer-wrapper .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-sub-title { font-size: 1.4rem !important; font-weight: 600 !important; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper .form-text-input { margin-top: 10px; margin-bottom: 0; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .harb-password-wrapper .checkbox { position: relative; bottom: 30px; right: 80% !important; z-index: 1; margin-bottom: 0; } .harb-details-outer-wrapper .harb-details-container .harb-details-middle .identity-input { margin-top: 10px; } .harb-details-outer-wrapper .harb-details-container .login-btn { margin-top: 0; width: 120px; height: 25px; font-size: 1rem; line-height: 0; } .harb-details-outer-wrapper .harb-details-container .forgot-password { font-weight: 600; cursor: pointer; font-size: 1.3rem; color: #1d1d1e; margin: 8px 0 8px 0; } .harb-details-outer-wrapper .harb-details-container .register-text { text-align: center; font-size: 15px !important; font-weight: 600; padding-inline: 1rem; width: 60%; } } @media screen and (max-width: 390px) { .harb-details-container .register-text { font-size: 15px; } } @media screen and (width: 360px) { .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-main-title, .harb-details-container .harb-details-upper .harb-details-title-container .harb-details-sub-title { font-size: 20px !important; } .harb-details-container .register-text { font-size: 12px !important; } } @media screen and (max-width: 414px) { .harb-details-container .register-text { font-size: 15px; } .harb-details-container .forgot-password { margin-top: 1px; } } @media screen and (width: 280px) { .harb-details-container .harb-robot { display: none; } .harb-details-container .harb-details-main-title { font-size: 1.3rem !important; } .harb-details-container .harb-details-sub-title { font-size: 1.3rem !important; } .harb-details-container .register-text { font-size: 12px !important; } } .checkbox { position: relative; } .checkbox .label { display: flex; align-items: center; font-size: 1.2rem; position: relative; font-weight: 500; color: #1d1d1e; } .checkbox .label a { color: #FFA800; } .checkbox .label a:hover { color: #FFA800; } .checkbox .input { position: absolute; opacity: 0; } .checkbox .input + label { cursor: pointer; } .checkbox .input + label:after { opacity: 0; } .checkbox .input + label:before { content: ''; margin-left: 0.75rem; display: inline-block; vertical-align: text-top; min-width: 2rem; width: 2rem; height: 2rem; border: 2px solid rgba(42, 42, 42, 0.3); border-radius: 0.3rem; transition: border 0.3s ease-in-out; } .checkbox .input:hover + label:before { border: 2px solid #FFA800; } .checkbox .input:focus + label:before { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12); } .checkbox .input:checked + label:before { border: 2px solid #FFA800; background: #FFA800; } .checkbox .input:disabled + label { color: #e5e5e5; cursor: auto; } .checkbox .input:disabled + label:before { box-shadow: none; background: #e5e5e5; } .checkbox .input + label:after { content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTggMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+U2hhcGU8L3RpdGxlPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9ImNoZWNrYm94L2NoZWNrZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjAwMDAwMCwgLTUuMDAwMDAwKSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwxNS4xNTAyMTk4IEw3LjU2OTUyOTY1LDE4LjQxNTY0OTYgQzcuODUwMTA4NTYsMTguNzcxOTcyNSA4LjI4NTg3OTY2LDE4Ljk4Njg5ODMgOC43NTMxNTA4OCwxOC45OTk0MjEyIEM5LjIyMDQyMjExLDE5LjAxMTk0NDEgOS42NjgxNzgxOCwxOC44MjA2OTY4IDkuOTY5MzI1MTUsMTguNDc5OTY0MyBMMjEsNiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); height: 1.6rem; width: 1.6rem; background-size: 90% 90%; background-repeat: no-repeat; background-position: center -10%; font-size: 2rem; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0.3rem; opacity: 0; transition: opacity 0.3s ease-in-out; } .checkbox .input:checked + label:after { opacity: 1; } .add-relative-step-1 { width: 52rem; position: relative; } .add-relative-step-1 .age_new_type { position: absolute; color: #ff1414; bottom: 64px; left: 0; right: 0; margin: 0 auto; } .add-relative-step-1 .form-row { display: flex; flex-direction: row; justify-content: space-between; width: 90%; margin: 0 auto; } .add-relative-step-1 .form-row .form-text-input { width: 45%; height: 100%; } .add-relative-step-1 .add-relative-birthday, .add-relative-step-1 .add-relative-identity-date { width: 45%; height: 100%; margin: 2.2rem 0; } .add-relative-step-1 .add-relative-birthday.active .label, .add-relative-step-1 .add-relative-identity-date.active .label { top: -1rem; font-size: 1rem; } .add-relative-step-1 .add-relative-birthday .label, .add-relative-step-1 .add-relative-identity-date .label { position: absolute; top: 35%; right: 0; color: #2a2a2a; font-size: 1.2rem; opacity: 0.4; font-family: 'Rubik', sans-serif; font-weight: 600; transition: all 0.3s ease-in-out; cursor: text; z-index: 1; } .add-relative-step-1 .add-relative-birthday input, .add-relative-step-1 .add-relative-identity-date input { text-align: right; width: 100%; outline: none; padding: 1rem 0.2rem; background: none; font-family: 'Rubik', sans-serif; font-size: 1.5rem; caret-color: #FFA800; border: none; border-bottom: 1px solid rgba(42, 42, 42, 0.2); color: #2a2a2a; border-radius: 0; font-weight: 600; } .add-relative-step-1 .add-relative-birthday input::placeholder, .add-relative-step-1 .add-relative-identity-date input::placeholder { color: transparent; } .add-relative-step-1 .add-relative-identity-date { width: 100%; } .add-relative-step-1 .border-btn.hide { opacity: 0; } .add-relative-step-1 .footer-button_block { margin: 2em auto; } .add-relative-step-1 .footer-button_block .border_btn { width: 136px; height: 35px; padding: unset; border-radius: 30px; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-size: 13px; font-weight: 500; color: #fff; translate: 0 12px; } .add-relative-step-1 .footer-button_block .border_btn.hide { opacity: 0; } @media screen and (max-width: 624px) { .add-relative-step-1 { width: 100%; } .add-relative-step-1 .age_new_type { bottom: 29px; font-size: 10px; } .add-relative-step-1 .form-row { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .add-relative-step-1 .form-row .form-text-input, .add-relative-step-1 .form-row .form-date-input { width: 65%; height: 100%; margin: .6em 0; } .add-relative-step-1 .form-row .form-text-input .label, .add-relative-step-1 .form-row .form-date-input .label { font-size: 1rem; } .add-relative-step-1 .form-row .form-text-input input, .add-relative-step-1 .form-row .form-date-input input { text-align: right; width: 100%; outline: none; padding: 1rem 0.2rem; background: none; font-family: 'Rubik', sans-serif; font-size: 1.3rem; caret-color: #FFA800; border: none; border-bottom: 1px solid rgba(42, 42, 42, 0.2); color: #2a2a2a; border-radius: 0; font-weight: 600; } .add-relative-step-1 .form-row .form-text-input input::placeholder, .add-relative-step-1 .form-row .form-date-input input::placeholder { color: transparent; } .add-relative-step-1 .form-row .form-text-input .error-msg, .add-relative-step-1 .form-row .form-date-input .error-msg { font-size: .6rem; } .add-relative-step-1 .footer-button_block { margin: 1em auto; } .add-relative-step-1 .footer-button_block .border_btn { font-size: 12px; width: 90px; height: 25px; } } @media screen and (max-width: 624px) { .add-relative-step-1 { width: 100%; } } .hmo-sa-grid { display: flex; flex-wrap: wrap; justify-content: center; width: 648px; margin: 2rem auto 0 auto; z-index: 2; } .hmo-sa-grid .hmo_item { border-left: 1px solid #c1bdbd; width: 33.3%; height: 4.5em; display: flex; flex-direction: row; justify-content: center; } .hmo-sa-grid .hmo_item:nth-child(3) { border-left: none; } .hmo-sa-grid .hmo_item:nth-child(6) { border-left: none; } .hmo-sa-grid .hmo_item.hmo_border { width: 597.9px; height: 1px; background-color: #c1bdbd; margin: 1rem 0; } .hmo-sa-grid .hmo_item .wrap { width: 157.8px; height: 48.7px; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 5px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.19); } .hmo-sa-grid .hmo_item .wrap.hmo_border { display: none; } .hmo-sa-grid .hmo_item .wrap:hover { transform: scale(1.01); } .hmo-sa-grid .hmo_item .wrap:hover.hmo_132 { box-shadow: 0 3px 10px 0 rgba(0, 73, 117, 0.5); } .hmo-sa-grid .hmo_item .wrap:hover.hmo_125 { box-shadow: 0 3px 10px 0 rgba(13, 177, 75, 0.5); } .hmo-sa-grid .hmo_item .wrap:hover.hmo_135 { box-shadow: 0 3px 10px 0 rgba(13, 97, 174, 0.5); } .hmo-sa-grid .hmo_item .wrap:hover.hmo_143 { box-shadow: 0 3px 10px 0 rgba(0, 155, 223, 0.5); } .hmo-sa-grid .hmo_item .wrap:hover.hmo_142 { box-shadow: 0 3px 10px 0 rgba(28, 93, 142, 0.5); } .hmo-sa-grid .hmo_item .wrap.active.hmo_132 { box-shadow: 0 3px 10px 0 rgba(0, 73, 117, 0.5); } .hmo-sa-grid .hmo_item .wrap.active.hmo_125 { box-shadow: 0 3px 10px 0 rgba(13, 177, 75, 0.5); } .hmo-sa-grid .hmo_item .wrap.active.hmo_135 { box-shadow: 0 3px 10px 0 rgba(13, 97, 174, 0.5); } .hmo-sa-grid .hmo_item .wrap.active.hmo_143 { box-shadow: 0 3px 10px 0 rgba(0, 155, 223, 0.5); } .hmo-sa-grid .hmo_item .wrap.active.hmo_142 { box-shadow: 0 3px 10px 0 rgba(28, 93, 142, 0.5); } .hmo-sa-grid .hmo_item .wrap .hmo-name { font-size: 18px; font-weight: 500; border: 1px solid black; width: 95%; height: 80%; border-radius: 5px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .hmo-sa-grid .hmo_item .wrap .hmo-name.active { background-color: #ede8e8; } .hmo-sa-grid .hmo_item .wrap .hmo-name.hmo_132 { color: #004975; border-color: #004975; box-shadow: 0px 0px 0px -5px rgba(0, 0, 0, 0.4); } .hmo-sa-grid .hmo_item .wrap .hmo-name.hmo_125 { color: #0db14b; border-color: #0db14b; box-shadow: 0px 0px 0px -5px rgba(0, 0, 0, 0.4); } .hmo-sa-grid .hmo_item .wrap .hmo-name.hmo_135 { color: #0d61ae; border-color: #0d61ae; box-shadow: 0px 0px 0px -5px rgba(0, 0, 0, 0.4); } .hmo-sa-grid .hmo_item .wrap .hmo-name.hmo_143 { color: #009bdf; border-color: #009bdf; box-shadow: 0px 0px 0px -5px rgba(0, 0, 0, 0.4); } .hmo-sa-grid .hmo_item .wrap .hmo-name.hmo_142 { color: #1c5d8e; border-color: #1c5d8e; box-shadow: 0px 0px 0px -5px rgba(0, 0, 0, 0.4); } @media screen and (max-width: 624px) { .hmo-sa-grid { margin: 1rem auto 0 auto; width: 95%; } .hmo-sa-grid .hmo_item { height: 3em; } .hmo-sa-grid .hmo_item.hmo_border { margin: 0.7rem 0; } .hmo-sa-grid .hmo_item .wrap { height: 40px; width: 100px; } .hmo-sa-grid .hmo_item .wrap .hmo-name { font-size: 14px; } } .slider-component-outer-wrapper { display: flex; flex-direction: column; align-items: center; } .slider-component-outer-wrapper .slider-component { z-index: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; } .slider-component-outer-wrapper .slider-component .slider-component-inner-wrapper { overflow: hidden; z-index: 0; } .slider-component-outer-wrapper .slider-component .slider-component-inner-wrapper.center { display: flex; justify-content: center; } .slider-component-outer-wrapper .slider-component .slider-component-inner-wrapper .slider-component-slider { display: flex; flex-wrap: wrap; transition: all ease-in-out 0.5s; margin: 0; } .slider-component-outer-wrapper .slider-component.center { justify-content: center; } .slider-component-outer-wrapper .slider-component.center .slider-component-inner-wrapper .slider-component-slider { justify-content: center; } .slider-component-outer-wrapper .slider-component .slider-component-right-button, .slider-component-outer-wrapper .slider-component .slider-component-left-button { color: black; background-color: transparent; font-size: 22px; font-weight: 200; padding: unset; } .slider-component-outer-wrapper .slider-component .slider-component-right-button:hover svg, .slider-component-outer-wrapper .slider-component .slider-component-left-button:hover svg { filter: invert(54%) sepia(27%) saturate(7271%) hue-rotate(0deg) brightness(102%) contrast(106%); } .slider-component-outer-wrapper .slider-component .slider-component-left-button { margin: 0 0 0 12px; } .slider-component-outer-wrapper .slider-component .slider-component-right-button { transform: rotate(180deg); margin: 0 12px 0 0; } .slider-component-outer-wrapper .slider-component-progress-circles { display: flex; margin-top: 20px; } .slider-component-outer-wrapper .slider-component-progress-circles .slider-component-progress-single-circle { width: 7px; height: 7px; margin-inline: 2px; border-radius: 5px; background-color: black; } .slider-component-outer-wrapper .slider-component-progress-circles .slider-component-progress-single-circle.active { background-color: #fd7200; } .hmo-plan-picker-wrapper { display: flex; flex-direction: column; } .hmo-plan-picker-wrapper .scroller-wrapper .scroller { display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: center; width: 80%; } .hmo-plan-picker-wrapper .scroller-wrapper .scroller .plan-card-block { width: 147px; height: 92px; background-size: contain; background-repeat: no-repeat; border-radius: 15px; transition: 0.3s ease-out; display: flex; align-items: flex-end; align-self: center; margin: 1rem; overflow: hidden; cursor: pointer; } .hmo-plan-picker-wrapper .scroller-wrapper .scroller .plan-card-block .chosen-card { width: 100%; height: 44%; border-radius: 16px; display: flex; justify-content: center; align-items: center; flex-direction: row-reverse; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzAiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCAyNzAgNjgiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBmaWxsPSIjRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMTQ2LjMzM0w4NC43NSAxNjkgMjcwIDE0Ni4zMzMgMjcwIDEwMSAwIDEwMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEwMSkgcm90YXRlKDE4MCAxMzUgMTM1KSIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==); background-size: contain; transform: translateY(100%); transition: 0.2s ease-out; background-repeat: no-repeat; } .hmo-plan-picker-wrapper .scroller-wrapper .scroller .plan-card-block .chosen-card .checkmark { font-size: 1.5rem; color: white; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: 50rem; margin-left: 1rem; background: #FFA800; transition: 0.3s ease-in-out; } .hmo-plan-picker-wrapper .scroller-wrapper .scroller .plan-card-block .chosen-card .chosen-card-text { font-size: 1.3rem; font-weight: 500; color: #2a2a2a; } .hmo-plan-picker-wrapper .scroller-wrapper .scroller .plan-card-block img { width: 100%; height: 100%; } .hmo-plan-picker-wrapper .scroller-wrapper .scroller .plan-card-block.active { transform: translateY(-5%); box-shadow: inset 0px 0px 0px 8px #fff, 0 10px 20px -5px rgba(0, 0, 0, 0.4); } .hmo-plan-picker-wrapper .scroller-wrapper .scroller .plan-card-block.active .chosen-card { transform: translateY(0); } .hmo-plan-picker-wrapper .no-plan-btn { margin-top: 2.5rem; display: block; background: none; border: none; color: #FFA800; text-decoration: underline; font-weight: 500; font-size: 1.2rem; } @media screen and (max-height: 850px) { .hmo-plan-picker-wrapper .no-plan-btn { margin: 1.5rem auto; } } @media screen and (max-width: 624px) { .hmo-plan-picker-wrapper { width: 100%; } .hmo-plan-picker-wrapper .no-plan-btn { font-size: 12px; margin: 0 auto; } } .plan-card-block { width: 147px; height: 92px; background-size: contain; background-repeat: no-repeat; border-radius: 15px; transition: 0.3s ease-out; display: flex; align-items: flex-end; align-self: center; margin: 1rem; overflow: hidden; cursor: pointer; } .plan-card-block .chosen-card { width: 100%; height: 44%; border-radius: 16px; display: flex; justify-content: center; align-items: center; flex-direction: row-reverse; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzAiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCAyNzAgNjgiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBmaWxsPSIjRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMTQ2LjMzM0w4NC43NSAxNjkgMjcwIDE0Ni4zMzMgMjcwIDEwMSAwIDEwMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEwMSkgcm90YXRlKDE4MCAxMzUgMTM1KSIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==); background-size: contain; transform: translateY(100%); transition: 0.2s ease-out; background-repeat: no-repeat; } .plan-card-block .chosen-card .checkmark { font-size: 1.5rem; color: white; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: 50rem; margin-left: 1rem; background: #FFA800; transition: 0.3s ease-in-out; } .plan-card-block .chosen-card .chosen-card-text { font-size: 1.3rem; font-weight: 500; color: #2a2a2a; } .plan-card-block img { width: 100%; height: 100%; } .plan-card-block.active { transform: translateY(-5%); box-shadow: inset 0px 0px 0px 8px #fff, 0 10px 20px -5px rgba(0, 0, 0, 0.4); } .plan-card-block.active .chosen-card { transform: translateY(0); } .add-family-step5 { width: 100%; } .main_title_ { font-size: 20px; color: #ff7300; margin: 60px 0 20px 0; font-weight: bold; } .hmo-sa-grid .hmo-item .hmo-name { padding: 0.5rem; } .hmo-sa-grid .hmo-item .hmo-name:hover { transition: all 0.2s ease; transform: scale(1.2, 1.2); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .hmo-plan-popup-footer .border_btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-size: 13px; } .hmo-plan-popup-footer .border_btn.hide { display: none; } .none { display: none; } @media screen and (max-width: 624px) { .main_title_ { font-size: 15px; margin: 30px 0 10px 0; } .hmo-plan-popup-footer .border_btn { font-size: 10px; } } .send-signature-container { height: 100%; width: 100%; color: #1d1d1e; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 4rem; } .send-signature-container .title { margin: 0; margin-bottom: 1rem; font-weight: bold; font-size: 2rem; color: #FFA800; } .send-signature-container .signature-text { font-size: 1.5rem; } .send-signature-container .send-btn { margin-top: 2rem; padding: 0px 24px; min-height: 34px; min-width: 142px; } .send-signature-container .send-btn .load-wrapper { display: flex; align-items: center; justify-content: center; } .send-signature-container .send-btn .load-wrapper .spinner { animation: rotate 1.5s linear infinite; } .send-signature-container .send-btn.unclickable { pointer-events: none; } .send-signature-container .floating-triangles { margin-top: 3rem; } .harb-step-1 .button-block { width: 20rem; display: flex; justify-content: space-between; margin: 2rem auto 0; } .harb-step-1 .button-block .border-btn.active { background-color: orange; } .harb-step-1 .footer-button-block.test { margin-top: 1rem; } .captcha-sa .captcha-code { margin: 2rem 0; } .captcha-sa .captcha-code .img { display: flex; } .captcha-sa .captcha-code .img .loader { margin: 0 auto; } .captcha-sa .captcha-code .img .btns { margin-right: 1rem; } .captcha-sa .captcha-code .img .btns a { display: block; background: none; border: none; color: #ff7300; text-decoration: underline; font-weight: 500; font-size: 1.2rem; } .captcha-sa .code-input { margin: 0 auto; position: relative; width: 100%; } .captcha-sa .code-input .label { width: 100%; text-align: center; } .captcha-sa .code-input input, .captcha-sa .code-input .error-msg { text-align: center !important; } .captcha-sa .captcha-black-btn { margin: 2rem auto; width: fit-content !important; padding-right: 1rem; padding-left: 1rem; font-size: 1.2rem; font-weight: 500; display: block; background: #1d1d1e; border: none; transition: 0.2s ease-in-out; } .captcha-sa .captcha-black-btn:hover { background: #FFA800; } .captcha-sa .captcha-black-btn.hide { opacity: 0; pointer-events: none; cursor: default; } .popup-wrapper.visible.addRelative .popup-box { width: fit-content; height: max-content; min-height: unset; min-width: unset; border-radius: 24px; box-shadow: 0 3px 34px 0 rgba(0, 0, 0, 0.13); } @media screen and (max-width: 1600px) { .popup-wrapper.visible.addRelative .popup-box { width: fit-content; height: max-content; } } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content { display: flex; justify-content: center; align-items: center; width: 75em; height: 57em; padding: 0; display: flex; position: relative; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content.hmo_wrap { width: 68em; height: unset; min-height: 43em; padding: 3rem 2rem 2rem 2rem; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .down_right, .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .up_left, .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .down_left, .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .close_icon { position: absolute; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .close_icon { top: 40.5px; right: 44px; width: 16.5px; height: 16.5px; cursor: pointer; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .close_icon { top: 25.5px; right: 29px; } } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .up_left { width: 241.8px; height: 156.3px; top: 0; left: 0; z-index: 1; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .up_left { width: 184.8px; height: 140.3px; } } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .down_left { width: 150.7px; height: 238.3px; bottom: 0; left: 0; z-index: 1; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .down_left { width: 112.7px; height: 205.3px; } } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .down_right { width: 222.4px; height: 282.3px; bottom: 0; right: 0; z-index: 1; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .down_right { width: 205.4px; height: 179.3px; } } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content.hmo_wrap { width: 68em; height: unset; min-height: 43em; padding: 3rem 2rem 2rem 2rem; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col { width: 100%; display: flex; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .arrow_back { width: 25px; height: 25px; margin-bottom: 27px; cursor: pointer; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .main-title { font-size: 30px; font-weight: bold; color: #fd7200; margin: unset; z-index: 2; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .main-title.text_size { font-size: 24px; font-weight: 500; margin-bottom: 10px; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .main-title { font-size: 25px; } } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .minor-title { font-size: 23px; font-weight: normal; text-align: center; color: #46433f; margin: 10px 0 0 0; z-index: 2; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .minor-title { font-size: 17px; } } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container { display: flex; align-items: flex-start; padding-left: 40px; margin-top: 30px; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-label { font-size: 16px; font-weight: 500; margin: 10px 0 0 15px; color: #2a2a2a; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-inner { display: flex; flex-direction: column; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-inner .hmo-plan-father-oval { height: 39px; padding: 10px; width: 295px; border-radius: 19px; background-color: #ffffff; box-shadow: 0 3px 20px 2px #d7ddef; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-inner .hmo-plan-father-oval .form-text-input { margin: 0; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-inner .hmo-plan-father-oval .form-text-input.active::after { display: none; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-inner .hmo-plan-father-oval .form-text-input .label { display: none; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-inner .hmo-plan-father-oval .form-text-input input { padding: 3px 0 0 0; border-bottom: none; font-size: 15px; font-weight: 400; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-inner .hmo-plan-father-explain-text { margin: 10px 0 0 22px; color: #2a2a2a; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .main_title_ { margin-top: 40px; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-picker-wrapper .no-plan-btn { margin-top: 1.5rem; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container { margin-top: 26px; } } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .error-text { font-size: 1rem; display: block; margin: 1rem auto; color: #ff2020; font-weight: 500; transition: 0.2s ease-in-out; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .error-text.hide { opacity: 0; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .border-btn { margin: 0 0.5rem; width: 8rem; height: 2.5rem; font-weight: 600; padding: unset; background: none; border: 2px solid #FFA800; text-align: center; color: black; transition: 0.2s ease-in-out; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .border-btn:hover, .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .border-btn.selected { background: black; border-color: black; color: #fff; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .border-btn.active { border-color: #FFA800; background: #FFA800; color: #fff; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .step-back-btn { background: none; border: none; transform: rotate(-90deg); margin: 0 auto; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .step-back-btn svg { width: 25px !important; height: 25px !important; transition: 0.2s; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .step-back-btn svg g g { transition: 0.2s; stroke: #2a2a2a; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .step-back-btn svg:hover g g { stroke: #FFA800; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .footer-button-block { width: 20rem; display: flex; justify-content: center; align-items: center; align-self: center; margin: 2rem auto 0; } @media screen and (max-width: 624px) { .popup-wrapper.visible.addRelative .popup-box { min-height: 45em; width: 98vw; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content { min-height: 45em; height: unset; width: 100%; top: unset; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content.hmo_wrap { width: 100%; padding: unset; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .down_right { width: 130.8px; height: 110.3px; bottom: 0; right: 0; display: none; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .up_left { width: 130.8px; height: 110.3px; top: 0; left: 0; display: none; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .down_left { width: 100.8px; height: 120.3px; bottom: 0; left: 0; display: none; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .close_icon { width: 13px; height: 13px; top: 20px; right: 20px; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content { width: 100%; margin: unset; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .arrow_back { width: 20px; height: 20px; margin-bottom: 15px; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .main-title { font-size: 16px; margin: 0 0 0 0; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .main-title.text_size { font-size: 18px; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .minor-title { font-size: 12px; margin: 2px 0 0 0; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .border-btn { width: 6rem; height: 2rem; font-size: 1rem; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container { margin-top: 20px; margin-bottom: 10px; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-label { font-size: 14px; margin: 10px 0 0 15px; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-inner .hmo-plan-father-oval { width: 250px; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .left_col .col_content .hmo-plan-father-container .hmo-plan-father-inner .hmo-plan-father-explain-text { margin: 6px 0 0 22px; } .popup-wrapper.visible.addRelative .popup-box .add-relative-popup-content .footer-button-block { margin: 0 auto 0; } } .slider-container { width: 100vw; } .slider-container .swiper-container { padding: 2rem 0 3rem; } .slider-container .swiper-container .swiper-pagination { bottom: -5px; } .slider-container .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px; } .slider-container .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #FFA800; } .slider-container .swiper-container .swiper-wrapper .swiper-slide { width: 100% !important; } .slider-container .swiper-container .swiper-wrapper .swiper-slide .subscripion-plan-wrapper { min-width: 290px; width: 80%; margin: 0 auto; } .popup-wrapper.agentClientSubs .popup-box { min-width: 30vw; width: initial; } .subscription-plans-wrapper-popup { max-height: 80vh; overflow-y: auto; height: initial; background: white; padding-top: 2rem; padding-bottom: 2rem; display: flex; justify-content: center; } .subscription-plans-wrapper-popup .content-block { display: flex; max-width: 1170px; } .subscription-plans-wrapper-popup .content-block .params-col { min-width: 270px; } .subscription-plans-wrapper-popup .content-block .params-col .sub-plans-title { color: #FFA800; font-size: 3.8rem; margin: 2.3rem 0 10.6rem 0; line-height: 1; text-align: right; padding-right: 1.7rem; } .subscription-plans-wrapper-popup .content-block .params-col .params-list { margin: 0; } .subscription-plans-wrapper-popup .content-block .params-col .params-list .param-item { font-size: 1.1rem; color: #2a2a2a; height: 25px; padding-right: 1.7rem; margin: 1.5rem 0; } .subscription-plans-wrapper-popup .content-block .params-col .params-list .included-params-block { padding: 1.85rem 0; border-radius: 0 5px 5px 0; background: rgba(225, 115, 0, 0.15); } .subscription-plans-wrapper-popup .content-block .params-col .params-list .included-params-block .param-item { font-weight: 500; } .subscription-plans-wrapper-popup .content-block .params-col .params-list .included-params-block .param-item:first-child { margin-top: 0; } .subscription-plans-wrapper-popup .content-block .params-col .params-list .included-params-block .param-item:last-child { margin-bottom: 0; } .subscription-plans-wrapper-popup .content-block .plans-col { display: flex; height: 82rem; } .subscription-plans-wrapper-popup .content-block .plans-col .subscripion-plan-wrapper { height: 80rem; } @media screen and (max-width: 1024px) { .agentClientSubs .popup-box .mobile-divider { background: white; } .agentClientSubs .popup-box .popup-content { top: 0; height: 85vh; padding-bottom: 2rem; } .agentClientSubs .popup-box .popup-content .slider-container { width: 65vw; } .agentClientSubs .popup-box .popup-content .slider-container .swiper-container .swiper-pagination { margin-bottom: 1rem; } .agentClientSubs .popup-box .plans-col .subscripion-plan-wrapper { width: 70% !important; height: 88rem !important; } } @media screen and (max-width: 624px) { .popup-wrapper.agentClientSubs .popup-box { width: 100vw; height: 100vh; } .popup-wrapper.agentClientSubs .popup-box .popup-content { height: 100vh; max-height: 100vh; overflow-y: auto; } .popup-wrapper.agentClientSubs .popup-box .popup-content .slider-container { width: 98vw; } .popup-wrapper.agentClientSubs .popup-box .popup-content .slider-container .swiper-container .swiper-pagination { margin-bottom: 1rem; } .popup-wrapper.agentClientSubs .popup-box .plans-col .subscripion-plan-wrapper { width: 80% !important; height: 88rem !important; } .subscription-plans-wrapper-popup { padding-top: 4rem; max-height: initial; overflow-y: initial; } .subscription-plans-wrapper-popup .slider-container { width: 98.5vw; width: 100%; } } .popup-wrapper .popup-box .popup-content.reg-client-popup-content { width: 60vw; height: 90vh !important; padding: 0; display: flex; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col { height: 100%; position: relative; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.right-col { width: 45%; background: url(/_next/static/images/reg-robot-d64ddcf14411e43140f9d281a769e68d.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 0 5px 5px 0; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col { width: 55%; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .divider { height: 100%; width: 7rem; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzkuMDYgMTkyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiNmZjczMDA7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggaWQ9ImNid3U5MXJkM2EiIGNsYXNzPSJjbHMtMSIgZD0iTTk0NC4zNi05MTUsMTAwNS00NzIuMzMsOTA1LjM4LDEwMDVIODY1Ljk0Vi05MTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODY1Ljk0IDkxNSkiLz48L2c+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNOTEwLjY0LDkyN2wtMjUuMzktMTMyLjEsNDUuODEtMTcwLjc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg2NS45NCA5MTUpIi8+PC9nPjwvc3ZnPg==); background-size: contain; background-repeat: no-repeat; position: absolute; right: -6rem; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 70%; margin: 10rem auto 0; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content .error-text { font-size: 1rem; display: block; margin: 1rem auto; color: #ff2020; font-weight: 500; transition: 0.2s ease-in-out; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content .error-text.hide { opacity: 0; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content .border-btn { margin: 0 0.5rem; width: 15rem; font-weight: 600; background: none; border: 2px solid #FFA800; color: black; transition: 0.2s ease-in-out; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content .border-btn:hover, .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content .border-btn.selected { background: black; border-color: black; color: #fff; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content .step-back-btn { background: none; border: none; transform: rotate(-90deg); margin: 1rem 0 2rem; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content .step-back-btn svg { width: 25px !important; height: 25px !important; transition: 0.2s; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content .step-back-btn svg g g { transition: 0.2s; stroke: #2a2a2a; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .col.left-col .col-content .step-back-btn svg:hover g g { stroke: #FFA800; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .footer-button-block { width: 20rem; display: flex; justify-content: center; align-items: center; align-self: center; margin: 2rem auto 0; } @media screen and (max-width: 624px) { .popup-wrapper .popup-box .popup-content.reg-client-popup-content .right-col { display: none; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .left-col { width: 100% !important; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .left-col .divider { display: none; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .left-col .col-content { margin: 5rem auto 0; width: 95%; } .popup-wrapper .popup-box .popup-content.reg-client-popup-content .left-col .col-content .harbreg-step { width: 90%; } } @media screen and (min-width: 1280px) and (max-height: 700px) { .popup-wrapper .popup-box .popup-content .col.left-col .col-content { margin: 7rem auto !important; } } @media screen and (max-height: 624px) and (orientation: landscape) { .popup-wrapper .popup-box .popup-content .col.left-col { max-height: 300px; overflow-y: auto; } .popup-wrapper .popup-box .popup-content .col.left-col .col-content { width: 80%; margin: 1rem auto !important; } } .content_list_wrapper, .content_list_wrapper_agent { display: flex; flex-direction: row; align-items: center; box-sizing: content-box; min-height: 65px; width: 98%; border-style: none none dashed none; border-width: 1px; border-color: #d0d0d0; } .content_list_wrapper:last-child, .content_list_wrapper_agent:last-child { border: none; } .content_list_wrapper .content_family_row, .content_list_wrapper_agent .content_family_row { display: flex; flex-direction: row; align-items: center; height: 50px; width: 100%; border-radius: 2rem; transition: background-color 0.8s ease-out; } .content_list_wrapper .content_family_row:hover, .content_list_wrapper_agent .content_family_row:hover { background-color: #f9f6f1; cursor: pointer; } .content_list_wrapper .content_family_row .family_info, .content_list_wrapper_agent .content_family_row .family_info { display: flex; flex-direction: row; align-items: center; width: 92%; position: relative; } .content_list_wrapper .content_family_row .family_info .parentImg, .content_list_wrapper .content_family_row .family_info .coupleImg, .content_list_wrapper .content_family_row .family_info .childImg, .content_list_wrapper_agent .content_family_row .family_info .parentImg, .content_list_wrapper_agent .content_family_row .family_info .coupleImg, .content_list_wrapper_agent .content_family_row .family_info .childImg { margin: 0 10px 0 16px; } .content_list_wrapper .content_family_row .family_info .family_name_title, .content_list_wrapper_agent .content_family_row .family_info .family_name_title { font-weight: 400; font-size: 16px; color: #676767; text-align: right; width: 33%; } .content_list_wrapper .content_family_row .family_info .family_name_title::after, .content_list_wrapper_agent .content_family_row .family_info .family_name_title::after { content: attr(data-text); } .content_list_wrapper .content_family_row .family_info .family_type, .content_list_wrapper_agent .content_family_row .family_info .family_type { font-weight: 400; font-size: 16px; color: #676767; width: 22%; text-align: right; } .content_list_wrapper .content_family_row .family_info .family_type::after, .content_list_wrapper_agent .content_family_row .family_info .family_type::after { content: attr(data-text); } .content_list_wrapper .content_family_row .family_info .member_birthday, .content_list_wrapper_agent .content_family_row .family_info .member_birthday { display: flex; flex-direction: row; align-items: center; } .content_list_wrapper .content_family_row .family_info .member_birthday .birthday_title, .content_list_wrapper_agent .content_family_row .family_info .member_birthday .birthday_title { font-weight: 400; font-size: 15px; color: #676767; margin-right: 5px; } .content_list_wrapper .content_family_row .family_info .sub_status, .content_list_wrapper_agent .content_family_row .family_info .sub_status { display: flex; flex-direction: row; position: relative; margin: 2px 0 0 5px; } .content_list_wrapper .content_family_row .family_info .sub_status .no_allowed, .content_list_wrapper_agent .content_family_row .family_info .sub_status .no_allowed { visibility: hidden; position: absolute; font-weight: 500; font-size: 12px; color: #ff1f1f; width: max-content; top: 1.35rem; } .content_list_wrapper .content_family_row .family_info .sub_status .no_allowed.vision, .content_list_wrapper_agent .content_family_row .family_info .sub_status .no_allowed.vision { visibility: visible; } .content_list_wrapper .content_family_row .family_info .sub_status .checkbox_family, .content_list_wrapper_agent .content_family_row .family_info .sub_status .checkbox_family { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 16px; height: 17px; outline: #bebebe solid 1px; border-radius: 0.3rem; margin-left: 2px; } .content_list_wrapper .content_family_row .family_info .sub_status .checkbox_family.taken, .content_list_wrapper_agent .content_family_row .family_info .sub_status .checkbox_family.taken { background-color: #ff7300; outline: unset; } .content_list_wrapper .content_family_row .family_info .sub_status .checkbox_family.grey, .content_list_wrapper_agent .content_family_row .family_info .sub_status .checkbox_family.grey { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) backwards; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } 20%, 80% { transform: translate3d(2px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } 40%, 60% { transform: translate3d(4px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } } .content_list_wrapper .content_family_row .family_info .sub_status .sub_status_icon.hidden, .content_list_wrapper_agent .content_family_row .family_info .sub_status .sub_status_icon.hidden { display: none; } .content_list_wrapper .content_family_row .family_info .sub_status:hover .tool_info, .content_list_wrapper .content_family_row .family_info .sub_status:hover .tool_title, .content_list_wrapper .content_family_row .family_info .sub_status:hover .select_info, .content_list_wrapper_agent .content_family_row .family_info .sub_status:hover .tool_info, .content_list_wrapper_agent .content_family_row .family_info .sub_status:hover .tool_title, .content_list_wrapper_agent .content_family_row .family_info .sub_status:hover .select_info { display: block; } .content_list_wrapper .content_family_row .family_info .sub_status .tool_title, .content_list_wrapper .content_family_row .family_info .sub_status .tool_info, .content_list_wrapper .content_family_row .family_info .sub_status .select_info, .content_list_wrapper_agent .content_family_row .family_info .sub_status .tool_title, .content_list_wrapper_agent .content_family_row .family_info .sub_status .tool_info, .content_list_wrapper_agent .content_family_row .family_info .sub_status .select_info { position: absolute; display: none; font-weight: 400; font-size: 10px; color: #676767; } .content_list_wrapper .content_family_row .family_info .sub_status .tool_title::after, .content_list_wrapper .content_family_row .family_info .sub_status .tool_info::after, .content_list_wrapper .content_family_row .family_info .sub_status .select_info::after, .content_list_wrapper_agent .content_family_row .family_info .sub_status .tool_title::after, .content_list_wrapper_agent .content_family_row .family_info .sub_status .tool_info::after, .content_list_wrapper_agent .content_family_row .family_info .sub_status .select_info::after { content: attr(data-text); } .content_list_wrapper .content_family_row .family_info .sub_status .tool_title, .content_list_wrapper_agent .content_family_row .family_info .sub_status .tool_title { left: 37px; bottom: -2px; line-height: normal; width: 40px; } .content_list_wrapper .content_family_row .family_info .sub_status .tool_title.add_click, .content_list_wrapper_agent .content_family_row .family_info .sub_status .tool_title.add_click { right: -5.3rem; bottom: -3px; width: 45px; } .content_list_wrapper .content_family_row .family_info .sub_status .tool_info, .content_list_wrapper .content_family_row .family_info .sub_status .select_info, .content_list_wrapper_agent .content_family_row .family_info .sub_status .tool_info, .content_list_wrapper_agent .content_family_row .family_info .sub_status .select_info { left: 20px; top: -15px; height: 46px; width: 70px; } .content_list_wrapper .content_family_row .family_info .sub_status .select_info, .content_list_wrapper_agent .content_family_row .family_info .sub_status .select_info { bottom: -45px; right: -74px; } .content_list_wrapper .content_family_row .family_settings, .content_list_wrapper_agent .content_family_row .family_settings { display: flex; flex-direction: row; align-items: center; } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap { position: relative; margin-left: 15px; display: flex; flex-direction: row; align-items: center; } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap.hidden, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap.hidden { visibility: hidden; } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap:hover .tool_edit, .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap:hover .tool_title, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap:hover .tool_edit, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap:hover .tool_title { display: block; } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap .tool_title, .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap .tool_edit, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap .tool_title, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap .tool_edit { position: absolute; display: none; font-weight: 400; font-size: 10px; color: #676767; line-height: normal; } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap .tool_title::after, .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap .tool_edit::after, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap .tool_title::after, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap .tool_edit::after { content: attr(data-text); } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap .tool_title, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap .tool_title { right: -7px; bottom: -30px; } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap .tool_title.graph, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap .tool_title.graph { right: -18px; bottom: -36px; } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap .tool_title.docs, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap .tool_title.docs { right: -16px; bottom: -30px; } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap .tool_edit, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap .tool_edit { right: -28px; bottom: -45px; height: 50px; width: 65px; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap { position: relative; display: flex; flex-direction: row; align-items: center; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap.hasSubscription, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap.hasSubscription { visibility: hidden; display: none; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap:hover .tool_delete, .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap:hover .tool_title, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap:hover .tool_delete, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap:hover .tool_title { display: block; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_delete, .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_title, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_delete, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_title { position: absolute; display: none; font-weight: 400; font-size: 10px; color: #676767; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_delete::after, .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_title::after, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_delete::after, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_title::after { content: attr(data-text); } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_delete, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_delete { right: -32px; bottom: -45px; height: 50px; width: 65px; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_title, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_title { right: -11px; bottom: -34px; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_remove, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_remove { position: absolute; top: -10px; left: -50px; height: 135px; width: 180px; z-index: 2; display: block; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_remove_title, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_remove_title { position: absolute; width: max-content; top: 42px; left: 6px; font-weight: 400; font-size: 12px; color: #676767; z-index: 3; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_remove_title::after, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_remove_title::after { content: attr(data-text); } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_remove_yep, .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_remove_nope, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_remove_yep, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_remove_nope { position: absolute; top: 67px; left: 42px; width: 40px; height: 15px; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); border-radius: 1rem; z-index: 3; line-height: 14px; font-size: 10px; font-weight: 400; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_remove_yep::after, .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_remove_nope::after, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_remove_yep::after, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_remove_nope::after { content: attr(data-text); } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .tool_remove_nope, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .tool_remove_nope { left: -6px; } .content_list_wrapper .content_family_row .family_settings .trash_icon_wrap .trash_icon, .content_list_wrapper_agent .content_family_row .family_settings .trash_icon_wrap .trash_icon { z-index: 1; } .content_list_wrapper_agent .content_family_row .family_info { width: 78%; } .content_list_wrapper_agent .content_family_row .family_info .family_name_title { width: 38%; } .content_list_wrapper_agent .content_family_row .family_settings { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 20%; } .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap { margin-left: unset; } @media screen and (max-width: 1600px) { .content_list_wrapper .content_family_row .family_info { display: flex; flex-direction: row; align-items: center; } } @media screen and (max-width: 624px) { .content_list_wrapper .content_family_row .family_info, .content_list_wrapper_agent .content_family_row .family_info { display: flex; flex-direction: row; align-items: center; width: 82%; } .content_list_wrapper .content_family_row .family_info .parentImg, .content_list_wrapper .content_family_row .family_info .coupleImg, .content_list_wrapper .content_family_row .family_info .childImg, .content_list_wrapper_agent .content_family_row .family_info .parentImg, .content_list_wrapper_agent .content_family_row .family_info .coupleImg, .content_list_wrapper_agent .content_family_row .family_info .childImg { margin: 0 20px 0 16px; } .content_list_wrapper .content_family_row .family_info .family_name_title, .content_list_wrapper_agent .content_family_row .family_info .family_name_title { font-size: 12px; width: 42%; } .content_list_wrapper .content_family_row .family_info .family_type, .content_list_wrapper_agent .content_family_row .family_info .family_type { font-size: 12px; } .content_list_wrapper .content_family_row .family_settings .edit_pencil_wrap, .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap { margin-left: 15px; } .content_list_wrapper_agent .content_family_row .family_info { width: 65%; } .content_list_wrapper_agent .content_family_row .family_info .family_name_title { width: 35%; } .content_list_wrapper_agent .content_family_row .family_settings { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 22%; } .content_list_wrapper_agent .content_family_row .family_settings .edit_pencil_wrap { margin-left: 7px; } } .content_bottom_wrapper, .content_bottom_wrapper_customer { display: flex; flex-direction: column; align-items: flex-start; position: relative; width: 72%; visibility: hidden; } .content_bottom_wrapper.show, .content_bottom_wrapper_customer.show { visibility: visible; } .content_bottom_wrapper .title, .content_bottom_wrapper_customer .title { font-weight: 500; font-size: 16px; color: #fd7200; } .content_bottom_wrapper .count_wrap, .content_bottom_wrapper_customer .count_wrap { display: flex; flex-direction: column; align-items: flex-start; margin-top: 0.2rem; } .content_bottom_wrapper .count_wrap .partner_title, .content_bottom_wrapper .count_wrap .child_title, .content_bottom_wrapper .count_wrap .parent_title, .content_bottom_wrapper_customer .count_wrap .partner_title, .content_bottom_wrapper_customer .count_wrap .child_title, .content_bottom_wrapper_customer .count_wrap .parent_title { margin: 0.25rem 0 0.25rem 0; font-weight: 400; font-size: 14px; color: #676767; line-height: normal; } @media screen and (max-width: 624px) { .content_bottom_wrapper, .content_bottom_wrapper_customer { width: 38vw; } } @media screen and (max-width: 624px) and (max-width: 390px) { .content_bottom_wrapper, .content_bottom_wrapper_customer { width: 35vw; } } @media screen and (max-width: 624px) and (max-width: 390px) { .content_bottom_wrapper, .content_bottom_wrapper_customer { width: 40vw; } } @media screen and (max-width: 624px) { .content_bottom_wrapper .title, .content_bottom_wrapper_customer .title { font-size: 13px; } .content_bottom_wrapper .count_wrap .partner_title, .content_bottom_wrapper .count_wrap .child_title, .content_bottom_wrapper .count_wrap .parent_title, .content_bottom_wrapper_customer .count_wrap .partner_title, .content_bottom_wrapper_customer .count_wrap .child_title, .content_bottom_wrapper_customer .count_wrap .parent_title { font-size: 13px; } .content_bottom_wrapper_customer { width: 55%; } } .members_list_mobile { display: flex; flex-direction: row; align-items: center; box-sizing: content-box; flex-wrap: wrap; min-height: 65px; width: 98%; border-style: none none dashed none; border-width: 1px; border-color: #d0d0d0; } .members_list_mobile.open { min-height: 80px; } .members_list_mobile.open .open_arrow { transform: rotate(-90deg); } .members_list_mobile:last-child { border: none; } .members_list_mobile .members_main_row { display: flex; flex-direction: row; align-items: center; width: 100%; } .members_list_mobile .members_main_row .member_name { display: flex; flex-direction: row; align-items: center; width: 40%; position: relative; } .members_list_mobile .members_main_row .member_name .title { font-weight: 500; font-size: 13px; color: #676767; } .members_list_mobile .members_main_row .member_name .title .show_full_name { position: absolute; top: -3px; right: 30px; width: max-content; border-radius: 1rem; background-color: white; font-weight: 400; font-size: 10px; color: #676767; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; padding: 0.2rem 0.5rem; z-index: 4; } .members_list_mobile .members_main_row .member_name .icon { margin-left: 5px; } .members_list_mobile .members_main_row .member_status { display: flex; flex-direction: row; align-items: center; position: relative; width: 23%; } .members_list_mobile .members_main_row .member_status .title { font-weight: 400; font-size: 13px; color: #676767; } .members_list_mobile .members_main_row .member_status .icon_hover { display: flex; flex-direction: row; align-items: center; } .members_list_mobile .members_main_row .member_status .icon_hover .icon { margin-left: 5px; } .members_list_mobile .members_main_row .member_status .icon_hover .icon.hidden { display: none; } .members_list_mobile .members_main_row .member_status .icon_hover:hover .tool_info, .members_list_mobile .members_main_row .member_status .icon_hover:hover .select_info, .members_list_mobile .members_main_row .member_status .icon_hover:hover .tool_title { display: block; } .members_list_mobile .members_main_row .member_status .icon_hover .no_allowed { visibility: hidden; position: absolute; font-weight: 500; font-size: 10px; color: #ff1f1f; width: max-content; top: 1.35rem; } .members_list_mobile .members_main_row .member_status .icon_hover .no_allowed.vision { visibility: visible; } .members_list_mobile .members_main_row .member_status .icon_hover .tool_info, .members_list_mobile .members_main_row .member_status .icon_hover .select_info { display: none; position: absolute; right: -71px; top: -14px; height: 45px; width: 70px; z-index: 1; } .members_list_mobile .members_main_row .member_status .icon_hover .tool_title { display: none; font-weight: 400; font-size: 10px; width: 40px; line-height: normal; color: #676767; position: absolute; right: -58px; top: -4px; z-index: 2; } .members_list_mobile .members_main_row .member_status .icon_hover .tool_title.add_click { width: 50px; right: -63px; } .members_list_mobile .members_main_row .member_status .icon_hover .checkbox_family { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 16px; height: 17px; outline: #bebebe solid 1px; border-radius: 0.3rem; margin-left: 5px; } .members_list_mobile .members_main_row .member_status .icon_hover .checkbox_family.taken { background-color: #ff7300; outline: unset; } .members_list_mobile .members_main_row .member_status .icon_hover .checkbox_family.grey { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) backwards; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } 20%, 80% { transform: translate3d(2px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } 40%, 60% { transform: translate3d(4px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } } .members_list_mobile .members_main_row .member_birthday { display: flex; flex-direction: row; align-items: center; width: 32%; } .members_list_mobile .members_main_row .member_birthday .title { font-weight: 400; font-size: 13px; color: #676767; } .members_list_mobile .members_main_row .member_birthday .icon { margin-left: 5px; } .members_list_mobile .members_settings_row { display: none; flex-direction: row; align-items: center; width: 100%; padding: 0 38px 20px 0; } .members_list_mobile .members_settings_row.open { display: flex; } .members_list_mobile .members_settings_row .edit_member, .members_list_mobile .members_settings_row .delete_member, .members_list_mobile .members_settings_row .dash_member { display: flex; flex-direction: row; align-items: center; position: relative; } .members_list_mobile .members_settings_row .edit_member.none, .members_list_mobile .members_settings_row .delete_member.none, .members_list_mobile .members_settings_row .dash_member.none { display: none; } .members_list_mobile .members_settings_row .edit_member .title, .members_list_mobile .members_settings_row .delete_member .title, .members_list_mobile .members_settings_row .dash_member .title { font-weight: 400; font-size: 12px; color: #676767; } .members_list_mobile .members_settings_row .edit_member .icon, .members_list_mobile .members_settings_row .delete_member .icon, .members_list_mobile .members_settings_row .dash_member .icon { margin-left: 5px; } .members_list_mobile .members_settings_row .edit_member .tool_remove_mobile, .members_list_mobile .members_settings_row .delete_member .tool_remove_mobile, .members_list_mobile .members_settings_row .dash_member .tool_remove_mobile { position: absolute; width: 210px; right: 0; bottom: -53px; z-index: 1; } .members_list_mobile .members_settings_row .edit_member .tool_remove_mobile._agent, .members_list_mobile .members_settings_row .delete_member .tool_remove_mobile._agent, .members_list_mobile .members_settings_row .dash_member .tool_remove_mobile._agent { transform: scaleX(-1); right: -170px; bottom: -53px; } .members_list_mobile .members_settings_row .edit_member .tool_remove_title, .members_list_mobile .members_settings_row .delete_member .tool_remove_title, .members_list_mobile .members_settings_row .dash_member .tool_remove_title { position: absolute; right: 86px; top: -17px; width: max-content; font-weight: 400; font-size: 12px; color: #676767; z-index: 2; } .members_list_mobile .members_settings_row .edit_member .tool_remove_title._agent, .members_list_mobile .members_settings_row .delete_member .tool_remove_title._agent, .members_list_mobile .members_settings_row .dash_member .tool_remove_title._agent { right: -108px; } .members_list_mobile .members_settings_row .edit_member .tool_remove_yep, .members_list_mobile .members_settings_row .edit_member .tool_remove_nope, .members_list_mobile .members_settings_row .delete_member .tool_remove_yep, .members_list_mobile .members_settings_row .delete_member .tool_remove_nope, .members_list_mobile .members_settings_row .dash_member .tool_remove_yep, .members_list_mobile .members_settings_row .dash_member .tool_remove_nope { position: absolute; right: 71px; top: 9px; height: 15px; width: 45px; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); border-radius: 1rem; font-weight: 500; font-size: 10px; line-height: 13px; z-index: 2; } .members_list_mobile .members_settings_row .edit_member .tool_remove_yep._agent, .members_list_mobile .members_settings_row .edit_member .tool_remove_nope._agent, .members_list_mobile .members_settings_row .delete_member .tool_remove_yep._agent, .members_list_mobile .members_settings_row .delete_member .tool_remove_nope._agent, .members_list_mobile .members_settings_row .dash_member .tool_remove_yep._agent, .members_list_mobile .members_settings_row .dash_member .tool_remove_nope._agent { right: -125px; } .members_list_mobile .members_settings_row .edit_member .tool_remove_nope, .members_list_mobile .members_settings_row .delete_member .tool_remove_nope, .members_list_mobile .members_settings_row .dash_member .tool_remove_nope { right: 120px; } .members_list_mobile .members_settings_row .edit_member .tool_remove_nope._agent, .members_list_mobile .members_settings_row .delete_member .tool_remove_nope._agent, .members_list_mobile .members_settings_row .dash_member .tool_remove_nope._agent { right: -75px; } .members_list_mobile .members_settings_row .vertical_line { width: 1px; height: 12px; background-color: #ff7300; margin: 0 10px; } .members_list_mobile .members_settings_row .vertical_line.none { display: none; } .popup-wrapper.visible.usersFamilySettings .popup-box, .popup-wrapper.visible.agentCliFamily .popup-box { height: 629px; width: 844px; border-radius: 1rem; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; overflow: hidden; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .close_change, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .leftUpImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .leftDownImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .rightDownImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .close_change, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .leftUpImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .leftDownImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .rightDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .close_change, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .leftUpImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .leftDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .rightDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .close_change, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .leftUpImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .leftDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .rightDownImg { position: absolute; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list_agent, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list_agent { display: flex; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .close_change, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .close_change, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .close_change, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .close_change { cursor: pointer; top: 33px; right: 40px; width: 15px; height: 15px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .close_change img, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .close_change img, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .close_change img, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .close_change img { width: 15px; height: 15px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .close_change .profile_close_orange, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .close_change .profile_close_orange, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .close_change .profile_close_orange, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .close_change .profile_close_orange { display: none; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .close_change:not(.mobile_):hover .profile_close_black, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .close_change:not(.mobile_):hover .profile_close_black, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .close_change:not(.mobile_):hover .profile_close_black, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .close_change:not(.mobile_):hover .profile_close_black { display: none; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .close_change:not(.mobile_):hover .profile_close_orange, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .close_change:not(.mobile_):hover .profile_close_orange, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .close_change:not(.mobile_):hover .profile_close_orange, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .close_change:not(.mobile_):hover .profile_close_orange { display: block; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .leftUpImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .leftUpImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .leftUpImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .leftUpImg { height: 112px; width: 200px; left: 0; top: 0; z-index: 1; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .leftDownImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .leftDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .leftDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .leftDownImg { height: 198px; width: 134px; left: 0; bottom: 0; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .rightDownImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .rightDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .rightDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .rightDownImg { height: 203px; width: 164px; right: 0; bottom: 13px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row { flex-direction: row; justify-content: center; margin: 50px 0 0 0; z-index: 2; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row .user_info_row, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row .user_info_row, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row .user_info_row, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row .user_info_row { display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row .user_info_row .title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row .user_info_row .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row .user_info_row .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row .user_info_row .title { font-weight: 500; font-size: 22px; color: #fd7200; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row .user_info_row .title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row .user_info_row .title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row .user_info_row .title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row .user_info_row .title::after { content: attr(data-text); } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row .user_info_row .subtitle, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row .user_info_row .subtitle, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row .user_info_row .subtitle, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row .user_info_row .subtitle { display: flex; flex-direction: row; align-items: center; height: 30px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row .user_info_row .subtitle .c_content, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row .user_info_row .subtitle .c_content, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row .user_info_row .subtitle .c_content, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row .user_info_row .subtitle .c_content { font-weight: 500; font-size: 16px; color: #676767; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row .user_info_row .subtitle .c_content::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row .user_info_row .subtitle .c_content::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row .user_info_row .subtitle .c_content::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row .user_info_row .subtitle .c_content::after { content: attr(data-text); } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list_agent, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list_agent { flex-direction: column; align-items: center; width: 90%; max-height: 22rem; margin-top: 25px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list.scroll, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list_agent.scroll, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list.scroll, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list_agent.scroll, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list.scroll, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list_agent.scroll, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list.scroll, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list_agent.scroll { overflow: auto; overflow-x: hidden; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent { position: relative; display: flex; flex-direction: row; justify-content: start; margin-top: 30px; width: 88%; z-index: 1; padding: 0 1rem 0 0; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .user_family_dummy { width: 109px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_family_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_family_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_family_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_family_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_family_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_family_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_family_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_family_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 109px; height: 32.43px; border-radius: 2rem; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); cursor: pointer; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_family_btn .title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_family_btn .title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_family_btn .title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_family_btn .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_family_btn .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_family_btn .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_family_btn .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_family_btn .title { font-weight: 400; font-size: 12px; color: #ffffff; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_family_btn .title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_family_btn .title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_family_btn .title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_family_btn .title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_family_btn .title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_family_btn .title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_family_btn .title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_family_btn .title::after { content: attr(data-text); } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_sub_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_sub_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_sub_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_sub_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_sub_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_sub_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_sub_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_sub_btn { width: 109px; height: 32px; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); border-radius: 2rem; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; visibility: hidden; margin-left: 10px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_sub_btn.visible, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_sub_btn.visible, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_sub_btn.visible, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_sub_btn.visible, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_sub_btn.visible, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_sub_btn.visible, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_sub_btn.visible, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_sub_btn.visible { visibility: visible; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_sub_btn .add_sub_btn_title { font-weight: 400; font-size: 12px; line-height: 14px; color: #ffffff; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_sub_btn .add_sub_btn_title::after { content: attr(data-text); } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .success_title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .success_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .success_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .success_title { color: #9cd83a; font-size: 16px; text-align: right; font-weight: 500; width: 87%; z-index: 2; animation: wiggle 5s; animation-direction: alternate; visibility: hidden; } @keyframes wiggle { 0% { visibility: visible; } 100% { visibility: visible; } } @media screen and (max-width: 1600px) { .popup-wrapper.visible.usersFamilySettings { align-items: flex-start; top: 100px; } .popup-wrapper.visible.usersFamilySettings .popup-box { height: 580px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .leftDownImg { height: 176px; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.usersFamilySettings, .popup-wrapper.visible.agentCliFamily { align-items: flex-start; top: 0; } .popup-wrapper.visible.usersFamilySettings .popup-box, .popup-wrapper.visible.agentCliFamily .popup-box { height: 600px; width: 96vw; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .success_title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .success_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .success_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .success_title { bottom: 64px; right: 26px; font-size: 14px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .close_change, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .close_change, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .close_change, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .close_change { top: 15px; right: 15px; width: 13px; height: 13px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .close_change img, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .close_change img, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .close_change img, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .close_change img { width: 13px; height: 13px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .leftUpImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .leftUpImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .leftUpImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .leftUpImg { height: 90px; width: 143px; left: 0; top: 0; z-index: 1; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .leftDownImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .leftDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .leftDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .leftDownImg { height: 144px; width: 95.4px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .rightDownImg, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .rightDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .rightDownImg, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .rightDownImg { height: 165px; width: 119px; bottom: 0; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row { margin: 45px 0 0 0; padding: 0 0 0 0; width: 90%; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row .user_info_row .title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row .user_info_row .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row .user_info_row .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row .user_info_row .title { font-size: 20px; text-align: right; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row .user_info_row .subtitle, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row .user_info_row .subtitle, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row .user_info_row .subtitle, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row .user_info_row .subtitle { height: unset; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .info_row .user_info_row .subtitle .c_content, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .info_row .user_info_row .subtitle .c_content, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .info_row .user_info_row .subtitle .c_content, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .info_row .user_info_row .subtitle .c_content { font-size: 14px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list_agent, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list_agent { flex-direction: column; width: 95%; max-height: 22rem; margin-top: 25px; padding: 0 0 0 0; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list.scroll, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .family_list_agent.scroll, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list.scroll, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .family_list_agent.scroll, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list.scroll, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .family_list_agent.scroll, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list.scroll, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .family_list_agent.scroll { overflow: auto; overflow-x: hidden; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent { padding: 0 0.5rem 0 0; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .user_family_dummy { width: 15vw; } } @media screen and (max-width: 624px) and (max-width: 360px) { .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .user_family_dummy { width: 11vw; } } @media screen and (max-width: 624px) and (max-width: 375px) { .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .user_family_dummy, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .user_family_dummy { width: 12vw; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_family_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_family_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_family_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_family_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_family_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_family_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_family_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_family_btn { width: 97px; height: 29px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_family_btn .title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_family_btn .title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_family_btn .title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_family_btn .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_family_btn .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_family_btn .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_family_btn .title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_family_btn .title { font-size: 11px; font-weight: 500; line-height: 14px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_sub_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_sub_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_sub_btn, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_sub_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_sub_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_sub_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_sub_btn, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_sub_btn { width: 97px; height: 29px; margin-left: 2px; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_sub_btn.visible, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_sub_btn.visible, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_sub_btn.visible, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_sub_btn.visible, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_sub_btn.visible, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_sub_btn.visible, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_sub_btn.visible, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_sub_btn.visible { visibility: visible; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_sub_btn .add_sub_btn_title, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_sub_btn .add_sub_btn_title { font-weight: 500; font-size: 11px; line-height: 14px; color: #ffffff; } .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_customer .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_customer .bottom_section_agent .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_customer .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.usersFamilySettings .popup-box .user_family_agent .bottom_section_agent .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_customer .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_customer .bottom_section_agent .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_customer .add_sub_btn .add_sub_btn_title::after, .popup-wrapper.visible.agentCliFamily .popup-box .user_family_agent .bottom_section_agent .add_sub_btn .add_sub_btn_title::after { content: attr(data-text); } } .clarification.popup-wrapper .popup-box { width: 70%; } .clarification.popup-wrapper .popup-box .popup-content .popup-container { padding: 7rem 5rem; } .clarification.popup-wrapper .popup-box .popup-content .popup-container h1 { text-align: right; padding-bottom: 2.5rem; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list { overflow: overlay; color: black; max-height: 45vh; display: grid; grid: auto / auto auto auto; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list .right-container { display: flex; height: 3.5rem; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list .right-container .green svg { stroke: #79d71a; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list .right-container .blue svg { stroke: #1a4186; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list .right-container .right-name { padding: 0rem 0.8rem 0rem 4rem; text-align: right; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list svg { width: 1.9rem; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-legend { display: flex; color: black; padding-top: 4rem; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-legend .legend { padding: 0rem 0.8rem 0rem 4rem; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-legend .legend-description { display: flex; color: black; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-legend .green svg { stroke: #79d71a; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-legend .blue svg { stroke: #1a4186; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-legend .right-name { padding: 0rem 0.8rem 0rem 4rem; } @media screen and (max-width: 1023px) { .clarification.popup-wrapper .popup-box { width: 90%; } .clarification.popup-wrapper .popup-box .popup-content .popup-container { padding: 0; } .clarification.popup-wrapper .popup-box .popup-content .popup-container h1 { text-align: right; padding-top: 2rem; padding-bottom: 1.2rem; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list { overflow: overlay; color: black; display: flex; flex-direction: column; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list .right-container { display: flex; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list .right-container .right-name { padding: 0rem 1.7rem 2.5rem 5rem; text-align: right; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list svg { width: 1.9rem; } } @media screen and (max-width: 624px) { .clarification.popup-wrapper .popup-box { width: 100%; height: 80%; align-self: flex-end; } .clarification.popup-wrapper .popup-box .popup-content .popup-container { padding: 0; } .clarification.popup-wrapper .popup-box .popup-content .popup-container h1 { text-align: right; padding-top: 2rem; padding-bottom: 1.2rem; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list { overflow: overlay; color: black; display: flex; flex-direction: column; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list .right-container { display: flex; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list .right-container .right-name { padding: 0rem 1.7rem 2.5rem 5rem; text-align: right; } .clarification.popup-wrapper .popup-box .popup-content .popup-container .right-list svg { width: 1.9rem; } } @charset "UTF-8"; .family-select-wrapper { position: relative; padding: 1rem; display: flex; } .family-select-wrapper.open .input-wrapper .arrow-wrapper { transform: rotate(270deg); } .family-select-wrapper.open .options-list { opacity: 1; visibility: visible; z-index: 9999; } .family-select-wrapper .input-wrapper { display: flex; align-items: center; position: relative; } .family-select-wrapper .input-wrapper .chosen-option-text { font-size: 2.3rem; font-weight: 500; color: #FFA800; } @media screen and (max-width: 1023px) { .family-select-wrapper .input-wrapper .chosen-option-text { font-size: 1.8rem; } } .family-select-wrapper .input-wrapper .arrow-wrapper { margin-right: 1rem; width: 1.5rem; height: 1.5rem; transition: 0.1s ease-in-out; transform: rotate(90deg); } .family-select-wrapper .input-wrapper .arrow-wrapper svg { width: 100%; height: 100%; } .family-select-wrapper .input-wrapper .arrow-wrapper svg g g { stroke-width: 3px; stroke: #2a2a2a; } .family-select-wrapper .input-wrapper.pointer { cursor: pointer; } .family-select-wrapper .options-list { position: absolute; width: 17rem; margin: 0; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4); left: 0; right: 0; border-radius: 5px; top: 0; padding-top: 3rem; background: #fff; z-index: 1; opacity: 0; transition: 0.2s ease-in-out; visibility: hidden; } @media screen and (max-width: 624px) { .family-select-wrapper .options-list { width: 12rem; } } .family-select-wrapper .options-list .option-item { font-size: 1.5rem; font-weight: 500; padding: 1rem 0.3rem; margin: 0.5rem; line-height: normal; border-radius: 5px; color: #2a2a2a; transition: 0.1s ease-in-out; position: relative; cursor: pointer; justify-content: space-between; } .family-select-wrapper .options-list .option-item:hover { color: #FFA800; background: rgba(0, 0, 0, 0.1); } .family-select-wrapper .options-list .option-item.chosen { background: rgba(0, 0, 0, 0.1); } .family-select-wrapper .options-list .option-item.chosen::after { content: '\2714'; width: 30px; font-size: 1.5rem; height: 30px; color: #FFA800; display: flex; justify-content: center; align-items: center; } .graph-container { height: 100%; } .graph-container .upper-title-wrapper { width: 100%; } .graph-container .upper-title-wrapper .main-title { margin: 0 0 0.5rem; color: #FFA800; font-weight: 500; } .graph-container .upper-title-wrapper .sub-title { margin: 0 0 2.5rem; } .graph-container .upper-title-wrapper .policy-title-wrapper { flex-grow: 1; width: 100%; align-items: center; } .graph-container .upper-title-wrapper .policy-title-wrapper .insurance-btn { padding: 1rem 1.2rem; margin-right: auto; transform: scale(0.8); } @media screen and (max-width: 1600px) { .graph-container .upper-title-wrapper .policy-title-wrapper .insurance-btn { transform: scale(0.9); } } .graph-container .upper-title-wrapper .policy-title { font-size: 2.4rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #2a2a2a; margin-left: 1rem; margin: 0; } .graph-container .upper-title-wrapper .back-btn { background: none; border: none; display: flex; align-items: flex-end; padding: 0; } .graph-container .upper-title-wrapper .back-btn.mobile-btn { position: absolute; top: 0; right: 2%; } .graph-container .upper-title-wrapper .back-btn span { color: #2a2a2a; font-weight: 500; font-size: 2.2rem; } .graph-container .upper-title-wrapper .back-btn svg { width: 2.33rem; height: 2.33rem; } .graph-container .upper-title-wrapper .back-btn svg g g { stroke: #2a2a2a; } .graph-container .graph-wrapper { width: 550px; position: relative; min-height: 250px; max-height: 30vh; padding-left: 5rem; } .graph-container .graph-wrapper.not-root { overflow-y: overlay; overflow-x: hidden; } .graph-container .insurance-calculator-graph-wrapper { position: relative; min-width: 30rem; } .graph-container .main-title { font-size: 3.6rem; line-height: 1; color: #2a2a2a; text-align: right; } .graph-container .monthly-text { font-size: 1.75rem; font-weight: 500; text-align: right; color: #FFA800; margin: 0; margin-left: 0.5rem; } .graph-container .insurance-calculator-total-text-wrapper { display: flex; justify-content: space-between; margin-top: 1.8rem; } .graph-container .insurance-calculator-total-text-wrapper .right-col { align-items: center; } .graph-container .insurance-calculator-total-text-wrapper .right-col .sub-title { font-size: 1.5rem; font-weight: bold; } .graph-container .insurance-calculator-total-text-wrapper .right-col .paragraph-text { font-size: 0.9rem; font-weight: bold; } .graph-container .insurance-calculator-total-text-wrapper .left-col { display: flex; align-items: center; } .graph-container .insurance-calculator-total-text-wrapper .left-col span { color: #2a2a2a; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; } .graph-container .insurance-calculator-total-text-wrapper .left-col span.shekel-price { font-size: 2.7rem; } .graph-container .insurance-calculator-total-text-wrapper .left-col span.agorot-price { font-size: 2rem; } .graph-container .insurance-calculator-total-text-wrapper .left-col span.shekel-sign { font-size: 1.7rem; } .graph-container .total-text-wrapper { display: flex; margin: 2rem 0; justify-content: space-between; width: 550px; } .graph-container .total-text-wrapper .right-col { display: flex; align-items: center; } .graph-container .total-text-wrapper .right-col .paragraph-text { font-size: 1.75rem; font-weight: 500; color: #1d1d1e; } .graph-container .total-text-wrapper .left-col { display: flex; align-items: center; } .graph-container .total-text-wrapper .left-col span { color: #2a2a2a; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; } .graph-container .total-text-wrapper .left-col span.shekel-price { font-size: 2.8rem; } .graph-container .total-text-wrapper .left-col span.agorot-price { font-size: 2rem; } .graph-container .total-text-wrapper .left-col span.shekel-sign { font-size: 1.7rem; } @media screen and (max-width: 1600px) { .graph-container .insurance-calculator-graph-wrapper { min-width: 23.5rem; } } @media screen and (max-width: 624px) { .graph-container .insurance-calculator-graph-wrapper { min-width: 23.5rem; } } .agent-dashboard-wrapper { overflow-y: unset; width: 100vw; background: #fff; display: flex; } .agent-dashboard-wrapper .header-triangle { display: none; } .agent-dashboard-wrapper .col { width: 100%; height: 100vh; } @media screen and (min-width: 2000px) { .agent-dashboard-wrapper .col { height: 94vh; } } .agent-dashboard-wrapper .col.right-col { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .agent-dashboard-wrapper .sub-title { color: #2a2a2a; font-weight: 500; font-size: 1.7rem; text-align: right; display: none; } .agent-dashboard-wrapper .section { margin-top: 6.5rem; } .agent-dashboard-wrapper .section.graph-section { height: 100%; width: 100%; padding-top: 8rem; padding-right: 10rem; padding-bottom: 2rem; } .agent-dashboard-wrapper .section.graph-section .back_to_agent { cursor: pointer; position: absolute; top: 8.5em; right: 1%; } .agent-dashboard-wrapper .section.graph-section .back_to_agent img { transform: rotate(90deg); } .agent-dashboard-wrapper .section.graph-section .back_to_agent .title { display: none; color: black; font-weight: 500; width: 5.5em; font-size: 1.2rem; position: absolute; top: 3em; right: .8em; } .agent-dashboard-wrapper .section.graph-section .back_to_agent .tooltip_ { display: none; height: 150px; width: 120px; background-image: url(/_next/static/images/sms_window-8c67f4bd8eb53c6e32db3599fbfed865.png); background-size: 100% 100%; position: absolute; top: -2em; right: -1em; transform: rotate3d(0, 1, 0.5, 3.142rad); color: black; } .agent-dashboard-wrapper .section.graph-section .back_to_agent:hover .tooltip_ { display: block; } .agent-dashboard-wrapper .section.graph-section .back_to_agent:hover .title { display: block; } .agent-dashboard-wrapper .section.graph-section .alert-btn { width: 350px; transition: all 0.3s ease-in-out; } @media screen and (max-width: 624px) { .agent-dashboard-wrapper .section.graph-section .alert-btn { min-width: 250px; width: 60vw; } } .agent-dashboard-wrapper .section.graph-section .alert-btn .btn-text, .agent-dashboard-wrapper .section.graph-section .alert-btn svg, .agent-dashboard-wrapper .section.graph-section .alert-btn svg g path { transition: all 0.3s ease-in-out; } .agent-dashboard-wrapper .section.graph-section .alert-btn:hover { background-color: #FFA800; } .agent-dashboard-wrapper .section.graph-section .alert-btn:hover .right-col .btn-text { color: #fff; } .agent-dashboard-wrapper .section.graph-section .alert-btn:hover .right-col .icon-wrapper svg g { stroke: #fff; } .agent-dashboard-wrapper .section.graph-section .alert-btn:hover .left-col svg g path { fill: #fff; } .agent-dashboard-wrapper .section.graph-section .graph-container .upper-title-wrapper .policy-title-wrapper { display: flex; margin-bottom: 1rem; } .agent-dashboard-wrapper .section.info-section { background: #dddcda; height: 100%; width: 50%; display: flex; align-items: center; justify-content: flex-start; padding-right: 8rem; clip-path: polygon(0 0, 93% 1%, 100% 66%, 95% 100%, 0 99%, 0% 50%); position: fixed; left: 0; } .agent-dashboard-wrapper .section.info-section .content-wrapper { position: relative; top: 6rem; } .agent-dashboard-wrapper .section.info-section .dov-wrapper { position: absolute; z-index: -1; height: 720px; width: 480px; background: url(/_next/static/images/agent-dashboard-man-e850d6cc68c88ceafe866068c2c6fa83.png); background-repeat: no-repeat; background-size: cover; background-position: center 0%; top: -1.5rem; right: 11.5rem; } .agent-dashboard-wrapper .section.info-section .dov-wrapper .overlay { background-image: linear-gradient(to top, #dddcda 0%, rgba(221, 220, 218, 0) 100%); width: 100%; height: 15%; position: absolute; bottom: 0; } @media screen and (min-width: 1024px) and (max-width: 1280px) { .agent-dashboard-wrapper .col.right-col .graph-section { padding-right: 3rem; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container { width: 440px; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container > div { width: 100%; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .total-text-wrapper .right-col > h2 { font-size: 1.4rem; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .total-text-wrapper .right-col > h3 { font-size: 1rem; } } @media screen and (min-width: 1280px) and (max-width: 1600px) { .agent-dashboard-wrapper .col.right-col .graph-section { padding-right: 4rem; } } @media screen and (max-width: 1023px) { .agent-dashboard-wrapper { flex-direction: column; } .agent-dashboard-wrapper .header-triangle { padding-top: 3rem; top: 5rem; background: #1d1d1e; width: 100%; position: fixed; z-index: 100; clip-path: polygon(0 0, 75% 0%, 100% 0, 100% 80%, 30% 100%, 0 80%); } } @media screen and (max-width: 1023px) and (max-width: 624px) { .agent-dashboard-wrapper .header-triangle { display: block; } } @media screen and (max-width: 1023px) { .agent-dashboard-wrapper .header-triangle h1, .agent-dashboard-wrapper .header-triangle h3 { margin: 0; position: relative; } .agent-dashboard-wrapper .header-triangle .greeting-title { color: #fff; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; font-size: 1.8rem; } .agent-dashboard-wrapper .header-triangle .greeting-title.bold { font-weight: bold; margin: 2rem auto; } .agent-dashboard-wrapper .col.right-col { margin-top: 1rem; } .agent-dashboard-wrapper .col.right-col .graph-section { padding-right: 0; padding-top: 8.5rem; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container { width: 100vw; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .upper-title-wrapper { padding: 0 1.333rem; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .upper-title-wrapper .main-title, .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .upper-title-wrapper .sub-title { display: none; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper { display: block; margin-bottom: 0; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper .policy-title { font-size: 1.8rem; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .upper-title-wrapper .family-select-wrapper { right: -1rem; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .upper-title-wrapper .family-select-wrapper .absolute-wrapper .input-wrapper .chosen-option-text { font-size: 1.8rem; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .graph-wrapper { width: 100%; } } @media screen and (max-width: 1023px) and (max-width: 624px) { .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .graph-wrapper { padding-left: 1rem; } } @media screen and (max-width: 1023px) { .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .graph-wrapper .insurance-card-container { margin: 0 auto 1rem; width: 93%; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .graph-wrapper .graph-bar-container { width: 93%; max-width: 550px; } } @media screen and (max-width: 1023px) and (max-width: 624px) { .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .graph-wrapper .graph-bar-container .label { min-width: 50vw; } } @media screen and (max-width: 1023px) { .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .total-text-wrapper { width: 100%; padding: 0 1.333rem; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .total-text-wrapper .right-col { flex-direction: column; align-items: flex-start; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .total-text-wrapper .right-col .sub-title { font-size: 1.5rem; margin: 0; } .agent-dashboard-wrapper .col.right-col .graph-section .graph-container .total-text-wrapper .right-col .paragraph-text { font-size: 0.9rem; margin-right: 0; } .agent-dashboard-wrapper .col.right-col .search-section { padding: 6rem 1.333rem 4rem; width: 100%; background: #2a2a2a; clip-path: polygon(75% 0, 100% 5%, 100% 95%, 25% 100%, 0 95%, 0 5%); } .agent-dashboard-wrapper .col.right-col .search-section .content-wrapper { width: 100%; } .agent-dashboard-wrapper .col.right-col .search-section .content-wrapper .alert-btn { width: 100%; } .agent-dashboard-wrapper .col.right-col .search-section .content-wrapper .cta-block { width: 100%; margin-top: 1rem; } .agent-dashboard-wrapper .col.right-col .search-section .content-wrapper .cta-block:first-child { margin-top: 2rem; } .agent-dashboard-wrapper .col.right-col .search-section .content-wrapper .cta-block:last-child { margin-bottom: 0; } .agent-dashboard-wrapper .col.left-col { padding-bottom: 15rem; } .agent-dashboard-wrapper .col.left-col .info-section { background: white; width: 100%; clip-path: none; padding: 0 1.333rem; position: relative; } .agent-dashboard-wrapper .col.left-col .info-section .dov-wrapper { display: none; } .agent-dashboard-wrapper .col.left-col .info-section .content-wrapper { width: 100%; } .agent-dashboard-wrapper .col.left-col .info-section .content-wrapper .link-box-container { padding: 1.33rem; width: 100%; } .agent-dashboard-wrapper .col.left-col .info-section .content-wrapper .link-box-container .link-box-title { font-size: 2rem; font-weight: 500; margin: 0; } .agent-dashboard-wrapper .col.left-col .info-section .content-wrapper .link-box-container .links-wrapper .link-item .text-wrapper { display: block; } } .link-box-containers { width: 580px; height: 460px; border-radius: 20px; background: #fff; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3); padding: 2rem 4.5rem; padding-top: 4rem; } .link-box-containers .pointing-arrow.hide { display: none; } .link-box-containers .link-box-robot { position: absolute; top: -25%; left: 5%; } .link-box-containers .link-box-robot.hide { display: none; } .link-box-containers.search-mode { height: 580px; } .link-box-containers.search-mode .link-box-robot { position: absolute; top: -25%; left: 5%; } .link-box-containers.search-mode .links-wrapper { width: 100%; height: 87%; display: flex; flex-direction: column; } .link-box-containers.registered-mode, .link-box-containers.complete-mode { display: flex; align-items: center; justify-content: flex-end; flex-direction: column; } .link-box-containers.registered-mode .link-box-robot, .link-box-containers.complete-mode .link-box-robot { position: absolute; top: -25%; } .link-box-containers.registered-mode .titles-container, .link-box-containers.complete-mode .titles-container { display: flex; flex-direction: column; align-items: center; } .link-box-containers.registered-mode .titles-container .registered-title, .link-box-containers.complete-mode .titles-container .registered-title { font-size: 2.25rem; line-height: 2.6rem; color: #FFA800; font-weight: 500; margin: 0; } .link-box-containers.registered-mode .titles-container .registered-sub-title, .link-box-containers.complete-mode .titles-container .registered-sub-title { font-size: 2rem; line-height: 2.3rem; font-weight: 500; color: #1d1d1e; margin: 0; } .link-box-containers.registered-mode .continue-btn, .link-box-containers.registered-mode .subscribe-btn, .link-box-containers.complete-mode .continue-btn, .link-box-containers.complete-mode .subscribe-btn { margin: 2% 0; padding: 0.8rem 3rem; font-size: 1.8rem; } .link-box-containers.registered-mode .registered-text, .link-box-containers.registered-mode .subscribe-text, .link-box-containers.complete-mode .registered-text, .link-box-containers.complete-mode .subscribe-text { color: #1d1d1e; text-align: center; width: 68%; } .link-box-containers.registered-mode .registered-text p, .link-box-containers.registered-mode .subscribe-text p, .link-box-containers.complete-mode .registered-text p, .link-box-containers.complete-mode .subscribe-text p { display: inline; font-size: 1.7rem; line-height: 2.2rem; color: #1d1d1e; margin: 0; } .link-box-containers.registered-mode .registered-text p span, .link-box-containers.registered-mode .subscribe-text p span, .link-box-containers.complete-mode .registered-text p span, .link-box-containers.complete-mode .subscribe-text p span { font-size: 1.8rem; line-height: 2.3rem; font-weight: bold; } .link-box-containers.registered-mode .floating-triangles, .link-box-containers.complete-mode .floating-triangles { margin: 5% 0; } .link-box-containers .link-box-title { font-size: 2rem; font-weight: 500; color: #FFA800; width: 90%; text-align: right; margin: 0; margin-bottom: 1%; } .link-box-containers .link-box-sub-title { font-size: 2rem; font-weight: 500; color: #1d1d1e; width: 90%; text-align: right; margin: 0; } .link-box-containers .links-wrapper { width: 100%; height: 87%; } .link-box-containers .links-wrapper.register-link { height: 90%; } .link-box-containers .links-wrapper.register-link .link-item { height: 19%; } .link-box-containers .links-wrapper.register-link .link-item:last-child { height: auto; cursor: initial; } .link-box-containers .links-wrapper.register-link .link-item:last-child .btn { margin-top: 1rem; margin-left: auto; } .link-box-containers .links-wrapper .link-item { height: 25%; display: flex; cursor: pointer; align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding: 1.7rem 2rem; } .link-box-containers .links-wrapper .link-item:first-child { border-top: none; } .link-box-containers .links-wrapper .link-item:last-child { border-bottom: none; } .link-box-containers .links-wrapper .link-item .icon-wrapper { height: 30px; width: 30px; margin-left: 1.7rem; } .link-box-containers .links-wrapper .link-item .icon-wrapper svg { width: 100%; height: 100%; } .link-box-containers .links-wrapper .link-item .text-wrapper { display: flex; flex-direction: column; } .link-box-containers .links-wrapper .link-item .text-wrapper .link-title { font-size: 1.7rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #FFA800; margin: 0; margin-left: 0.8rem; } .link-box-containers .links-wrapper .link-item .text-wrapper .description { opacity: 0.8; font-size: 1.5rem; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: right; margin: 0; color: #2a2a2a; } .link-box-containers .links-wrapper .link-item.search-btn .text-wrapper { flex-direction: column; } .link-box-containers .links-wrapper .link-item.unclickable { pointer-events: none; } .link-box-containers .disclaimer { width: 60%; font-size: 0.9rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; margin: 1rem auto 0; color: #2a2a2a; } .link-box-containers .empty { padding-top: 5rem; } .active_ref_mode { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 378px; height: 230px; background-color: #fff; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3); border-radius: 20px; position: relative; gap: 15px 0; } .active_ref_mode .ref_mode_title { color: #2B2B2B; font-size: 24px; font-weight: 500; margin-top: 65px; } .active_ref_mode .ref_mode_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 132px; height: 32px; min-height: 32px; background: linear-gradient(180deg, #FA9E03 0%, #FC4A1A 100%); border-radius: 2rem; color: #fff; text-align: center; font-size: 16px; font-weight: 500; line-height: 0; cursor: pointer; } .active_ref_mode .ref_mode_robot { background-size: 125% 125% !important; background-repeat: no-repeat !important; background-position: -17px 11px !important; width: 154.02px; height: 136.24px; position: absolute; translate: 0 -130px; } @media screen and (max-width: 624px) { .active_ref_mode { width: 90vw; margin: 40px auto; } } .dashboard-wrappers { height: 100vh; width: 100vw; background: #fff; display: flex; } @media screen and (max-width: 1600px) { .dashboard-wrappers { height: 70em; } } .dashboard-wrappers .dashboard-container { width: 100%; margin-top: 81px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTk0IiBoZWlnaHQ9IjEzNjAiIHZpZXdCb3g9IjAgMCAxMTk0IDEzNjAiPgogICAgPHBhdGggZmlsbD0iI2Y2ZjZmNiIgZD0iTTI0MCA3NnYxMzU5aC04MzguMTgyTC05NTQgODQzbDQxNi40ODktNzY4eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTU0IC03NSkiLz4KPC9zdmc+Cg==); background-position: right; background-size: 60%; background-repeat: no-repeat; } .dashboard-wrappers .dashboard-container .focus-original .none { display: none; } .dashboard-wrappers .dashboard-container .sub-title { color: #2a2a2a; font-weight: 500; font-size: 1.7rem; text-align: right; } .dashboard-wrappers .dashboard-container .content-containers { width: 60%; display: flex; flex-direction: column; transform: scale(0.9); padding-right: 10%; } .dashboard-wrappers .dashboard-container .content-containers .graph-section { width: 100%; display: inline-block; } .dashboard-wrappers .dashboard-container .content-containers .graph-section .graph-container .upper-title-wrapper .main-sub-title { font-size: 2.6rem; } .dashboard-wrappers .dashboard-container .content-containers .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper { display: flex; margin-bottom: 1rem; max-width: 720px; } .dashboard-wrappers .dashboard-container .content-containers .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper .family-select-wrapper { padding: 0; padding-right: 1rem; } .dashboard-wrappers .dashboard-container .content-containers .search-section { width: 110%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper { display: flex; flex-wrap: wrap; max-width: 570px; justify-content: space-between; position: relative; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block { width: 100%; height: 100px; box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.3); border-radius: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block.hide { display: none; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block.expand { width: 100%; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block h2, .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block h3 { color: #2a2a2a; font-weight: 600; margin: 0; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block .cta-title { font-size: 1.5rem; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block .cta-subtitle { font-size: 1rem; margin-bottom: 1rem; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block .red-btn, .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block .orange-btn { font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block .orange-btn { background: linear-gradient(8deg, #f16a23 -220%, #faaf3a -90%, #f9ac1b -22%, #f05a26 75%); } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block .red-btn { background: #ff2020; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block:last-child .orange-btn { margin-top: 0.7rem; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .btns-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 1.8rem; width: 50%; } .dashboard-wrappers .dashboard-container .visa-cal-registered-subscriber { position: absolute; inset: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); z-index: 5000; } .dashboard-wrappers .dashboard-container .section.info-section { transform: scale(0.9); height: 100%; width: 50%; display: flex; align-items: center; justify-content: flex-start; position: fixed; top: -4%; left: 0; } @media screen and (max-width: 1600px) { .dashboard-wrappers .dashboard-container .section.info-section { left: -60px; } } .dashboard-wrappers .dashboard-container .section.info-section .content-wrapper { position: relative; top: 12rem; } @media screen and (max-width: 1600px) { .dashboard-wrappers .dashboard-container { background-size: 70%; } .dashboard-wrappers .dashboard-container .content-container { transform: scale(0.8); } .dashboard-wrappers .dashboard-container .section.info-section { transform: scale(0.8); } } @media screen and (max-width: 1400px) { .dashboard-wrappers .dashboard-container { background-size: 80%; } .dashboard-wrappers .dashboard-container .content-container { padding-right: 5%; transform: scale(0.7); } .dashboard-wrappers .dashboard-container .section.info-section { transform: scale(0.7); } } @media screen and (max-width: 1280px) { .dashboard-wrappers .dashboard-container .content-container { padding-right: 2%; } } @media screen and (max-width: 1023px) { .dashboard-wrapper { flex-direction: column; height: auto; } .dashboard-wrapper .dashboard-container { margin-top: 1rem; background-image: initial; padding-top: 0; } .dashboard-wrapper .dashboard-container .content-container { transform: scale(1); width: initial; height: initial; padding-right: 0; } .dashboard-wrapper .dashboard-container .content-container .graph-section { padding-right: 0; padding-top: 8.5rem; height: 125vw; width: 100vw; min-height: 520px; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container { height: 100%; width: 100%; min-height: 400px; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper { height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 5%; position: relative; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .main-title { font-size: 7.7vw; line-height: 7.7vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .main-sub-title { font-size: 5.5vw; line-height: 5.5vw; margin: 0; margin-bottom: 1%; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper { margin-bottom: 1rem; height: 30%; flex-grow: initial; justify-content: center; width: 80%; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper .policy-title { font-size: 6.1vw; line-height: 6.1vw; margin-left: 1.5vw; align-self: center; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper .family-select-wrapper { top: initial; padding: 0; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper .family-select-wrapper .input-wrapper .chosen-option-text { font-size: 6.1vw; line-height: 6.1vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper .family-select-wrapper .input-wrapper .arrow-wrapper { width: 5vw; height: 5vw; margin-right: 3.33vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper .family-select-wrapper .options-list .option-item { font-size: 4.1vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper .family-select-wrapper .options-list .option-item::after { font-size: 4.1vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .upper-title-wrapper .insurance-btn { font-size: 3vw; padding: 2% 11%; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper { width: 100%; height: 60%; min-height: 250px; max-height: initial; padding-left: 0; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper.not-root { max-height: 500px; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container { width: 93%; height: 13vw; margin: 0; margin-bottom: 4%; justify-content: space-between; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .icon-container { width: 6.5vw; height: 6.5vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .icon-container .icon-wrapper { width: 5.5vw; height: 5.5vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .right-col { width: 70%; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .right-col .logo-wrapper { width: 12vw; height: 13vw; margin: 0 3%; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .right-col .text-wrapper .insurance-name { font-size: 4.4vw; line-height: 4.4vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .right-col .text-wrapper .details-wrapper { font-size: 3.3vw; line-height: 3.3vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .left-col { margin-left: 0; width: initial; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .left-col .price .shekel-sign { font-size: 3.5vw; margin-right: 1%; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .left-col .price .shekel-price { font-size: 4vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .insurance-card-container .left-col .price .agorot-price { font-size: 3vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container { width: 93%; height: 15%; margin-bottom: 5vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .label { font-size: 3.33vw; line-height: 3.33vw; min-width: initial; max-width: initial; width: 97%; padding: 0; padding-right: 3%; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper:hover .percentage-bar { opacity: 0.7; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper:hover .percentage-bar .icon-container { opacity: 0.7; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper .percentage-bar { justify-content: flex-start; padding-right: 4%; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container { left: -2vw; width: 7vw; height: 7vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper .percentage-bar .icon-container .icon-wrapper { width: 6vw; height: 6vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper .percentage-bar span { font-size: 3.33vw; line-height: 3.33vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-1, .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-2, .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-3, .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-4, .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .percentage-bar-wrapper .percentage-bar.price-length-5 { min-width: 25vw; } } @media screen and (max-width: 1023px) and (max-width: 359px) { .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .graph-wrapper .graph-bar-container .label { font-size: 11px; } } @media screen and (max-width: 1023px) { .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .total-text-wrapper { height: 5%; width: 100%; padding: 0 4vw; margin: 0; width: initial; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .total-text-wrapper .right-col { flex-direction: column; align-items: flex-start; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .total-text-wrapper .right-col .monthly-text { font-size: 5.5vw; line-height: 5.5vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .total-text-wrapper .left-col .shekel-sign { font-size: 3vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .total-text-wrapper .left-col .shekel-price { font-size: 5vw; } .dashboard-wrapper .dashboard-container .content-container .graph-section .graph-container .total-text-wrapper .left-col .agorot-price { font-size: 4vw; } .dashboard-wrapper .dashboard-container .content-container .focus-mobile { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 1000; } .dashboard-wrapper .dashboard-container .content-container .focus-mobile .none { display: none; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile { margin-top: 2vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile.focus-mobile-margin { margin-top: 10rem; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper { height: 85vw; display: flex; justify-content: center; align-items: center; padding-top: 8%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed { height: 125vw; display: flex; flex-direction: column; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed.registered { height: 150vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container.search-mode { display: flex; flex-direction: column; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container.search-mode .link-box-robot { transform: translate(-50%, 50%); bottom: -9%; left: 50%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .pointing-arrow { position: absolute; top: initial; left: 50%; transform: translate(-50%, -50%); } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .text-container { padding-right: 7%; padding-top: 10%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .text-container .link-box-title { font-size: 6.1vw; line-height: 6.1vw; width: 100%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .text-container .link-box-sub-title { font-size: 5.5vw; line-height: 5.5vw; width: 100%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .links-wrapper { display: flex; flex-direction: column; align-items: center; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .links-wrapper.register-link .link-item { height: 18%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .links-wrapper.register-link .link-item:last-child { height: 25%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .links-wrapper.register-link .link-item .text-wrapper .btn-cta { margin-top: 0.7rem; font-size: 3vw; padding: 2.2vw 6.5vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .links-wrapper .link-item { width: 90%; height: 23%; padding: 0; padding-right: 2%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .links-wrapper .link-item .text-wrapper .link-title { font-size: 4.8vw; line-height: 4.8vw; font-weight: 500; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper.subscribed .link-box-container .links-wrapper .link-item .text-wrapper .description { font-size: 4.2vw; line-height: 4.2vw; font-weight: 500; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container { padding: 0; height: 90%; width: 90%; position: relative; justify-content: space-between; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .pointing-arrow { position: absolute; top: -12%; height: 19vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .link-box-robot { top: initial; height: 34vw; bottom: -31%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container.registered-mode .titles-container { transform: translateY(80%); } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container.registered-mode .titles-container .registered-title { font-size: 5.5vw; line-height: 5.5vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container.registered-mode .titles-container .registered-sub-title { font-size: 5vw; line-height: 5vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container.complete-mode .titles-container { transform: translateY(150%); } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container.complete-mode .titles-container .registered-title { font-size: 5.5vw; line-height: 5.5vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .subscribe-btn, .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .continue-btn { font-size: 3.8vw; padding: 2vw 9vw; transform: translateY(40%); } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .subscribe-text, .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .registered-text { width: 75%; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .subscribe-text span, .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .registered-text span { font-size: 4.4vw; line-height: 4.4vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .subscribe-text p, .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .registered-text p { font-size: 3.8vw; line-height: 3.8vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .floating-triangles { height: 9vw; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .continue-register { display: flex; flex-direction: column; align-items: center; } .dashboard-wrapper .dashboard-container .content-container .info-section-mobile .content-wrapper .link-box-container .continue-register .registered-text { margin: 0; font-size: 4.1vw; line-height: 4.1vw; } .dashboard-wrapper .dashboard-container .content-container .search-section { width: 100%; background: #2a2a2a; background: initial; justify-content: center; align-items: center; padding-top: 20%; padding-bottom: 10%; } .dashboard-wrapper .dashboard-container .content-container .search-section .content-wrapper { width: 90%; max-width: initial; } .dashboard-wrapper .dashboard-container .content-container .search-section .content-wrapper .alert-btn { width: 100%; height: 15vw; padding: 0; margin: 0; padding: 0 3%; margin-bottom: 5%; } .dashboard-wrapper .dashboard-container .content-container .search-section .content-wrapper .alert-btn .right-col .icon-wrapper { height: 6vw; width: 6vw; } .dashboard-wrapper .dashboard-container .content-container .search-section .content-wrapper .alert-btn .right-col .icon-wrapper svg { height: 80%; width: 80%; } .dashboard-wrapper .dashboard-container .content-container .search-section .content-wrapper .alert-btn .right-col .btn-text { font-size: 4vw; } .dashboard-wrapper .dashboard-container .content-container .search-section .content-wrapper .alert-btn .left-col .icon-wrapper { height: 4.5vw; width: 4.5vw; } .dashboard-wrapper .dashboard-container .content-container .search-section .content-wrapper .cta-block { width: 100%; height: 25vw; } .dashboard-wrapper .dashboard-container .content-container .search-section .content-wrapper .cta-block .cta-title { font-size: 4.1vw; line-height: 4.1vw; } .dashboard-wrapper .dashboard-container .content-container .search-section .content-wrapper .cta-block .orange-btn { font-size: 3vw; padding: 2.2vw 6.5vw; } .dashboard-wrapper .dashboard-container .content-container .mobile-bottom { display: block; } } @media screen and (max-width: 624px) { .dashboard-wrappers { height: unset; margin-top: unset; } .dashboard-wrappers .dashboard-container { padding-top: unset; background-image: unset; margin-top: unset; } .dashboard-wrappers .dashboard-container .content-containers { padding-right: unset; height: unset; width: unset; } .dashboard-wrappers .dashboard-container .content-containers .graph-section .graph-container .upper-title-wrapper { display: flex; flex-direction: column; align-items: center; } .dashboard-wrappers .dashboard-container .content-containers .graph-section .graph-container .upper-title-wrapper .insurance-btn { font-size: 4vw; padding: 2vw; margin-bottom: 2rem; } .dashboard-wrappers .dashboard-container .content-containers .graph-section .graph-container .upper-title-wrapper .main-sub-title { margin-bottom: 1rem; } .dashboard-wrappers .dashboard-container .content-containers .graph-section .graph-container .upper-title-wrapper .policy-title-wrapper { width: 100%; justify-content: center; } .dashboard-wrappers .dashboard-container .content-containers .graph-section .graph-container .graph-wrapper { width: 100vw; } .dashboard-wrappers .dashboard-container .content-containers .graph-section .graph-container .total-text-wrapper { width: 100vw; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers { width: 100vw; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.registered-mode { position: relative; justify-content: center; height: unset; margin: 5em 0 10em 0; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.registered-mode .btn-link { font-size: 14px; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.registered-mode .link-box-robot { top: 20em; left: 35vw; width: 140px; height: 140px; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.registered-mode .pointing-arrow { position: absolute; top: -2.9em; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.registered-mode .continue-register .registered-text { width: unset; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.registered-mode .continue-register .floating-triangles { margin: 0 auto; display: none; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.search-mode { position: relative; margin: 5em 0; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.search-mode .pointing-arrow { position: absolute; top: -2.5em; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.search-mode .link-box-robot { display: none; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.complete-mode { position: relative; justify-content: unset; margin: 5em 0; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.complete-mode .pointing-arrow { position: absolute; top: -2.5em; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.complete-mode .link-box-robot { display: none; } .dashboard-wrappers .dashboard-container .content-containers .focus-mobile .info-section-mobile .content-wrapper .link-box-containers.complete-mode .floating-triangles { display: none; } .dashboard-wrappers .dashboard-container .content-containers .search-section { width: 100%; align-items: center; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper { flex-direction: column; max-width: unset; flex-wrap: unset; width: 90vw; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .alert-btn { width: unset; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .alert-btn .right-col .btn-text { font-size: 3.5vw; } .dashboard-wrappers .dashboard-container .content-containers .search-section .content-wrapper .cta-block .cta-title { font-size: 3.5vw; } } .form-select-new { margin: 2rem 0; transition: all 0s ease-in-out; border-radius: 5px; margin-bottom: 1rem; position: relative; } .form-select-new.active .input-wrapper .label { top: -1.3rem; font-size: 1rem; cursor: default; } .form-select-new.active input { box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4); } .form-select-new.active .options { box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4); } .form-select-new.with-value .input-wrapper .label { top: -1.3rem; font-size: 1rem; cursor: default; } .form-select-new:hover .arrow-icon svg { fill: #FFA800; } .form-select-new .input-wrapper { position: relative; } .form-select-new .input-wrapper .label { position: absolute; top: 25%; right: 0; font-size: 1.2rem; color: #2a2a2a; opacity: 0.4; font-weight: 600; transition: all 0.3s ease-in-out; cursor: text; z-index: 1; } .form-select-new .input-wrapper .input { cursor: pointer; width: 100%; outline: none; font-weight: 600; height: 4rem; background: none; border: none; border-bottom: 1px solid rgba(42, 42, 42, 0.2); color: #2a2a2a; } .form-select-new .input-wrapper .input::placeholder { color: #5d5d5d; transition: all 0.3s ease-in-out; } .form-select-new .input-wrapper .arrow-icon { position: absolute; width: 25px; height: 25px; top: 22%; left: 2%; color: #FD7200; font-size: 1.3rem; transition: 0.2s; cursor: pointer; } .form-select-new .input-wrapper .arrow-icon.rotated { transform: rotate(270deg); } .form-select-new .wrap_src { width: 100%; position: absolute; background: white; z-index: 11; } .form-select-new .wrap_src .options { display: none; width: 100%; max-height: 20vh; overflow: auto; } .form-select-new .wrap_src .options::-webkit-scrollbar-track { background-color: none; } .form-select-new .wrap_src .options::-webkit-scrollbar { width: 2px; background-color: none; border: none; } .form-select-new .wrap_src .options .option { display: flex; justify-content: flex-start; align-items: center; padding: 0 0.8rem; height: 4.1rem; font-weight: 300; font-size: 15px; color: #aeadac; cursor: pointer; transition: all 0.3s ease-in-out; } .form-select-new .wrap_src .options .option .img { height: 30%; margin-left: 12px; box-shadow: 0 0 10px 1px #ccd2e7; } .form-select-new .wrap_src .options .option:hover { color: #1d1d1e; } .form-select-new .wrap_src .options.open { display: block; } .form-select-new .wrap_src .options .active-option { background: #FFA800 !important; color: #1d1d1e; } .form-select-new .over { position: absolute; background: #ff2020; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; } .form-select-new:after { content: ''; display: block; position: absolute; top: 91%; height: 3px; width: 0; background: transparent; transition: all 0.3s ease-in-out; } .form-select-new.active .input::placeholder { visibility: hidden; opacity: 0; right: 0; } .form-select-new.hide { height: 0; overflow: hidden; } .form-select-new.error .error-msg { width: 100%; color: #e74c3c; font-size: 0.85rem; opacity: 1; position: absolute; width: 100%; visibility: visible; height: 1rem; } .form-select-new .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 0; height: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .bank-approval-form-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } .bank-approval-form-wrapper .bank-approval-form-content { display: flex; flex-direction: column; justify-content: center; align-items: center; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper { display: flex; align-items: end; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .bank-approval-form-robot { width: 116px; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .bank-approval-form-robot img { width: 100%; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .title-container { margin-bottom: 2rem; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .title-container .form-title { font-size: 1.8rem; text-align: center; margin: 0 0 7px 0; color: #FFA800; font-weight: bold; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .title-container .form-subtitle { font-size: 1.5rem; font-weight: 500; text-align: center; margin: 0; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .title-container .bold { font-weight: bold; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .bank-approval-robot-filler { width: 116px; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary { display: flex; flex-direction: column; justify-content: space-around; align-items: center; width: 100%; margin-bottom: 25px; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary > div { display: flex; align-items: center; justify-content: center; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price { display: flex; align-items: center; width: 100%; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price.customer { transform: initial; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price .total-price-line1 { display: flex; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price .total-price-line1 .total-text { font-size: 1.4rem; font-weight: bold; text-align: center; color: black; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price .total-price-line1 .price-wrapper { color: #1d1d1e; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price .total-price-line1 .price-wrapper .price-text { font-size: 1.4rem; font-weight: bold; color: #3ec8d5; margin-right: 7px; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price p { font-size: 1.5rem; font-weight: 500; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary.has-discount .total-price { display: flex; flex-direction: column; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary.has-discount .total-price .total-price-line1 .price-wrapper { color: #1d1d1e; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary.has-discount .total-price .total-price-line1 .price-wrapper .price-text { text-decoration: line-through; color: #9a9a9a; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary.has-discount .total-price .total-price-line1 .price-wrapper .price-text.without-line { text-decoration: unset; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary.has-discount .after-discount-price-text { font-size: 1.6rem; font-weight: bold; color: #3ec8d5; } .bank-approval-form-wrapper .bank-approval-form-content .form { display: flex; flex-direction: column; align-items: center; width: 33.5vw; color: #2a2a2a; } .bank-approval-form-wrapper .bank-approval-form-content .form .form-text-input { width: 100%; } .bank-approval-form-wrapper .bank-approval-form-content .form .form-row { width: 100%; display: flex; } .bank-approval-form-wrapper .bank-approval-form-content .form .form-row .form-text-input { flex-grow: 1; } .bank-approval-form-wrapper .bank-approval-form-content .form .form-row .form-text-input:first-child { margin-left: 10px; } .bank-approval-form-wrapper .bank-approval-form-content .form .form-row .form-text-input:last-child { margin-right: 10px; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper { width: 100%; position: relative; margin-bottom: 27px; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .bank-field-required { position: absolute; right: -20px; bottom: 8px; color: #d80000; font-size: 20px; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .bank-field-required.hide { display: none; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .simple-select { border-radius: 0px; box-shadow: none; cursor: pointer; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .simple-select .simple-select-chosen-option { padding-right: 0; z-index: 1000; border-radius: 0px; background-color: transparent; border-bottom: 1px solid rgba(42, 42, 42, 0.2); } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .simple-select .simple-select-chosen-option .simple-select-arrow { transform: rotate(180deg); } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .simple-select .simple-select-chosen-option .simple-select-arrow.open { transform: rotate(90deg); } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .simple-select .simple-select-option-list { border-radius: 0px; background-color: white; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); z-index: 2; position: relative; top: 0; padding-top: 16px; max-height: 350px; overflow-y: auto; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .simple-select .simple-select-option-list .simple-select-option { display: flex; justify-content: flex-start; align-items: center; height: 42px; padding-inline: 15px; background-color: white; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .simple-select .simple-select-option-list .simple-select-option span { width: 100%; color: #2a2a2a; text-align: right; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-select-wrapper .simple-select .simple-select-option-list .simple-select-option:hover span { color: #fd7200; } .bank-approval-form-wrapper .bank-approval-form-content .form .relative-holder { width: 100%; } .bank-approval-form-wrapper .bank-approval-form-content .form .relative-holder .form-text-input { width: 100%; } .bank-approval-form-wrapper .bank-approval-form-content .form .psoriasis-section { display: flex; flex-direction: column; text-align: center; height: 45px; } .bank-approval-form-wrapper .bank-approval-form-content .form .psoriasis-section .psoriasis-line1 { color: #85e94b; font-size: 14px; } .bank-approval-form-wrapper .bank-approval-form-content .form .psoriasis-section .psoriasis-line2 { font-size: 10px; } .bank-approval-form-wrapper .bank-approval-form-content .form button.black-btn { margin-top: 35px; padding: 5px 30px; } .bank-approval-form-wrapper .bank-approval-form-content .form button.black-btn.hide { display: none; } .bank-approval-form-wrapper .bank-approval-form-content .form .submit-spinner.hide { display: none; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-approval-text-below { display: flex; flex-direction: column; align-items: center; margin-top: 16px; line-height: 1.5; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-approval-text-below .bank-approval-below-line1, .bank-approval-form-wrapper .bank-approval-form-content .form .bank-approval-text-below .bank-approval-below-line2 { color: #2a2a2a; font-size: 13px; font-weight: 500; } .bank-approval-form-wrapper .bank-approval-form-content .relative-holder { position: relative; } .bank-approval-form-wrapper .bank-approval-form-content .relative-holder img { position: absolute; left: 0; z-index: 2; top: 0; height: 40px; width: 40px; } @media screen and (max-width: 1180px) { .bank-approval-form-wrapper .bank-approval-form-content .form { width: 600px; max-width: 95vw; } .bank-approval-form-wrapper .bank-approval-form-content .form .form-row { width: 100%; display: flex; } .bank-approval-form-wrapper .bank-approval-form-content .form .form-row .form-text-input { flex-grow: 1; } } @media screen and (max-width: 624px) { .bank-approval-form-wrapper { height: 100%; } .bank-approval-form-wrapper .bank-approval-form-content { height: 100%; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper { height: 10%; display: flex; flex-direction: column; align-items: center; margin-top: 3em; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .bank-approval-form-robot { position: relative; width: 7.4em; display: none; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .bank-approval-form-robot img { width: 100%; cursor: unset; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .title-container { margin-bottom: 0.7rem; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .title-container .form-title { font-size: 1.5em; margin-bottom: 0.0001em; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-upper .title-container .form-subtitle { font-size: 1.2em; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary { margin-bottom: 1em; height: 10%; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price .total-price-line1 { flex-direction: column; align-items: center; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price .total-price-line1 .total-text { font-size: 1.3rem; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price .total-price-line1 .price-wrapper .price-text { font-size: 1.2rem; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary .total-price p { font-size: 1.2rem; } .bank-approval-form-wrapper .bank-approval-form-content .purchase-summary.has-discount .after-discount-price-text { font-size: 1.2rem; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow { overflow-y: auto; padding-bottom: 88px; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form { width: 85vw; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form::-webkit-scrollbar { display: none; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .bank-approval-text-below { text-align: center; display: inline; max-width: 90vw; margin-top: 8px; line-height: 1.3; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .bank-approval-text-below .bank-approval-below-line1 { font-size: 0.8em; margin-left: 5px; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .bank-approval-text-below .bank-approval-below-line2 { font-size: 0.8em; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form button.black-btn { margin-top: 1em; padding: 0.5em 1em; font-size: 1em; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .bank-select-wrapper { margin: -10px 0; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .form-row { display: flex; flex-direction: column; align-items: center; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .form-row .form-text-input { width: 100%; margin: 1em 0; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .form-row .form-text-input:first-child { margin-left: unset; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .form-row .form-text-input:last-child { margin-right: unset; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .form-row .form-text-input .label { font-size: 0.8em; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .form-row .form-text-input .input { font-size: 1.2em; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .form-row .form-text-input .error-msg { font-size: 0.6em; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .relative-holder .relative_input { width: 100%; margin: 1em 0; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .relative-holder .relative_input .label { font-size: 0.8em; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .relative-holder .relative_input .input { font-size: 1.2em; } .bank-approval-form-wrapper .bank-approval-form-content .bank-approval-form-overflow .form .relative-holder .relative_input .error-msg { font-size: 0.6em; } } @media screen and (max-width: 376px) { .bank-approval-form-wrapper .bank-approval-form-content .form { width: 90vw; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-approval-text-below { width: 100%; } } @media screen and (max-height: 770px) { .bank-approval-form-wrapper .bank-approval-form-content .form button.black-btn { margin-top: unset; } } @media screen and (max-width: 280px) { .bank-approval-form-wrapper .bank-approval-form-content .form .relative-holder .form-text-input { margin: 1rem 0 0.5rem 0; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-approval-text-below { margin-top: 5px; line-height: 9px; } .bank-approval-form-wrapper .bank-approval-form-content .form .bank-approval-text-below span:first-child { margin-left: 3px; } } .payment-first-step-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; } .payment-first-step-wrapper.hidden { visibility: hidden; } .payment-first-step-wrapper .payment-first-step-header-container { display: flex; justify-content: center; width: 100%; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-back-btn { background: none; border: none; position: fixed; display: flex; z-index: 300; top: 2.5rem; right: 3rem; align-items: center; cursor: pointer; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-back-btn.hide { display: none; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-back-btn span { color: #8d8d8d; font-weight: 500; font-size: 1.5rem; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-back-btn svg { width: 2.5rem; height: 2.5rem; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-back-btn svg g g { stroke: #2a2a2a; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-mediwho-logo { position: relative; top: 2vw; width: 170px; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-mediwho-logo img { width: 100%; cursor: pointer; } .payment-first-step-wrapper .cols-wrapper { width: 100%; height: 100%; display: flex; justify-content: center; margin-bottom: 4vw; } .payment-first-step-wrapper .cols-wrapper .col { width: 50%; } .payment-first-step-wrapper .cols-wrapper .col.right-col { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-right: 10vw; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper { display: flex; align-items: end; margin-bottom: 60px; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-robot { width: 116px; padding-bottom: 10px; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-robot img { width: 100%; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container { margin-bottom: 2rem; line-height: 1.5; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .payment-first-step-title { font-size: 1.8rem; text-align: center; margin: 0 0 0 0; color: #FFA800; font-weight: bold; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 { display: flex; flex-wrap: wrap; justify-content: center; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 .total-text { font-size: 1.4rem; font-weight: bold; text-align: center; color: black; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 .price-wrapper { color: #1d1d1e; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 .price-wrapper .price-text { font-size: 1.4rem; font-weight: bold; color: #3ec8d5; margin-right: 7px; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-robot-filler { width: 116px; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options { display: flex; align-items: center; margin-bottom: 50px; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option { width: 210px; display: flex; flex-direction: column; align-items: center; cursor: pointer; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option:hover { transform: scale(1.03); } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option .payment-first-step-option-text { font-size: 18px; font-weight: bold; color: #1e1e1d; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option.payment-first-step-credit { margin-left: 30px; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option.payment-first-step-credit img { margin-top: 25px; width: 100%; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option.payment-first-step-bank img { width: 100%; } .payment-first-step-wrapper .cols-wrapper .col.left-col { display: flex; flex-direction: column; justify-content: center; align-items: center; } .payment-first-step-wrapper .cols-wrapper .col.left-col .payment-first-step-computer-image { width: 47vw; margin-left: -100px; } .payment-first-step-wrapper .cols-wrapper .col.left-col .payment-first-step-computer-image img { width: 100%; } @media screen and (max-width: 1440px) { .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container { margin-bottom: 2rem; line-height: 1.5; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .payment-first-step-title { font-size: 1.5rem; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 .total-text { font-size: 1.1rem; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 .price-wrapper .price-text { font-size: 1.1rem; } } @media screen and (max-width: 1180px) { .payment-first-step-wrapper .cols-wrapper .col { width: 100%; padding-right: unset; } .payment-first-step-wrapper .cols-wrapper .col.right-col { width: 100%; padding-right: unset; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper { margin-bottom: 50px; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container { margin-bottom: 2rem; line-height: 1.5; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .payment-first-step-title { font-size: 1.8rem; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 .total-text { font-size: 1.5rem; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 .price-wrapper .price-text { font-size: 1.5rem; } .payment-first-step-wrapper .cols-wrapper .col.left-col { display: none; } } @media screen and (max-width: 624px) { .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-back-btn { top: 1.8em; right: 1.4em; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-back-btn span { display: none; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-mediwho-logo { position: relative; top: 1.5em; width: 10em; } .payment-first-step-wrapper .payment-first-step-header-container .payment-first-step-mediwho-logo img { width: 100%; cursor: pointer; } .payment-first-step-wrapper .cols-wrapper { height: calc(100% - 45px); } .payment-first-step-wrapper .cols-wrapper .col.right-col { height: 100%; justify-content: unset; align-items: unset; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper { flex-direction: column; align-items: center; margin-top: 2em; margin-bottom: 2em; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-robot { width: 7.4em; padding-bottom: unset; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container { line-height: unset; width: 80%; flex-direction: column; align-items: center; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .payment-first-step-title { font-size: 1.5em; margin-bottom: .6em; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 { display: flex; flex-direction: column; align-items: center; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 .total-text { font-size: 1.15em; margin-bottom: .2em; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-upper .payment-first-step-title-container .total-price-line1 .price-wrapper .price-text { font-size: 1.15em; margin-right: unset; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options { display: flex; flex-direction: row; margin-bottom: 50px; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option { width: 100%; display: flex; flex-direction: column; align-items: center; cursor: unset; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option:hover { transform: unset; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option .payment-first-step-option-text { font-size: 1.3em; font-weight: bold; color: #1e1e1d; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option.payment-first-step-credit img { margin-top: 2em; width: 100%; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option.payment-first-step-bank img { width: 100%; } .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option.payment-first-step-bank span { text-align: center; } .payment-first-step-wrapper .cols-wrapper .col.left-col { display: none; } } @media screen and (max-width: 290px) { .payment-first-step-wrapper .cols-wrapper .col.right-col .payment-first-step-options .option.payment-first-step-credit img { margin-top: 0; } } @media screen and (max-height: 740px) { .payment-first-step-wrapper .cols-wrapper { height: calc(100% - 45px); } .payment-first-step-wrapper .cols-wrapper .col.right-col { height: 100%; } } .payment-result-wrapper { display: flex; flex-direction: column; align-items: center; } .payment-result-wrapper .robot-image.failed-status { transform: translateY(12%); } .payment-result-wrapper .text-wrapper .first-row { color: #FFA800; font-size: 2.4rem; font-weight: bold; } .payment-result-wrapper .text-wrapper .second-row { margin: 1rem auto; font-size: 1.8rem; font-weight: 600; } .payment-result-wrapper .text-wrapper .final-row { text-align: center; font-size: 1.4rem; color: #1d1d1e; line-height: 1.8rem; } .payment-result-wrapper .black-btn { margin: 0 auto; } .payment-result-wrapper .floating-triangles { margin-top: 4rem; width: 260px; } .payment-result-wrapper .floating-triangles.failed-status { margin-bottom: 5rem; } @media screen and (max-width: 1023px) { .exportable-payment-form-container .payment-result-wrapper { min-height: 63vh; padding: 0; justify-content: center; } .exportable-payment-form-container .payment-result-wrapper .text-wrapper .first-row { line-height: clamp(1.5rem, 5.5vw, 2.5rem); font-size: clamp(1.5rem, 5.5vw, 2.5rem); margin: 0; margin-bottom: clamp(0.5rem, 1.6vw, 1rem); } .exportable-payment-form-container .payment-result-wrapper .text-wrapper .second-row { line-height: clamp(1.2rem, 4.1vw, 1.8rem); font-size: clamp(1.2rem, 4.1vw, 1.8rem); margin: 0; margin-bottom: clamp(0.5rem, 1.6vw, 1rem); } .exportable-payment-form-container .payment-result-wrapper .text-wrapper .final-row { font-size: clamp(1rem, 3.3vw, 1.4rem); line-height: clamp(1.4rem, 3.3vw, 1.8rem); margin: 0; margin-bottom: clamp(0.5rem, 1.6vw, 1rem); } .exportable-payment-form-container .payment-result-wrapper .black-btn { margin: 0; font-size: clamp(1rem, 3.3vw, 1.4rem); width: clamp(9rem, 31vw, 15rem); height: clamp(2rem, 6.6vw, 3rem); padding: 0; } } .payment-payment-form-sa { display: flex; align-items: center; flex-direction: column; position: relative; width: 90%; height: 100%; margin: 0 5%; padding: 0 10rem; } @media screen and (max-width: 1023px) { .payment-payment-form-sa { padding: 0; } } .payment-payment-form-sa .payment-form-header-container { display: flex; justify-content: center; width: 100%; } .payment-payment-form-sa .payment-form-header-container .payment-form-mediwho-logo { position: relative; top: 2vw; width: 170px; } .payment-payment-form-sa .payment-form-header-container .payment-form-mediwho-logo img { width: 100%; cursor: pointer; } .payment-payment-form-sa .payment-form-form-part { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container { display: flex; align-items: end; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container .payment-form-title-robot { width: 116px; height: 116px; position: relative; bottom: 50px; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container .payment-form-title-robot img { width: 100%; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container .payment-form-robot-filler { width: 116px; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container .payment-form-title-middle { display: flex; flex-direction: column; align-items: center; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container .payment-form-title-middle .step-back-btn { cursor: pointer; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container .payment-form-title-middle .main-title { font-size: 24px; font-weight: bold; color: #ff7200; margin-inline: 30px; } .payment-payment-form-sa .payment-form-form-part iframe { border: none; outline: none; width: 566px !important; height: 566px; max-width: 95vw; background-color: transparent !important; display: flex; align-items: center; } @media screen and (max-width: 1440px) { .payment-payment-form-sa .payment-form-header-container .payment-form-mediwho-logo { position: relative; top: 40px; width: 150px; } .payment-payment-form-sa .payment-form-form-part { position: relative; top: 80px; } } @media screen and (max-width: 1023px) { .payment-payment-form-sa .payment-form-header-container .payment-form-mediwho-logo { position: relative; top: 40px; width: 150px; } } @media screen and (max-width: 624px) { .payment-payment-form-sa .payment-form-header-container .payment-form-mediwho-logo { position: relative; top: 20px; width: 143px; margin-bottom: 35px; } .payment-payment-form-sa .payment-form-form-part { top: unset; flex-grow: unset; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container { flex-direction: column; align-items: center; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container .payment-form-title-robot { width: 70px; height: 70px; position: unset; margin-bottom: 15px; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container .payment-form-robot-filler { display: none; } .payment-payment-form-sa .payment-form-form-part .payment-form-title-container .payment-form-title-middle .main-title { font-size: 20px; margin-inline: unset; margin-bottom: 20px; } } .agent-report-checkout-wrapper { min-height: 1080px; padding-top: 12rem; background: #f2f2f2; } .agent-report-checkout-wrapper h1, .agent-report-checkout-wrapper h2, .agent-report-checkout-wrapper h3, .agent-report-checkout-wrapper h4, .agent-report-checkout-wrapper h5, .agent-report-checkout-wrapper h6, .agent-report-checkout-wrapper p, .agent-report-checkout-wrapper span { color: #2a2a2a; } .agent-report-checkout-wrapper .main-title { font-size: 2.3rem; margin-bottom: 2rem; } .agent-report-checkout-wrapper .steps-wrapper { display: flex; margin: 0 auto; width: 20rem; justify-content: space-between; margin-bottom: 2.5rem; } .agent-report-checkout-wrapper .steps-wrapper .checkout-step { position: relative; } .agent-report-checkout-wrapper .steps-wrapper .checkout-step.completed .checkmark { opacity: 1; } .agent-report-checkout-wrapper .steps-wrapper .checkout-step.active .step-text { opacity: 1; } .agent-report-checkout-wrapper .steps-wrapper .checkout-step .checkmark { font-size: 1.5rem; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; position: absolute; top: 2.2rem; border-radius: 50rem; left: 0; right: 0; margin-left: auto; margin-right: auto; transition: opacity 0.3s ease-in-out; background: #FFA800; z-index: 3; transition: 0.3s ease-in-out; opacity: 0; } .agent-report-checkout-wrapper .steps-wrapper .checkout-step .step-text { font-size: 1.5rem; font-weight: 500; opacity: 0.3; } .exportable-payment-form-container { background-image: url(/_next/static/images/new-reg-df4fe15828c5e65aaf16066082877f6b.jpg); background-position: center; height: 100vh; width: 100%; position: fixed; top: 0; } .exportable-payment-form-container.report-checkout-hide-navbar { z-index: 10000; } .payment-page { min-height: 100vh; padding-top: 12rem; background: #f2f2f2; } .payment-page.no-padding { padding-top: unset; } .payment-page h1, .payment-page h2, .payment-page h3, .payment-page h4, .payment-page h5, .payment-page h6, .payment-page p, .payment-page span { color: #2a2a2a; } .payment-page .main-title { font-size: 2.3rem; margin-bottom: 6rem; } .payment-page .full-screen-loader { height: 98vh; display: flex; justify-content: center; align-items: center; flex-direction: column; } .payment-page .full-screen-loader .pay_spinner { width: 10rem; height: 10rem; z-index: 1; } .payment-page .full-screen-loader.none { display: none; } @media screen and (max-width: 1023px) { .payment-page { background-color: #f2f2f2; padding-top: 9rem; padding-bottom: 5rem; } .payment-page h2 { padding: 0; } .payment-page .steps-wrapper.report-checkout { width: 18rem; margin: -2rem auto 7rem auto; } .payment-page .steps-wrapper.report-checkout .progress-bar { width: 82%; } .payment-page .steps-wrapper.report-checkout .checkout-step .step-text { width: auto; } } .tax-calc-container { display: flex; align-items: center; flex-direction: column; } .tax-calc-container .tax-calc-title { font-size: 2.33rem; color: #0071d8 !important; font-weight: 500; } .tax-calc-container .tax-calc-desc { font-size: 1.333rem; font-weight: 700; width: 80%; } .tax-calc-container .family-wrapper { display: flex; align-items: center; margin-bottom: 2.5rem; } .tax-calc-container .family-wrapper .family-select-title { font-size: 1.333rem; font-weight: 500; } .tax-calc-container .family-wrapper .family-select-wrapper .input-wrapper .chosen-option-text { font-size: 1.333rem; } .tax-calc-container .family-wrapper .family-select-wrapper .options-list .option-item { font-size: 1.333rem; text-align: right; } .tax-calc-container .inputs-wrapper { display: flex; align-items: center; justify-content: space-between; } .tax-calc-container .inputs-wrapper .form-select-new, .tax-calc-container .inputs-wrapper .form-text-input { width: 48%; } .tax-calc-container .inputs-wrapper .form-text-input { margin: 3.3rem 0 2.2rem 0; } .tax-calc-container .inputs-wrapper .form-select-new input { transition: all 0.3s ease-in-out; border-color: rgba(42, 42, 42, 0.2); } .tax-calc-container .inputs-wrapper .form-select-new input::placeholder { color: #2a2a2a; font-size: 1.2rem; opacity: 0.4; font-family: 'Rubik', sans-serif; font-weight: 600; } @media screen and (max-width: 624px) { .tax-calc-container { padding-top: 2rem; } .tax-calc-container .inputs-wrapper { flex-direction: column; padding-top: 1rem; padding-bottom: 2rem; } .tax-calc-container .inputs-wrapper .form-text-input, .tax-calc-container .inputs-wrapper .form-select-new { width: 100%; margin: 0; margin-bottom: 2rem; } .tax-calc-container .button-footer { width: 100vw; } } @charset "UTF-8"; .popup-wrapper.policyInfo .popup-box { max-width: 720px; position: relative; padding-top: 4rem; } .popup-wrapper.policyInfo .popup-box h1, .popup-wrapper.policyInfo .popup-box h2, .popup-wrapper.policyInfo .popup-box h3, .popup-wrapper.policyInfo .popup-box h4, .popup-wrapper.policyInfo .popup-box h5, .popup-wrapper.policyInfo .popup-box h6, .popup-wrapper.policyInfo .popup-box p, .popup-wrapper.policyInfo .popup-box span { color: #2a2a2a; margin: 0; } .popup-wrapper.policyInfo .popup-box .close-btn { width: 1.5rem; position: absolute; top: 1.5rem; right: 1.5rem; height: 1.5rem; background: none; border: none; padding: 0; } .popup-wrapper.policyInfo .popup-box .close-btn svg { width: 100%; height: 100%; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content { width: 65%; margin: 0 auto; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-company-logo { width: 6.666rem; height: 5.3rem; fill: #2a2a2a; border-radius: 7px; position: absolute; background: white; top: -2.6rem; margin: 0 auto; left: 0; right: 0; box-shadow: 0 0 75px 0 rgba(92, 94, 98, 0.3); } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-name-block h1, .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-name-block h2, .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-name-block h3 { font-weight: 500; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-name-block .policy-type { font-size: 1.5rem; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-name-block .policy-name { font-size: 2.333rem; color: #FFA800; margin: 0.8rem; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-name-block .policy-owner { font-size: 1.333rem; } .popup-wrapper.policyInfo .popup-box .policy-tabs.button-footer, .popup-wrapper.policyInfo .popup-box .policy-tabs.button-header { margin: 1rem 0; } .popup-wrapper.policyInfo .popup-box .policy-tabs.button-footer .button, .popup-wrapper.policyInfo .popup-box .policy-tabs.button-header .button { margin: 0 1rem; } .popup-wrapper.policyInfo .popup-box .policy-cost-block { display: flex; justify-content: center; align-items: center; padding: 0.7rem 0; margin: 0 auto; } .popup-wrapper.policyInfo .popup-box .policy-cost-block .cost-label { font-size: 1.2rem; font-weight: 500; margin-left: 0.5rem; } .popup-wrapper.policyInfo .popup-box .policy-cost-block .price { font-size: 1.85rem; font-weight: 500; line-height: 1rem; } .popup-wrapper.policyInfo .popup-box .policy-cost-block .price .agorot { font-size: 1.25rem; } .popup-wrapper.policyInfo .popup-box .policy-cost-block .price .shekel-sign { font-size: 1.1rem; margin-right: 2px; } .popup-wrapper.policyInfo .popup-box .policy-cost-block .desc-btn { background: none; border: none; color: #2a2a2a; opacity: 0.3; font-weight: 500; font-size: 1.2rem; padding: 0; display: flex; align-items: center; } .popup-wrapper.policyInfo .popup-box .policy-cost-block .desc-btn svg { height: 1.333rem; transform: rotate(180deg); width: 1.333rem; } .popup-wrapper.policyInfo .popup-box .policy-cost-block .desc-btn svg g { stroke: #2a2a2a; stroke-width: 3px; } .popup-wrapper.policyInfo .popup-box .policy-desc-block { border-bottom: 1px solid rgba(92, 94, 98, 0.2); padding: 1.25rem 0; } .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper { height: 30vh; overflow-y: auto; direction: ltr; } .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content { direction: rtl; padding-right: 1.5rem; } .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h1, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h2, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h3, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h4, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h5, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h6, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content p, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content span, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content strong, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content ul > li { text-align: right; color: #2a2a2a; } .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h1 .sub-policy-item, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h2 .sub-policy-item, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h3 .sub-policy-item, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h4 .sub-policy-item, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h5 .sub-policy-item, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h6 .sub-policy-item, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content p .sub-policy-item, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content span .sub-policy-item, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content strong .sub-policy-item, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content ul > li .sub-policy-item { width: 100%; display: flex; justify-content: space-between; } .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content ul { margin: 0; } .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content ul li { font-size: 1.25rem; margin: 1.5rem 0; } .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content ul li:before { content: '\2713'; min-width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; margin-left: 1rem; font-weight: 700; background: #FFA800; border-radius: 50%; color: white; } .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content p { font-weight: 500; font-size: 1.333rem; } .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h1, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h2, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h3, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h4, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h5, .popup-wrapper.policyInfo .popup-box .policy-desc-block .scroll-wrapper .policy-desc-content h6 { margin: 1.5rem 0 0.5rem 0; font-size: 1.5rem; text-decoration: underline; } .popup-wrapper.policyInfo .popup-box .button-footer, .popup-wrapper.policyInfo .popup-box .button-header { margin: 2rem 0 4rem 0; } .popup-wrapper.policyInfo .popup-box .button-footer button, .popup-wrapper.policyInfo .popup-box .button-header button { font-size: 1.2rem; font-weight: 500; } .popup-wrapper.policyInfo .popup-box .button-footer button:disabled, .popup-wrapper.policyInfo .popup-box .button-header button:disabled { opacity: 0.5; cursor: not-allowed; } .popup-wrapper.policyInfo .popup-box .button-footer button.primary-btn, .popup-wrapper.policyInfo .popup-box .button-header button.primary-btn { background: #FFA800; color: #fff; margin: 0 1rem; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2); } .popup-wrapper.policyInfo .popup-box .button-footer button.secondary-btn, .popup-wrapper.policyInfo .popup-box .button-header button.secondary-btn { background: none; color: #0e0e0e; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2); margin: 0 1rem; } @media screen and (max-width: 624px) { .popup-wrapper.policyInfo .popup-box { bottom: 0; position: absolute; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content { width: 90%; margin-bottom: 5rem; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-company-logo { top: -4rem; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-name-block, .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-cost-block, .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-desc-block { margin: 0 1.7rem; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .policy-desc-block { border-bottom: none; padding-bottom: 0; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .button-footer { display: flex; flex-direction: column; padding: 1.7rem 0; margin: 0; } .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .button-footer button.secondary-btn, .popup-wrapper.policyInfo .popup-box .policy-info-popup-content .button-footer button.primary-btn { margin: 0.5rem; } } .graphAlert.popup-wrapper .popup-box { width: 50%; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper:after { content: ''; height: 100px; width: 150px; background: url(/_next/static/images/360-6ea0e69979e2ed2a1a447e293ecc5e17.gif); position: absolute; background-size: cover; right: 0%; top: -90px; z-index: -1; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper h1 { font-family: 'Rubik'; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper .content-row { display: flex; align-items: center; text-align: right; border-bottom: 1px solid rgba(255, 155, 0, 0.7); justify-content: space-between; margin: 2rem 0; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper .content-row .orange-btn { padding: 0.3rem 1rem; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper .content-row .right-zone { display: flex; flex-direction: row; align-items: center; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper .content-row .right-zone .triangle { color: #FFA800; font-size: 2rem; padding: 0 1rem; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper .content-row .right-zone .text-block { padding: 1rem 0 1rem 1.5rem; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper .content-row .right-zone .text-block .msg-title { font-weight: 500; font-size: 1.4rem; margin-bottom: 0.5rem; color: #1d1d1e; font-family: 'Rubik'; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper .content-row .right-zone .text-block .msg-text { font-weight: 400; margin: 0; font-size: 1.1rem; color: #1d1d1e; font-family: 'Rubik'; } @media screen and (max-width: 624px) { .graphAlert.popup-wrapper .popup-box { bottom: 0; width: 100%; } .graphAlert.popup-wrapper .popup-box .graph-alert-wrapper .content-row .right-zone { text-align: center; } } .resumeService .popup-content { flex: 1 1; display: flex; flex-direction: column; justify-content: space-between; } .resumeService .popup-content .text-wrapper { margin: auto; } .resumeService .popup-content .text-wrapper h1 { margin-bottom: 2.5rem; } .resumeService .btn-container button { border-radius: 22px !important; width: 12rem !important; font-weight: 700 !important; font-family: 'Rubik' !important; font-size: 1.3rem !important; line-height: 1.5 !important; } .resumeService .btn-container button.black-btn { margin: unset !important; } @media screen and (max-width: 624px) { .resumeService .popup-box { bottom: 0; } .resumeService .popup-box .popup-content { height: 38vh !important; } .resumeService .popup-box .btn-container button { width: 8rem !important; } } @media screen and (min-width: 1023px) { .resumeService .popup-box { max-width: 55vw; } } .loader-overlay { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: rgba(255, 255, 255, 0.9); right: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: bold; } .loader-overlay img { width: 9rem; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper { margin: 1rem 0; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper .logo { position: relative; display: inline-block; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper .logo img { width: 7rem; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper .logo .robot { position: absolute; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper .logo .robot.oopsRobot { right: -12.8rem; top: -2.6rem; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper .logo .robot.oopsRobot img { width: 13.5rem; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper .logo .robot.registerRobot { right: -9rem; top: -2rem; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper .logo .robot.registerRobot img { width: 9.5rem; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper .logo .robot.successRobot { right: -13rem; top: -1rem; } .popup-wrapper .popup-box .insurance-crawler-popup .logo-wrapper .logo .robot.successRobot img { width: 13rem; } .popup-wrapper.insuranceCrawler .popup-box .insurance-crawler-popup .error-wrapper { margin-bottom: 2rem; } .popup-wrapper.insuranceCrawler .popup-box .insurance-crawler-popup .error-wrapper h2 { font-size: 2.4rem; line-height: 3rem; } .popup-wrapper.insuranceCrawler .popup-box .insurance-crawler-popup .error-wrapper h3 { color: #FFA800; font-size: 1.7rem; line-height: 1.8rem; } .popup-wrapper.insuranceCrawler .popup-box .insurance-crawler-popup .error-wrapper h4 { font-size: 1.6rem; margin: 0; font-weight: 500; } .popup-wrapper .popup-box .insurance-crawler-popup .authenticate-wrapper .code-wrapper { display: flex; flex-direction: column; margin: 1rem 0; align-items: center; justify-content: center; } .popup-wrapper .popup-box .insurance-crawler-popup .authenticate-wrapper .code-wrapper .text-input { margin: 1rem 0; max-width: 300px; } .popup-wrapper .popup-box .insurance-crawler-popup .authenticate-wrapper .code-wrapper span { font-size: 1.33rem; color: #645f5f; font-weight: 400; margin: 0 1rem; } .popup-wrapper .popup-box .insurance-crawler-popup .authenticate-wrapper .btn-wrapper { display: flex; justify-content: center; margin: 1rem 0; } .popup-wrapper .popup-box .insurance-crawler-popup .authenticate-wrapper a.resend-code { color: #FFA800; font-size: 1.2rem; font-weight: 500; text-decoration: underline; } @media screen and (max-width: 624px) { .popup-wrapper .popup-box .insurance-crawler-popup .authenticate-wrapper .btn-wrapper { flex-direction: column; margin: 1rem 0; } .popup-wrapper .popup-box .insurance-crawler-popup .authenticate-wrapper .btn-wrapper button { margin: 0.4rem 0; } } .popup-wrapper .popup-box .insurance-crawler-popup .company-item { width: 100%; display: flex; align-items: center; font-size: 1.33rem; padding: 0.6rem 1rem; border-radius: 5rem; margin-bottom: 0.5rem; box-shadow: 0 5px 26px 0 rgba(0, 0, 0, 0); transition: all 200ms ease-in; justify-content: space-between; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item:hover { box-shadow: 0 5px 26px 0 rgba(0, 0, 0, 0.16); } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .company-details { display: flex; align-items: center; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .company-details .company-logo { margin-left: 0.5rem; display: flex; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .status-icon { margin: 0 0.5rem; bottom: -0.2rem; position: relative; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .icon { display: flex; align-items: center; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .company-button .btn { align-items: center; justify-content: center; display: flex; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .company-button .btn svg { width: 1.5rem; transform: rotate(180deg); margin-left: -0.5rem; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .company-button .btn svg path { stroke: white; } @media screen and (max-width: 624px) { .popup-wrapper .popup-box .insurance-crawler-popup .company-item * { text-align: right; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .company-details .company-name { flex-direction: column; display: flex; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .company-button .btn { align-items: center; justify-content: center; display: flex; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .company-button .btn svg { width: 2rem; transform: rotate(180deg); margin-left: 0rem; } .popup-wrapper .popup-box .insurance-crawler-popup .company-item .company-button .btn svg path { stroke: white; } } @media screen and (max-width: 624px) { .popup-wrapper.insuranceCrawler .popup-box .popup-content .companies-wrapper .btn-cta { width: 4rem; height: 4rem; padding: 0; min-width: initial; } .popup-wrapper.insuranceCrawler .popup-box .popup-content .companies-wrapper .btn-cta small { display: none; } } .popup-wrapper .popup-box .insurance-crawler-popup .send-code-wrapper .user-details { margin: 1rem 0; } .popup-wrapper .popup-box .insurance-crawler-popup .send-code-wrapper .user-details span { font-size: 1.33rem; color: #645f5f; font-weight: 400; margin: 0 1rem; } .popup-wrapper .popup-box .insurance-crawler-popup .send-code-wrapper .btn-wrapper { display: flex; justify-content: center; margin: 1rem 0; } .popup-wrapper .popup-box .insurance-crawler-popup .send-code-wrapper .btn-wrapper button { margin: 0 1rem; min-width: 25%; } @media screen and (max-width: 624px) { .popup-wrapper .popup-box .insurance-crawler-popup .send-code-wrapper .btn-wrapper { flex-direction: column; margin: 1rem 0; } .popup-wrapper .popup-box .insurance-crawler-popup .send-code-wrapper .btn-wrapper button { margin: 0.4rem 0; } } .popup-wrapper .popup-box .insurance-crawler-popup .success-wrapper .send-animation { width: 19rem; margin-bottom: -4rem; margin-top: -4rem; } .popup-wrapper .popup-box .insurance-crawler-popup .success-wrapper .user-details { margin: 1rem 0; } .popup-wrapper .popup-box .insurance-crawler-popup .success-wrapper .user-details span { font-size: 1.33rem; color: #645f5f; font-weight: 400; margin: 0 1rem; } .popup-wrapper .popup-box .insurance-crawler-popup .success-wrapper .btn-wrapper { display: flex; justify-content: center; margin: 1rem 0; } .popup-wrapper .popup-box .insurance-crawler-popup .success-wrapper .btn-wrapper button { min-width: 25%; margin: 0 1rem; } @media screen and (max-width: 624px) { .popup-wrapper .popup-box .insurance-crawler-popup .success-wrapper .btn-wrapper { flex-direction: column; margin: 1rem 0; } .popup-wrapper .popup-box .insurance-crawler-popup .success-wrapper .btn-wrapper button { margin: 0.4rem 0; } } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper { display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 485px; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .happy-robot { width: 210px; height: 210px; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .main-title { padding: 0; margin: 0; margin-bottom: 1rem; color: #FFA800; font-weight: 500; font-size: 2.25rem; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .sub-title { width: 80%; color: #8d8d8d; font-size: 1.5rem; line-height: 2.1rem; font-weight: initial; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .text { width: 80%; font-size: 1.66rem; color: #1d1d1e; font-weight: 500; margin: 0; margin-bottom: 3rem; line-height: 2.5rem; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .buttons-container { display: flex; justify-content: space-evenly; align-self: stretch; margin-bottom: 1rem; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .buttons-container .btn { min-width: 150px; padding: 0.7rem 2rem; } @media screen and (max-width: 624px) { .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper { justify-content: initial; height: auto; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .happy-robot { height: 30vw; width: 30vw; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .main-title { font-size: 5vw; line-height: 5vw; margin-bottom: 2vw; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .sub-title { width: 100%; font-size: 3.5vw; line-height: 5vw; margin-bottom: 2vw; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .text { width: 100%; font-size: 3.5vw; line-height: 5vw; margin-bottom: 7vw; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .buttons-container { margin-bottom: 0; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .navigator-wrapper .buttons-container .btn { min-width: initial; padding: 1.5vw 4vw; font-size: 3.5vw; } .popup-wrapper.insuranceCrawler.visible .popup-box .popup-content .popup-body .floating-triangles { height: 10vw; margin-top: 3vw; } } .popup-wrapper.insuranceCrawler .popup-box { width: 650px; max-width: 100%; color: #1d1d1e; padding: 0; background-image: url(/_next/static/images/popup-background-654c227eb2c2e9f63621ee429a80bf33.jpg); background-size: cover; background-repeat: no-repeat; } .popup-wrapper.insuranceCrawler .popup-box .step-wrapper { position: initial; z-index: 1; } .popup-wrapper.insuranceCrawler .popup-box .floating-triangles { position: absolute; right: 0; left: 0; bottom: 1rem; z-index: -1; margin: 0 auto; opacity: 0.5; } .popup-wrapper.insuranceCrawler .popup-box .error { font-size: 1.1rem; color: #ff2020; } .popup-wrapper.insuranceCrawler .popup-box .back-btn { background: none; border: none; display: flex; align-items: center; padding: 0; position: absolute; left: 1rem; top: 1rem; } .popup-wrapper.insuranceCrawler .popup-box .back-btn span { color: #2a2a2a; font-weight: 500; font-size: 1.5rem; } .popup-wrapper.insuranceCrawler .popup-box .back-btn svg { width: 1.33rem; height: 1.33rem; transform: rotate(-180deg); } .popup-wrapper.insuranceCrawler .popup-box .back-btn svg g g { stroke: #2a2a2a; } .popup-wrapper.insuranceCrawler .popup-box .popup-content { padding: 0; min-height: 40vh; } .popup-wrapper.insuranceCrawler .popup-box .popup-content .title-wrapper { margin: 2rem 0; } .popup-wrapper.insuranceCrawler .popup-box .popup-content .btn-cta { padding-top: 0.55rem; min-width: 100px; box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.16); } .popup-wrapper.insuranceCrawler .popup-box .popup-content .btn-cta small { font-size: 1rem; } .popup-wrapper.insuranceCrawler .popup-box .popup-content .popup-body { overflow-y: auto; max-height: 100%; padding: 2rem; } .popup-wrapper.insuranceCrawler .popup-box .popup-content h2 { margin: 0; font-size: 1.84rem; color: #FFA800; font-weight: 500; } .popup-wrapper.insuranceCrawler .popup-box .popup-content h3 { margin: 0.2rem 0; font-size: 1.5rem; font-weight: 500; } @media screen and (max-width: 624px) { .popup-wrapper.insuranceCrawler .popup-box { bottom: 0px; } .popup-wrapper.insuranceCrawler .popup-box .popup-content { height: 80vh; } .popup-wrapper.insuranceCrawler .popup-box .popup-content .popup-body { padding: 5rem 1rem; } .popup-wrapper.insuranceCrawler .popup-box .popup-content .btn-cta { padding: 1rem 2rem; } } .user_logo_uploader_wrapper { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 12rem; margin: 0 0 3rem 0; } .user_logo_uploader_wrapper .delete_tooltip { display: none; flex-direction: column-reverse; align-items: center; position: absolute; background-image: url(/_next/static/images/remove_tool-3726988dd33612589b881919f8b61ed0.png); width: 152px; height: 120px; bottom: 17px; left: 157px; transform: rotateX(180deg); padding-left: 4px; } .user_logo_uploader_wrapper .delete_tooltip.show { display: flex; z-index: 3; } .user_logo_uploader_wrapper .delete_tooltip .title { font-weight: 400; font-size: 12px; color: #676767; transform: rotateX(-180deg); margin: 3px 0 30px 0; } .user_logo_uploader_wrapper .delete_tooltip .btns_wrapper { display: flex; flex-direction: row; justify-content: space-between; width: 57%; } .user_logo_uploader_wrapper .delete_tooltip .btns_wrapper .remove_yep, .user_logo_uploader_wrapper .delete_tooltip .btns_wrapper .remove_nope { width: 40px; height: 15px; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); border-radius: 1rem; line-height: 14px; font-size: 10px; font-weight: 400; transform: rotateX(-180deg); cursor: pointer; } .user_logo_uploader_wrapper .logo_title { color: #fd7200; font-size: 14px; font-weight: 700; position: absolute; top: -23px; } .user_logo_uploader_wrapper .error_msg { font-weight: 500; color: #ff2020; } .user_logo_uploader_wrapper .user_logo_upload { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 120px; height: 120px; border-radius: 60px; border: 1px dashed #edecec; background: #fbfbff; cursor: pointer; overflow: hidden; position: relative; } .user_logo_uploader_wrapper .user_logo_upload .user_icon { width: 100%; z-index: 1; } .user_logo_uploader_wrapper .user_logo_upload .upload_icon:hover { transform: scale(1.2); } .user_logo_uploader_wrapper .remove_icon { position: absolute; bottom: 17px; left: 205px; cursor: pointer; z-index: 2; } .user_logo_uploader_wrapper .remove_icon:hover { transform: scale(1.2); } @media screen and (max-width: 624px) { .user_logo_uploader_wrapper { width: max-content; } .user_logo_uploader_wrapper .delete_tooltip { bottom: 17px; left: -48px; } .user_logo_uploader_wrapper .remove_icon { bottom: 17px; left: 0; } .user_logo_uploader_wrapper .error_msg { font-size: 10px; } } .popup-wrapper.userSettings .popup-box { min-width: unset; min-height: unset; width: 45rem; max-height: 52em; border-radius: 20px; padding: 1.5rem 0.1rem 1.5rem 0.1rem; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content { overflow-y: auto; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .close-btn { background: none; cursor: pointer; width: 13px; height: 13px; padding: 0; right: 2rem; top: 2rem; position: absolute; z-index: 10001; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .close-btn svg { width: 100%; height: 100%; fill: #000000; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block { z-index: 10000; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 2rem; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .user-settings-title { font-weight: 700; font-size: 24px; color: #fd7200; text-align: center; margin: 30px 0 54px 0; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings { margin: 3.5rem 0 0 0; width: 100%; position: relative; display: none; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings.show { display: flex; justify-content: center; align-items: center; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings.color .address-search-wrapper input::placeholder { color: #4f5254; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .err_address { position: absolute; color: #e74c3c; font-size: 0.85rem; opacity: 1; left: 0; right: 0; bottom: -21px; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .label_address { position: absolute; font-weight: 500; font-size: 14px; color: #dbd7d7; right: 5.5rem; top: -2.3rem; } @media screen and (max-width: 624px) { .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .label_address { right: 3rem; } } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .address-search-wrapper { width: 80%; } @media screen and (max-width: 624px) { .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .address-search-wrapper { width: 90%; } } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .address-search-wrapper input { color: #4f5254; font-size: 14px; font-weight: 500; padding: 0 1rem 0 1rem; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .address-search-wrapper input::placeholder { font-weight: 500; font-size: 14px; color: #dbd7d7; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .address-search-wrapper input:focus::placeholder { opacity: 0; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .address-search-list { position: absolute; top: 40px; width: 80%; z-index: 10; padding: 8px 0 8px 0; } @media screen and (max-width: 624px) { .popup-wrapper.userSettings .popup-box .user-settings-popup-content .user-input-block .address_row_settings .address-search-list { width: 90%; } } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .btns-block { margin: 15px 0 2rem 0; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .btns-block button { width: 124px; height: 32px; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); font-weight: 500; font-size: 14px; border: unset; padding: unset; } @media screen and (max-width: 624px) { .popup-wrapper.userSettings .popup-box { max-width: 100%; width: 100vw; } .popup-wrapper.userSettings .popup-box .user-settings-popup-content .close-btn { width: 10px; height: 10px; right: 1rem; top: 1rem; } } .authorized-phone-edit-wrapper { display: flex; flex-direction: row; align-items: center; border-bottom: solid #8c9bb489 1px; padding: 5px; height: 3.4rem; width: 100%; } .authorized-phone-edit-wrapper .edit_right { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-left: 7rem; width: 75%; } .authorized-phone-edit-wrapper .edit_right.none { display: none; } .authorized-phone-edit-wrapper .edit_right .authorized-phone-edit-name input, .authorized-phone-edit-wrapper .edit_right .authorized-phone-edit-phone input { border: none; border-bottom: solid #BABABA 1px; width: 95px; font-size: 13px; font-weight: 500; } .authorized-phone-edit-wrapper .edit_right .authorized-phone-edit-name input:focus, .authorized-phone-edit-wrapper .edit_right .authorized-phone-edit-phone input:focus { outline: none; } .authorized-phone-edit-wrapper .edit_left { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 25%; } .authorized-phone-edit-wrapper .edit_left.none { display: none; } .authorized-phone-edit-wrapper .edit_left .button { color: #2a2a2a; background: none; padding: 2px 8px; font-size: 8pt; border: solid #2a2a2a 1px; } .authorized-phone-edit-wrapper .authorized-phone-edit-error { margin: auto; color: #2a2a2a; } .authorized-phone-edit-wrapper .authorized-phone-edit-spinner { width: 6%; } @media screen and (max-width: 624px) { .authorized-phone-edit-wrapper .authorized-phone-edit-cell:nth-child(3), .authorized-phone-edit-wrapper .authorized-phone-edit-cell:nth-child(4) { margin-bottom: 1.8%; } .authorized-phone-edit-wrapper .authorized-phone-edit-cell:nth-child(1), .authorized-phone-edit-wrapper .authorized-phone-edit-cell:nth-child(2) { width: 28%; } .authorized-phone-edit-wrapper .authorized-phone-edit-cell:nth-child(3) { width: 20%; } .authorized-phone-edit-wrapper .authorized-phone-edit-cell:nth-child(3) { width: 18%; } .authorized-phone-edit-wrapper .authorized-phone-edit-cell .button { padding: 3px 8px; } } .authorized-phone-item-wrapper { display: flex; flex-direction: row; align-items: center; border-bottom: solid #8c9bb489 1px; padding: 5px; } .authorized-phone-item-wrapper:last-child { border-bottom: none; } .authorized-phone-item-wrapper .right_column { display: flex; flex-direction: row; align-items: center; height: 2.5rem; width: 87%; } .authorized-phone-item-wrapper .right_column.none { display: none; } .authorized-phone-item-wrapper .right_column .authorized-phone-name, .authorized-phone-item-wrapper .right_column .authorized-phone-phone { display: flex; flex-direction: row; align-items: center; color: #4f5254; font-weight: 500; line-height: 10px; } .authorized-phone-item-wrapper .right_column .authorized-phone-name img, .authorized-phone-item-wrapper .right_column .authorized-phone-phone img { margin-left: 10px; } .authorized-phone-item-wrapper .right_column .authorized-phone-name { min-width: 30%; } .authorized-phone-item-wrapper .right_column .vertical_line { width: 2px; height: 13px; background: linear-gradient(180deg, #fd7200 0%, #fb840b 47.92%, #fb9805 100%); border-radius: 2px; margin: 0 10px 0 15px; } .authorized-phone-item-wrapper .left_column { display: flex; flex-direction: row; align-items: center; width: 15%; } .authorized-phone-item-wrapper .left_column.none { display: none; } .authorized-phone-item-wrapper .left_column .confirm { margin-left: 5px; } .authorized-phone-item-wrapper .left_column .vertical_line_btns { width: 2px; height: 13px; background: linear-gradient(180deg, #fd7200 0%, #fb840b 47.92%, #fb9805 100%); border-radius: 2px; margin: 0 10px 0 10px; } .authorized-phone-item-wrapper .left_column .authorized-phone-cell { display: flex; flex-direction: row; align-items: center; position: relative; } .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me { position: absolute; display: flex; flex-direction: row; left: -4.5rem; } .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me .button, .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me span { padding: 0; background: none; color: #2a2a2a; font-size: 9pt; } .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me .button.yes, .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me span.yes { margin-left: 5px; } .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me .button.yes, .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me .button.no, .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me span.yes, .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me span.no { text-decoration: underline; } .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me .button.edit, .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me span.edit { margin-left: 15px; } .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me .button.edit .img, .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me span.edit .img { width: 65%; } .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me .button.delete svg, .authorized-phone-item-wrapper .left_column .authorized-phone-cell .delete_me span.delete svg { margin-top: -2px; } .authorized-phone-item-wrapper .authorized-phone-error { margin: auto; color: #2a2a2a; } .authorized-phone-item-wrapper .delete-authorized-phone-spinner { width: 6%; } @media screen and (max-width: 624px) { .authorized-phone-item-wrapper .authorized-phone-cell:nth-child(2) { width: 28%; } } .authorized-phones-wrapper { display: flex; flex-direction: column; position: relative; width: 75%; margin: 20px 0 35px 0; } .authorized-phones-wrapper .authorized-phones-title { color: #fd7200; font-size: 14px; font-weight: 700; align-self: flex-start; margin-bottom: 0.7rem; } .authorized-phones-wrapper .authorized-phones-list { display: flex; flex-direction: column; max-height: 160px; overflow-y: auto; } .authorized-phones-wrapper .authorized-phones-list .authorized-phones-no-data { color: #2a2a2a; } .authorized-phones-wrapper .authorized-phones-list .authorized-phones-error { color: #2a2a2a; } .authorized-phones-wrapper .authorized-phones-list .authorized-phone-list-spinner { width: 40px; align-self: center; } .authorized-phones-wrapper .add-authorized-phone { margin-top: 1.5rem; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-1 { display: grid; grid-template-columns: 140px 200px 1fr; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-1 .add-authorized-phone-cell { position: relative; display: flex; flex-direction: column; align-items: flex-start; color: #2a2a2a; text-align: start; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-1 .add-authorized-phone-cell:nth-child(3) .add-authorized-button { height: 19px; width: 64.5px; color: #ffffff; font-size: 9px; padding: unset; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-1 .add-authorized-phone-cell .span_name, .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-1 .add-authorized-phone-cell .span_phone { color: #dbd7d7; font-size: 10px; font-weight: 500; position: absolute; right: 0; bottom: 4px; z-index: 1; transition: bottom 0.2s 0.2s; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-1 .add-authorized-phone-cell .span_name.up { bottom: 18px; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-1 .add-authorized-phone-cell .span_phone.up { bottom: 18px; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-1 .add-authorized-phone-cell .input { border: none; border-bottom: solid #bababa 1px; width: 120px; outline: none; font-size: 14px; font-weight: 500; z-index: 2; background: none; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-2 { display: flex; position: relative; color: #e74c3c; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-2 .authorized-phones-invalid-name, .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-2 .authorized-phones-error { position: absolute; right: 0.5%; font-size: 0.85rem; top: -5px; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-2 .authorized-phones-error { right: 35%; } @media screen and (max-width: 624px) { .authorized-phones-wrapper { width: 90%; } .authorized-phones-wrapper .add-authorized-phone .add-authorized-phone-line-1 { width: 100%; display: grid; grid-template-columns: 34vw 38vw 1fr; } } .names_row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 80%; } .names_row .form-text-input { margin: unset; width: 209px; display: flex; height: 38.4px; background: #ffffff; box-shadow: 0 3px 28px #d7ddef; border-radius: 50px; border-bottom: unset; padding: 0 10px 0 0; } .names_row .form-text-input .label { font-weight: 500; font-size: 14px; color: #dbd7d7; position: absolute; right: 1rem; top: -2.3rem; opacity: unset; } .names_row .form-text-input::after { height: unset; transition: unset; } .names_row .form-text-input input { border-bottom: unset; font-weight: 500; font-size: 14px; line-height: 17px; color: #4f5254; } .names_row .form-text-input .error-msg { position: absolute; bottom: -10px; left: 0; right: 0; } .names_row .form-text-input.user_email { margin: 3.5rem 0 0 0; width: 100%; } @media screen and (max-width: 624px) { .names_row { width: 90%; } .names_row .form-text-input { width: 43vw; } } .user_id_row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 80%; } .user_id_row .form-text-input, .user_id_row .form-date-input { margin: 3.5rem 0 0 0; } .user_id_row .form-text-input.disabled, .user_id_row .form-text-input.active, .user_id_row .form-text-input, .user_id_row .form-date-input.disabled, .user_id_row .form-date-input.active, .user_id_row .form-date-input { display: flex; width: 209px; height: 38.4px; background: #ffffff; box-shadow: 0 3px 28px #d7ddef; border-radius: 50px; border-bottom: unset; padding: 0 10px 0 0; } .user_id_row .form-text-input.disabled::after, .user_id_row .form-text-input.active::after, .user_id_row .form-text-input::after, .user_id_row .form-date-input.disabled::after, .user_id_row .form-date-input.active::after, .user_id_row .form-date-input::after { height: unset; } .user_id_row .form-text-input.disabled .label, .user_id_row .form-text-input.active .label, .user_id_row .form-text-input .label, .user_id_row .form-date-input.disabled .label, .user_id_row .form-date-input.active .label, .user_id_row .form-date-input .label { font-weight: 500; font-size: 14px; color: #dbd7d7; position: absolute; opacity: unset; right: 1rem; top: -2.3rem; } .user_id_row .form-text-input.disabled input, .user_id_row .form-text-input.active input, .user_id_row .form-text-input input, .user_id_row .form-date-input.disabled input, .user_id_row .form-date-input.active input, .user_id_row .form-date-input input { border-bottom: unset; font-weight: 500; font-size: 14px; line-height: 17px; color: #4f5254; } .user_id_row .form-text-input.disabled .error-msg, .user_id_row .form-text-input.active .error-msg, .user_id_row .form-text-input .error-msg, .user_id_row .form-date-input.disabled .error-msg, .user_id_row .form-date-input.active .error-msg, .user_id_row .form-date-input .error-msg { position: absolute; bottom: -10px; left: 0; right: 0; } .user_id_row .form-text-input.new-date-picker input, .user_id_row .form-date-input.new-date-picker input { text-align: right; } .user_id_row .hmo_row { width: 100%; } .user_id_row .hmo_row .form-text-input, .user_id_row .hmo_row .form-text-input.active { width: 100%; } .user_id_row .hmo_row .form-select-new, .user_id_row .hmo_row .form-text-input, .user_id_row .hmo_row .active { height: 38.4px; margin: 3rem 0 2rem 0; } .user_id_row .hmo_row .form-select-new:first-child, .user_id_row .hmo_row .form-text-input:first-child, .user_id_row .hmo_row .active:first-child { z-index: 5; } .user_id_row .hmo_row .form-select-new:nth-child(2), .user_id_row .hmo_row .form-text-input:nth-child(2), .user_id_row .hmo_row .active:nth-child(2) { z-index: 4; } .user_id_row .hmo_row .form-select-new:last-child, .user_id_row .hmo_row .form-text-input:last-child, .user_id_row .hmo_row .active:last-child { z-index: 3; } .user_id_row .hmo_row .form-select-new .input-wrapper, .user_id_row .hmo_row .form-text-input .input-wrapper, .user_id_row .hmo_row .active .input-wrapper { z-index: 2; display: flex; width: 100%; height: 38.4px; background: #ffffff; box-shadow: 0 3px 28px #d7ddef; border-radius: 50px; border-bottom: unset; padding: 0 10px 0 0; } .user_id_row .hmo_row .form-select-new .input-wrapper input, .user_id_row .hmo_row .form-text-input .input-wrapper input, .user_id_row .hmo_row .active .input-wrapper input { border-bottom: unset; font-weight: 500; font-size: 14px; color: #4f5254; height: unset; box-shadow: unset; } .user_id_row .hmo_row .form-select-new .input-wrapper .label, .user_id_row .hmo_row .form-text-input .input-wrapper .label, .user_id_row .hmo_row .active .input-wrapper .label { font-weight: 500; font-size: 14px; color: #dbd7d7; position: absolute; opacity: unset; right: 1rem; top: -2rem; } .user_id_row .hmo_row .form-select-new .options.open, .user_id_row .hmo_row .form-text-input .options.open, .user_id_row .hmo_row .active .options.open { box-shadow: unset; border-style: solid solid solid solid; border-radius: 1.5rem; border-color: rgba(204, 204, 204, 0.3); border-width: 1px; border-top-style: none; z-index: 1; padding: 0.5rem 1rem 0.5rem 1rem; margin-bottom: 20px; } .user_id_row .hmo_row .form-select-new .options.open .option, .user_id_row .hmo_row .form-text-input .options.open .option, .user_id_row .hmo_row .active .options.open .option { color: #6a6a6a; font-weight: 500; font-size: 14px; border-bottom: 1px solid #e3e3e3; height: 3rem; padding: unset; } .user_id_row .hmo_row .form-select-new .options.open .option:last-child, .user_id_row .hmo_row .form-text-input .options.open .option:last-child, .user_id_row .hmo_row .active .options.open .option:last-child { border-bottom: unset; } .user_id_row .hmo_row .form-select-new .options.open .option:hover, .user_id_row .hmo_row .form-text-input .options.open .option:hover, .user_id_row .hmo_row .active .options.open .option:hover { background-color: unset; color: #fd7200; } @media screen and (max-width: 624px) { .user_id_row { width: 90%; } .user_id_row .form-text-input.disabled, .user_id_row .form-text-input.active, .user_id_row .form-date-input.disabled, .user_id_row .form-date-input.active { width: 43vw; } } .agent_input_block { width: 75%; } .agent_input_block .form-text-input { margin: unset; } .agent_input_block .form-text-input:after { background: #BABABA; } .agent_input_block .form-text-input input { border-bottom: unset; font-weight: 500; font-size: 14px; color: #4f5254; padding: 14px 0 0 0; } .agent_input_block .form-text-input .error-msg { position: absolute; bottom: -10px; left: 0; right: 0; } .agent_input_block .form-text-input .label { font-weight: 700; font-size: 12px; line-height: 14px; color: #79D71A; } @media screen and (max-width: 624px) { .agent_input_block { width: 90%; } } .address-search-wrapper { width: 100%; } .address-search-wrapper .address-search-input { height: 39px; padding: 10px; border-radius: 22px; box-shadow: 0 3px 20px 2px #d7ddef; background: white; outline: none; width: 100%; border: none; font-size: 14px; font-weight: 400; color: #616161; position: relative; z-index: 2; } .address-search-wrapper .address-search-list { display: flex; flex-direction: column; width: 100%; box-shadow: 0 3px 20px 2px #d7ddef; border-radius: 22px; background-color: white; position: relative; z-index: 1; top: -10px; padding: 15px 0 8px 0; } .address-search-wrapper .address-search-list .address-search-list-item { cursor: pointer; height: 30px; display: flex; align-items: center; justify-content: flex-start; padding: 0 10px; } .address-search-wrapper .address-search-list .address-search-list-item:hover .span { color: #fd7200; } .address-search-wrapper .address-search-list .address-search-list-item .span { color: #616161; font-size: 12px; font-weight: 400; } .form-input { margin: 2.2rem 0; position: relative; } .form-input .label { position: absolute; top: 0.5rem; right: 0; color: #e5e5e5; transition: all 0.3s ease-in-out; cursor: text; z-index: 1; } .form-input .hide-label { opacity: 0; position: absolute; z-index: -1; } .form-input .input, .form-input .flatpickr-input { width: 100%; outline: none; padding: 0.55rem 0.2rem; background: none; border: none; border-bottom: 2px solid #5d5d5d; color: #e5e5e5; } .form-input .input::placeholder, .form-input .flatpickr-input::placeholder { visibility: hidden; opacity: 0; color: #5d5d5d; transition: all 0.3s ease-in-out; } .form-input .input.show-placeholder::placeholder, .form-input .flatpickr-input.show-placeholder::placeholder { visibility: visible; opacity: 1; } .form-input .input[type='tel'], .form-input .flatpickr-input[type='tel'] { direction: ltr; text-align: right; } .form-input:after { content: ''; display: block; position: absolute; top: 88%; height: 3px; width: 0; background: transparent; transition: all 0.3s ease-in-out; } .form-input.active .label { top: -1rem; font-size: 0.85rem; color: #fff; cursor: default; } .form-input.active:after { width: 100%; background: #FFA800; } .form-input.active .input::placeholder, .form-input.active .flatpickr-input::placeholder { visibility: visible; opacity: 1; right: 0; } .form-input .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 0; height: 0; position: absolute; width: 100%; visibility: hidden; transition: all 0.3s ease-in-out; } .form-input.error .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 1; visibility: visible; height: 1.25rem; } .form-input.error:after { width: 100%; background: #e74c3c; } .disabled input, .disabled label { color: #444444; } .flatpickr-calendar { z-index: 100; background: #141010; } .flatpickr-calendar .flatpickr-day.selected { border: #FFA800; background: #FFA800; } .flatpickr-calendar .flatpickr-month { background: none; } select, textarea, input[type='text'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='number'], input[type='email'], input[type='url'], input[type='search'], input[type='tel'], input[type='color'] { font-size: 16px; } .form-select-old { margin: 1rem 0; position: relative; transition: all 0.3s ease-in-out; } .form-select-old:hover .arrow-icon svg { fill: #FFA800; } .form-select-old .label { position: absolute; top: 0.5rem; right: 0; color: #e5e5e5; transition: all 0.3s ease-in-out; cursor: text; z-index: 1; } .form-select-old .input { width: 100%; outline: none; padding: 0.55rem 0.2rem; background: none; border: none; border-bottom: 2px solid #5d5d5d; color: #e5e5e5; } .form-select-old .input::placeholder { visibility: hidden; opacity: 0; color: #5d5d5d; transition: all 0.3s ease-in-out; } .form-select-old .arrow-icon { width: 20px; height: 20px; transform: rotate(-90deg); position: absolute; top: 10%; left: 0; transition: 0.2s; } .form-select-old .arrow-icon.rotated { transform: rotate(90deg); } .form-select-old .arrow-icon svg { width: 20px !important; height: 20px !important; transition: 0.2s; fill: white; } .form-select-old .options { background: #141010; border: 1px solid #FFA800; display: none; top: 2.35rem; position: absolute; width: 100%; max-height: 25vh; overflow-x: hidden; z-index: 11; } .form-select-old .options .option { padding: 0.35rem; background: #141010; cursor: pointer; transition: all 0.3s ease-in-out; } .form-select-old .options .option:hover { background: #FFA800; color: #1d1d1e; } .form-select-old .options.open { display: block; } .form-select-old .options .active-option { background: #FFA800 !important; color: #1d1d1e; } .form-select-old .over { position: absolute; background: red; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; } .form-select-old:after { content: ''; display: block; position: absolute; top: 91%; height: 3px; width: 0; background: transparent; transition: all 0.3s ease-in-out; } .form-select-old.active .label { top: -1rem; font-size: 0.85rem; color: #fff; cursor: default; } .form-select-old.active:after { width: 100%; background: #FFA800; } .form-select-old.active .input::placeholder { visibility: visible; opacity: 1; right: 0; } .form-select-old.hide { height: 0; overflow: hidden; } .form-select-old.error .error-msg { width: 100%; color: #e74c3c; font-size: 0.85rem; opacity: 1; position: absolute; width: 100%; visibility: visible; height: 1rem; } .form-select-old .error-msg { color: #e74c3c; font-size: 0.85rem; opacity: 0; height: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .search-filter-wrapper { display: flex; align-self: center; transition: 0.2s; z-index: 7; margin-top: 1rem; opacity: 0; } .search-filter-wrapper.mobile-show { opacity: 1; } .search-filter-wrapper.enter { opacity: 0; } .search-filter-wrapper.enter-done { opacity: 1; } .search-filter-wrapper.exit-active { opacity: 0; } .search-filter-wrapper.exit-done { opacity: 0; } .search-filter-wrapper .member-select { margin-left: 16px; } .search-filter-wrapper .area-select .error-msg { font-size: 1.2rem; } .search-filter-wrapper .dropdown-wrapper { display: flex; align-items: center; } .search-filter-wrapper .dropdown-wrapper .form-select { position: relative; top: -5px; } .search-filter-wrapper .dropdown-wrapper .form-select .error-msg { position: absolute; } .search-filter-wrapper .dropdown-wrapper svg { width: 30px; margin-left: 8px; height: 30px; fill: #FFA800; } .card-wrapper { overflow: hidden; margin: 0.5rem; } .card-wrapper .card-title-block { display: flex; justify-content: space-between; cursor: pointer; align-items: center; border-bottom: 1px solid #FFA800; border-radius: 0; padding-bottom: 0.5rem; } .card-wrapper .card-title-block svg { width: 4%; height: 4%; fill: #FFA800; transform: rotate(-90deg); transition: 0.2s; } .card-wrapper .card-title-block.expanded svg { transform: rotate(90deg); } .card-wrapper .card-content-block { transition: 0.5s ease-in-out; max-height: 0; } .card-wrapper .card-content-block.enter { max-height: 3000px; } .card-wrapper .card-content-block.enter-done { max-height: 3000px; } .card-wrapper .card-content-block.exit-active { max-height: 0; } .card-wrapper .card-content-block.exit-done { max-height: 0; } .tab-content { width: 40vw; min-height: 58vh; background-color: #3b363b; margin-bottom: 2rem; color: white; text-align: right; padding: 1rem; border-radius: 2rem 0 2rem 2rem; } .tab-content .spinner-container { height: 100%; display: flex; justify-content: center; align-items: center; } .tab-content .precede-appointment-details-container { height: 90%; display: flex; flex-direction: column; justify-content: space-between; } .tab-content .precede-appointment-details-container .precede-appointment-details .bigger-select { font-size: 1.6rem; } .tab-content .precede-appointment-details-container .precede-appointment-details .form-select:after { position: static; } .tab-content .no-cover { display: flex; align-items: center; justify-content: center; height: 80%; } .tab-content .warning { border-bottom: 5px solid red; } .tab-content .card-wrapper { margin: 0; } .tab-content .card-wrapper .main-visit-terms-title h2 { font-size: 1.3rem; margin: 0; } .tab-content .card-wrapper .visit-terms-title { border-bottom: 3px solid #FFA800; padding-top: 0.83rem; } .tab-content .card-wrapper .visit-terms-title h2 { font-size: 1.1rem; margin: 0; } .tab-content .card-wrapper .arrow-left-icon { fill: white; width: 20px; height: 20px; } .tab-content .precedeQuestions { color: #FFA800; font-weight: 500; } .tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5, .tab-content h6, .tab-content p { text-align: right; margin-bottom: 0; } .tab-content .doc-name { font-weight: 500; margin: 0; color: #FFA800; } .tab-content span { font-weight: 400; } .tab-content span.red { color: red; font-weight: 450; } .tab-content .spec-name { margin: 1rem 0 0 0; color: white; } .tab-content .spec-name span { font-weight: 400; } .tab-content .spec-name .label { font-weight: 500; } .tab-content .license-number { margin: 0.75rem 0 0 0; } .tab-content .label { font-weight: 500; color: #FFA800; } .tab-content .details-container { display: flex; line-height: 1.5rem; margin-top: 1.5rem; } .tab-content .details-container .col { flex: 1 1; } .tab-content .details-container .col .title-block { display: flex; align-items: center; } .tab-content .details-container .col .title-block .icon-wrapper { width: 35px; height: 35px; margin-left: 4px; } .tab-content .details-container .col .title-block .icon-wrapper svg { width: 100%; height: 100%; fill: #FFA800; } .tab-content .details-container .col .title-block .info-title { font-weight: 500; color: #FFA800; margin: 0; } .tab-content .details-container .col .info-wrapper .info-block { margin-right: 39px; } .tab-content .details-container .col .info-wrapper .info-block .link { cursor: pointer; padding-right: 0.3rem; padding-left: 0.7rem; margin-left: 0.7rem; font-weight: 500; color: #42cdf7; text-decoration: underline; } .tab-content .details-container .col .hour-wrapper .day { margin-right: 39px; } .tab-content .selects-container { margin-top: 2rem; } .tab-content .visit-terms-container { min-height: 200px; } .tab-content .visit-terms-container .card-wrapper .visit-terms-block { overflow: hidden; } .tab-content .visit-terms-container .card-wrapper .visit-terms-block ul { max-height: 7.5rem; margin-top: 0.5rem; overflow-y: overlay; padding: 0 0 0 1.5rem; } .tab-content .visit-terms-container .card-wrapper .visit-terms-block ul li { padding: 0.5rem; border-bottom: 1px solid #FFA800; } .tab-content .visit-terms-container .card-wrapper .visit-terms-block ul li:first-child { padding-top: 0; } .tab-content .visit-terms-container .card-wrapper .visit-terms-block ul li.refund-term { display: flex; flex-direction: column; align-items: flex-start; } .tab-content .btn-block { display: flex; justify-content: center; width: 100%; } .tab-content .btn-block button { flex: 1 1; border-radius: 0; padding: 1rem 0; } .tab-content .btn-block button:last-child { border-radius: 100px 0 0 100px; } .tab-content .btn-block button:first-child { border-radius: 0 100px 100px 0; } .tab-content .btn-block button:first-child .second-opinion { border-radius: 100px 100px 100px 100px; } .tab-content .btn-block button.second-opinion { border-radius: 100px 100px 100px 100px; } .tab-content .btn-block button.alone { border-radius: 100px 100px 100px 100px; } .tab-content .back-btn { background: none; border: none; padding: 0; margin-top: 1.5rem; cursor: pointer; } .mobile-tabs-wrapper { width: 95vw; } .mobile-tabs-wrapper .policy-tab { background: #282428; min-height: 70px; display: flex; align-items: center; padding: 0 1rem; transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); border-bottom: 1px solid #3b363b; } .mobile-tabs-wrapper .policy-tab:hover { background: #3b363b; } .mobile-tabs-wrapper .policy-tab.active-tab-wrapper { justify-content: space-between; background: #3b363b; border-color: #282428; border-width: 2px; border-radius: 2rem 2rem 0 0; } .mobile-tabs-wrapper .policy-tab:last-child { border-bottom: none; border-radius: 0 0 2rem 2rem; } .mobile-tabs-wrapper .policy-tab .img-wrapper { width: 50px; height: 50px; border-radius: 5px; overflow: hidden; background: white; border: 1px solid #FFA800; margin-left: 1rem; } .mobile-tabs-wrapper .policy-tab .img-wrapper .policy-img { width: 50px; height: 50px; } .mobile-tabs-wrapper .policy-tab .policy-name { font-size: 1.5rem; width: 75%; text-align: right; margin: 0; } .mobile-tabs-wrapper .policy-tab .arrow-btn { width: 30px; background: none; border: none; height: 30px; padding: 0; } .mobile-tabs-wrapper .policy-tab .arrow-btn svg { width: 100%; height: 100%; fill: white; transform: rotate(-90deg); } .mobile-tabs-wrapper .policy-tab .arrow-btn.expanded { transform: rotate(180deg); } .mobile-tabs-wrapper .expandable-area-wrapper { overflow: hidden; transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1); position: absolute; width: 95vw; } .mobile-tabs-wrapper .expandable-area-wrapper.collapsed { max-height: 0; } .mobile-tabs-wrapper .expandable-area-wrapper.expanded { max-height: 50vh; } @charset "UTF-8"; .tabs-wrapper { padding: 10rem 3rem; display: flex; opacity: 1; justify-content: center; transition: all 300ms ease-in-out; margin-bottom: 10rem; } .tabs-wrapper .tabs-nav { width: 15vw; } .tabs-wrapper .tabs-nav .tab-trigger { display: flex; align-items: center; width: 100%; padding: 0.5rem; background: #1c191c; transition: 200ms all ease-in; cursor: pointer; } .tabs-wrapper .tabs-nav .tab-trigger:first-child { border-radius: 0 1rem 0 0; } .tabs-wrapper .tabs-nav .tab-trigger:last-child { border-radius: 0 0 1rem 0; } .tabs-wrapper .tabs-nav .tab-trigger:only-child { border-radius: 0 1rem 1rem 0; } .tabs-wrapper .tabs-nav .tab-trigger:hover { background-color: #3b363b; } .tabs-wrapper .tabs-nav .tab-trigger.active { background-color: #3b363b; } .tabs-wrapper .tabs-nav .tab-trigger.active .icon { border: 1px solid #FFA800; } .tabs-wrapper .tabs-nav .tab-trigger .icon { min-width: 4rem; max-width: 4rem; height: 4rem; background-size: contain; border-radius: 0.5rem; background: #fff; } .tabs-wrapper .tabs-nav .tab-trigger .icon img { width: 100%; height: 100%; padding: 5px; } .tabs-wrapper .tabs-nav .tab-trigger .desc { margin-right: 5%; } .tabs-wrapper .tabs-nav .tab-trigger .desc h2 { color: #fff; font-size: 1.1rem; } .tabs-wrapper .tabs-nav .tab-trigger .desc h2, .tabs-wrapper .tabs-nav .tab-trigger .desc p { text-align: right; margin: 0; } @media screen and (min-width: 1023px) { .tabs-wrapper .tabs-nav .tab-trigger { border-bottom: 1px solid #1d1d1e; } } @media screen and (min-width: 1023px) { .tabs-wrapper .tabs-nav { display: block; } } @media screen and (min-width: 624px) and (max-width: 1023px) { .tabs-wrapper .tabs-content { width: 80vw; } } @media screen and (max-width: 624px) { .tabs-wrapper { padding: 0; flex-direction: column; align-items: center; } .tabs-wrapper .tab-content { width: 95vw; border-radius: 0 0 2rem 2rem; } .tabs-wrapper .tab-content h1, .tabs-wrapper .tab-content h2, .tabs-wrapper .tab-content h3, .tabs-wrapper .tab-content h4, .tabs-wrapper .tab-content h5, .tabs-wrapper .tab-content h6, .tabs-wrapper .tab-content p, .tabs-wrapper .tab-content span { line-height: 1; } .tabs-wrapper .tab-content .spec-nameת, .tabs-wrapper .tab-content .license-number { font-size: 1.3rem; } .tabs-wrapper .btn-block { flex-direction: column; } .tabs-wrapper .btn-block button { border-radius: 30rem !important; margin: 0.5rem 0; } .tabs-wrapper .tabs-nav { display: none; } } @media screen and (max-height: 624px) and (orientation: landscape) { .tabs-wrapper .tab-content { width: 75vw; } } .mobile-tabs-wrapper { width: 95vw; } .mobile-tabs-wrapper .policy-tab { background: #282428; min-height: 70px; display: flex; align-items: center; padding: 0 1rem; padding-left: 3rem; transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); border-bottom: 1px solid #3b363b; } .mobile-tabs-wrapper .policy-tab:hover { background: #3b363b; } .mobile-tabs-wrapper .policy-tab.active-tab-wrapper { justify-content: space-between; background: #3b363b; border-color: #282428; border-width: 2px; border-radius: 2rem 2rem 0 0; } .mobile-tabs-wrapper .policy-tab:last-child { border-bottom: none; border-radius: 0 0 2rem 2rem; } .mobile-tabs-wrapper .policy-tab .img-wrapper { width: 50px; height: 50px; border-radius: 5px; overflow: hidden; background: white; border: 1px solid #FFA800; margin-left: 1rem; } .mobile-tabs-wrapper .policy-tab .img-wrapper .policy-img { width: 50px; height: 50px; } .mobile-tabs-wrapper .policy-tab .policy-name { font-size: 1.5rem; width: 75%; text-align: right; margin: 0; } .mobile-tabs-wrapper .policy-tab .arrow-btn { width: 30px; background: none; border: none; height: 30px; padding: 0; } .mobile-tabs-wrapper .policy-tab .arrow-btn svg { width: 100%; height: 100%; fill: white; transform: rotate(-90deg); } .mobile-tabs-wrapper .policy-tab .arrow-btn.expanded { transform: rotate(180deg); } .mobile-tabs-wrapper .expandable-area-wrapper { overflow: hidden; transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1); position: absolute; width: 95vw; } .mobile-tabs-wrapper .expandable-area-wrapper.collapsed { max-height: 0; } .mobile-tabs-wrapper .expandable-area-wrapper.expanded { max-height: 50vh; } .mobile-tabs-wrapper .expandable-area-wrapper.expanded .expandable-inner .desc h2, .mobile-tabs-wrapper .expandable-area-wrapper.expanded .expandable-inner .desc h3 { margin: 0; text-align: right; } .tabs-content { width: 100%; background-color: #3b363b; margin-bottom: 2rem; color: #cccccc; text-align: right; min-width: 60%; padding: 1rem 2rem 2rem; border-radius: 2rem 0 2rem 2rem; } .tabs-content .price { padding-left: 1rem; margin-left: 1rem; border-left: 1px solid white; } .tabs-content .price:nth-last-child(1) { border: none; } .tabs-content .ingeredients { display: flex; } .tabs-content .ingeredients span { float: right; text-transform: lowercase; padding-left: 0.6rem; margin-left: 0.6rem; line-height: 1rem; border-left: 1px solid white; } .tabs-content .ingeredients span:nth-last-child(1) { border: none; } .tabs-content .collection-description { max-height: 15vh; overflow: auto; } .tabs-content .collection-description a { color: #FFA800; } .tabs-content .external-search { display: flex; width: 100%; flex-direction: column; align-items: center; } .tabs-content .external-search h2 { text-align: center; margin-bottom: 1rem; } .tabs-content .external-search .loading { flex-grow: 1; text-align: center; } .tabs-content .external-search .error { flex-grow: 1; text-align: center; } .tabs-content .external-search .dropdown-wrapper { max-width: 70%; } .tabs-content .external-search .dropdown-wrapper .form-select { margin: 0; } .tabs-content .external-search .dropdown-wrapper h3 { margin-top: 0; text-align: center; } .tabs-content .external-search .search-btns { display: flex; flex-grow: 1; width: 100%; } .tabs-content .external-search .search-btns a { border: 1px solid #FFA800; border-radius: 20rem; width: 50%; text-align: center; padding: 0.5rem; margin: 0.5rem; } .tabs-content .external-search .search-btns a:hover { background-color: #FFA800; color: white; } .tabs-content .scroll-wrapper { min-height: 50vh; overflow: auto; display: flex; flex-direction: column; justify-content: space-between; } .tabs-content .scroll-wrapper.collection { min-height: 35vh; } .tabs-content h2 { color: #FFA800; } .tabs-content h3 { color: white; margin: 1rem 0; } .tabs-content h1, .tabs-content h2, .tabs-content h3, .tabs-content h4, .tabs-content h5, .tabs-content h6, .tabs-content p { text-align: right; margin-bottom: 0; } .tabs-content .doc-name { font-weight: 500; margin: 0; color: #FFA800; } .tabs-content span { font-weight: 400; } .tabs-content .spec-name { margin: 1rem 0 0 0; color: white; } .tabs-content .spec-name span { font-weight: 400; } .tabs-content .spec-name .label { font-weight: 500; } .tabs-content .license-number { margin: 0.75rem 0 0 0; } .tabs-content .label { font-weight: 500; color: #FFA800; } .tabs-content .details-container { display: flex; line-height: 1.5rem; margin-top: 1.5rem; } .tabs-content .details-container .col { flex: 1 1; } .tabs-content .details-container .col .title-block { display: flex; align-items: center; } .tabs-content .details-container .col .title-block .icon-wrapper { width: 35px; height: 35px; margin-left: 4px; } .tabs-content .details-container .col .title-block .icon-wrapper svg { width: 100%; height: 100%; fill: #FFA800; } .tabs-content .details-container .col .title-block .info-title { font-weight: 500; color: #FFA800; margin: 0; } .tabs-content .details-container .col .info-wrapper .info-block { margin-right: 39px; } .tabs-content .details-container .col .hour-wrapper .day { margin-right: 39px; } .tabs-content .card-wrapper { min-height: 200px; } .tabs-content .card-wrapper .visit-terms-block { overflow: hidden; } .tabs-content .card-wrapper .visit-terms-block ul { max-height: 120px; overflow-y: overlay; padding: 0 0 0 1.5rem; } .tabs-content .card-wrapper .visit-terms-block ul li { padding: 0.5rem; border-bottom: 1px solid #FFA800; } .tabs-content .card-wrapper .visit-terms-block ul li:first-child { padding-top: 0; } .tabs-content .btn-block { display: flex; justify-content: center; width: 100%; } .tabs-content .btn-block button { flex: 1 1; border-radius: 0; padding: 1rem 0; } .tabs-content .btn-block button:last-child { border-radius: 100px 0 0 100px; } .tabs-content .btn-block button:first-child { border-radius: 0 100px 100px 0; } .tabs-content .btn-block button:first-child .second-opinion { border-radius: 100px 100px 100px 100px; } .tabs-content .btn-block button.second-opinion { border-radius: 100px 100px 100px 100px; } .tabs-content .back-btn { background: none; border: none; padding: 0; margin-top: 1.5rem; } .tabs-content .parameters-list { padding: 0.3rem 1rem; background-color: #282428; max-height: 20vh; overflow: auto; width: 100%; } .tabs-content .parameters-list li { text-align: right; padding: 0.5rem 0; display: block; border-bottom: 1px solid #666666; } .tabs-content .parameters-list li strong { display: inline; margin-right: 0.2rem; font-weight: 600; } .tabs-content .terms p { margin: 0.3rem 0; } .tabs-content .terms > h3 { color: #FFA800; } .tabs-content .terms > ul { margin: 0; padding-left: 1rem; max-height: 35vh; overflow: auto; } .tabs-content .terms > ul li.term-wrapper { align-items: start; cursor: pointer; padding: 0.5rem 0; border-bottom: 1px solid gray; display: flex; flex-direction: column; } .tabs-content .terms > ul li .term-deductible { padding-right: 0.7rem; margin-right: 0.7rem; border-right: 1px solid gray; } .tabs-content .terms > ul li h4 { margin-top: 0; display: flex; width: 100%; align-items: center; } .tabs-content .terms > ul li .arrow-icon { width: 1rem; height: 1rem; display: inline-block; margin-left: 0.4rem; } .tabs-content .terms > ul li.open .arrow-icon { transform: rotate(-90deg); } .tabs-content .terms > ul li .term-description { width: 100%; color: #cccccc; padding: 0 1.5rem; } .tabs-content .terms > ul li .term-description ul li { list-style: circle; display: list-item; margin-right: 2rem; } @charset "UTF-8"; .tabs-container { padding: 10rem 3rem 0; display: flex; flex-direction: column; align-items: center; width: 100%; opacity: 1; transition: all 300ms ease-in-out; justify-content: center; min-height: 99vh; } .tabs-container .tab-wrapper { width: 100%; max-width: 1000px; display: flex; } .tabs-container .buttons-wrapper { display: flex; flex-direction: column; margin: auto; align-items: center; } .tabs-container .buttons-wrapper button { margin-bottom: 0.7rem; } .tabs-container .tabs-button { justify-content: flex-end; display: flex; max-width: 1000px; width: 100%; padding: 0; } .tabs-container .tabs-button .primary { background-color: #FFA800; } .tabs-container .tabs-button .primary svg { width: 1rem; } .tabs-container .tabs-button .primary svg * { fill: white; stroke: white; } .tabs-container .tabs-nav { width: 40%; } .tabs-container .tabs-nav .close-icon { fill: #FFA800; width: 3rem; height: 3rem; padding: 0.8rem; border-radius: 0.5rem; margin: 0.5rem; border: 1px solid #FFA800; } .tabs-container .tabs-nav .tab-trigger { display: flex; align-items: center; width: 100%; padding: 0.5rem; background: #282428; transition: 200ms all ease-in; cursor: pointer; } .tabs-container .tabs-nav .tab-trigger:first-child { border-radius: 0 1rem 0 0; } .tabs-container .tabs-nav .tab-trigger:last-child { border-radius: 0 0 1rem 0; } .tabs-container .tabs-nav .tab-trigger:only-child { border-radius: 0 1rem 1rem 0; } .tabs-container .tabs-nav .tab-trigger:hover { background-color: #3b363b; } .tabs-container .tabs-nav .tab-trigger.active { background-color: #3b363b; } .tabs-container .tabs-nav .tab-trigger.active .icon { border: 1px solid #FFA800; } .tabs-container .tabs-nav .tab-trigger .icon { min-width: 4rem; max-width: 4rem; height: 4rem; background-size: contain; border-radius: 0.5rem; background: #fff; } .tabs-container .tabs-nav .tab-trigger .icon img { width: 100%; height: 100%; padding: 5px; } .tabs-container .tabs-nav .tab-trigger .desc { margin-right: 5%; } .tabs-container .tabs-nav .tab-trigger .desc h2 { color: #FFA800; font-size: 1.2rem; text-align: right; } .tabs-container .tabs-nav .tab-trigger .desc h3 { font-size: 1rem; margin: 0; text-align: right; } .tabs-container .tabs-nav .tab-trigger .desc h2, .tabs-container .tabs-nav .tab-trigger .desc p { text-align: right; margin: 0; } @media screen and (min-width: 1023px) { .tabs-container .tabs-nav .tab-trigger { border-bottom: 1px solid #1d1d1e; } } @media screen and (min-width: 1023px) { .tabs-container .tabs-nav { display: block; } } @media screen and (min-width: 624px) and (max-width: 1023px) { .tabs-container .tabs-wrapper .tabs-nav { width: 25%; } .tabs-container .tabs-button .buttons-wrapper { width: 80%; } } @media screen and (max-width: 624px) { .tabs-container { padding: 6rem 1rem 0; min-height: 145vh; } .tabs-container .tab-wrapper { padding: 0; flex-direction: column; align-items: center; } .tabs-container .tab-wrapper .tabs-content { width: 95vw; border-radius: 0 0 2rem 2rem; } .tabs-container .tab-wrapper .tabs-content h1, .tabs-container .tab-wrapper .tabs-content h2, .tabs-container .tab-wrapper .tabs-content h3, .tabs-container .tab-wrapper .tabs-content h4, .tabs-container .tab-wrapper .tabs-content h5, .tabs-container .tab-wrapper .tabs-content h6, .tabs-container .tab-wrapper .tabs-content p, .tabs-container .tab-wrapper .tabs-content span { line-height: 1; } .tabs-container .tab-wrapper .tabs-content .spec-nameת, .tabs-container .tab-wrapper .tabs-content .license-number { font-size: 1.3rem; } .tabs-container .tab-wrapper .btn-block { flex-direction: column; } .tabs-container .tab-wrapper .btn-block button { border-radius: 30rem !important; margin: 0.5rem 0; } .tabs-container .tab-wrapper .tabs-nav { display: none; } .tabs-container .tabs-button .buttons-wrapper { width: 100%; } } @media screen and (max-height: 624px) and (orientation: landscape) { .tabs-container { min-height: 160vh; } } .search-container { min-height: 100vh; max-height: 102.5vh; width: 100%; display: flex; align-items: center; flex-direction: column; } .search-container .top-bar { margin-top: 5%; width: 41%; min-height: 250px; display: flex; flex-direction: column; align-items: center; margin-bottom: 1rem; position: relative; transition: transform 0.3s ease-in-out; z-index: 3; transform: translateY(100%); } .search-container .top-bar .text-block { display: flex; align-items: center; flex-direction: column; } .search-container .top-bar .text-block .mediwho-icon { width: 15vw; height: 7vh; } .search-container .top-bar .text-block .sub-title { margin: 0 0 5% 0; } .search-container .top-bar .text-block .medi-wrapper .medi { position: absolute; right: 0; top: -12%; width: 30%; } .search-container .top-bar .text-block .medi-wrapper .search-speech-bubble { position: absolute; right: -25%; top: -90%; animation: fadeIn 1s ease-in-out; } .search-container .top-bar.full-page { margin-top: 10%; transform: translateY(0%); } .search-container .no-results-block { display: flex; flex-direction: column; justify-content: center; transition: opacity 0.1s ease-in-out; } .search-container .no-results-block.enter { opacity: 0; } .search-container .no-results-block.enter-done { opacity: 1; } .search-container .no-results-block.exit-active { opacity: 0; } .search-container .no-results-block.exit-done { opacity: 0; } .search-container .no-results-block .reset-btn { width: 30%; margin: 0 auto; } .search-container .scroll-wrapper { max-height: 50vh; overflow-y: auto; width: 43%; direction: ltr; transition: opacity 0.1s; padding: 0 1rem; display: block; margin: 0 auto; } .search-container .scroll-wrapper.enter { opacity: 0; } .search-container .scroll-wrapper.enter-done { opacity: 1; } .search-container .scroll-wrapper.exit-active { opacity: 0; } .search-container .scroll-wrapper.exit-done { opacity: 0; } .search-container .scroll-wrapper .search-result-list { margin: 0; width: 100%; direction: rtl; } .search-container .scroll-wrapper .result-spinner { width: 10%; margin-right: 45%; } .search-container .loader { position: absolute; top: 60%; transition: opacity 0.1s ease-in-out; } .search-container .loader.enter { opacity: 0; } .search-container .loader.enter-done { opacity: 1; } .search-container .loader.exit-active { opacity: 0; } .search-container .loader.exit-done { opacity: 0; } .search-container .search-pagination-wrapper { position: relative; margin-top: 1rem; margin-bottom: 3rem; transition: opacity 0.1s; } .search-container .search-pagination-wrapper.enter { opacity: 0; } .search-container .search-pagination-wrapper.enter-done { opacity: 1; } .search-container .search-pagination-wrapper.exit-active { opacity: 0; } .search-container .search-pagination-wrapper.exit-done { opacity: 0; } .search-container .search-divider { flex: 0.2 1; width: 100vw; } @media only screen and (max-width: 624px) { .search-container { overflow-x: none; min-height: 105vh; } .search-container .top-bar { width: 90%; margin-bottom: 0; height: initial; min-height: 80vh; transform: translateY(20%); } .search-container .top-bar.full-page { transform: translateY(2%); min-height: 250px; } .search-container .top-bar.full-page .text-block { animation: fadeOut 0.2s forwards; } .search-container .top-bar .text-block { width: 100%; justify-content: center; display: flex; align-items: center; position: relative; flex-direction: column; } .search-container .top-bar .text-block .mediwho-icon { width: 100%; } .search-container .top-bar .search-bar-wrapper { margin-top: 10rem; } .search-container .top-bar .search-bar-wrapper .icon-wrapper { right: 91%; top: 9px; } .search-container .top-bar .search-bar-wrapper .input-wrapper { margin: 0; padding: 0; min-height: 40px; width: 90%; } .search-container .top-bar .search-bar-wrapper .input-wrapper input { height: 40px; padding-right: 15px; width: 100%; } .search-container .top-bar .search-bar-wrapper .placeholder { top: -9rem; width: 100%; margin: 0; position: absolute; z-index: 10; } .search-container .top-bar .search-bar-wrapper .placeholder .select-btn { padding: 0.5rem; border: 1px solid #FFA800; background: #1d1d1e; color: white; font-size: 1.3rem; } .search-container .top-bar .search-bar-wrapper .search-input-wrapper { opacity: 0; width: 100%; } .search-container .top-bar .search-bar-wrapper .search-input-wrapper.mobile-show { animation: fadeIn 0.5s ease-in-out 0.2s forwards; } .search-container .top-bar .search-bar-wrapper .reset-btn { width: 85%; z-index: -1; opacity: 0; position: static; } .search-container .top-bar .search-bar-wrapper .reset-btn.mobile-show { animation: fadeIn 0.5s ease-in-out 0.4s forwards; } .search-container .top-bar .search-filter-wrapper { z-index: 7; opacity: 0; flex-direction: column; width: 99%; } .search-container .top-bar .search-filter-wrapper.mobile-hide { display: none; } .search-container .top-bar .search-filter-wrapper .dropdown-wrapper { width: 100%; } .search-container .top-bar .search-filter-wrapper .dropdown-wrapper:first-child { margin-top: 3vh; } .search-container .top-bar .search-filter-wrapper .dropdown-wrapper:nth-child(2) { margin-top: 0.5vh; } .search-container .top-bar .search-filter-wrapper .dropdown-wrapper .form-select { width: 100%; } .search-container .top-bar .search-filter-wrapper .dropdown-wrapper .member-select { margin: 0; } .search-container .top-bar .search-filter-wrapper.mobile-show { animation: fadeIn 0.5s ease-in-out 0.3s forwards; } .search-container .top-bar .button-wrapper { display: flex; flex-direction: column; height: 100%; position: relative; } .search-container .top-bar .button-wrapper.mobile-hide { opacity: 0; display: none; } .search-container .top-bar .button-wrapper .search-btn { margin: 0.5rem; } .search-container .top-bar .button-wrapper .search-btn:nth-child(1) { z-index: 13; } .search-container .top-bar .button-wrapper .search-btn:nth-child(2) { z-index: 12; } .search-container .top-bar .button-wrapper .search-btn:nth-child(3) { z-index: 11; } .search-container .top-bar .button-wrapper .search-btn:nth-child(4) { z-index: 10; } .search-container .top-bar .button-wrapper .search-btn .select-btn { padding: 1rem; border: 1px solid #FFA800; background: #1d1d1e; color: white; font-size: 1.5rem; } .search-container .top-bar .button-wrapper .search-btn .searchby-wrap { top: 1rem; } .search-container .top-bar .button-wrapper .search-btn .searchby-wrap div { padding: 1rem; font-size: 1.3rem; } .search-container .scroll-wrapper { width: 96%; max-height: 40vh; margin-top: 1rem; } .search-container .scroll-wrapper .search-result-list .result-wrapper .clickable { font-size: 1.5rem; line-height: 1.1; } .search-container .search-pagination-wrapper { margin-top: 1rem; } .search-container .no-results-block { bottom: 25%; } } @keyframes fadeIn { 0% { opacity: 0; } 10% { display: block; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @media screen and (max-height: 624px) and (orientation: landscape) { .search-container { min-height: 145vh; } .search-container .scroll-wrapper { top: 60%; } .search-container .search-pagination-wrapper { top: 25%; } } @media only screen and (min-width: 624px) and (max-width: 1023px) { .search-container .top-bar { width: 90%; } .search-container .top-bar.full-page { margin-top: 25%; } .search-container .top-bar .text-block .mediwho-icon { width: 30vw; } .search-container .top-bar .text-block .sub-title { font-size: 1.8rem; } .search-container .scroll-wrapper { width: 90%; } .search-divider { height: 0.5rem; } } @media only screen and (min-width: 1023px) and (max-width: 1600px) { .search-container .top-bar { width: 60%; } .search-container .top-bar .text-block .mediwho-icon { width: 30vw; } .search-container .top-bar .text-block .sub-title { font-size: 1.8rem; } .search-container .scroll-wrapper { width: 60%; } } @media only screen and (min-width: 1600px) { .search-divider { height: 2rem; } } .popup-body { padding: 0 0 3rem 0; } .invite-a-friend { width: 90%; padding: 0 1rem; } .invite-a-friend .form-input { margin: 2vh 0; } .invite-a-friend .form-input label { font-size: 1rem; } .invite-a-friend .form-input input { padding: 0.4rem 0; font-size: 1rem; } .invite-a-friend .form-input:after { top: 2rem; } .invite-a-friend .form-select input { padding: 0.7rem 0; font-size: 1rem; } .invite-a-friend .form-select:after { top: 2.5rem; } .invite-a-friend .form-select #status--34 { height: 3vh; } .history-list { max-height: 35vh; overflow-y: auto; padding: 0 20px; } .history-list .service-history-item { display: flex; margin: 16px 0; } .history-list .service-history-item h4 { margin: 0; } .history-list .service-history-item h4:first-of-type { padding: 0 0 0 8px; margin-left: 8px; border-left: 1px solid #fff; } .error-popup { display: flex; flex-direction: column; align-items: center; flex-grow: 1; font-size: 1.5rem; justify-content: center; overflow: auto; } .error-popup:before { content: ''; background: url(/_next/static/images/sad-5f8f3dc4bae7436628e42842e92f5056.gif); height: 100px; width: 150px; position: absolute; background-size: cover; right: 0%; top: -90px; z-index: -1; } .error-popup h1 { margin-top: -10px; font-size: 2rem; color: #fd7200; } .error-popup h3 { font-size: 1.8rem; text-align: center; color: black; } .error-popup svg { fill: #FFA800; width: 80px; height: 80px; } .error-popup .btn-container { flex-direction: column; align-self: center; } .error-popup .btn-container .btn { width: 100%; margin: 1.5% 0; font-size: 1.8rem; border: 1px solid #FFA800; padding: 0.5rem 1.2rem; background-color: #1d1d1e; white-space: nowrap; font-weight: 400; color: #1e1e1e; } .error-popup .btn-container .btn:hover { background-color: #FFA800; } .popup-footer { padding: 0.5rem 0 1rem; display: flex; justify-content: space-around; } .popup-footer.btn-container .btn-secondary { color: #1e1e1e; } .popup-body { flex: 1 1; overflow-y: scroll; padding: 0 0 3rem 0; } .popup-body ul { overflow-y: auto; max-height: 50vh; padding: 0 0.5rem; } .popup-body .popup-title { text-align: center; width: 80%; } .popup-body .equalDoc-li { flex-direction: column; flex: 1 1; display: flex; align-self: start; margin: 0.5rem 0; padding: 0 0 0.5rem 0; text-align: start; list-style-type: none; border-bottom: 1px solid #FFA800; } .popup-body .equalDoc-li h2, .popup-body .equalDoc-li h4 { text-align: start; width: 100%; margin: 0; padding: 0; } .popup-body .equalDoc-li h2 { font-weight: 500; } .popup-body .equalDoc-li:before { background: none; } .popup-body .equalDoc-li:last-child { border-bottom: none; } .popup-body h1 { padding: 2rem; } .popup-body .doctor-list { overflow: overlay; } .popup-body .popup-footer { flex-grow: 1; width: 100%; } .requestedSum .requested-sum-popup { width: 100% !important; height: 100%; flex: 1 1; display: flex; flex-direction: column; align-items: center; justify-content: space-around; } .requestedSum .requested-sum-popup .requested-sum label { color: black; font-weight: 500; font-size: 1.7rem; font-family: 'Rubik'; } .requestedSum .requested-sum-popup .requested-sum input { margin-top: -1.5rem; color: black; text-align: center; } .requestedSum .requested-sum-popup .popup-footer .orange-btn.come-back-btn, .requestedSum .requested-sum-popup .popup-footer .black-btn.come-back-btn { font-size: 1.3rem; height: inherit; font-family: 'Rubik'; width: 8rem; font-weight: 600; } @media screen and (min-width: 1023px) { .requestedSum .popup-box { width: 50% !important; } } @media screen and (max-width: 624px) { .requestedSum .popup-box { bottom: 0; } .requestedSum .popup-box .requested-sum-popup { justify-content: space-between !important; height: 30vh !important; } } .drugPrices .drug-prices-popup { display: flex; flex-direction: column; align-items: center; justify-content: space-around; flex: 1 1; } .drugPrices .drug-prices-popup h1 { line-height: 1; width: 80%; word-wrap: break-word; } .drugPrices .drug-prices-popup .price-list { width: 80%; overflow-y: auto; } .drugPrices .drug-prices-popup .price-list .label-box { display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #FFA800; margin-bottom: 1rem; } .drugPrices .drug-prices-popup .price-list .label-box .label { text-align: right; margin: 0.5rem 0; } .drugPrices .drug-prices-popup .price-list .price-list-item { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #FFA800; margin-bottom: 0.6rem; } .drugPrices .drug-prices-popup .price-list .price-list-item h3 { margin: 0.5rem 0; } .drugPrices .drug-prices-popup .price-list .price-list-item .drug-size { direction: ltr; } @media screen and (max-width: 624px) { .drugPrices .popup-box { bottom: 0; } } @media screen and (min-width: 1023px) { .drugPrices .popup-box { width: 60% !important; } } .hmoComp .popup-box .hmo-comp-body { padding: 0 !important; position: relative; } .hmoComp .popup-box .hmo-comp-body .close-btn { right: 3rem !important; } .hmoComp .popup-box .hmo-comp-body .hmo-comp { display: flex; align-items: center; flex-direction: column; min-height: 65vh !important; padding: 0 !important; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-comp-title { font-weight: 500; font-size: 2.4rem !important; font-family: 'Rubik'; margin: 3rem auto 0.7rem; padding: 0 !important; color: black; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .family-picker { display: flex; flex-direction: row; margin-bottom: 1.5rem; align-items: center; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .family-picker .hmo-comp-subtitle { font-size: 1.4rem !important; color: #1d1d1e; font-weight: 500; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .family-picker .family-select-wrapper { padding: 0 !important; margin-right: 0.3rem; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .family-picker .family-select-wrapper .input-wrapper .chosen-option-text { font-size: 1.4rem !important; border-bottom: none !important; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .family-picker .family-select-wrapper .input-wrapper .arrow-wrapper svg g g { stroke: #FFA800; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .family-picker .family-select-wrapper .options-list .option-item { font-size: 0.9rem !important; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .user-plan { width: 92%; background-color: #FFA800; border-radius: 5px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 1rem 0; min-height: 10rem; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .user-plan .choosen-plan { font-family: 'Rubik'; font-size: 1.4rem; font-weight: 700; color: #fff !important; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-plan-row { display: flex; flex-direction: row; justify-content: space-between; width: 98%; background-color: #fff; padding: 0 1rem; height: 5rem; align-items: center; border-radius: 5px; box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.3); } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-plan-row .right-side { display: flex; align-items: center; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-plan-row .right-side img { height: 4rem; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-plan-row .right-side .plan-name { font-family: 'Rubik'; font-size: 1.1rem; font-weight: 700; color: black; padding-right: 1rem; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-plan-row .left-side { padding-left: 0.7rem; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-plan-row .left-side span { color: black; font-family: 'Rubik'; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-plan-row .left-side span.shekel { font-size: 0.8rem; font-weight: 800; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-plan-row .left-side span.price { font-size: 1.1rem; font-weight: 800; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-plan-row .left-side span.agorot { font-size: 1.1rem; font-weight: 400; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-scroll-wrapper { direction: ltr; width: 100%; background: linear-gradient(0deg, rgba(92, 94, 98, 0.1), white); margin-bottom: 1rem; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-scroll-wrapper .additional-plans { color: #FFA800 !important; margin: 2rem 0 0 0; font-weight: 700; font-size: 1.5rem !important; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-scroll-wrapper .comp-ul { direction: rtl; margin-top: 1rem; display: flex; flex-direction: column; align-items: center; padding: 0 3%; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-scroll-wrapper .comp-ul li { margin: 1rem 0; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-scroll-wrapper .comp-ul li:nth-last-child(1) { box-shadow: unset; } .hmoComp .popup-box .hmo-comp-body .hmo-comp-footer { margin-top: 2rem; margin-bottom: 1.5vh; } .hmoComp .popup-box .hmo-comp-body .hmo-comp-footer .black-btn { border-radius: 23.5px; margin: auto; width: auto; height: auto; } @media screen and (min-width: 1023px) { .hmoComp .popup-box { min-width: unset !important; width: 55% !important; } } @media screen and (max-width: 1023px) { .hmoComp .popup-box { background-color: #fff; } .hmoComp .popup-box .hmo-comp-body .hmo-comp { min-height: 34vh !important; margin-top: 3rem; } .hmoComp .popup-box .hmo-comp-body .hmo-comp .hmo-scroll-wrapper .comp-ul { min-height: 22vh !important; max-height: 33vh !important; overflow-y: overlay; } } @media screen and (max-width: 624px) { .hmoComp .popup-box { height: 92vh; margin-top: 1vh; } .hmoComp .popup-box .hmo-comp-body { height: 95vh !important; } .hmoComp .popup-box .hmo-comp-body .hmo-comp-footer { position: absolute; left: 0; right: 0; bottom: 0; } } .popup-body.precede-appointment-container { overflow: visible !important; } .popup-body.precede-appointment-container .precede-appointment { width: 100%; } .popup-body.precede-appointment-container .precede-appointment .form-select:after { position: static; } .agent-reg-step1 { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100vw; height: 100vh; min-height: 100rem; overflow: hidden; z-index: 2; } .agent-reg-step1 .mobile_robot { display: none; } .agent-reg-step1 .login_logo_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 168px; height: 89px; min-width: 168px; min-height: 89px; border-radius: 25px; border: 1px dashed #132690; overflow: hidden; background-size: contain; cursor: pointer; margin-bottom: 30px; } .agent-reg-step1 .login_logo_wrap .customer-login-mediwho-logo, .agent-reg-step1 .login_logo_wrap .agent-login-mediwho-logo { width: 192px; } @media screen and (max-width: 624px) { .agent-reg-step1 .login_logo_wrap { width: 145.348px; height: 77px; min-width: 145.348px; min-height: 77px; } .agent-reg-step1 .login_logo_wrap .customer-login-mediwho-logo, .agent-reg-step1 .login_logo_wrap .agent-login-mediwho-logo { width: 166px; } } .agent-reg-step1 .ag-reg-s1-headline { display: flex; align-items: end; margin-bottom: 25px; } .agent-reg-step1 .ag-reg-s1-headline .title-text { display: flex; flex-direction: column; margin: 0; } .agent-reg-step1 .ag-reg-s1-headline .title-text span:first-child { font-size: 26px; color: #ffa800; line-height: 2.7rem; font-weight: 700; margin: 0; } .agent-reg-step1 .ag-reg-s1-headline .title-text span:last-child { font-size: 16px; color: #393939; font-weight: 400; margin: 0; } .agent-reg-step1 .reg-ag-s1-main { display: flex; flex-direction: column; width: 443px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows { display: flex; flex-direction: row; align-content: space-between; justify-content: space-between; flex-wrap: wrap; width: 100%; height: 87px; margin-bottom: 16px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp { display: flex; flex-direction: row; align-items: center; height: 36px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 19.898px rgba(157, 157, 157, 0.3); border-radius: 26.23px; cursor: pointer; width: 217px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .logo_filler, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .logo_filler, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .logo_filler, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .logo_filler { display: flex; justify-content: center; align-items: center; width: 14%; height: 80%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input { width: 86%; height: 80%; margin: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input label { display: none; content: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input { border-bottom: unset; padding: 0 0 0 1rem; max-width: 100%; height: 100%; font-weight: 300; font-size: 15px; color: #aeadac; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input::placeholder { font-weight: 300; font-size: 15px; color: #aeadac; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input:focus, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input:focus, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input:focus, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input:focus { outline: none; border-bottom: unset; } @media screen and (max-width: 624px) { .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input::placeholder { font-size: 12px; } } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp { justify-content: end; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input { max-width: 95%; width: 95%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input { padding: 0 0 0 1rem; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows { display: flex; flex-direction: row; align-content: space-between; justify-content: space-between; flex-wrap: wrap; width: 100%; height: 137px; margin-bottom: 18px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp { display: flex; flex-direction: row; align-items: center; height: 36px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 19.898px rgba(157, 157, 157, 0.3); border-radius: 26.23px; cursor: pointer; width: 443px; position: relative; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .logo_filler, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .logo_filler, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .logo_filler { display: flex; justify-content: center; align-items: center; width: 7%; height: 80%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-text-input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-text-input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-text-input { width: 93%; height: 80%; margin: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-text-input label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-text-input label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-text-input label { display: none; content: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-text-input input { border-bottom: unset; padding: 0 0 0 1rem; max-width: 100%; height: 100%; font-weight: 300; font-size: 15px; color: #aeadac; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-text-input input::placeholder { font-weight: 300; font-size: 15px; color: #aeadac; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-text-input input:focus, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-text-input input:focus, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-text-input input:focus { outline: none; border-bottom: unset; } @media screen and (max-width: 624px) { .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-text-input input { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-text-input input::placeholder { font-size: 12px; } } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new { width: 93%; height: 100%; margin: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .input-wrapper, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .input-wrapper, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .input-wrapper { height: 100%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .input-wrapper label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .input-wrapper label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .input-wrapper label { display: none; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .input-wrapper .arrow-icon, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .input-wrapper .arrow-icon, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .input-wrapper .arrow-icon { top: 22%; left: 0; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .input-wrapper .arrow-icon.rotated, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .input-wrapper .arrow-icon.rotated, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .input-wrapper .arrow-icon.rotated { top: 40%; left: 2%; transform: rotate(270deg); } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new input { border-bottom: unset; height: 100%; font-weight: 300; font-size: 15px; color: #aeadac; box-shadow: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new input::placeholder { font-weight: 300; font-size: 15px; color: #aeadac; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .wrap_src, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .wrap_src, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .wrap_src { width: 443px; box-shadow: unset; background: white; border-radius: 15px 15px 15px 15px; translate: 31px 1px; overflow-x: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .wrap_src.open, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .wrap_src.open, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .wrap_src.open { padding: 1rem 9px 1rem 8px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .wrap_src .options, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .wrap_src .options, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .wrap_src .options { box-shadow: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp { position: relative; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .address_err { position: absolute; color: #e74c3c; font-size: 0.85rem; bottom: -17px; right: 29px; visibility: hidden; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .address_err.visible { visibility: visible; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .address-search-wrapper input { box-shadow: unset; background: none; padding: unset; color: #aeadac; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .address-search-wrapper input::placeholder { font-weight: 300; font-size: 15px; color: #aeadac; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .address-search-wrapper .address-search-list { position: absolute; width: 443px; z-index: 5; box-shadow: unset; background-color: rgba(255, 255, 255, 0.95); top: 37px; padding: 8px 0 8px 0; right: 0; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container { display: flex; flex-direction: column; align-items: start; justify-content: space-between; width: 100%; height: 55px; padding-right: 10px; margin-bottom: 40px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox { margin: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox.checkbox .input + label:before { min-width: 18px; width: 18px; height: 18px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox.checkbox .input + label:after { content: ''; height: 1.2rem; width: 1.2rem; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox:first-child span { color: #393939; font-size: 14px; font-weight: 400; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox:last-child span { color: #393939; font-size: 14px; font-weight: 400; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox:last-child span a { color: #ff7a00; font-size: 14px; font-weight: 600; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .reg_agent_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; visibility: hidden; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .reg_agent_btn.show { visibility: visible; } @media screen and (max-width: 624px) { .agent-reg-step1 .mobile_robot { display: inline-block; width: 35vw; } .agent-reg-step1 .ag-reg-s1-headline .title-text span:first-child { font-size: 18px; } .agent-reg-step1 .ag-reg-s1-headline .title-text span:last-child { font-size: 14px; width: 207px; line-height: normal; } .agent-reg-step1 .reg-ag-s1-main { width: 90vw; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form { width: 100%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp { display: flex; flex-direction: row; align-items: center; height: 36px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 19.898px rgba(157, 157, 157, 0.3); border-radius: 26.23px; cursor: pointer; width: 48%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .logo_filler, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .logo_filler, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .logo_filler, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .logo_filler { display: flex; justify-content: center; align-items: center; width: 14%; height: 80%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp:first-child .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp:first-child .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp:first-child .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp:first-child .logo_filler img { width: 50%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp:nth-child(3) .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp:nth-child(3) .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp:nth-child(3) .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp:nth-child(3) .logo_filler img { width: 75%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp:last-child .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp:last-child .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp:last-child .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp:last-child .logo_filler img { width: 50%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input { width: 86%; height: 80%; margin: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input label, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input label { display: none; content: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input { border-bottom: unset; padding: 0 0 0 1rem; max-width: 100%; height: 100%; font-weight: 300; font-size: 15px; color: #aeadac; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input::placeholder { font-weight: 300; font-size: 15px; color: #aeadac; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input:focus, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input:focus, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input:focus, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input:focus { outline: none; border-bottom: unset; } } @media screen and (max-width: 624px) and (max-width: 624px) { .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .name_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .identity_inp .form-text-input input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .phone_inp .form-text-input input::placeholder { font-size: 12px; } } @media screen and (max-width: 624px) { .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp { justify-content: end; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input { max-width: 95%; width: 95%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .small_inp_rows .surname_inp .form-text-input input { padding: 0 0 0 1rem; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows { display: flex; flex-direction: row; align-content: space-between; justify-content: space-between; flex-wrap: wrap; width: 100%; height: 137px; margin-bottom: 18px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp { display: flex; flex-direction: row; align-items: center; height: 36px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 19.898px rgba(157, 157, 157, 0.3); border-radius: 26.23px; cursor: pointer; width: 100%; position: relative; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .logo_filler img, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .logo_filler img { width: 45%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new input, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new input { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new input::placeholder, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new input::placeholder { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new.active:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new.active:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new.active:after { content: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .wrap_src, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .wrap_src, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .wrap_src { width: 107%; border-radius: 15px 15px 15px 15px; translate: 7% 1px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .wrap_src .options.open .option, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .wrap_src .options.open .option, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .wrap_src .options.open .option { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .email_inp .form-select-new .wrap_src .options.open:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .form-select-new .wrap_src .options.open:after, .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .mentor_inp .form-select-new .wrap_src .options.open:after { content: unset; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .address-search-wrapper input { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .address-search-wrapper input::placeholder { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .long_inp_rows .address_inp .address-search-wrapper .address-search-list { width: 100%; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox.checkbox .input + label:before { min-width: 14px; width: 14px; height: 14px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox.checkbox .input + label:after { height: 10px; width: 10px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox:first-child span { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox:last-child span { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .agent-reg-checkbox-container .form-checkbox:last-child span a { font-size: 12px; } .agent-reg-step1 .reg-ag-s1-main .agent-reg-form .reg_agent_btn { width: 127.987px; height: 26.246px; font-size: 10px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .agent-reg-step1 .mobile_robot { width: 22vw; } } @media screen and (max-width: 624px) and (max-width: 320px) { .agent-reg-step1 .mobile_robot { width: 18vw; } } .agent-agency-outer-div { display: flex; justify-content: center; align-items: center; height: 100%; z-index: 10; } .agent-agency-wrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; } .agent-agency-wrapper .mobile_robot { display: none; } .agent-agency-wrapper .login_logo_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 168px; height: 89px; min-width: 168px; min-height: 89px; border-radius: 25px; border: 1px dashed #132690; overflow: hidden; background-size: contain; cursor: pointer; margin-bottom: 45px; } .agent-agency-wrapper .login_logo_wrap .customer-login-mediwho-logo, .agent-agency-wrapper .login_logo_wrap .agent-login-mediwho-logo { width: 192px; } @media screen and (max-width: 624px) { .agent-agency-wrapper .login_logo_wrap { width: 145.348px; height: 77px; min-width: 145.348px; min-height: 77px; } .agent-agency-wrapper .login_logo_wrap .customer-login-mediwho-logo, .agent-agency-wrapper .login_logo_wrap .agent-login-mediwho-logo { width: 166px; } } .agent-agency-wrapper .agency-middle-container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .agent-agency-wrapper .agency-middle-container .sub-title-container { display: flex; align-items: end; margin-bottom: 2rem; } .agent-agency-wrapper .agency-middle-container .sub-title-container .sub-title-inner-divider { text-align: center; } .agent-agency-wrapper .agency-middle-container .sub-title-container .sub-title-inner-divider .sub-title { margin-top: 25px; color: #393939; font-weight: 500; font-size: 20px; } .agent-agency-wrapper .agency-middle-container .agency-main-title { color: #393939; font-size: 20px; position: relative; bottom: 20px; } .agent-agency-wrapper .agency-middle-container .button-row-label { font-size: 1.3rem; } .agent-agency-wrapper .agency-middle-container .button-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4rem; width: 255px; } .agent-agency-wrapper .agency-middle-container .button-row button { max-width: 119px; width: 119px; height: 35px; margin: unset; padding: unset; border: none; color: white; font-size: 14px; line-height: 0; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); } .agent-agency-wrapper .agency-middle-container .button-row button.active, .agent-agency-wrapper .agency-middle-container .button-row button:hover { background: #ffa800; border: none; color: white; } .agent-agency-wrapper .agency-middle-container .agent-reg-form { display: flex; flex-direction: column; align-items: center; } .agent-agency-wrapper .agency-middle-container .agent-reg-form > div { width: 100%; } .agent-agency-wrapper .agency-middle-container .agent-reg-form button { margin-top: 2rem; width: 35%; } .agent-agency-wrapper .agency-middle-container .agent-reg-form .form-row { position: relative; bottom: 20px; display: flex; } .agent-agency-wrapper .agency-middle-container .agent-reg-form .form-row .form-text-input { width: 100%; margin-top: 0; } .agent-agency-wrapper .agency-middle-container .agent-reg-form .form-row .form-text-input.red-label label { color: #ff4330; } .agent-agency-wrapper .agency-middle-container .agent-reg-form .form-row .form-text-input.green-label label { color: #79d71a; } .agent-agency-wrapper .agency-middle-container .agent-reg-form .form-row .form-text-input input { text-align: center !important; border-color: #a59f9f; } .agent-agency-wrapper .agency-middle-container .agent-reg-form .form-row .form-text-input .label { text-align: center !important; width: 100%; } .agent-agency-wrapper .agency-middle-container .agent-reg-form .btn-next { margin: 0 0 0 0; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; } .agent-agency-wrapper .agency-middle-container .agent-reg-form .btn-next:hover { background-color: #ff7200; border-color: #ff7200; } .agent-agency-wrapper .agency-middle-container .agnet-navigator { color: #ff8f33; text-align: center; text-decoration: underline; font-weight: 500; cursor: pointer; } .agent-agency-wrapper .agency-middle-container .step-back-btn { background: none; padding: 0; } .agent-agency-wrapper .back-btn { display: none; } @media screen and (max-width: 624px) { .agent-agency-outer-div { flex-direction: column; } .agent-agency-outer-div .agent-agency-wrapper .mobile_robot { width: 35vw; display: inline-block; } .agent-agency-outer-div .agent-agency-wrapper .agent-reg-form .btn-next { width: 127.987px; height: 26.246px; font-size: 10px; } } .subscription-page-list-item { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 167.62px; height: 136.86px; border-radius: 15px; background-color: white; margin: 0.5vw 0.7vw; box-shadow: 0 3px 20px 0 rgba(36, 91, 200, 0.2); border: solid #dcd5d5 1px; padding: 25px 0 20px 0; } .subscription-page-list-item.Bundle { width: 200px; height: 142px; } .subscription-page-list-item .sub-page-prod-title { display: flex; flex-direction: column; align-items: center; text-align: center; } .subscription-page-list-item .sub-page-prod-title .prod-line1 { font-weight: 700; font-size: 14px; color: #292B31; line-height: normal; margin-bottom: 3px; } .subscription-page-list-item .sub-page-prod-title .prod-line2 { font-weight: 400; font-size: 12px; color: #292B31; line-height: normal; } .subscription-page-list-item .sub-page-prod-price { color: #ffa800; font-size: 15.209px; font-weight: 700; } .subscription-page-list-item .sub-page-prod-button { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; width: 75px; height: 22px; min-height: 22px; font-size: 11px; } @media only screen and (min-width: 1023px) and (max-width: 1900px) { .subscription-page-list-item { padding: 1vw 0.5vw 1vw 0.5vw; } .subscription-page-list-item .sub-page-prod-title { font-size: 1.1vw; } .subscription-page-list-item .sub-page-prod-title .prod-line1 { line-height: normal; } .subscription-page-list-item .sub-page-prod-title .prod-line2 { line-height: 1; } .subscription-page-list-item .sub-page-prod-price { font-size: 1.2vw; } } @media only screen and (min-width: 624px) and (max-width: 1023px) { .subscription-page-list-item { width: 198px; height: 160px; max-width: 27vw; max-height: 21.8vw; border-radius: 14px; border: solid #dcd5d5 1px; margin: 10px 10px; padding: 12px 0px 12px 0px; box-shadow: 0 0px 18px -4px rgba(36, 91, 200, 0.3); } .subscription-page-list-item .sub-page-prod-title { font-size: 1.6rem !important; } .subscription-page-list-item .sub-page-prod-title .prod-line1 { line-height: normal; } .subscription-page-list-item .sub-page-prod-title .prod-line2 { font-size: 1.4rem !important; line-height: 1; } .subscription-page-list-item .sub-page-prod-price { font-size: 1.8rem !important; } } @media only screen and (max-width: 624px) { .subscription-page-list-item { width: 150px; height: 136px; border-radius: 16px; margin: 5px 5px; padding: 25px 0px 18px 0px; box-shadow: 0 0px 18px -4px rgba(36, 91, 200, 0.3); } .subscription-page-list-item .sub-page-prod-title { font-size: 12px !important; } .subscription-page-list-item .sub-page-prod-title .prod-line1 { line-height: normal; } .subscription-page-list-item .sub-page-prod-title .prod-line2 { font-size: 12px !important; line-height: 1; } .subscription-page-list-item .sub-page-prod-price { font-size: 16px !important; } .subscription-page-list-item .sub-page-prod-button { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; font-size: 10px; width: 71px; height: 18px; min-height: 18px; } } .subscription-list-popup-wrapper .slider-component-outer-wrapper.subscriptionList .slider-component .slider-component-inner-wrapper .slider-component-slider .subscription-page-list-item { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 160px; height: 129px; border-radius: 15px; background-color: white; margin: 13px 11px; padding: 25px 10px 17px 10px; box-shadow: 0 3px 20px 0 rgba(36, 91, 200, 0.2); border: solid #dcd5d5 1px; } .subscription-list-popup-wrapper .slider-component-outer-wrapper.subscriptionList .slider-component .slider-component-inner-wrapper .slider-component-slider .subscription-page-list-item .sub-page-prod-title { display: flex; flex-direction: column; align-items: center; color: black; font-size: 15px !important; text-align: center; } .subscription-list-popup-wrapper .slider-component-outer-wrapper.subscriptionList .slider-component .slider-component-inner-wrapper .slider-component-slider .subscription-page-list-item .sub-page-prod-title .prod-line1 { font-size: 13px; font-weight: 500; margin-bottom: 0px; } .subscription-list-popup-wrapper .slider-component-outer-wrapper.subscriptionList .slider-component .slider-component-inner-wrapper .slider-component-slider .subscription-page-list-item .sub-page-prod-title .prod-line1.BUNDLE_BESTCARE_SIMPLE_SMILE { width: 88px; } .subscription-list-popup-wrapper .slider-component-outer-wrapper.subscriptionList .slider-component .slider-component-inner-wrapper .slider-component-slider .subscription-page-list-item .sub-page-prod-title .prod-line2 { font-weight: 400; line-height: 1; font-size: 11px !important; } .subscription-list-popup-wrapper .slider-component-outer-wrapper.subscriptionList .slider-component .slider-component-inner-wrapper .slider-component-slider .subscription-page-list-item .sub-page-prod-title .prod-line2.SIMPLE_SMILE { width: 90px; height: 22px; } .subscription-list-popup-wrapper .slider-component-outer-wrapper.subscriptionList .slider-component .slider-component-inner-wrapper .slider-component-slider .subscription-page-list-item .sub-page-prod-price { color: #ff7200; font-size: 14px !important; font-weight: 500; } .subscription-list-popup-wrapper .slider-component-outer-wrapper.subscriptionList .slider-component .slider-component-inner-wrapper .slider-component-slider .subscription-page-list-item .sub-page-prod-button { color: white; border-radius: 20px; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); padding: 0 !important; width: 96px !important; height: 22px !important; font-size: 11px; } .subscription-list-popup-wrapper .slider-component-outer-wrapper.subscriptionList .slider-component .slider-component-inner-wrapper .slider-component-slider .subscription-page-list-item .sub-page-prod-button:hover { transform: scale(1.1); } .popup-wrapper.visible.subscriptionList .popup-box { width: 829px; min-height: unset; height: 667px; border-radius: 22px; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper { display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-upper-row { display: flex; justify-content: space-between; width: 100%; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-upper-row .sub-list-popup-close-btn { padding: 0; background: none; color: black; position: relative; right: 20px; top: 16px; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-upper-row .sub-list-popup-back-btn { padding: 0; background: none; width: 24px; height: 24px; position: relative; left: 20px; top: 15px; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-upper-row .sub-list-popup-back-btn img { width: 100%; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-robot { width: 164px; margin-top: -80px; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-robot img { width: 100%; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-title-container { display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-title-container .sub-list-popup-title-line1 { font-size: 20px; color: #fd7200; font-weight: 500; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-title-container .sub-list-popup-title-line2 { font-size: 16px; color: #2a2a2a; font-weight: 500; } @media screen and (max-width: 900px) { .popup-wrapper.visible.subscriptionList .popup-box { width: 95vw; min-height: unset; height: 512px; max-height: 90vh; border-radius: 22px; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-upper-row .sub-list-popup-close-btn { right: 20px; top: 16px; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-upper-row .sub-list-popup-back-btn { width: 24px; height: 24px; left: 20px; top: 15px; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-upper-row .sub-list-popup-back-btn img { width: 100%; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-robot { width: 160px; margin-top: -80px; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-robot img { width: 100%; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-title-container .sub-list-popup-title-line1 { font-size: 20px; } .popup-wrapper.visible.subscriptionList .popup-box .subscription-list-popup-wrapper .sub-list-popup-title-container .sub-list-popup-title-line2 { font-size: 16px; } } .termsOfService { min-width: 99vh; min-height: 550px; } .termsOfService iframe { margin-top: 2rem; height: 55vh; border: none; width: 100%; } @media screen and (max-width: 624px) { .termsOfService { min-width: 30rem; min-height: 135px; } .termsOfService iframe { height: 50vh; } } .checkbox2-container { display: flex; align-items: center; cursor: pointer; } .checkbox2-container.disabled { cursor: default; } .checkbox2-container:hover:not(.disabled) .checkbox2-box { border: 2px solid #FFA800; } .checkbox2-container .checkbox2-box { min-width: 2rem; width: 2rem; height: 2rem; border: 2px solid rgba(42, 42, 42, 0.3); border-radius: 0.3rem; transition: border 0.3s ease-in-out; } .checkbox2-container .checkbox2-box:focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12); } .checkbox2-container .checkbox2-box.active { background-color: #ff7200; border: 2px solid #FFA800; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDA3NTA1IDguNzU4OTVDMS4zNjI5OCA5LjUxMDY1IDEuNzI2OSA5LjYxNjMxIDIuNTI1NzggMTAuNzQ5OUMzLjgzMjEzIDEyLjYwNSAzLjYzOTI5IDEzLjM3MTggNC4wMjc4NiAxMy43MjVDNC40MTQ5OCAxNC4wNzgyIDYuMTkxMDggMTQuMzYzNSA3LjQwMTc0IDEyLjc0OTlDOC42MTIzOSAxMS4xMzYzIDEwLjUwMTYgNi42ODE5NyAxMi45MjI5IDQuMDEwMjdDMTUuMzQ0MiAxLjMzODU3IDE2LjQ3NTEgMC41NjU3NDUgMTcuMjAxNSAwLjE2MTIxN0MxNy45Mjc5IC0wLjI0MTgwMiAxNS42MjU1IC0wLjE1NTc2NCAxMS4wOTg5IDMuNTkwNjVDNy45NTEyNCA2LjE5NTkzIDUuNzIyNzcgOS43OTI5MSA1LjcyMjc3IDkuNzkyOTFDNS43MjI3NyA5Ljc5MjkxIDUuMDkzNTIgNy44MjYxMiAzLjY4ODU5IDYuNTE1OTNDMi4yODM2NSA1LjIwNDI0IC0xLjE3ODY3IDcuNTEyMTYgMC40MDc1MDUgOC43NjA0NlY4Ljc1ODk1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); height: 2rem; width: 1.8rem; background-size: 102% 102%; background-repeat: no-repeat; background-position: right; transition: all 0.3s ease-in-out; } .checkbox2-container .checkbox2-label { margin-right: 0.6rem; color: #a4a4a4; font-size: 1.2rem; font-weight: 500; color: #1d1d1e; } @media screen and (max-height: 550px) { .popup-wrapper.visible.agentAddClient { overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .popup-wrapper.visible.agentAddClient::-webkit-scrollbar { display: none; } } .popup-wrapper.visible.agentAddClient .popup-box { border-radius: 20px; width: 690px; max-width: 90vw; height: 780px; max-height: 98vh; margin-top: 30px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content { display: flex; align-items: center; flex-direction: column; width: 90%; height: 100%; padding-bottom: 0; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content { display: flex; align-items: center; flex-direction: column; width: 100%; height: 100%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .medi-logo { width: 150px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .texts-wrapper .minor-title { margin-top: -1rem; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .add-client-simple-robot { width: 135px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 700px; position: absolute; bottom: 0; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part { display: flex; flex-direction: column; width: 100%; margin-bottom: 25px; padding: 0 45px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part .add-non-resident-line1 { display: flex; justify-content: space-between; align-items: center; margin: 1rem 0; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part .add-non-resident-line1 .non-res-country-dropdown-container { width: 60%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part .add-non-resident-line1 .non-res-country-dropdown-container .form-select-new { margin: 0; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line:first-child, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line:first-child { margin-top: -3rem; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields { width: 100%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line { display: flex; justify-content: space-between; margin-bottom: -2rem; width: 100%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input.agentAddClient .label, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input.agentAddClient input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-text-input.agentAddClient .label, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-text-input.agentAddClient input { font-weight: 500; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input.agentAddClient .label, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input.agentAddClient input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-date-input.agentAddClient .label, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-date-input.agentAddClient input { font-weight: 500; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-text-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-date-input { width: 40%; margin-top: 18.94094px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input:first-child, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input:first-child, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-date-input:first-child, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-text-input:first-child { margin-right: 45px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input:nth-child(2), .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input:nth-child(2), .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-date-input:nth-child(2), .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-text-input:nth-child(2) { margin-left: 45px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line { width: 100%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .form-text-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .form-text-input { width: 40%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container { width: 40%; display: flex; margin-left: 45px; position: relative; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-text-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-text-input { margin-left: 5px; margin-right: 0; width: 73%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix { width: 27%; margin-left: 0; margin-right: 5px; margin-top: 16.55118px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .input-wrapper .input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .input-wrapper .input { text-align: left; padding-left: 14px; padding-top: 10px; line-height: 0; caret-color: transparent; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix.with-value .input-wrapper .label, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix.with-value .input-wrapper .label { top: -0.8rem; text-align: left; font-size: 1rem; cursor: default; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .label, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .label { top: 37.5%; left: 0; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .arrow-icon, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .arrow-icon { display: none; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option { justify-content: space-between; padding: 0 0.6rem; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option .img, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option .img { margin-left: 9px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option span, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option span { font-size: 1.2; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .add-client-form-prefix-plus, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .add-client-form-prefix-plus { position: absolute; left: 3px; top: calc(42% - 3px); } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input.new-date-picker.agentAddClient input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-date-input.new-date-picker.agentAddClient input { font-weight: 500; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .border-btn { margin-top: 3rem; margin-bottom: 10px; width: 10.5rem; font-weight: 600; background: #FFA800; color: white; transition: 0.2s ease-in-out; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .border-btn.hide { pointer-events: none; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .triangles-style { margin-top: 1rem; margin-bottom: 1.5rem; justify-self: flex-end; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .triangles-style .floating-triangles { width: 280px; } @media screen and (max-width: 624px) { .popup-wrapper.visible.agentAddClient .popup-box { max-width: 95vw; padding: 0; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .medi-logo { width: 110px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part { padding: 0 10px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part .add-non-resident-line1 .non-res-checkbox-container { margin-right: -4px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part .add-non-resident-line1 .non-res-checkbox-container .checkbox2-container .checkbox2-box { transform: scale(0.8); } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part .add-non-resident-line1 .non-res-checkbox-container .checkbox2-container .checkbox2-label { font-size: 12px; margin-right: 0px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part .add-non-resident-line1 .non-res-country-dropdown-container { width: 55%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .add-non-resident-part .add-non-resident-line1 .non-res-country-dropdown-container .form-select-new { margin: 0; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line:first-child, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line:first-child { margin-top: -3rem; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input:first-child, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input:first-child { width: 40%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input:nth-child(2), .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input:nth-child(2) { width: 50%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields { width: 100%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line { display: flex; justify-content: space-between; margin-bottom: -2rem; width: 100%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-text-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-date-input { width: 45%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.email-field .form-text-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.email-field .form-text-input { margin-left: 10px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input:first-child, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input:first-child, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-date-input:first-child, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-text-input:first-child { margin-right: 10px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-date-input:nth-child(2), .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line .form-text-input:nth-child(2), .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-date-input:nth-child(2), .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line .form-text-input:nth-child(2) { margin-left: 10px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .form-text-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .form-text-input { width: 40%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container { width: 50%; display: flex; margin-left: 10px; position: relative; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-text-input, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-text-input { margin-left: 0; margin-right: 0; width: 72%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix { width: 28%; margin-left: 0; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .label, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .label { top: 40%; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .arrow-icon, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .arrow-icon { display: none; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option { padding-inline: 0.2rem; justify-content: center; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option img, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix .options .option img { display: none; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix.with-value .input-wrapper .label, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .form-select-new.phonePrefix.with-value .input-wrapper .label { text-align: right; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .non-resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .add-client-form-prefix-plus, .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .resident-fields .add-client-form-line.passport-phone-line .add-client-form-phone-container .add-client-form-prefix-plus { position: absolute; left: 3px; top: calc(47% - 3px); display: none; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .triangles-style { margin-top: 1rem; margin-bottom: 1rem; justify-self: flex-end; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .triangles-style .floating-triangles { width: 193px; } } @media screen and (max-width: 624px) and (max-height: 916px) { .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .add-client-simple-robot { margin-top: 30px; } } @media screen and (max-width: 624px) and (max-height: 850px) { .popup-wrapper.visible.agentAddClient .popup-box { margin-top: 0; } } @media screen and (max-width: 624px) and (max-height: 770px) { .popup-wrapper.visible.agentAddClient .popup-box { min-height: 540px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container { position: relative; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .border-btn { margin-top: 2rem; width: 8rem; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container .triangles-style { margin-bottom: 0; } } @media screen and (max-width: 624px) and (max-height: 715px) { .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .add-client-simple-robot { margin-top: 0; } } @media screen and (max-width: 624px) and (max-height: 690px) { .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .add-client-simple-robot { margin-top: 0; width: 110px; } } @media screen and (max-width: 624px) and (max-height: 660px) { .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .texts-wrapper .main-title { font-size: 18px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .texts-wrapper .minor-title { font-size: 16px; margin-top: -1rem; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .add-client-simple-robot { width: 90px; position: absolute; top: -35px; right: -32px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container { top: 200px; } } @media screen and (max-width: 624px) and (max-height: 610px) { .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container { position: relative; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .texts-wrapper .main-title { font-size: 18px; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-popup-title-container .texts-wrapper .minor-title { font-size: 16px; margin-top: -1rem; } .popup-wrapper.visible.agentAddClient .popup-box .popup-content .add-client-popup-content .add-client-form-outer-container { top: 170px; } } @media screen and (max-width: 624px) and (max-height: 500px) { .popup-wrapper.visible.agentAddClient .popup-box { margin-top: 200px; } } .signature-sa-comp { margin-top: 1.5rem; background-color: #282428; margin-bottom: 1.5rem; } .signature-sa-comp .subtitle { margin-top: 0.5rem; text-align: center; } .signature-sa-comp .signature-error { color: #ff2020; } .signature-sa-comp canvas { max-width: 100%; } .tofesh-scroller-wrapper { background: #f2f2f2; max-height: 30vh; overflow-y: scroll; z-index: 1; position: relative; margin: 0 1.6em; border-left: 0.8rem solid #f2f2f2; border-right: 0.8rem solid #f2f2f2; border-top: 1.6rem solid #f2f2f2; border-bottom: 1.6rem solid #f2f2f2; border-radius: 5px; direction: ltr; } .tofesh-scroller-wrapper::-webkit-scrollbar { width: 3px; border: none; } .tofesh-scroller-wrapper .doc-scroller { padding: 0 0.8rem; direction: rtl; } .tofesh-scroller-wrapper .doc-scroller p { color: #2a2a2a; margin: 0; } .tofesh-scroller-wrapper ul { padding: 0; color: #2a2a2a; } .tofesh-scroller-wrapper p { margin-bottom: 0.8rem !important; } .tofesh-scroller-wrapper p.bold { font-weight: 600 !important; } .tofesh-scroller-wrapper p.indent-1 { padding-right: 4px; } .tofesh-scroller-wrapper p.indent-2 { padding-right: 8px; } .tofesh-scroller-wrapper p.indent-3 { padding-right: 12px; } .tofesh-scroller-wrapper p.underline { text-decoration: underline; font-weight: 600 !important; } .tofesh-scroller-wrapper p span.bold { font-weight: 600 !important; } .client-approve-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 25vh; padding-top: 2rem; } .client-approve-wrapper iframe { margin-top: 1rem; height: 50vh; border: none; width: 100%; } .client-approve-wrapper .title { color: #fff; } .client-approve-wrapper .subtitle { margin-top: 0.5rem; text-align: center; } .client-approve-wrapper .signature-error { color: #ff2020; } .client-approve-wrapper .signature { margin-top: 1.5rem; background-color: #282428; margin-bottom: 1.5rem; } .client-approve-wrapper .footer-row { display: flex; flex-direction: row; width: 100%; justify-content: space-around; } .popup-wrapper.visible.alert .popup-box { min-height: unset; height: 25em; width: 50em; } .popup-wrapper.visible.alert .popup-box .popup-content { height: 100%; } .popup-wrapper.visible.alert .popup-box .popup-content .new-alert-popup-content { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .popup-wrapper.visible.alert .popup-box .popup-content .new-alert-popup-content .main-title { font-weight: 500; margin: unset; } .popup-wrapper.visible.alert .popup-box .popup-content .new-alert-popup-content.blocked_alert .main-title { width: 385px; line-height: normal; } @media screen and (max-width: 624px) { .popup-wrapper.visible.alert .popup-box { height: 20em !important; width: 90vw !important; border-radius: 15px; } .popup-wrapper.visible.alert .popup-box .popup-content { height: 100%; top: 0; } .popup-wrapper.visible.alert .popup-box .popup-content .close-btn { top: 1rem; right: 1rem; } .popup-wrapper.visible.alert .popup-box .popup-content .new-alert-popup-content { height: 100%; } } .popup-wrapper.visible.newError .popup-box { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; min-height: unset; min-width: unset; max-width: unset; width: 470px; height: 290px; border-radius: 50px; border: 1px solid #e2e0e0; background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); padding: unset; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .medi_error { position: absolute; top: -60px; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .step_success_close { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); background: white; cursor: pointer; top: -35px; right: -35px; } @media screen and (max-width: 624px) { .popup-wrapper.visible.newError .popup-box .new-error-popup-content .step_success_close { width: clamp(35px, 4.7svh, 40px); height: clamp(35px, 4.7svh, 40px); top: -55px; right: 0; left: 0; margin: 0 auto; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .step_success_close img { width: clamp(10px, 1.4svh, 12px); } } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .content_titles { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .content_titles .main_title { color: #656362; font-size: 20px; font-weight: 500; line-height: normal; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .content_titles .sub_title { color: #656362; font-size: 16px; font-weight: 400; line-height: normal; } @media screen and (max-width: 624px) { .popup-wrapper.visible.newError .popup-box { height: 200px; border-radius: 2rem; max-width: 85vw; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .medi_error { display: none; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .content_titles { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .content_titles .main_title { color: #656362; font-size: clamp(14px, 2.4svh, 18px); font-weight: 500; line-height: normal; } .popup-wrapper.visible.newError .popup-box .new-error-popup-content .content_titles .sub_title { color: #656362; font-size: clamp(12px, 2svh, 16px); font-weight: 400; line-height: normal; width: 65vw; text-align: center; } } .redirectToSearch .popup-box { width: 30% !important; bottom: 0; } .redirectToSearch .popup-box .popup-content { height: 100%; } .redirectToSearch .popup-box .popup-content .redirect-to-search-content { display: flex; flex-direction: column; justify-content: space-around; align-items: center; height: 300px; padding: 0 50; } .redirectToSearch .popup-box .popup-content .redirect-to-search-content .button-wrapper { margin-top: 1rem; } .redirectToSearch .popup-box .popup-content .redirect-to-search-content .button-wrapper .border-btn { margin: 0.5rem; width: 10rem; font-weight: 600; background: none; border: 2px solid #FFA800; color: #1d1d1e; transition: 0.2s ease-in-out; } .redirectToSearch .popup-box .popup-content .redirect-to-search-content .button-wrapper .border-btn:hover, .redirectToSearch .popup-box .popup-content .redirect-to-search-content .button-wrapper .border-btn.selected { background: #1d1d1e; border-color: #1d1d1e; color: #fff; } @media screen and (max-width: 624px) { .redirectToSearch .popup-box { width: 100vw !important; } } .add-pri-ins-wrapper { position: unset !important; margin: auto; } .add-pri-ins-wrapper .add-pri-ins-popup-content { display: flex; justify-content: center; align-items: center; flex-direction: column; } .add-pri-ins-wrapper .add-pri-ins-popup-content img { width: 18%; } .add-pri-ins-wrapper .add-pri-ins-popup-content .paragraph { font-family: 'Rubik'; font-size: 1.3rem; font-weight: 500; line-height: 1.25; max-width: 60%; margin: 1.1rem auto 2.2rem; } .add-pri-ins-wrapper .add-pri-ins-popup-content .button-wrapper { position: relative; display: flex; flex: 1 1; justify-content: center; margin-bottom: 2.5rem; } .add-pri-ins-wrapper .add-pri-ins-popup-content .button-wrapper svg { z-index: -1; position: absolute; } @media screen and (max-width: 624px) { .popup-wrapper.addPriIns .popup-box { max-width: 94vw; } .popup-wrapper.addPriIns .popup-box .add-pri-ins-wrapper { height: unset !important; width: unset !important; } } @media screen and (min-width: 1023px) { .popup-wrapper.addPriIns .popup-box { max-width: 55vw; } .popup-wrapper.addPriIns .popup-box .add-pri-ins-wrapper .add-pri-ins-popup-content img { width: 13%; } } .user-details-container { width: 100%; margin-top: 3%; } .user-details-container .first-row { display: flex; justify-content: space-between; } .user-details-container .first-row .first-name-field, .user-details-container .first-row .last-name-field { width: 47%; margin-bottom: 0; margin-top: 2%; } .user-details-container .phone-field { margin-bottom: 4%; } .user-details-container .bottom-text { font-size: 1rem; font-weight: 500; text-align: right; margin-bottom: 8%; } .user-details-container .first-name-icon, .user-details-container .email-icon, .user-details-container .new-cellphone-icon { margin-left: 5px; transform: scale(1.2); } @media screen and (max-width: 1023px) { .user-details-container { margin-top: 0; } .user-details-container .first-row { margin-bottom: clamp(1.5rem, 4.6vw, 3rem); } .user-details-container .bottom-text { margin-bottom: 0; font-size: clamp(0.9rem, 3vw, 1.6rem); line-height: clamp(0.9rem, 3vw, 1.6rem); } .user-details-container .register-robot { max-height: 15vh; } } .error-text-wrapper span { font-size: 1rem; display: block; color: #ff2020; font-weight: 500; transition: 0.2s ease-in-out; text-align: center; } .error-text-wrapper span.hide { opacity: 0; } .toggle-wrapper { display: flex; justify-content: space-between; align-items: center; } .toggle-wrapper .toggle-switch { position: relative; display: inline-block; width: 60px; height: 34px; } .toggle-wrapper .toggle-switch input { opacity: 0; width: 0; height: 0; } .toggle-wrapper .toggle-switch .toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e3ba72; -webkit-transition: .4s; transition: .4s; border-radius: 34px; } .toggle-wrapper .toggle-switch .toggle-slider::before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } .toggle-wrapper .toggle-switch input:checked + .toggle-slider { background-color: #ff7200; } .toggle-wrapper .toggle-switch input:checked + .toggle-slider::before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .login-phone-wrapper { display: flex; justify-content: center; align-items: center; height: 800px; color: #393939; z-index: 2; position: relative; } .login-phone-wrapper .login-phone-main { display: flex; justify-content: center; align-items: center; flex-direction: column; } .login-phone-wrapper .login-phone-main .login-phone-upper { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; } .login-phone-wrapper .login-phone-main .login-phone-upper .login-phone-back-btn { cursor: pointer; } .login-phone-wrapper .login-phone-main .login-phone-title-container { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; max-width: 98vw; } .login-phone-wrapper .login-phone-main .login-phone-title-container .login-phone-title { color: #ffa800; font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 10px; } .login-phone-wrapper .login-phone-main .login-phone-title-container .login-phone-line1, .login-phone-wrapper .login-phone-main .login-phone-title-container .login-phone-line2 { font-size: 16px; color: #393939; font-weight: 400; line-height: 20px; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper { display: flex; justify-content: center; align-items: center; position: relative; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .error-text-wrapper { margin: unset; position: absolute; bottom: -8px; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .login-phone-timer { margin: unset; position: absolute; bottom: 1px; font-size: 1rem; display: block; color: #ff2020; font-weight: 500; transition: 0.2s ease-in-out; text-align: center; border: #000; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .login-phone-timer.hide { opacity: 0; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .form-text-input { width: 280px; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .form-text-input input { text-align: center !important; border-color: #928d8d; color: #000; font-size: 16px; font-weight: 400; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .form-text-input input:focus { border-color: #928d8d; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .form-text-input .label { text-align: center !important; width: 100%; color: #928d8d; font-size: 16px; font-weight: 400; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .form-checkbox { margin-top: 6px; margin-bottom: 6px; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .form-checkbox.checkbox .input + label:before { min-width: 1.5rem; width: 1.5rem; height: 1.5rem; } .login-phone-wrapper .login-phone-main .login-phone-input-wrapper .form-checkbox.checkbox .input + label:after { content: ''; height: 1.2rem; width: 1.2rem; } .login-phone-wrapper .login-phone-main .black-btn { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; } .login-phone-wrapper .login-phone-main .login-as-authorized { position: absolute; bottom: 140px; font-size: 13px; font-weight: 500; } .login-phone-wrapper .login-phone-main .login-as-authorized .toggle-wrapper.agent-login { width: 200px; } .login-phone-wrapper .login-phone-main .login-as-authorized .toggle-wrapper.agent-login .toggle-switch { width: 45px; height: 18px; } .login-phone-wrapper .login-phone-main .login-as-authorized .toggle-wrapper.agent-login .toggle-switch .toggle-slider { border-radius: 20px; } .login-phone-wrapper .login-phone-main .login-as-authorized .toggle-wrapper.agent-login .toggle-switch .toggle-slider::before { height: 14px; width: 14px; left: 2px; bottom: 2px; } .login-phone-wrapper .login-phone-main .login-as-authorized .toggle-wrapper.agent-login .toggle-switch input:checked + .toggle-slider::before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } @media screen and (max-width: 624px) { .login-phone-wrapper { height: 100%; } .login-phone-wrapper .login-phone-main .login-as-authorized { bottom: 10%; } } .step-2 { display: flex; flex-direction: column; align-items: center; } .step-2 .form-checkbox.checkbox label, .step-2 .form-checkbox.checkbox .input { justify-content: center; } .step-2 .title { color: #ff7300; } .step-2 .sub-title { color: black; } .step-2 .step-back-btn { background: none; border: solid #a2e54e 2px; border-radius: 10; margin: 0 0 0 15px; padding: 0; width: 22px; height: 22px; transform: rotate(-90deg); } .step-2 .step-back-btn svg { margin: 0; padding: 0; width: 22px; height: 22px; transition: 0.2s; filter: brightness(0) saturate(100%); filter: invert(100%) sepia(50%) saturate(2937%) hue-rotate(29deg) brightness(113%) contrast(76%); } .step-2 .step-back-btn svg g g { transition: 0.2s; } .step-2 .step-back-btn svg:hover g g { stroke: #FFA800; } .step-2 .text-block { display: flex; justify-content: center; align-items: center; flex-direction: column; } .step-2 .text-block .sub-title { margin: 1rem 0 !important; width: 60%; } .step-2 .phone-input { margin: 2rem auto; position: relative; width: 50%; } .step-2 .phone-input .label { left: 50%; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .step-2 .phone-input input, .step-2 .phone-input .error-msg { text-align: center !important; } .step-2 .black-btn { margin: 3rem auto 0 auto; } .step-2 .invalid-phone-text { font-size: 1rem; display: block; margin: 1rem auto; color: #ff2020; font-weight: 500; transition: 0.2s ease-in-out; } .step-2 .invalid-phone-text.hide { opacity: 0; } @media screen and (max-width: 624px) { .step-2 { position: relative; margin-top: 2rem; } .step-2 .text-block .sub-title { width: 80%; } .step-2 .phone-input { width: 70%; margin: 1rem auto !important; } } .code-wrapper { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 310px; } .code-wrapper .timer-wrapper { display: flex; justify-content: center; align-items: center; color: #393939; text-align: center; font-size: 17.789px; font-weight: 700; margin-bottom: 2%; } .code-wrapper .action-loader-wrapper { display: flex; align-items: center; justify-content: center; } .code-wrapper .text-block { display: flex; flex-direction: column; align-items: center; justify-content: center; } .code-wrapper .text-block .main-title { color: #ffa800; font-size: 24px; font-weight: 500; margin-bottom: 10px; } .code-wrapper .text-block .sub-title { width: 60%; color: #393939; font-size: 16px; font-weight: 400; text-align: center; } .code-wrapper .text-block #fixed-text { margin-top: 3%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 30px; width: 500px; text-align: center; overflow: hidden; line-height: 1.2; white-space: normal; font-size: 16px; } .code-wrapper .code-form { width: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* Chrome, Safari, Edge, Opera */ /* Firefox */ } .code-wrapper .code-form input { width: 55px; height: 51px; border: 1px solid #8f8f8f; outline: none; border-radius: 7.419px; background-color: rgba(255, 255, 255, 0.6); color: #393939; text-align: center; font-size: 18px; font-weight: 400; direction: ltr; } .code-wrapper .code-form input.active, .code-wrapper .code-form input:focus { border: 1px solid #f90; } .code-wrapper .code-form input:invalid { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #8f8f8f; } .code-wrapper .code-form input::-webkit-outer-spin-button, .code-wrapper .code-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .code-wrapper .code-form input[type='number'] { -moz-appearance: textfield; } .code-wrapper .actions-container { margin-top: 25px; } .code-wrapper .loader-email { position: absolute; margin-left: 33%; } .code-wrapper .loader-phone { position: absolute; margin-left: 29%; } .code-wrapper .send-code-container { display: flex; justify-content: center; } .code-wrapper .send-code-container .to-send-btn { font-size: 14px; color: #393939; box-shadow: none; font-weight: 400; text-decoration: underline dotted; background-color: inherit; } .code-wrapper .send-code-container .to-send-btn.disabled-btn { font-size: 14px; color: #78787891; box-shadow: none; font-weight: 400; text-decoration: underline dotted; background-color: inherit; cursor: default; /* Regular cursor */ } .code-wrapper .toggle-method-btn { font-size: 14px; color: #393939; box-shadow: none; font-weight: 600; background-color: inherit; } .code-wrapper .toggle-method-btn.disabled-btn { font-size: 14px; color: #78787891; box-shadow: none; font-weight: 600; background-color: inherit; cursor: default; /* Regular cursor */ } .code-wrapper .sent-code-text { font-size: 1rem; display: block; margin: 0 auto; color: #a3cf4f; font-weight: 500; transition: 0.2s ease-in-out; } .code-wrapper .sent-code-text.hide { opacity: 0; } .code-wrapper .expired-block { display: flex; flex-direction: column; } .code-wrapper .expired-block .expired-text { font-size: 1.8rem; opacity: 0.8; margin: 2rem 0 !important; } .code-wrapper .expired-block .black-btn { margin: 0 auto; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border: none; } /* @media (max-width: 768px) { .sub-title { font-size: 15px !important; } } @media (max-width: 480px) { .sub-title { font-size: 14px !important; }} */ .login-sms-validation-wrapper { display: flex; align-items: center; height: 457px; z-index: 2; translate: 0 40px; } .login-sms-validation-wrapper .login-sms-main { display: flex; flex-direction: column; align-items: center; } .login-sms-validation-wrapper .login-sms-main .error-text-wrapper { position: column; bottom: 123px; } .login-sms-validation-wrapper .login-sms-main .login-sms-upper { display: flex; position: relative; } .login-sms-validation-wrapper .login-sms-main .login-sms-upper .login-sms-back-btn { cursor: pointer; } .login-sms-validation-wrapper .login-sms-main .code-wrapper { margin-top: 20px; } .login-sms-validation-wrapper .login-sms-main .code-wrapper .expired-block { height: 180px; } @media screen and (max-width: 624px) { .login-sms-validation-wrapper { height: 100%; translate: unset; } .login-sms-validation-wrapper .login-sms-main .error-text-wrapper { bottom: 15%; } .login-sms-validation-wrapper .login-sms-main .code-wrapper { margin-top: 20px; } .login-sms-validation-wrapper .login-sms-main .code-wrapper .expired-block { height: 180px; } .login-sms-validation-wrapper .login-sms-main .code-wrapper .text-block .sub-title { width: 300px; } } @media screen and (max-width: 624px) and (max-width: 320px) { .login-sms-validation-wrapper { height: 100%; translate: 0 10%; } } .login-page-wrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100vh; overflow: hidden; background: url(/_next/static/images/regs-back-205f8088f80e4e13ab9135d45a1cd2fb.jpg) center center no-repeat; background-size: cover; flex-grow: 1; position: relative; } .login-page-wrapper .customer-login-header, .login-page-wrapper .agent-login-header { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: start; width: 808px; height: 800px; background: url(/_next/static/images/login_sub_bg-22967fb90a36610df9eba63696e35229.png) center center no-repeat; position: absolute; padding: 12rem 0 0 0; } .login-page-wrapper .customer-login-header .login_logo_wrap, .login-page-wrapper .agent-login-header .login_logo_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 168px; height: 89px; min-width: 168px; min-height: 89px; border-radius: 25px; border: 1px dashed #132690; overflow: hidden; background-size: contain; cursor: pointer; } .login-page-wrapper .customer-login-header .login_logo_wrap .customer-login-mediwho-logo, .login-page-wrapper .customer-login-header .login_logo_wrap .agent-login-mediwho-logo, .login-page-wrapper .agent-login-header .login_logo_wrap .customer-login-mediwho-logo, .login-page-wrapper .agent-login-header .login_logo_wrap .agent-login-mediwho-logo { width: 192px; } @media screen and (max-width: 624px) { .login-page-wrapper .customer-login-header .login_logo_wrap, .login-page-wrapper .agent-login-header .login_logo_wrap { width: 145.348px; height: 77px; min-width: 145.348px; min-height: 77px; } .login-page-wrapper .customer-login-header .login_logo_wrap .customer-login-mediwho-logo, .login-page-wrapper .customer-login-header .login_logo_wrap .agent-login-mediwho-logo, .login-page-wrapper .agent-login-header .login_logo_wrap .customer-login-mediwho-logo, .login-page-wrapper .agent-login-header .login_logo_wrap .agent-login-mediwho-logo { width: 166px; } } .login-page-wrapper .customer-login-header .animated_elements, .login-page-wrapper .agent-login-header .animated_elements { width: 95%; height: 82%; position: relative; } .login-page-wrapper .customer-login-header .animated_elements .login_circle_1, .login-page-wrapper .customer-login-header .animated_elements .login_circle_2, .login-page-wrapper .customer-login-header .animated_elements .login_circle_3, .login-page-wrapper .customer-login-header .animated_elements .login_robot, .login-page-wrapper .customer-login-header .animated_elements .login_stats, .login-page-wrapper .agent-login-header .animated_elements .login_circle_1, .login-page-wrapper .agent-login-header .animated_elements .login_circle_2, .login-page-wrapper .agent-login-header .animated_elements .login_circle_3, .login-page-wrapper .agent-login-header .animated_elements .login_robot, .login-page-wrapper .agent-login-header .animated_elements .login_stats { position: absolute; } .login-page-wrapper .customer-login-header .animated_elements .login_circle_1, .login-page-wrapper .agent-login-header .animated_elements .login_circle_1 { top: -268px; right: 0; animation: fallAndBounce_login_1 3s ease forwards; } .login-page-wrapper .customer-login-header .animated_elements .login_circle_2, .login-page-wrapper .agent-login-header .animated_elements .login_circle_2 { top: -55px; left: 0; animation: fallAndBounce_login_2 3s ease forwards; } .login-page-wrapper .customer-login-header .animated_elements .login_circle_3, .login-page-wrapper .agent-login-header .animated_elements .login_circle_3 { top: 414px; right: 110px; animation: fallAndBounce_login_3 3s ease forwards; } .login-page-wrapper .customer-login-header .animated_elements .login_robot, .login-page-wrapper .agent-login-header .animated_elements .login_robot { bottom: -24px; left: -32px; animation: fallAndBounce_login_4 3s ease forwards; } .login-page-wrapper .customer-login-header .animated_elements .login_stats, .login-page-wrapper .agent-login-header .animated_elements .login_stats { top: 157px; right: -137px; animation: fallAndBounce_login_5 3s ease forwards; } @media screen and (max-width: 624px) { .login-page-wrapper { background: url(/_next/static/images/bg_sign_step-f96902ee11ff0ea26cd98b9b1771519b.jpg) center center no-repeat; } .login-page-wrapper .customer-login-header, .login-page-wrapper .agent-login-header { width: 100%; height: 100%; padding: 10% 0 0 0; background: unset; } .login-page-wrapper .customer-login-header .animated_elements, .login-page-wrapper .agent-login-header .animated_elements { display: none; } } @keyframes fallAndBounce_login_1 { 0% { top: -100vh; } 50% { top: -253px; } 70% { top: -268px; } 100% { top: -268px; } } @keyframes fallAndBounce_login_2 { 0% { top: -100vh; } 50% { top: -40px; } 70% { top: -55px; } 100% { top: -55px; } } @keyframes fallAndBounce_login_3 { 0% { top: -100vh; } 50% { top: 429px; } 70% { top: 414px; } 100% { top: 414px; } } @keyframes fallAndBounce_login_4 { 0% { left: -100vw; } 50% { left: -17px; } 70% { left: -32px; } 100% { left: -32px; } } @keyframes fallAndBounce_login_5 { 0% { right: -100vw; } 50% { right: -122px; } 70% { right: -137px; } 100% { right: -137px; } } .sms-validation-wrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100vw; height: 100vh; padding-bottom: 70px; z-index: 10; } .sms-validation-wrapper .login_logo_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 168px; height: 89px; min-width: 168px; min-height: 89px; border-radius: 25px; border: 1px dashed #132690; overflow: hidden; background-size: contain; cursor: pointer; margin-bottom: 25px; } .sms-validation-wrapper .login_logo_wrap .customer-login-mediwho-logo, .sms-validation-wrapper .login_logo_wrap .agent-login-mediwho-logo { width: 192px; } @media screen and (max-width: 624px) { .sms-validation-wrapper .login_logo_wrap { width: 145.348px; height: 77px; min-width: 145.348px; min-height: 77px; } .sms-validation-wrapper .login_logo_wrap .customer-login-mediwho-logo, .sms-validation-wrapper .login_logo_wrap .agent-login-mediwho-logo { width: 166px; } } .sms-validation-wrapper .sms-validation { display: flex; flex-direction: column; align-items: center; color: black; width: fit-content !important; } .sms-validation-wrapper .sms-validation .step-back-btn { padding: 0; background: none; margin-bottom: 20px; } .sms-validation-main-container { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 330px; position: relative; margin-top: 10px; z-index: 3; } @media screen and (max-width: 430px) { .sms-validation-main-container { zoom: 97%; transform: translateY(10%); } } @media screen and (max-width: 414px) { .sms-validation-main-container { zoom: 95%; transform: translateY(7%); } } @media screen and (max-width: 412px) { .sms-validation-main-container { zoom: 95%; transform: translateY(5%); } } @media screen and (max-width: 390px) { .sms-validation-main-container { zoom: 92%; transform: translateY(10%); } } @media screen and (max-width: 375px) { .sms-validation-main-container { zoom: 80%; transform: translateY(10%); } } @media screen and (max-width: 320px) { .sms-validation-main-container { zoom: 70%; transform: translateY(10%); } } .sms-validation-main-container .go_back { margin-bottom: 25px; cursor: pointer; } .sms-validation-main-container .error_code { position: absolute; bottom: 0; color: red; } .sms-validation-container { margin-top: 30%; } .sms-validation-container .register-robot { position: absolute; top: 26%; left: 68%; } .sms-validation-container .code-wrapper .code-form { padding: 0 25%; margin: 1rem; } .sms-validation-container .code-wrapper .send-code-container { padding: 0 18%; } .sms-validation-container .code-wrapper .text-block .main-title { margin-bottom: 0 !important; font-size: 1.9rem; margin-top: 3%; } .sms-validation-container .code-wrapper .text-block .sub-title { width: 60%; font-size: 1.33rem; } .sms-validation-container .back-text { font-size: 1.5rem; } .sms-validation-container .go-back-arrow { cursor: pointer; } @media screen and (max-width: 1023px) { .sms-validation-container { margin-top: 0; padding-top: clamp(2rem, 6.6vw, 4rem); display: flex; flex-direction: column; } .sms-validation-container .go-back-arrow { height: clamp(16px, 4.4vw, 25px); } .sms-validation-container .back-text { font-size: clamp(1rem, 3.33vw, 1.5rem); line-height: clamp(1rem, 3.33vw, 1.5rem); margin-top: clamp(0.4rem, 1.3vw, 0.8rem); } .sms-validation-container .text-block { margin-top: clamp(1rem, 3.33vw, 2rem); } .sms-validation-container .code-wrapper .timer-wrapper { font-size: clamp(1rem, 3.33vw, 1.5rem); } .sms-validation-container .code-wrapper .code-form { padding: 0 10%; margin-top: clamp(1rem, 3vw, 1.5rem); } .sms-validation-container .code-wrapper .send-code-container { padding: 0; justify-content: space-evenly; } .sms-validation-container .register-robot { top: 6%; right: 6%; left: initial; } } .identity-and-birthday-container { margin-top: 20%; } .identity-and-birthday-container .register-robot { position: absolute; top: 3%; right: 0; } .identity-and-birthday-container .identity-container { width: 62%; margin: 0 auto; padding: 1rem 1rem 2rem 1rem; position: relative; margin-bottom: 4rem; } .identity-and-birthday-container .identity-container .identity-input { width: 80%; margin: 0 auto; margin-top: 5%; position: relative; } .identity-and-birthday-container .identity-container .identity-input .label { left: 50%; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .identity-and-birthday-container .identity-container .identity-input input, .identity-and-birthday-container .identity-container .identity-input .error-msg { text-align: center !important; } .identity-and-birthday-container .identity-container .black-btn { margin: 2rem auto 0 auto; } .identity-and-birthday-container .identity-container .error-text { font-size: 1rem; display: block; margin: 1rem auto; color: #ff2020; font-weight: 500; transition: 0.2s ease-in-out; } .identity-and-birthday-container .identity-container .error-text.hide { opacity: 0; } @media screen and (max-width: 624px) { .identity-and-birthday-container .step-4 { padding: 0; } } .identity-and-birthday-container .birthday-container { width: 62%; margin: 0 auto; } .identity-and-birthday-container .birthday-container .main-title { margin: 0 auto 0.5rem auto !important; } .identity-and-birthday-container .birthday-container .date-input { width: 80%; margin: 0 auto; } .identity-and-birthday-container .birthday-container .date-input .input::placeholder { color: #6d6a6a; opacity: 0.3; font-size: 1.3rem; font-weight: 600; } .identity-and-birthday-container .birthday-container .black-btn { margin: 2rem auto 0 auto !important; } .identity-and-birthday-container .birthday-container .underage-text { font-size: 1rem; display: block; margin: 1rem auto; color: #ff2020; font-weight: 500; transition: 0.2s ease-in-out; } .identity-and-birthday-container .birthday-container .underage-text.hide { opacity: 0; } @media screen and (max-width: 624px) { .step-4 { padding: 0; } .step-4 .main-title { width: 100%; } } @media screen and (max-width: 1023px) { .identity-and-birthday-container { margin-top: 30%; } .identity-and-birthday-container .identity-container { margin-bottom: 0; } .identity-and-birthday-container .register-robot { max-height: 15vh; top: 5%; right: 5%; } } .short-registration-hmo-select-container { margin-top: 15%; } .short-registration-hmo-select-container .go-back-arrow { cursor: pointer; } .short-registration-hmo-select-container .register-robot { position: absolute; top: 4%; right: -1%; } .short-registration-hmo-select-container .back-text { font-size: 1.5rem; margin-bottom: 5%; } @media screen and (max-width: 1023px) { .short-registration-hmo-select-container { margin-top: clamp(3rem, 10vw, 5rem); display: flex; flex-direction: column; } .short-registration-hmo-select-container .register-robot { max-height: 15vh; top: 3%; right: 10%; } .short-registration-hmo-select-container .back-text { font-size: clamp(1rem, 3.33vw, 1.5rem); line-height: clamp(1rem, 3.33vw, 1.5rem); margin-top: clamp(0.4rem, 1.3vw, 0.8rem); } .short-registration-hmo-select-container .go-back-arrow { height: clamp(16px, 4.4vw, 25px); } } .hmo-plan-select-container { margin-top: 15%; } .hmo-plan-select-container .go-back-arrow { cursor: pointer; } .hmo-plan-select-container .register-robot { position: absolute; top: 11%; right: 5%; } .hmo-plan-select-container .back-text { font-size: 1.5rem; margin-bottom: 3%; } .hmo-plan-select-container .hmo-plan-picker-wrapper .scroller-wrapper .scroller .plan-card-block { min-width: 200px; height: 125px; } .hmo-plan-select-container .hmo-plan-picker-wrapper .scroller-wrapper .scroller .plan-card-block .chosen-card { height: 41%; } @media screen and (max-width: 1023px) { .hmo-plan-select-container { margin-top: 40%; } .hmo-plan-select-container .register-robot { top: 2%; right: 33%; max-height: 15vh; } .hmo-plan-select-container .back-text { font-size: 3vw; } } .popup-wrapper.visible.shortRegistration .popup-box { width: 700px; min-height: 710px; max-height: 100vh; overflow-y: auto; transform: translateY(0) scale(1); display: flex; align-items: center; box-shadow: 0 0 60px 0 rgba(92, 94, 98, 0.3); border: solid 1px #FFA800; border-radius: 14px; background-image: url(/_next/static/images/register-popup-bg-bbe386e76905905c9000588f22a86331.png); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content { width: 80% !important; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.step5 { width: 100% !important; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.step5 .close-btn { transform: translate(-250%, 200%); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content .link-btn:hover { color: #ffa300; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content .black-btn { margin: 0 auto; margin-bottom: 2%; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content .black-btn.show { display: flex; } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container { color: black; padding: 0; } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .main-title, .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .sub-title { font-size: 1.75rem; line-height: 2rem; font-weight: 500; margin: 0; } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .hmo-plan-select-container .main-title { margin-bottom: 2% !important; font-weight: bold; } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .hmo-plan-select-container .sub-title { margin-bottom: 2%; } @media screen and (max-width: 1023px) { .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .hmo-plan-select-container .main-title { width: 100%; font-size: 6vw; line-height: 6vw; margin: 0; } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .hmo-plan-select-container .sub-title { margin-bottom: 2%; width: 100%; font-size: 5vw; line-height: 5vw; margin: 0; } } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .main-title { color: #FFA800; } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .form-text-input .label { color: #6d6a6a; font-size: 1.3rem; opacity: 0.3; } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .form-text-input input { border-color: rgba(109, 106, 106, 0.3); } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .close-btn { position: initial; transform: translate(200%, 200%); } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .triangles { margin-top: 5%; } .popup-wrapper.visible.shortRegistration .popup-box .short-registration-container .triangles.step2 { margin-top: -2%; } @media screen and (max-width: 1023px) { .popup-wrapper.visible.shortRegistration .mobile-divider { display: none; } .popup-wrapper.visible.shortRegistration .popup-box { height: auto; min-height: 380px; width: 91vw; transform: translateY(0) scale(1); padding: clamp(1rem, 4vw, 2rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content { width: auto !important; min-height: 350px; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content .black-btn { margin: clamp(0.5rem, 1.65vw, 1rem) auto; font-size: clamp(0.9rem, 3vw, 1.6rem); width: clamp(100px, 27vw, 150px); height: clamp(22px, 6.1vw, 34px); padding: 0; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container { top: 0; height: initial; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .link-btn { padding: clamp(8px, 2.2vw, 12px) clamp(12px, 3.3vw, 16px); font-size: clamp(1rem, 3vw, 1.5rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .close-btn { transform: translate(0, 0); height: clamp(0.75rem, 1.6vw, 1rem); width: clamp(0.75rem, 1.6vw, 1rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .register-robot { height: 20vw; max-height: 120px; min-height: 75px; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .main-title { font-size: clamp(1rem, 3.8vw, 2rem); line-height: clamp(1.1rem, 3.6vw, 2.2rem); margin-bottom: clamp(0.2rem, 0.6vw, 0.4rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .sub-title { font-size: clamp(0.9rem, 3vw, 1.6rem); line-height: clamp(1.1rem, 3.6vw, 2.2rem); margin: 0 auto; margin-bottom: clamp(1rem, 3.33vw, 2rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .user-details-container .sub-title { width: 79.5%; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input { margin: 0; width: auto; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input.first-name-field, .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input.last-name-field { width: 47%; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input.email-field { margin-bottom: clamp(1.5rem, 4.6vw, 2.5rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input.phone-field { margin-bottom: clamp(2rem, 5vw, 3.5rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input.identity-input { margin-top: clamp(1rem, 3vw, 2rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input label { font-size: clamp(1rem, 3.33vw, 1.8rem); top: 25%; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input input { font-size: clamp(1rem, 3.33vw, 2rem); padding: clamp(0.8rem, 2.6vw, 1.4rem) clamp(0.2rem, 0.6vw, 0.35rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input.error .error-msg { font-size: clamp(0.8rem, 2.6vw, 1.6rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-text-input.active label { top: -1rem; } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-date-input input { font-size: clamp(1rem, 3.33vw, 2rem); padding: clamp(0.8rem, 2.6vw, 1.4rem) clamp(0.2rem, 0.6vw, 0.35rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .form-date-input input::placeholder { font-size: clamp(1rem, 3.33vw, 2rem); } .popup-wrapper.visible.shortRegistration .popup-box .popup-content.short-registration-container .triangles { margin-top: 0; max-width: 45vw; } } .approveDecline .popup-box { border-radius: 1rem !important; position: unset !important; } .approveDecline .approve-decline-container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .approveDecline .approve-decline-container .aprove-content-wrapper { width: 320px; } .approveDecline .approve-decline-container .agree-text-wrapper { display: flex; justify-content: start; } .approveDecline .approve-decline-container .agree-text-wrapper .agree-text { font-family: Rubik; font-size: 1.5rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; } .approveDecline .approve-decline-container .enable-btn { font-size: 1.2rem; font-weight: 500; display: block; box-shadow: 0 0 20px 0 white; opacity: 1; transition: 0.2s ease-out; } .approveDecline .approve-decline-container .enable-btn:hover { transform: scale(1.07); box-shadow: 0 0 30px 0 white; border-color: #ff7300; } .approveDecline .approve-decline-container .title { color: #2a2a2a; font-size: 1.75rem; line-height: 2rem; font-weight: 500; } .approveDecline .approve-decline-container .link { color: #FFA800; font-weight: 500; } .approveDecline .approve-decline-container .link:hover { text-decoration: underline; } .approveDecline .approve-decline-container .check-box { margin-left: 0.7rem; } .approveDecline .approve-decline-container .buttons { display: flex; justify-content: center; align-items: center; padding: 0 1rem 0 1rem; color: white; margin: 0.5rem 0 2rem 0; } .approveDecline .approve-decline-container .buttons .submit-btn { margin-left: 1rem; min-width: 9rem; background-color: #FFA800; } .approveDecline .approve-decline-container .buttons .btn-disabled { margin-left: 1rem; min-width: 9rem; background-color: #a1a1b1; border: none; } .approveDecline .approve-decline-container .buttons .cancel-btn { min-width: 9rem; background-color: #FFA800; } .approveDecline .approve-decline-container .triangles { width: 90%; margin-top: 5%; } @media screen and (max-width: 1023px) { .approveDecline .popup-box { width: 100vw !important; } .approveDecline .agree-text-wrapper { width: 80vw; display: flex; justify-content: start; } .approveDecline .agree-text-wrapper .agree-text { font-family: Rubik; font-size: 1.5rem; font-weight: 500; } } @media screen and (min-width: 1023px) { .approveDecline .popup-box { width: 25vw !important; } .approveDecline .popup-box .popup-content { width: 100% !important; } .approveDecline .agree-text-wrapper { margin-right: 1.5rem; } .approveDecline .agree-text-wrapper .agree-text { font-family: Rubik; font-size: 1.5rem; font-weight: 500; } } .blur-overlay { position: absolute; top: 0; left: 0; height: 100vh; width: 100vw; opacity: 0; visibility: hidden; background-image: linear-gradient(to bottom, #fff, #e4f9fb 59%, #eaf9fb); } .blur-overlay.show { opacity: 0.92; visibility: visible; z-index: 4; } .blur-overlay.publicInquiries { background-image: linear-gradient(0deg, rgba(252, 245, 234, 0.95) 38.86%, rgba(255, 248, 236, 0.95) 70.73%, rgba(198, 248, 255, 0.76) 106.85%); opacity: 1; } .popup-wrapper { position: fixed; width: 100%; height: 100dvh; z-index: 9999; top: 0; right: 0; display: flex; align-items: center; justify-content: center; transition: all 200ms ease-in-out; overscroll-behavior: contain; } .popup-wrapper .logout_popup { position: absolute; top: 90px; right: 4.5%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; cursor: pointer; min-width: 9rem; height: 64.9px; display: none; height: 78px; } .popup-wrapper .logout_popup img { width: 30.5px; height: 38px; } .popup-wrapper .logout_popup span { font-size: 14px; font-weight: bold; display: block; color: #373431; } .popup-wrapper .logout_popup img { width: unset; height: unset; } .popup-wrapper .logout_popup span { color: #505050; font-weight: 600; font-size: 14.286px; } .popup-wrapper .logout_popup.show { display: flex; } @media screen and (max-width: 624px) { .popup-wrapper .logout_popup { top: 50px; min-width: 5rem; height: 54.9px; } .popup-wrapper .logout_popup img { width: 60%; } .popup-wrapper .logout_popup span { font-size: 12px; } } .popup-wrapper .popup-box { display: flex; flex-direction: column; position: relative; text-align: center; min-height: 34.5vh; min-width: 30vw; border-radius: 5px; box-shadow: 0px 6px 14px -5px rgba(0, 0, 0, 0.32); background-color: #fff; width: 80%; transition: all 300ms ease-in-out; -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); -webkit-transform: scale(0.2); transform: scale(0.2); } .popup-wrapper .popup-box .popup-content { align-self: center; width: 100% !important; padding: 2rem; position: relative; } .popup-wrapper .popup-box .popup-content .close-btn { background: none; cursor: pointer; border: none; width: 1.3rem; height: 1.3rem; padding: 0; right: 2rem; top: 2rem; position: absolute; z-index: 400; } .popup-wrapper .popup-box .popup-content .close-btn svg { width: 100%; height: 100%; fill: #2a2a2a; transition: 0.1s ease-in-out; } .popup-wrapper .popup-box .popup-content .close-btn:hover svg { fill: #FFA800; } .popup-wrapper .popup-box .popup-content h1, .popup-wrapper .popup-box .popup-content h2, .popup-wrapper .popup-box .popup-content h3, .popup-wrapper .popup-box .popup-content h4, .popup-wrapper .popup-box .popup-content h5, .popup-wrapper .popup-box .popup-content p, .popup-wrapper .popup-box .popup-content span { text-align: center; color: #2a2a2a; } .popup-wrapper .popup-box .popup-content h1.bold, .popup-wrapper .popup-box .popup-content h2.bold, .popup-wrapper .popup-box .popup-content h3.bold, .popup-wrapper .popup-box .popup-content h4.bold, .popup-wrapper .popup-box .popup-content h5.bold, .popup-wrapper .popup-box .popup-content p.bold, .popup-wrapper .popup-box .popup-content span.bold { font-weight: 600; } .popup-wrapper .popup-box .popup-content h1.semibold, .popup-wrapper .popup-box .popup-content h2.semibold, .popup-wrapper .popup-box .popup-content h3.semibold, .popup-wrapper .popup-box .popup-content h4.semibold, .popup-wrapper .popup-box .popup-content h5.semibold, .popup-wrapper .popup-box .popup-content p.semibold, .popup-wrapper .popup-box .popup-content span.semibold { font-weight: 500; } .popup-wrapper .popup-box .popup-content h1.orange, .popup-wrapper .popup-box .popup-content h2.orange, .popup-wrapper .popup-box .popup-content h3.orange, .popup-wrapper .popup-box .popup-content h4.orange, .popup-wrapper .popup-box .popup-content h5.orange, .popup-wrapper .popup-box .popup-content p.orange, .popup-wrapper .popup-box .popup-content span.orange { color: #FFA800; } .popup-wrapper .popup-box .popup-content h1.faded, .popup-wrapper .popup-box .popup-content h2.faded, .popup-wrapper .popup-box .popup-content h3.faded, .popup-wrapper .popup-box .popup-content h4.faded, .popup-wrapper .popup-box .popup-content h5.faded, .popup-wrapper .popup-box .popup-content p.faded, .popup-wrapper .popup-box .popup-content span.faded { opacity: 0.5; } .popup-wrapper .popup-box .popup-content .main-title { font-size: 2.1rem; } .popup-wrapper .popup-box .popup-content .sub-title { font-size: 1.5rem; } .popup-wrapper .popup-box .popup-content .minor-title { font-size: 1.3rem; } .popup-wrapper .popup-box .popup-content .subminor-title { font-size: 1.25rem; } .popup-wrapper .popup-box .popup-content .orange-btn { background: #FFA800; color: #fff; font-family: 'Rubik'; font-weight: 700; font-size: 1.3rem; line-height: 1.5; display: flex; justify-content: center; align-items: center; } .popup-wrapper .popup-box .popup-content .black-btn { width: 10rem; font-size: 1.2rem; font-weight: 500; display: block; background: #000000; border: none; transition: 0.2s ease-in-out; display: flex; justify-content: center; align-items: center; } .popup-wrapper .popup-box .popup-content .black-btn:hover { background: #FFA800; } .popup-wrapper .popup-box .popup-content .black-btn.hide { opacity: 0; pointer-events: none; cursor: default; } .popup-wrapper .popup-box .popup-content .link-btn { background: none; border: none; color: #FFA800; text-decoration: underline; font-weight: 500; font-size: 1.2rem; } .popup-wrapper .popup-box .popup-content .popup-footer { padding: 0.5rem 0 1rem; display: flex; justify-content: space-around; width: 100%; } .popup-wrapper.visible { visibility: visible; opacity: 1; } .popup-wrapper.visible .popup-box { -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .popup-wrapper.hidden { visibility: hidden; opacity: 0; } @media screen and (min-width: 624px) and (max-width: 1023px) { .popup-wrapper .popup-box { width: 80%; } .popup-wrapper .popup-box .popup-content { width: 100% !important; } .popup-wrapper .popup-box .popup-content .col.left-col { width: 100% !important; } } @media screen and (max-height: 624px) and (orientation: landscape) { .popup-wrapper .popup-box { min-height: initial; } .popup-wrapper .popup-box .popup-content { height: 100% !important; } } @media screen and (min-width: 1023px) and (max-width: 1600px) { .popup-wrapper .popup-box { width: 80%; } .popup-wrapper .popup-box .popup-content { width: 100% !important; } } @media screen and (max-width: 624px) { .popup-wrapper .popup-box { width: 100vw; min-width: initial; min-height: initial; display: flex; flex-grow: 1; align-self: center; flex-direction: column; position: absolute; border-radius: 0; transform: scale(1) translateY(100%); transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .popup-wrapper .popup-box .mobile-divider { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjAgNDguNzMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkO30uY2xzLTJ7ZmlsbDojZmY3MzAwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGlkPSJfOTd2N2Vxcjd3YSIgZGF0YS1uYW1lPSI5N3Y3ZXFyN3dhIiBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDIwLDgzLDAsMzYwLDMwVjQ4LjczTDAsNDVaIi8+PGcgaWQ9IkxheWVyXzItMiIgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMzguOTEsMjcuOGwtNjcsMTEuMzVMMjI4LjM4LDE1LjhaIi8+PC9nPjwvZz48L2c+PC9zdmc+); background-size: cover; width: 100%; height: 4rem; top: -3.5rem; right: 0; position: absolute; } .popup-wrapper .popup-box .mobile-divider.hide { opacity: 0; } .popup-wrapper .popup-box .popup-content { height: 60vh; width: 100vw; top: -2rem; } .popup-wrapper .popup-box .popup-content .close-btn { top: 3rem; } } .right-list { overflow: overlay; color: black; max-height: 45vh; display: grid; grid: auto / auto auto auto; } .right-list .right-container { display: flex; height: 3.5rem; } .right-list .right-container .right-name { padding: 0rem 0.8rem 0rem 4rem; text-align: right; } .popup-wrapper.visible.uploadFile { display: flex; flex-direction: inherit; justify-content: center; } .popup-wrapper.visible.uploadFile .popup-box { width: 10vw; } .popup-wrapper.visible.uploadFile .popup-box .popup-content { height: 40vh; display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.uploadFile .popup-box .popup-content .main-title { margin-top: 4rem; } .popup-wrapper.visible.uploadFile .popup-box .popup-content .upload-file-wrapper { width: 80%; height: 60%; } .popup-wrapper.visible.uploadFile .popup-box .popup-content .upload-file-wrapper .btn-upload { white-space: unset; border-radius: 8px; border-color: #d5d6df; background-color: #fbfbff; border-style: dashed; border-width: 1.5px; object-fit: contain; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; } .popup-wrapper.visible.uploadFile .popup-box .btns-div { width: 60%; margin-top: 3%; display: flex; flex-direction: row; justify-content: space-around; } .popup-wrapper.visible.uploadFile .popup-box .btns-div .btn-cancel { color: #1a2a2a; width: 65%; border-radius: 20px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; } .popup-wrapper.visible.uploadFile .popup-box .btns-div .btn-cancel:hover { background-color: #FFA800; border: none; color: white; } .popup-wrapper.visible.uploadFile .popup-box .btns-div .btn-second-try { display: flex; align-content: center; color: white; border-radius: 20px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); background-color: #f16a23; } .popup-wrapper.visible.uploadFile .popup-box .btns-div .btn-second-try:hover { background-color: #e5e5e5; border: none; color: black; } .popup-wrapper.visible.uploadFile .popup-box .textShow-success { font-size: 22px; font-weight: 500; color: #ff7300; } .popup-wrapper.visible.uploadFile .popup-box .textShow-error { font-family: Rubik; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; text-align: center; color: #ff0000; } .popup-wrapper.visible.uploadFile .popup-box .textShow-2 { font-family: Rubik; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; text-align: center; color: #2a2a2a; } .popup-wrapper.visible.uploadFile .popup-box .textShow-3 { font-family: Rubik; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; text-align: center; color: #2a2a2a; } .popup-wrapper.visible.uploadFile .popup-box .success-wrapper { display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.uploadFile .popup-box .robot-success { width: 50%; } .popup-wrapper.visible.uploadFile .popup-box .robot-oops { width: 35%; } .popup-wrapper.visible.uploadFile .popup-box .treangles-style { margin-top: 10%; } .wait-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: space-around; margin-top: 50%; } .logo-frame { border-radius: 8px; border-color: #d5d6df; background-color: #fbfbff; border-style: dashed; border-width: 1.5px; object-fit: contain; width: 80%; height: 80%; display: flex; align-self: center; justify-self: center; justify-content: center; align-items: center; padding: 0; } .logo-frame img { max-height: 95%; max-width: 95%; } .logo-popup-buttons { margin-top: 1rem; display: flex; align-items: center; } .logo-popup-buttons .cancel-btn { color: #1a2a2a; border-radius: 20px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; margin-left: 1rem; } .logo-popup-buttons .cancel-btn:hover { background-color: #FFA800; border: none; color: white; } .logo-popup-buttons .btn-proceed { display: flex; align-content: center; color: white; border-radius: 20px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); background-color: #f16a23; } .logo-popup-buttons .btn-proceed:hover { background-color: #e5e5e5; border: none; color: black; } @media screen and (max-width: 1023px) { .popup-wrapper.visible.uploadFile .popup-box { width: 100vw !important; } .popup-wrapper.visible.uploadFile .popup-box .popup-content .subminor-title { width: 100%; } } @media screen and (min-width: 1023px) { .popup-wrapper.visible.uploadFile .popup-box { width: 25vw !important; } .popup-wrapper.visible.uploadFile .popup-box .popup-content { width: 100% !important; } } .popup-wrapper.visible.uploadIcon { display: flex; justify-content: center; } .popup-wrapper.visible.uploadIcon .popup-box { width: 10vw; border-radius: 15px; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content { height: 40vh; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .close-btn { margin: 0 1rem; position: absolute; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .upload-file-wrapper { margin: 2rem 0; width: 90%; height: 80%; display: flex; justify-content: center; align-items: center; border-radius: 8px; border-color: #d5d6df; background-color: #fbfbff; border-style: dashed; border-width: 1.5px; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .upload-file-wrapper .success { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 0.5rem; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .upload-file-wrapper .success .success-texts { margin-top: -1rem; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .upload-file-wrapper .success .success-texts p { margin: 0; padding: 0; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .upload-file-wrapper .success .robot-success { margin-top: -1rem; max-width: 50%; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .upload-file-wrapper .success .treangles-style { margin: 0; padding: 0; justify-self: end; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .upload-file-wrapper .success .robot-oops { width: 35%; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .upload-file-wrapper .btn-upload { white-space: unset; border-radius: 8px; background-color: #fbfbff; object-fit: contain; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .upload-file-wrapper img { max-height: 95%; max-width: 95%; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .btns-div { width: 60%; display: flex; flex-direction: row; justify-content: space-around; position: absolute; bottom: 1rem; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .btns-div .btn-cancel { color: #1a2a2a; width: 30%; border-radius: 20px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .btns-div .btn-cancel:hover { background-color: #FFA800; border: none; color: white; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .btns-div .btn-submit { display: flex; align-content: center; justify-content: center; color: white; width: 30%; border-radius: 20px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); background-color: #f16a23; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .btns-div .btn-submit:hover { background-color: #e5e5e5; border: none; color: black; } .popup-wrapper.visible.uploadIcon .textShow-success { font-size: 22px; font-weight: 500; color: #ff7300; } .popup-wrapper.visible.uploadIcon .textShow-error { font-family: Rubik; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; text-align: center; color: #ff0000; } .popup-wrapper.visible.uploadIcon .textShow-2 { font-family: Rubik; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; text-align: center; color: #2a2a2a; } .popup-wrapper.visible.uploadIcon .textShow-3 { font-family: Rubik; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; text-align: center; color: #2a2a2a; } .wait-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: space-around; margin-top: 50%; } .logo-popup-buttons { margin-top: 1rem; display: flex; align-items: center; } .logo-popup-buttons .cancel-btn { color: #1a2a2a; border-radius: 20px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; margin-left: 1rem; } .logo-popup-buttons .cancel-btn:hover { background-color: #FFA800; border: none; color: white; } .logo-popup-buttons .btn-proceed { display: flex; align-content: center; color: white; border-radius: 20px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); background-color: #f16a23; } .logo-popup-buttons .btn-proceed:hover { background-color: #e5e5e5; border: none; color: black; } @media screen and (max-width: 1023px) { .popup-wrapper.visible.uploadIcon .popup-box { width: 100vw !important; height: 40vh; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content { position: relative; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content .subminor-title { width: 100%; } } @media screen and (min-width: 1023px) { .popup-wrapper.visible.uploadIcon .popup-box { width: 25vw !important; } .popup-wrapper.visible.uploadIcon .popup-box .popup-content { width: 100% !important; } } .popup-wrapper.visible.agentSuccessMsg .popup-box { color: #1d1d1e; min-width: initial; min-height: initial; width: 900px; height: 700px; border-radius: 20px; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .close_icon { position: absolute; width: 16.5px; height: 16.5px; top: 20px; right: 20px; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .up_left { position: absolute; width: 241.8px; height: 156.3px; top: 0; left: 0; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .down_left { position: absolute; width: 150.7px; height: 238.3px; bottom: 0; left: 0; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .down_right { position: absolute; width: 150.7px; height: 238.3px; right: 0; bottom: 0; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .agent-logo { position: absolute; width: 200px; top: 60px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .agent-success { width: 254.5px; height: 211.9px; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .title { margin-bottom: 1rem; font-size: 28px; color: #FFA800; font-weight: bold; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .sub-title { margin-top: 0; font-size: 23px; font-weight: 500; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .buttons-container { display: flex; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .buttons-container .add_btn, .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .buttons-container .back_btn { background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); font-size: 15px; font-weight: 500; margin-left: 1rem; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .buttons-container .add_btn.no-margin, .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .buttons-container .back_btn.no-margin { margin-left: 0; } @media screen and (max-width: 624px) { .popup-wrapper.visible.agentSuccessMsg .popup-box { width: 90vw; height: 35em; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .agent-success { width: 20em; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .agent-logo { display: none; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .up_left, .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .down_left, .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .down_right { display: none; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .close_icon { top: 40px; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .title { font-size: 24px; } .popup-wrapper.visible.agentSuccessMsg .popup-box .popup-content.agent-success-msg .sub-title { font-size: 18px; } } .popup-wrapper.visible.agentSignature .popup-box { width: 680px; height: 550px; border-radius: 20px; } .popup-wrapper.visible.agentSignature .popup-box .popup-content { padding: 0 10rem; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container { height: 100%; width: 100%; color: #1d1d1e; display: flex; flex-direction: column; align-items: center; justify-content: center; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .title { margin: 0; font-weight: bold; font-size: 2rem; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .sub-title { font-weight: 500; font-size: 1.5rem; color: #FFA800; width: 90%; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .signature-text { font-size: 1.4rem; width: 85%; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .buttons-container { display: flex; justify-content: center; margin-top: 2rem; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .buttons-container .btn { padding: 0px 24px; min-height: 34px; min-width: 150px; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .buttons-container .send-btn { margin-left: 2rem; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .buttons-container .send-btn.no-margin { margin-left: 0; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .buttons-container .send-btn.no-margin .load-wrapper { display: flex; align-items: center; justify-content: center; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .buttons-container .send-btn.no-margin .load-wrapper .spinner { animation: rotate 1.5s linear infinite; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .buttons-container .send-btn.no-margin.unclickable { pointer-events: none; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .floating-triangles { margin-top: 3rem; } .popup-wrapper.visible.agentSignature .popup-box .popup-content.agent-signature-container .close-btn { right: 3rem; top: 2.5rem; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box { width: 680px; height: 550px; border-radius: 20px; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content { padding: 0 8rem; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container { height: 100%; width: 100%; color: #1d1d1e; display: flex; flex-direction: column; align-items: center; justify-content: center; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container .phone-robot { width: 230px; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container .title { margin: 0; font-weight: bold; font-size: 1.9rem; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container .sub-title { font-weight: 500; font-size: 1.5rem; color: #FFA800; margin-top: 1.1rem; margin-bottom: 0.8rem; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container .text { font-size: 1.2rem; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container .buttons-container { display: flex; margin-top: 1.5rem; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container .buttons-container .btn { padding: 8px 24px; min-width: 150px; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container .buttons-container .send-btn { margin-left: 2rem; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container .floating-triangles { margin-top: 3rem; } .popup-wrapper.visible.agentUpdateClientInfo .popup-box .popup-content.agent-update-client-info-container .close-btn { right: 3rem; top: 2.5rem; } .popup-wrapper.visible.customerContinueToHarb .popup-box { color: #1d1d1e; min-width: initial; min-height: initial; width: 800px; height: 590px; border-radius: 20px; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container { height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .harb-robot { width: 310px; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .title { width: 55%; color: #FFA800; font-size: 2rem; line-height: 2rem; font-weight: 600; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .sub-title { margin-top: 0; margin-bottom: 2rem; font-size: 1.6rem; font-weight: 500; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .continue-btn { width: 140px; height: 20px; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .floating-triangles { margin-top: 3rem; width: 320px; } @media screen and (max-width: 1023px) { .popup-wrapper.visible.customerContinueToHarb .popup-box { color: #1d1d1e; min-width: initial; min-height: initial; width: 90vw; height: 50vh; border-radius: 20px; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .harb-robot { width: 40vw; margin-bottom: 1rem; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .title { width: 90%; font-size: 1.2rem; line-height: 1.5rem; margin: 0; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .sub-title { font-size: 1.2rem; margin-bottom: 1rem; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .continue-btn { font-size: 1.2rem; padding: 0; height: 30px; width: 140px; } .popup-wrapper.visible.customerContinueToHarb .popup-box .customer-continue-to-harb-container .floating-triangles { margin-top: 2rem; width: 30vw; } } .popup-wrapper.visible.newMessage .popup-box { color: #1d1d1e; min-width: initial; min-height: 300px; width: 700px; border-radius: 20px; border: solid 1px #FFA800; } .popup-wrapper.visible.newMessage .popup-box .popup-content { padding: 6rem 8rem; display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.newMessage .popup-box .popup-content .close-btn { top: 3rem; right: 3rem; } .popup-wrapper.visible.newMessage .popup-box .popup-content .title { font-size: 1.6rem; font-weight: 600; } .popup-wrapper.visible.newMessage .popup-box .popup-content .new-message-content { font-size: 1.1rem; line-height: 2rem; } @media screen and (max-width: 1023px) { .popup-wrapper.visible.newMessage .popup-box { color: #1d1d1e; min-height: initial; width: 95vw; height: 70vh; } .popup-wrapper.visible.newMessage .popup-box .popup-content { padding: 1rem 2rem; height: 100%; top: initial; justify-content: center; } .popup-wrapper.visible.newMessage .popup-box .popup-content .close-btn { top: 5vh; right: 10vw; } .popup-wrapper.visible.newMessage .popup-box .popup-content .title { font-size: 1.6rem; font-weight: 600; } .popup-wrapper.visible.newMessage .popup-box .popup-content .new-message-content { font-size: 1.1rem; line-height: 2rem; } } .popup-wrapper.visible.signatureExpired .popup-box { width: 680px; height: 600px; border-radius: 20px; } .popup-wrapper.visible.signatureExpired .popup-box .popup-content { padding: 0 10rem; } .popup-wrapper.visible.signatureExpired .popup-box .popup-content.signature-expired-container { height: 100%; width: 100%; color: #1d1d1e; display: flex; flex-direction: column; align-items: center; justify-content: center; } .popup-wrapper.visible.signatureExpired .popup-box .popup-content.signature-expired-container .title { margin: 0; font-weight: 400; font-size: 2rem; line-height: 3rem; } .popup-wrapper.visible.signatureExpired .popup-box .popup-content.signature-expired-container .sub-title { font-weight: 500; font-size: 1.5rem; color: #FFA800; width: 90%; } .popup-wrapper.visible.signatureExpired .popup-box .popup-content.signature-expired-container .signature-text { font-size: 1.4rem; width: 85%; } .popup-wrapper.visible.signatureExpired .popup-box .popup-content.signature-expired-container .buttons-container { display: flex; justify-content: center; margin-top: 2rem; } .popup-wrapper.visible.signatureExpired .popup-box .popup-content.signature-expired-container .buttons-container .btn { padding: 2.2px 5px 0px 5px; min-height: 34px; min-width: 150px; display: flex; align-items: center; justify-content: center; } .popup-wrapper.visible.signatureExpired .popup-box .popup-content.signature-expired-container .floating-triangles { margin-top: 3rem; } .popup-wrapper.visible.signatureExpired .popup-box .popup-content.signature-expired-container .close-btn { right: 3rem; top: 2.5rem; } .popup-wrapper.viewSubscriptions .popup-box { min-width: 0; padding: 1rem 4rem; width: 40vw; border: solid 1px #FFA800; border-radius: 14px; background-image: url(/_next/static/images/register-popup-bg-bbe386e76905905c9000588f22a86331.png); } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper { width: 45rem; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper.discount-wrapper-width { width: 60rem; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-title { color: #FFA800; margin-bottom: 1rem; font-size: 2.6rem; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-sub-title { color: #1d1d1e; font-size: 1.5rem; margin-bottom: 1.5rem; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-labels { display: flex; padding-right: 1rem; width: 100%; margin-bottom: 0.5rem; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-labels .subscription-list-label { font-size: 1rem; margin: 0; font-weight: 600; color: #2a2a2a; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-labels .subscription-list-label.name { font-size: 1.4rem; text-align: right; width: 70%; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-labels .subscription-list-label.price { font-size: 1.2rem; text-align: center; width: 30%; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list { margin: 0; max-height: 70vh; overflow-y: auto; padding-left: 1rem; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item { width: 100%; border-bottom: 1px solid #FFA800; padding-right: 1rem; transition: 0.2s ease-in-out; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item h4 { padding: 0.5rem 0; margin: 1rem 0; text-align: right; color: #2a2a2a; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-name { width: 70%; border-left: 1px solid #FFA800; font-size: 1.3rem; padding-left: 1rem; font-weight: 400; color: #1d1d1e; transition: color 0.3s ease-in-out; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-price { text-align: center; width: 30%; border-left: 1px solid #FFA800; font-size: 1.3rem; font-weight: 500; color: #102e92; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-price:last-child { border-left: none; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-price.line-through { text-decoration: line-through; text-decoration-color: #FFA800; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item.noDisplayOnly:hover .subscription-name { color: #FFA800; } .popup-wrapper.viewSubscriptions .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item:last-child { border: none; } @media screen and (max-width: 1023px) { .popup-wrapper.subscriptionList .popup-box { width: 95vw; padding: 0; } .popup-wrapper.subscriptionList .popup-box .popup-content { padding: 1rem; } } @media screen and (max-width: 1023px) and (max-width: 624px) { .popup-wrapper.subscriptionList .popup-box .popup-content { top: initial; height: auto; } } @media screen and (max-width: 1023px) { .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .close-btn { width: clamp(0.5rem, 1.7vw, 2rem); height: clamp(0.5rem, 1.7vw, 2rem); position: initial; } .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .subscription-list-title { margin: 0; font-size: clamp(1rem, 3.5vw, 2rem); font-weight: 500; } .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .subscription-list-sub-title { font-size: clamp(0.8rem, 2.7vw, 1.6rem); font-weight: 500; } .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .subscription-list-labels .subscription-list-label.name, .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .subscription-list-labels .subscription-list-label.price { font-size: clamp(0.8rem, 2.7vw, 1.6rem); } .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list { max-height: 80vh; } .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list::-webkit-scrollbar { width: 0; } .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-name { border: none; font-size: clamp(0.75rem, 2.5vw, 1.5rem); line-height: clamp(0.75rem, 2.5vw, 1.5rem); margin: 0; padding: clamp(0.7rem, 1.9vw, 1.4rem) 0; padding-left: clamp(1rem, 3.3vw, 2rem); } .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item .subscription-price { border: none; font-size: clamp(0.7rem, 2.3vw, 1.4rem); line-height: clamp(0.7rem, 2.3vw, 1.4rem); padding: clamp(0.5rem, 1.65vw, 1rem) 0; margin: 0; } .popup-wrapper.subscriptionList .popup-box .subscription-list-wrapper .subscription-list-container .subscription-list .subscription-list-item:last-child { border-bottom: none; } } .popup-wrapper.visible.visacalMessage .popup-box { width: 600px; height: 250px; min-height: initial; max-height: 100vh; border-radius: 14px; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content { height: 100%; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content.visacal-message-container { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content.visacal-message-container .title { margin: 0; font-size: 2rem; margin-bottom: 0.5rem; color: #FFA800; font-weight: bold; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content.visacal-message-container .sub-title { margin: 0; font-size: 1.8rem; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content.visacal-message-container .success-card { height: 250px; transform: translateY(30px); } @media screen and (max-width: 1023px) { .popup-wrapper.visible.visacalMessage .popup-box { height: 26vh; width: 90vw; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content { top: initial; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content.visacal-message-container .close-btn { height: 1rem; width: 1rem; top: 2rem; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content.visacal-message-container .title { font-size: 1.7rem; margin: 0; margin-top: 1rem; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content.visacal-message-container .sub-title { font-size: 1.6rem; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content.visacal-message-container .success-card { height: 60vw; } .popup-wrapper.visible.visacalMessage .popup-box .popup-content.visacal-message-container .triangles { width: 60vw; } } .popup-wrapper.visible.getCommissionReport .popup-box { min-height: 200px; height: 14vw; width: 40vw; border-radius: 15px; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content { height: 100%; margin: 0 0 0 0; display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content .title { color: #ff7300; font-weight: bold; font-size: 18px; margin-bottom: 10px; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content .close-btn { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAgMAAABGXkYxAAAADFBMVEUNDQ1HcEwODg4ODg4WZJU9AAAAA3RSTlNgAPAPHP3iAAAAfUlEQVQY012QsRGAIAxFM4KNO7gFI+AJ7uNm2rgHI0jvXXwp+IUU4R35SX6wZY+zHXbOAbnZeQekZqlzV78sv0DxyYojyu9q1RGlvhoByQ0gIg0QYYB3ssCeHvQB2ekQUJyeAdX7D5SSeJSroUZo6LAhY7Iq81pHC2rl8Qkfmpxy7VfQ7QYAAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: contain; background-position: center; background-color: transparent; align-self: start; width: 20px; height: 20px; padding: 0 0 0 0; margin: 10px 10px 0 0; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content .generate-btn { background-color: #ff7300; color: white; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content form { width: 100%; height: 70%; display: flex; flex-direction: column; align-items: center; justify-content: start; margin-top: 0px; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content form .form-inner-div { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 4%; margin-bottom: 5%; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content form .form-inner-div .month-select-wrapper { width: 40%; margin-left: 1%; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content form .form-inner-div .years-select-wrapper { width: 40%; margin-right: 1%; margin-left: 10px; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content form button { border-radius: 10px; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content .not-found { height: 100%; margin: 0 0 5% 0; display: flex; flex-direction: column; align-items: center; justify-content: space-around; font-size: 18px; color: black; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content .not-found button { background-color: #ff7300; color: white; border-radius: 10px; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content .error { height: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: center; color: black; font-size: 18px; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content .error button { background-color: #ff7300; color: white; border-radius: 10px; } @media screen and (max-width: 624px) { .popup-wrapper.visible.getCommissionReport .popup-box .popup-wrapper.visible.getCommissionReport .popup-box { width: 97vw !important; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content form .form-inner-div { flex-direction: column; align-items: center; } .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content form .form-inner-div .month-select-wrapper, .popup-wrapper.visible.getCommissionReport .popup-box .agent-commission-popup-content form .form-inner-div .years-select-wrapper { width: 95%; margin-right: 0; margin-left: 0; margin-top: 5px; } } .years-select-wrapper { position: relative; padding: 0.5rem; min-width: 100px; height: 30px; object-fit: contain; border-radius: 8px; border: solid 1px #ff7200; background-color: #ffffff; } .years-select-wrapper.open .input-wrapper .arrow-wrapper { transform: rotate(270deg); } .years-select-wrapper.open .options-list { opacity: 1; visibility: visible; } .years-select-wrapper .input-wrapper { display: flex; cursor: pointer; align-items: center; justify-content: space-between; z-index: 3; } .years-select-wrapper .input-wrapper .chosen-option-text { font-size: 1.4rem; font-weight: 400; color: rgba(0, 0, 0, 0.3); } .years-select-wrapper .input-wrapper .arrow-wrapper { width: 1.5rem; height: 1.5rem; transition: 0.1s ease-in-out; transform: rotate(180deg); } .years-select-wrapper .input-wrapper .arrow-wrapper svg { width: 100%; height: 100%; } .years-select-wrapper .input-wrapper .arrow-wrapper svg path { fill: rgba(0, 0, 0, 0.3); } .years-select-wrapper .input-wrapper .arrow-wrapper svg g g { stroke-width: 1px; stroke: #2a2a2a; } .years-select-wrapper .options-list { position: absolute; margin: 0; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4); left: 0; right: 0; border-radius: 5px; border-color: #f16a23; top: 0; padding-top: 3rem; background: #fff; z-index: 1; opacity: 0; transition: 0.2s ease-in-out; visibility: hidden; } .years-select-wrapper .options-list .option-item { font-size: 1.4rem; font-weight: 400; padding: 0 0.5rem; margin: 1rem 0; line-height: normal; color: black; transition: 0.1s ease-in-out; cursor: pointer; } .years-select-wrapper .options-list .option-item:hover { color: #FFA800; } .years-select-wrapper .options-list .option-item:first-child { margin-top: 0; } .month-select-wrapper { color: black; position: relative; padding: 0.5rem; min-width: 100px; height: 30px; object-fit: contain; border-radius: 8px; border: solid 1px #ff7200; background-color: #ffffff; } .month-select-wrapper.disabled { background-color: #dfdfdf; border: solid 1px #acacac; } .month-select-wrapper.open { background-color: #f16a23; } .month-select-wrapper.open .input-wrapper .arrow-wrapper { transform: rotate(270deg); } .month-select-wrapper.open .option-list { opacity: 1; visibility: visible; } .month-select-wrapper .input-wrapper { display: flex; cursor: pointer; align-items: center; justify-content: space-between; z-index: 3; } .month-select-wrapper .input-wrapper .chosen-option-text { font-size: 1.4rem; font-weight: 400; color: rgba(0, 0, 0, 0.3); } .month-select-wrapper .input-wrapper .arrow-wrapper { width: 1.5rem; height: 1.5rem; transition: 0.1s ease-in-out; transform: rotate(180deg); } .month-select-wrapper .input-wrapper .arrow-wrapper svg { width: 100%; height: 100%; } .month-select-wrapper .input-wrapper .arrow-wrapper svg path { fill: rgba(0, 0, 0, 0.3); } .month-select-wrapper .input-wrapper .arrow-wrapper svg g g { stroke-width: 1px; stroke: #2a2a2a; } .month-select-wrapper .option-list { position: absolute; margin: 0; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4); left: 0; right: 0; border-radius: 5px; border-color: #f16a23; top: 0; padding-top: 3rem; background: #fff; z-index: 1; opacity: 0; transition: 0.2s ease-in-out; visibility: hidden; padding-bottom: 1.5rem; } .month-select-wrapper .option-list .option-item { font-size: 1.4rem; font-weight: 400; padding: 0 0.5rem; margin: 1rem 0; line-height: normal; color: black; transition: 0.1s ease-in-out; cursor: pointer; } .month-select-wrapper .option-list .option-item:hover { color: #FFA800; } .month-select-wrapper .option-list .option-item:first-child { margin-top: 0; } .month-select-wrapper .option-list .detailed-option-item { display: flex; justify-content: space-between !important; font-size: 0.9rem; padding-inline: 5px; color: rgba(0, 0, 0, 0.4); cursor: pointer; } .month-select-wrapper .option-list .detailed-option-item:hover { background-color: #ada7a736; } .month-select-wrapper .option-list .detailed-option-item div:nth-child(2) { border-right: solid #ada7a7 2px; border-left: solid #ada7a7 2px; } .month-select-wrapper .option-list .detailed-option-item .detailed-option-month { text-align: center; width: 20%; } .month-select-wrapper .option-list .detailed-option-item .detailed-option-amount { text-align: right; display: flex; justify-content: center; width: 60%; } .month-select-wrapper .option-list .detailed-option-item .detailed-option-amount span:nth-child(1) { text-align: right; width: 20%; } .month-select-wrapper .option-list .detailed-option-item .detailed-option-amount span:nth-child(2) { text-align: left; width: 40%; color: #78ce37; margin-right: 5px; } .month-select-wrapper .option-list .detailed-option-item .detailed-option-amount span:nth-child(2).red-text { color: red; } .month-select-wrapper .option-list .detailed-option-item .detailed-option-payed { text-align: center; width: 20%; color: #78ce37; } .month-select-wrapper .option-list .detailed-option-item .detailed-option-not-payed { text-align: center; width: 20%; color: red; } .simple-select { width: 100%; height: 42px; border-radius: 21px; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); cursor: pointer; } .simple-select .simple-select-chosen-option { display: flex; justify-content: space-between; align-items: center; height: 42px; padding-inline: 15px; z-index: 1000; border-radius: 21px; background-color: white; } .simple-select .simple-select-chosen-option .span { font-size: 1.1rem; font-weight: 400; color: #808080 !important; } .simple-select .simple-select-chosen-option .simple-select-arrow { transform: rotate(180deg); transition: all ease-in 0.3s; } .simple-select .simple-select-chosen-option .simple-select-arrow.open { transform: rotate(90deg); transition: all ease-in 0.3s; } .simple-select .simple-select-chosen-option.selected .span { color: #2a2a2a; opacity: 1; } .simple-select .simple-select-option-list { visibility: hidden; border-radius: 22px; background-color: white; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); z-index: -1; position: relative; top: -12px; padding: 16px 0 0 10px; } .simple-select .simple-select-option-list.opened { visibility: visible; } .simple-select .simple-select-option-list .scroll_wrapper { display: flex; flex-direction: column; align-items: center; overflow: auto; width: 100%; } .simple-select .simple-select-option-list .scroll_wrapper .simple-select-option { display: flex; justify-content: flex-start; align-items: center; height: 42px; min-height: 42px; padding-inline: 15px; position: relative; width: 90%; } .simple-select .simple-select-option-list .scroll_wrapper .simple-select-option:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #DCD6D6; } .simple-select .simple-select-option-list .scroll_wrapper .simple-select-option span { width: 100%; color: #808080; text-align: center; font-size: 12px; } .simple-select .simple-select-option-list .scroll_wrapper .simple-select-option:hover span { color: #fd7200; } .simple-select .simple-select-option-list .scroll_wrapper .simple-select-option:last-child:after { height: 0; } .popup-wrapper.visible.selectProduct .popup-box { width: 491px; min-width: unset; min-height: unset; height: 491px; border-radius: 50%; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup { display: flex; flex-direction: column; align-items: center; height: 100%; translate: 0 35px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-close-btn { display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; background-color: #fff; border-radius: 50%; box-shadow: 0 5.176px 10.353px 0px rgba(161, 158, 158, 0.25); cursor: pointer; position: absolute; top: -95px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-robot { width: 211.891px; height: 170.324px; transition: all .5s; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-robot img { width: 100%; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-robot.up { translate: 0 -50px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-title-container { display: flex; flex-direction: column; align-items: center; line-height: 1.3; margin-bottom: 16px; transition: all .5s; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-title-container.up { translate: 0 -50px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-title-container .select-product-popup-title1 { font-size: 20px; font-weight: 500; color: #FFA800; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-title-container .select-product-popup-title2 { font-size: 16px; font-weight: 500; color: #656362; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper { display: flex; justify-content: center; width: 418px; z-index: 1; transition: all .5s; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper.up { translate: 0 -50px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .select-product-popup-product-btn { padding: 0; background: none; color: #2a2a2a; text-align: right; width: 100%; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .select-product-popup-product-btn:hover { color: #fd7200; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .simple-select .simple-select-option-list { padding: 20px 10px 20px 10px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .simple-select .simple-select-option-list .scroll_wrapper { height: 251px; } @media screen and (max-width: 624px) { .popup-wrapper.visible.selectProduct .popup-box { width: 43vh; height: 43vh; min-width: unset; min-height: unset; border-radius: 50%; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup { display: flex; flex-direction: column; align-items: center; height: 100%; translate: 0 35px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-close-btn { display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; background-color: #fff; border-radius: 50%; box-shadow: 0 5.176px 10.353px 0px rgba(161, 158, 158, 0.25); cursor: pointer; position: absolute; top: -95px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-robot { width: max-content; height: max-content; transition: all .5s; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-robot img { width: 18vh; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-robot.up { translate: 0 -50px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-title-container { display: flex; flex-direction: column; align-items: center; line-height: 1.3; margin-bottom: 16px; transition: all .5s; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-title-container.up { translate: 0 -50px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-title-container .select-product-popup-title1 { font-size: 18px; font-weight: 500; color: #FFA800; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-popup-title-container .select-product-popup-title2 { font-size: 14px; font-weight: 500; color: #656362; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper { display: flex; justify-content: center; width: 85%; height: 35px; z-index: 1; transition: all .5s; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper.up { translate: 0 -50px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .select-product-popup-product-btn { padding: 0; background: none; color: #2a2a2a; text-align: right; width: 100%; height: 35px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .select-product-popup-product-btn:hover { color: #fd7200; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .simple-select { height: 35px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .simple-select .simple-select-chosen-option { height: 35px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .simple-select .simple-select-option-list { padding: 20px 10px 20px 10px; } .popup-wrapper.visible.selectProduct .popup-box .popup-content.select-product-popup .select-product-simple-select-wrapper .simple-select .simple-select-option-list .scroll_wrapper { height: 200px; } } .popup-wrapper.visible.harBituahPopup { margin-top: 1%; } .popup-wrapper.visible.harBituahPopup .popup-box { height: 50em; width: 45em; border-radius: 15px; } .hb_popup { background-image: url(/_next/static/images/harb-reg-fa64a4620eac454597f08d0087420bdf.jpg); background-size: cover; background-position: center; height: 100%; width: 100%; border-radius: 15px; } .hb_popup .close_btn { background: none; cursor: pointer; border: none; width: 1.3rem; height: 1.3rem; padding: 0; right: 2rem; top: 2rem; position: absolute; z-index: 400; } .hb_popup .close_btn svg { width: 100%; height: 100%; fill: #2a2a2a; transition: 0.1s ease-in-out; } .hb_popup .close_btn:hover svg { fill: #FFA800; } .hb_popup .hb_firstRow { margin: 4rem 0 3rem 0; } .hb_popup .hb_firstRow .hb_firstRow_img img { width: 110px; } .hb_popup .hb_firstRow .hb_firstRow_title { color: #ff7200; font-size: 1.6rem; font-weight: 600; } .hb_popup .hb_firstRow .hb_firstRow_sub { color: #1d1d1e; font-size: 1.6rem; font-weight: 600; } .hb_popup .inputs { display: flex; flex-direction: column; margin: 0 auto; width: 60%; z-index: 1; position: relative; direction: ltr; } .hb_popup .inputs .pswEye { width: 24px; height: 15px; cursor: pointer; position: absolute; z-index: 2; bottom: 9.3em; left: .5em; } .hb_popup .inputs .pswEye.close { width: 24px; height: 20.8px; transform: translateY(3px); } .hb_popup .inputs .success_text { display: none; } .hb_popup .inputs .success_text.show { display: inline-block; } .hb_popup .inputs .success_text.show .wrong_ { position: absolute; z-index: 3; bottom: 4.5em; left: 37%; color: red; font-weight: 500; font-size: 1.3rem; } .hb_popup .inputs .success_text.show .wright_ { position: absolute; z-index: 3; bottom: 4.5em; left: 20%; color: #79d71a; font-weight: 500; font-size: 1.3rem; } .hb_popup .inputs .error_msg { position: absolute; color: red; left: 40%; font-size: 10px; bottom: 8em; } .hb_popup .inputs .out_btn { margin: 0 auto 1rem auto; font-weight: 600; cursor: pointer; font-size: 1.3rem; color: #1d1d1e; } .hb_popup .inputs .out_btn:hover { color: #ff8f33; } .hb_popup .inputs .input_ide, .hb_popup .inputs .input_code { margin-bottom: 2rem; height: 3.2rem; background: none; text-align: center; outline: none; border: none; border-bottom: 1px solid rgba(42, 42, 42, 0.2); z-index: 1; font-size: 1.5rem; color: rgba(42, 42, 42, 0.2); font-weight: bold; } .hb_popup .inputs .input_ide::placeholder, .hb_popup .inputs .input_code::placeholder { font-size: 1.5rem; color: rgba(42, 42, 42, 0.2); font-weight: bold; } .hb_popup .inputs .input_code { background: none; text-align: center; font-size: 1.5rem; margin-bottom: 3rem; color: black; font-weight: bold; transition: 1s; } .hb_popup .inputs .input_code:focus::placeholder { z-index: 2; transition: 1s; transform: translateY(-1.5em); } .hb_popup .inputs .input_submit { padding: unset; width: 150px; height: 32px; margin: 0 auto; background-color: #c7c7c7; font-size: 1.2rem; font-weight: 500; color: white; border-radius: 50rem; } .hb_popup .inputs .input_submit.submit { background-color: #000; } .hb_popup .register-text { margin-top: 1rem; } .hb_popup .register-text span { font-size: 1.4rem; color: #1d1d1e; } .hb_popup .register-text .register-btn { cursor: pointer; color: #ff7300; outline: none; text-decoration: none; font-size: 1.4rem; } @media screen and (max-width: 624px) { .popup-wrapper.visible.harBituahPopup { margin-top: unset; } .popup-wrapper.visible.harBituahPopup .popup-box { height: 45em; width: 99vw; } .hb_popup .hb_firstRow { margin: 3rem 0 2rem 0; } .hb_popup .hb_firstRow .hb_firstRow_title { font-size: 1.4rem; } .hb_popup .hb_firstRow .hb_firstRow_sub { font-size: 1.4rem; } .hb_popup .inputs { margin: 0 auto; width: 70%; } .hb_popup .inputs .success_text.show .wrong_ { bottom: 7em; left: 28vw; font-size: 1rem; } .hb_popup .inputs .success_text.show .wright_ { bottom: 7em; left: 20vw; font-size: 1rem; } .hb_popup .inputs .error_msg { bottom: 7em; left: 28vw; font-size: 1rem; } .hb_popup .inputs .out_btn { font-size: 1.2rem; } .hb_popup .inputs .input_ide, .hb_popup .inputs .input_code { font-size: 1.4rem; } .hb_popup .inputs .input_ide::placeholder, .hb_popup .inputs .input_code::placeholder { font-size: 1.4rem; } .hb_popup .inputs .input_code { font-size: 1.4rem; } .hb_popup .inputs .input_code:focus::placeholder { transform: translateY(-1.6em); } .hb_popup .inputs .input_submit { width: 120px; height: 28px; font-size: 1rem; } .hb_popup .register-text { margin-top: 1rem; } .hb_popup .register-text span { font-size: 1rem; } .hb_popup .register-text .register-btn { font-size: 1rem; } } .hb_popup_code { margin-top: 5rem; display: flex; flex-direction: column; align-items: center; } .hb_popup_code .har_code_title .code_robot { width: 110px; } .hb_popup_code .har_code_title .har_code_main_title { color: #ff7200; font-size: 1.6rem; font-weight: 600; } .hb_popup_code .code_inputs { display: flex; flex-direction: column; width: 70%; align-items: center; margin-top: 3rem; } .hb_popup_code .code_inputs .input_code { width: 50%; height: 3rem; background: none; text-align: center; outline: none; border: none; border-bottom: 1px solid rgba(42, 42, 42, 0.1); z-index: 1; font-size: 1.5rem; font-weight: bold; transition: 1s; } .hb_popup_code .code_inputs .input_code::placeholder { color: rgba(42, 42, 42, 0.1); font-size: 1.6rem; font-weight: 600; } .hb_popup_code .code_inputs .input_code:focus::placeholder { z-index: 2; transition: 1s; transform: translateY(-1.5em); } .hb_popup_code .code_inputs .wait_valid { font-size: 1rem; color: #79d71a; font-weight: 400; line-height: 1rem; display: none; } .hb_popup_code .code_inputs .wait_valid.show { display: block; } .hb_popup_code .code_inputs .valid_false { font-size: .9rem; display: none; color: #ff2020; font-weight: 400; line-height: .8rem; } .hb_popup_code .code_inputs .valid_false.show { display: block; } .hb_popup_code .code_inputs .input_submit_code, .hb_popup_code .code_inputs .back_code { margin-top: 2rem; padding: unset; display: none; width: 120px; height: 30px; font-size: 1.2rem; background-color: black; } .hb_popup_code .code_inputs .input_submit_code.submit, .hb_popup_code .code_inputs .back_code.submit { display: block; } .hb_popup_code .code_inputs .input_submit_code.submit:hover, .hb_popup_code .code_inputs .back_code.submit:hover { background-color: #ff8f33; } .hb_popup_code .back_code { margin-top: 2rem; padding: unset; display: none; width: 120px; height: 30px; font-size: 1.2rem; background-color: black; } .hb_popup_code .back_code.defeat { display: block; } .hb_popup_code .back_code.defeat:hover { background-color: #ff8f33; } @media screen and (max-width: 624px) { .hb_popup_code .har_code_title .har_code_main_title { font-size: 1.4rem; } .hb_popup_code .code_inputs { width: 80%; } .hb_popup_code .code_inputs .input_code { font-size: 1.4rem; } .hb_popup_code .code_inputs .input_code::placeholder { font-size: 1.4rem; } .hb_popup_code .code_inputs .input_code:focus::placeholder { transform: translateY(-1.7em); } .hb_popup_code .code_inputs .input_submit_code, .hb_popup_code .code_inputs .back_code { margin-top: 1.5rem; width: 100px; height: 20px; font-size: 1rem; } .hb_popup_code .back_code { margin-top: 1.5rem; width: 100px; height: 20px; font-size: 1rem; } } .popup-wrapper.agentClientSettings .popup-box { max-width: 30vw; max-height: 90vh; overflow-y: auto; } .popup-wrapper.agentClientSettings .popup-box .user-settings-popup-content { padding: 2rem; } .popup-wrapper.agentClientSettings .popup-box .user-settings-popup-content .user-input-block { margin-bottom: 2rem; } .popup-wrapper.agentClientSettings .popup-box .user-settings-popup-content .user-input-block .new-date-picker input { text-align: right; } .popup-wrapper.agentClientSettings .popup-box .user-settings-popup-content .user-input-block .new-date-picker input::placeholder { text-align: right; } .popup-wrapper.agentClientSettings .popup-box .user-settings-popup-content .user-settings-title { color: #2a2a2a; font-weight: 600; text-align: right; margin: 0; } .popup-wrapper.agentClientSettings .popup-box .user-settings-popup-content .btns-block { margin-top: 2rem; } .popup-wrapper.agentClientSettings .popup-box .user-settings-popup-content .btns-block .black-outlined-btn { margin-left: 2rem; } @media screen and (max-width: 624px) { .popup-wrapper.agentClientSettings .popup-box { max-width: 90vw; max-height: 90vh; overflow-y: auto; } } .popup-wrapper.visible.parentSignature .popup-box { height: 65em !important; width: 55em !important; border-radius: 15px !important; background-color: white !important; } .popup-wrapper.visible.parentSignature .popup-box .popup-content { background-color: white !important; } .signature-overlay { position: relative; } .signature-overlay .close-btn { position: absolute; top: 1.5rem; right: 1.5rem; z-index: 3; background: none; cursor: pointer; width: 1.3rem; height: 1.3rem; padding: 0; } .signature-overlay .close-btn svg { width: 100%; height: 100%; fill: #2a2a2a; transition: 0.1s ease-in-out; } .signature-overlay .close-btn:hover svg { fill: #FFA800; } @media screen and (max-width: 624px) { .popup-wrapper.visible.parentSignature .popup-box { height: 60em !important; width: 99vw !important; } } .signature-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 450px; translate: 0 15px; } .signature-wrapper .sign_title { color: #393939; font-size: 20px; font-weight: 500; margin-bottom: 20px; } .signature-wrapper .iframe_wrapper { width: 100%; height: 201px; margin-bottom: 15px; } .signature-wrapper .iframe_wrapper iframe { border: 4px solid #e0e0e0; border-radius: 1.2rem; background-color: #e0e0e0; width: 100%; height: 100%; } .signature-wrapper .clear_signature { color: #5a5a5a; text-align: right; font-size: 18px; font-weight: 500; cursor: pointer; visibility: hidden; } .signature-wrapper .clear_signature.visible { visibility: visible; } .signature-wrapper .signature_pad_wrapper { display: flex; flex-direction: row; justify-content: center; cursor: pointer; position: relative; width: 346px; height: 110px; } .signature-wrapper .signature_pad_wrapper canvas { border-bottom: 1px solid #7f7f7f; width: 100%; height: 100%; z-index: 1; } .signature-wrapper .signature_pad_wrapper .canvas_title { position: absolute; bottom: 10px; z-index: 0; color: #818181; font-size: 18px; font-weight: 500; visibility: visible; } .signature-wrapper .signature_pad_wrapper .canvas_title.hidden { visibility: hidden; } .signature-wrapper .submit_sign_btn_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; margin-top: 20px; visibility: hidden; } .signature-wrapper .submit_sign_btn_wrap.visible { visibility: visible; } .signature-wrapper .submit_sign_btn_wrap .submit_sign_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; } @media screen and (max-width: 624px) { .signature-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; translate: unset; } .signature-wrapper .sign_title { color: #393939; font-size: clamp(18px, 5.5vw, 30px); font-weight: 500; margin-bottom: 20px; } .signature-wrapper .iframe_wrapper { width: 90vw; height: clamp(142px, 20vh, 300px); margin-bottom: 15px; } .signature-wrapper .iframe_wrapper iframe { border: 4px solid #e0e0e0; border-radius: 1.2rem; background-color: #e0e0e0; width: 100%; height: 100%; } .signature-wrapper .clear_signature { color: #5a5a5a; text-align: right; font-size: clamp(16px, 5.5vw, 18px); font-weight: 500; cursor: pointer; visibility: hidden; padding-right: 5.3vw; } .signature-wrapper .clear_signature.visible { visibility: visible; } .signature-wrapper .signature_pad_wrapper { display: flex; flex-direction: row; justify-content: center; cursor: pointer; position: relative; width: 80vw; height: 110px; } .signature-wrapper .signature_pad_wrapper canvas { border-bottom: 1px solid #7f7f7f; width: 100%; height: 100%; z-index: 1; } .signature-wrapper .signature_pad_wrapper .canvas_title { position: absolute; bottom: 10px; z-index: 0; color: #818181; font-size: 18px; font-weight: 500; visibility: visible; } .signature-wrapper .signature_pad_wrapper .canvas_title.hidden { visibility: hidden; } .signature-wrapper .submit_sign_btn_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 142px; height: 30.639px; background: linear-gradient(180deg, #FFA800 0%, #FF5C00 100%); border-radius: 26.23px; margin-top: 20px; visibility: hidden; } .signature-wrapper .submit_sign_btn_wrap.visible { visibility: visible; } .signature-wrapper .submit_sign_btn_wrap .submit_sign_btn { color: #FFF; font-size: 11.27px; font-weight: 500; cursor: pointer; } } .auth-wrapper .col.right-col.client-inv-col { padding-top: 10vh; } .auth-wrapper .col.left-col.client-agreement-col { padding: 0 5%; } .client-agreement { display: flex; flex-direction: column; height: fit-content; width: 100%; overflow-y: overlay; position: relative; padding: 0 5%; } .client-agreement .client-agreement-white-bg { background-color: #fff; height: 100%; width: 100%; position: relative; } .client-agreement .client-agreement-white-bg .step-2-title { color: #1a2a2a; font-weight: 500; width: 70%; margin: 2rem auto 2rem auto !important; } .client-agreement .client-agreement-white-bg button { width: 45%; align-self: center; } .client-agreement .client-agreement-white-bg .signature-wrapper .signature-pad-wrapper { box-shadow: none; border: 2px solid #ff7300; border-radius: 5px; background: #f2f2f2; } .client-agreement .client-agreement-white-bg .signature-wrapper .signature-pad-wrapper canvas { height: 7rem !important; } .client-agreement .client-agreement-white-bg .signature-wrapper .link-btn { background: none; border: none; color: #ff7300; text-decoration: underline; font-weight: 500; font-size: 1.2rem; width: initial; padding: 0; } .client-agreement .client-agreement-white-bg .client-agreement-footer-btns { z-index: 4; margin-top: 2rem; display: flex; justify-content: center; margin-left: auto; margin-right: auto; margin-bottom: 2rem; } .auth-wrapper .col.right-col.client-inv-col { padding-top: 10vh; } .auth-wrapper .col.left-col.client-inv-col { min-height: 50vh; max-height: 55vh; padding: 0 20px; } .client-invite-step-2 { display: flex; flex-direction: column; height: fit-content; width: 100%; overflow-y: overlay; position: relative; } .client-invite-step-2 .step2-white-bg { background-color: #fff; height: 100%; width: 100%; position: relative; } .client-invite-step-2 .step2-white-bg .step-2-title { color: #1a2a2a; font-weight: 500; width: 70%; margin: 2rem auto 2rem auto !important; } .client-invite-step-2 .step2-white-bg button { width: 45%; align-self: center; } .client-invite-step-2 .step2-white-bg .signature-wrapper .signature-pad-wrapper { box-shadow: none; border: 2px solid #ff7300; border-radius: 5px; background: #f2f2f2; } .client-invite-step-2 .step2-white-bg .signature-wrapper .signature-pad-wrapper canvas { height: 7rem !important; } .client-invite-step-2 .step2-white-bg .signature-wrapper .link-btn { background: none; border: none; color: #ff7300; text-decoration: underline; font-weight: 500; font-size: 1.2rem; width: initial; padding: 0; } .client-invite-step-2 .step2-white-bg .client-invite-footer-btns { z-index: 4; margin-top: 2rem; display: flex; justify-content: center; margin-left: auto; margin-right: auto; margin-bottom: 2rem; } .signature-overlay { display: flex; justify-content: center; align-items: center; z-index: 1; width: 100%; height: 100%; } .signature-overlay .sign_circle_1, .signature-overlay .sign_circle_2, .signature-overlay .sign_circle_3 { display: none; } .signature-overlay .signature-container { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 4rem; border-radius: 12px; z-index: 2; position: relative; } @media screen and (max-width: 624px) { .signature-overlay { display: flex; justify-content: center; align-items: center; z-index: 1; width: 100%; height: 100%; } .signature-overlay .sign_circle_1, .signature-overlay .sign_circle_2, .signature-overlay .sign_circle_3 { display: inline-block; position: absolute; } .signature-overlay .sign_circle_1 { width: 200px; top: -10%; right: -17%; } .signature-overlay .sign_circle_2 { top: 50%; width: 60px; left: 0; } .signature-overlay .sign_circle_3 { bottom: 15%; width: 40px; right: 5vw; } .signature-overlay.success .sign_circle_1, .signature-overlay.success .sign_circle_2, .signature-overlay.success .sign_circle_3 { display: none; } .signature-overlay .signature-container { padding: unset; width: 100%; } } .subscription-page-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; } .subscription-page-wrapper .person { position: absolute; width: 22.3vw; bottom: -3vw; left: 7vw; animation: backDoorPerson 3s ease forwards; } .subscription-page-wrapper .product_i { position: absolute; right: 12vw; translate: 0 10%; width: 348px; height: 327px; animation: backDoorProduct 3s ease forwards; } .subscription-page-wrapper .product_i.smaller { right: 5vw; translate: 0 14vh; animation: backDoorProductSmall 3s ease forwards; } .subscription-page-wrapper .sub_data_wrap { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 18vh; } .subscription-page-wrapper .sub_data_wrap .subscription-page-upper-part { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 37px; } .subscription-page-wrapper .sub_data_wrap .subscription-page-upper-part .subscription-page-title-container { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 52.34px; min-height: 52.34px; } .subscription-page-wrapper .sub_data_wrap .subscription-page-upper-part .subscription-page-title-container .subscription-page-title-line1 { color: #ffa800; font-size: 26px; font-weight: 700; } .subscription-page-wrapper .sub_data_wrap .subscription-page-upper-part .subscription-page-title-container .subscription-page-title-line2 { color: #393939; font-size: 18px; font-weight: 400; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper { position: relative; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .sub_circle_1 { position: absolute; width: 100px; top: -21vh; animation: fallAndBounce_4 3s ease forwards; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .sub_circle_2 { position: absolute; width: 80px; left: -50px; bottom: -30px; animation: fallAndBounce_5 3s ease forwards; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .sub_circle_3 { position: absolute; width: 50px; bottom: -80px; animation: fallAndBounce_6 3s ease forwards; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 706px; padding: 0 1rem 0 1rem; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub .subscription-page-list { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; direction: rtl; margin: unset; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub.start { justify-content: start; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub.start .subscription-page-list { justify-content: start; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub.scroll { align-items: start; overflow: auto; overflow-x: hidden; height: 477px; padding: 0 0.3rem 0 1rem; direction: ltr; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub.scroll::-webkit-scrollbar { border: 1px solid #D9D9D9; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub.scroll::-webkit-scrollbar-thumb { background: #ffa800; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub.smaller { width: 685px; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub.smaller.scroll { height: 462px; } @media screen and (max-width: 624px) { .subscription-page-wrapper { padding-top: 6rem; } .subscription-page-wrapper .person { display: none; } .subscription-page-wrapper .product_i { position: unset; width: 60vw; right: unset; height: unset; bottom: 8vh; translate: unset; animation: unset; margin-top: 5rem; } .subscription-page-wrapper .sub_data_wrap { margin-top: unset; height: unset; } .subscription-page-wrapper .sub_data_wrap .subscription-page-upper-part { margin-bottom: unset; z-index: 2; } .subscription-page-wrapper .sub_data_wrap .subscription-page-upper-part .subscription-page-title-container { height: 45.34px; min-height: 45.34px; } .subscription-page-wrapper .sub_data_wrap .subscription-page-upper-part .subscription-page-title-container .subscription-page-title-line1 { font-size: calc(16px + 1vw); } .subscription-page-wrapper .sub_data_wrap .subscription-page-upper-part .subscription-page-title-container .subscription-page-title-line2 { font-size: calc(10px + 1vw); } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper { position: unset; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .sub_circle_1 { width: 200px; top: -49px; right: -57px; z-index: 1; animation: unset; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .sub_circle_2 { width: 60px; left: 0; bottom: 50vh; animation: unset; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .sub_circle_3 { width: 40px; bottom: 30vh; right: 0; animation: unset; } .subscription-page-wrapper .sub_data_wrap .sub_list_wrapper .wrap-sub { display: none; } .subscription-page-wrapper .subscription-page-lower-part { display: flex; flex-direction: column; position: relative; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper { z-index: 0; width: 100vw; display: flex; justify-content: center; align-items: center; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper.center { justify-content: center; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .subscription-page-slider-inner-wrapper { z-index: 0; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .subscription-page-slider-inner-wrapper.scroll { width: 320px; overflow: hidden; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .subscription-page-slider-inner-wrapper.center { display: flex; justify-content: center; flex-wrap: wrap; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .subscription-page-slider-inner-wrapper .subscription-page-slider { display: flex; flex-wrap: wrap; transition: all ease-in-out 0.5s; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .subscription-page-slider-inner-wrapper .subscription-page-slider.center { justify-content: center; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .slider_btns { display: flex; flex-direction: row; position: absolute; bottom: -30px; width: 50px; justify-content: space-between; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .slider_btns.none { display: none; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .slider_btns .subscription-page-slider-right-button, .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .slider_btns .subscription-page-slider-left-button { display: flex; flex-direction: row; padding: unset; background-color: unset; } .subscription-page-wrapper .subscription-page-lower-part .subscription-page-slider-wrapper .slider_btns .subscription-page-slider-left-button { rotate: 180deg; } } @keyframes backDoorProduct { 0% { right: -50vw; } 50% { right: 13vw; } 70% { right: 12vw; } 100% { right: 12vw; } } @keyframes backDoorPerson { 0% { left: -50vw; } 50% { left: 8vw; } 70% { left: 7vw; } 100% { left: 7vw; } } @keyframes fallAndBounce_6 { 0% { bottom: -100vh; } 50% { bottom: -65px; } 70% { bottom: -80px; } 100% { bottom: -80px; } } @keyframes fallAndBounce_5 { 0% { bottom: -100vh; } 50% { bottom: -15px; } 70% { bottom: -30px; } 100% { bottom: -30px; } } @keyframes fallAndBounce_4 { 0% { top: -100vh; } 50% { top: calc(-21vh + 15px); } 70% { top: -21vh; } 100% { top: -21vh; } } @keyframes backDoorProductSmall { 0% { right: -50vw; } 50% { right: 6vw; } 70% { right: 5vw; } 100% { right: 5vw; } } .line_wrapper { height: 105px; width: 475px; display: flex; position: relative; overflow: hidden; } .line_wrapper .line { display: flex; translate: 30px -40px; } .line_wrapper .circle_1, .line_wrapper .circle_2, .line_wrapper .circle_3 { display: flex; position: absolute; } .line_wrapper .circle_1 span, .line_wrapper .circle_2 span, .line_wrapper .circle_3 span { position: absolute; width: max-content; font-size: 17px; } .line_wrapper .circle_1 { top: 6px; right: 43px; } .line_wrapper .circle_1 span { top: 50px; right: -31px; } .line_wrapper .circle_2 { bottom: 26px; left: 47%; } .line_wrapper .circle_2 span { top: 37px; left: -45px; } .line_wrapper .circle_3 { top: 1px; left: 46px; } .line_wrapper .circle_3 span { top: 50px; left: -24px; } @media screen and (max-width: 624px) { .line_wrapper { height: 105px; width: 507px; min-width: 507px; justify-content: center; overflow: unset; zoom: 93%; transform: translateY(2%) translateX(-1.2%); rotate: -1.2deg; } } @media screen and (max-width: 624px) and (max-width: 430px) { .line_wrapper { zoom: 93%; transform: translateY(2%) translateX(-1.2%); rotate: -1.2deg; } } @media screen and (max-width: 624px) and (max-width: 414px) { .line_wrapper { zoom: 91%; transform: translateY(2%) translateX(-1.2%); rotate: -1.2deg; } } @media screen and (max-width: 624px) and (max-width: 412px) { .line_wrapper { zoom: 89%; transform: translateY(2%) translateX(-1.2%); rotate: -1.2deg; } } @media screen and (max-width: 624px) and (max-width: 390px) { .line_wrapper { zoom: 85%; transform: translateY(2%) translateX(-1.2%); rotate: -1deg; } } @media screen and (max-width: 624px) and (max-width: 375px) { .line_wrapper { zoom: 83%; transform: translateY(2%) translateX(-1%); rotate: -0.8deg; } } @media screen and (max-width: 624px) and (max-width: 375px) and (max-height: 667px) { .line_wrapper { transform: translateY(2%) translateX(-1%); rotate: -0.8deg; } } @media screen and (max-width: 624px) and (max-width: 360px) { .line_wrapper { zoom: 80%; transform: translateY(5%) translateX(-1.2%); rotate: -0.8deg; } } @media screen and (max-width: 624px) and (max-width: 344px) { .line_wrapper { zoom: 75%; transform: translateY(3.8%) translateX(-1%); } } @media screen and (max-width: 624px) and (max-width: 320px) { .line_wrapper { zoom: 70%; transform: translateY(3.8%) translateX(-1%); } } @media screen and (max-width: 624px) and (max-width: 320px) and (max-height: 568px) { .line_wrapper { transform: translateY(1.8%) translateX(-1%); } } @media screen and (max-width: 624px) { .line_wrapper .line { display: flex; flex-direction: row; align-items: center; justify-content: center; transform: rotate(180deg); width: 507px; min-width: 507px; translate: -9px 0; } .line_wrapper .circle_1 span, .line_wrapper .circle_2 span, .line_wrapper .circle_3 span { font-size: 15px; } .line_wrapper .circle_1 svg, .line_wrapper .circle_2 svg, .line_wrapper .circle_3 svg { width: 30px; } .line_wrapper .circle_1 { top: 45px; right: 58px; } .line_wrapper .circle_1 span { top: -35px; right: -27px; } .line_wrapper .circle_2 { bottom: unset; top: 0; left: 243.8px; } .line_wrapper .circle_2 span { top: -27px; left: -35px; } .line_wrapper .circle_3 { top: 39px; left: 68px; } .line_wrapper .circle_3 span { top: -33px; left: -23px; } } .customer-reg-content { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; height: 100vh; width: 100vw; color: #1d1d1e; overflow: hidden; background: url(/_next/static/images/regs-back-205f8088f80e4e13ab9135d45a1cd2fb.jpg) center center no-repeat; background-size: cover; } .customer-reg-content .step-wrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; } .customer-reg-content .step-wrapper .data_wrapper { position: absolute; z-index: 1; margin: 0 0 0 104px; width: 955px; height: 837px; } .customer-reg-content .step-wrapper .data_wrapper.hide { display: none; } @media screen and (max-width: 624px) { .customer-reg-content .step-wrapper .data_wrapper .img_data_fill { display: none; } } .customer-reg-content .step-wrapper .data_wrapper .progress_section { display: flex; justify-content: center; align-items: center; position: absolute; left: 184px; bottom: -30px; } .customer-reg-content .step-wrapper .data_wrapper .progress_section.none { display: none; } @media screen and (max-width: 624px) { .customer-reg-content .step-wrapper .data_wrapper .progress_section { bottom: unset; top: 0; left: 0; right: 0; } } .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper { display: flex; justify-content: center; align-items: center; width: max-content; position: absolute; top: 120px; left: 350px; } .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper .logo_frame { display: flex; justify-content: center; align-items: center; width: 148px; height: 69px; border-radius: 25px; border: 1px dashed #132690; overflow: hidden; background-size: contain; } .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper .logo_frame .main_logo { width: 172px; } .customer-reg-content .step-wrapper .data_wrapper .circle__1 { position: absolute; top: -29px; right: 160px; animation: fallAndBounce_1 3s ease forwards; } @media screen and (max-width: 624px) { .customer-reg-content .step-wrapper .data_wrapper .circle__1 { display: none; } } .customer-reg-content .step-wrapper .data_wrapper .circle__2 { position: absolute; top: 120px; left: 93px; animation: fallAndBounce_2 3s ease forwards; } @media screen and (max-width: 624px) { .customer-reg-content .step-wrapper .data_wrapper .circle__2 { display: none; } } .customer-reg-content .step-wrapper .data_wrapper .circle__3 { position: absolute; top: 670px; right: 260px; animation: fallAndBounce_3 3s ease forwards; z-index: 3; } @media screen and (max-width: 624px) { .customer-reg-content .step-wrapper .data_wrapper .circle__3 { display: none; } } .customer-reg-content .step-wrapper .data_wrapper .robot__ { position: absolute; top: 515px; left: 0; animation: rotateInArc 3s ease forwards; } .customer-reg-content input { width: 100%; height: 100%; border: none; background: none; font-weight: 300; font-size: 15px; color: #aeadac; } .customer-reg-content input:focus { outline: none; } .customer-reg-content input:focus::placeholder { position: absolute; top: -1.4rem; display: none; visibility: hidden; } .customer-reg-content input::placeholder { font-weight: 300; font-size: 15px; color: #aeadac; transition: all 5s; } @media screen and (max-width: 624px) { .customer-reg-content { background: url(/_next/static/images/bg_reg_mobile-5e37f4e9b6d7c22e5210d9623af99333.jpg) center center no-repeat; background-size: cover; } .customer-reg-content.reg-wrapper-step5, .customer-reg-content.reg-wrapper-step6 { background: url(/_next/static/images/bg_sign_step-f96902ee11ff0ea26cd98b9b1771519b.jpg) center center no-repeat; } .customer-reg-content .step-wrapper.step4 { justify-content: center; } .customer-reg-content .step-wrapper .data_wrapper { width: 100%; height: 100%; margin: unset; } .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper { top: 60px; left: 0; right: 0; margin: 0 auto; } } @media screen and (max-width: 624px) and (max-width: 430px) { .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper { top: 75px; } } @media screen and (max-width: 624px) and (max-width: 414px) { .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper { top: 80px; } } @media screen and (max-width: 624px) and (max-width: 412px) { .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper { top: 85px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper { top: 68px; } } @media screen and (max-width: 624px) and (max-width: 375px) { .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper { top: 45px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper { top: 51px; } } @media screen and (max-width: 624px) and (max-width: 320px) { .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper { top: 43px; } } @media screen and (max-width: 624px) { .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper .logo_frame { width: 140px; height: 80px; } .customer-reg-content .step-wrapper .data_wrapper .logo_wrapper .logo_frame .main_logo { width: 160px; } .customer-reg-content .step-wrapper .data_wrapper .progress_section { position: absolute; bottom: unset; top: 25vh; left: 0; right: 0; margin: 0 auto; } .customer-reg-content .step-wrapper .data_wrapper .robot__ { top: unset; bottom: 0; left: 0; right: 0; margin: 0 auto; animation: unset; width: 118px; } } @media screen and (max-width: 624px) and (max-width: 430px) { .customer-reg-content .step-wrapper .data_wrapper .robot__ { transform: translateY(-18%); width: 160px; } } @media screen and (max-width: 624px) and (max-width: 414px) { .customer-reg-content .step-wrapper .data_wrapper .robot__ { transform: translateY(-18%); width: 145px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .customer-reg-content .step-wrapper .data_wrapper .robot__ { transform: translateY(-8%); } } @media screen and (max-width: 624px) and (max-width: 360px) { .customer-reg-content .step-wrapper .data_wrapper .robot__ { display: none; } } @media screen and (max-width: 624px) and (max-width: 320px) { .customer-reg-content .step-wrapper .data_wrapper .robot__ { display: none; } } @keyframes fallAndBounce_1 { 0% { top: -300px; } 50% { top: -14px; } 70% { top: -29px; } 100% { top: -29px; } } @keyframes fallAndBounce_2 { 0% { top: -300px; } 50% { top: 135px; } 70% { top: 120px; } 100% { top: 120px; } } @keyframes fallAndBounce_3 { 0% { top: -200px; } 50% { top: 685px; } 70% { top: 670px; } 100% { top: 670px; } } @keyframes rotateInArc { 0% { left: -100%; } 50% { left: 15px; } 70% { left: 0; } 100% { left: 0; } } .agent-reg-wrapper, .customer-reg-wrapper { height: 100vh; width: 100%; overflow: hidden; padding: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .agent-reg-wrapper .agent-reg-logo-container, .customer-reg-wrapper .agent-reg-logo-container { display: flex; justify-content: center; position: relative; top: 30px; } .agent-reg-wrapper .registration-mediwho-logo, .customer-reg-wrapper .registration-mediwho-logo { background-image: url(/_next/static/images/mediwho-logo-8ceb5c1abbec93c2253357386a91502c.svg); background-size: cover; background-repeat: no-repeat; background-position: center; width: 150px; cursor: pointer; height: 62px; } .agent-reg-wrapper { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; } .agent-reg-wrapper .bg_new_circle { display: flex; flex-direction: column; justify-content: start; align-items: center; position: absolute; background: url(/_next/static/images/login_sub_bg-22967fb90a36610df9eba63696e35229.png) center center no-repeat; width: 808px; height: 800px; padding: 20rem 0 0 0; z-index: 1; } .agent-reg-wrapper .bg_new_circle .animated_elements { width: 95%; height: 100%; position: relative; } .agent-reg-wrapper .bg_new_circle .animated_elements .login_circle_1, .agent-reg-wrapper .bg_new_circle .animated_elements .login_circle_2, .agent-reg-wrapper .bg_new_circle .animated_elements .login_circle_3, .agent-reg-wrapper .bg_new_circle .animated_elements .login_robot, .agent-reg-wrapper .bg_new_circle .animated_elements .login_stats { position: absolute; } .agent-reg-wrapper .bg_new_circle .animated_elements .login_circle_1 { top: -268px; right: 0; animation: fallAndBounce_login_1 3s ease forwards; } .agent-reg-wrapper .bg_new_circle .animated_elements .login_circle_2 { top: -55px; left: 0; animation: fallAndBounce_login_2 3s ease forwards; } .agent-reg-wrapper .bg_new_circle .animated_elements .login_circle_3 { top: 414px; right: 110px; animation: fallAndBounce_login_3 3s ease forwards; } .agent-reg-wrapper .bg_new_circle .animated_elements .login_robot { bottom: -24px; left: -32px; animation: fallAndBounce_login_4 3s ease forwards; } .agent-reg-wrapper .bg_new_circle .animated_elements .login_stats { top: 157px; right: -137px; animation: fallAndBounce_login_5 3s ease forwards; } @media screen and (max-width: 624px) { .agent-reg-wrapper .bg_new_circle { display: none; } } .agent-reg-wrapper .login_circle_1_mobile, .agent-reg-wrapper .login_circle_2_mobile, .agent-reg-wrapper .login_circle_3_mobile { display: none; } @media screen and (max-width: 624px) { .agent-reg-wrapper .login_circle_1_mobile, .agent-reg-wrapper .login_circle_2_mobile, .agent-reg-wrapper .login_circle_3_mobile { display: inline-block; position: absolute; } .agent-reg-wrapper .login_circle_1_mobile { top: -80px; right: -70px; } .agent-reg-wrapper .login_circle_2_mobile { top: 13vh; left: 2vw; } .agent-reg-wrapper .login_circle_3_mobile { bottom: 13vh; right: 1vw; } } @media only screen and (max-width: 1400px) { .agent-reg-wrapper .agent-reg-logo-container { top: 20px; } .agent-reg-wrapper .agent-reg-logo-container .registration-mediwho-logo { width: 130px; height: 45px; } } @media only screen and (max-width: 624px) { .agent-reg-wrapper .agent-reg-logo-container { top: 20px; } .agent-reg-wrapper .agent-reg-logo-container .registration-mediwho-logo { width: 100px; height: 35px; } } @media only screen and (max-height: 624px) and (orientation: landscape) { .agent-reg-wrapper { overflow: unset !important; height: 100%; } .agent-reg-wrapper .agent-reg-logo-container { top: 20px; } .agent-reg-wrapper .agent-reg-logo-container .registration-mediwho-logo { width: 100px; height: 35px; } } .popup-wrapper.visible.cancelSubRequest .popup-box { width: 596px; max-width: 95vw; min-height: 392px; border-radius: 22px; position: absolute; top: calc(50% - 196px); } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup { width: 100%; height: 100%; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-top-row { width: 100%; display: flex; justify-content: space-between; align-items: center; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-top-row .cancel-sub-close-btn { margin: 3% 4% 0 0; font-size: 26px; font-weight: 400; color: #fd7200; padding: unset; background: none; transform: rotate(45deg); } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-top-row .cancel-sub-back-btn { width: 24px; height: 24px; padding: 0; background: none; margin: 14px 0 0 24px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-top-row .cancel-sub-back-btn img { width: 100%; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-parachute { width: 203px; margin-top: -110px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-title-container { display: flex; flex-direction: column; align-items: center; margin-top: 10px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-title-container .cancel-sub-line1 { color: #fd7200; font-size: 20px; font-weight: 500; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-title-container .cancel-sub-line2 { color: black; font-size: 16px; font-weight: 500; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-select-wrapper { width: 418px; max-width: 90%; margin-top: 12px; margin-bottom: 26px; z-index: 1; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-text-area-container { display: flex; flex-direction: column; align-items: flex-start; width: 408px; max-width: 90%; height: 188px; border: solid #80808058 1px; border-radius: 10px; padding: 0 0 10px 0; margin-bottom: 25px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-text-area-container span { margin: 10px 10px 0 0; color: #1e1e1e8a; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-text-area-container .cancel-sub-text-area { width: 100%; flex-grow: 1; border: none; resize: none; padding-right: 10px; font-size: 14px; color: #1e1e1e8a; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-text-area-container .cancel-sub-text-area:focus { outline: none; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-send-btn { padding: unset; width: 136px; height: 35px; color: white; font-size: 13px; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-error-container { display: flex; align-items: center; height: 35px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-error-container .spinner { width: 40px; height: 40px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-error-container .cancel-sub-success { display: flex; align-items: flex-start; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-error-container .cancel-sub-success img { width: 17px; margin: 0 0 -2px 5px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-error-container .cancel-sub-success .cancel-sub-success-text { color: #97de1d; font-size: 14px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-error-container .cancel-sub-success .cancel-sub-v-filler { width: 22px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-error-container .cancel-sub-error { color: red; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-success { display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-success .cancel-sub-parachute { width: 203px; margin-top: -110px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-success .cancel-sub-success { display: flex; align-items: flex-start; position: absolute; top: 58%; right: calc(50% - 158px); } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-success .cancel-sub-success img { width: 25px; margin: 0 0 -2px 5px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-success .cancel-sub-success .cancel-sub-success-text { color: #97de1d; font-size: 26px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-success .cancel-sub-success .cancel-sub-v-filler { width: 30px; } @media screen and (max-width: 624px) and (max-height: 1100px) { .popup-wrapper.visible.cancelSubRequest .popup-box { min-height: 320px; max-height: 95vh; top: calc(50% - 30vh); } } @media screen and (max-height: 790px) { .popup-wrapper.visible.cancelSubRequest .popup-box { top: 93px; } .popup-wrapper.visible.cancelSubRequest .popup-box .cancel-sub-popup .cancel-sub-popup-content .cancel-sub-parachute { width: 160px; margin-top: -80px; } } .request_popup_rows { width: 98%; font-size: 14px; font-weight: 400; height: 60px; min-height: 55px; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 12px; box-shadow: -2px 4px 11px rgba(200, 229, 251, 0.8); filter: brightness(0.98); margin-bottom: 9px; padding-bottom: 1px; z-index: 1; /* .content_wrapper > div { border: #4fd3f0 1px solid; } */ } .request_popup_rows:last-child { border-bottom: none; } .request_popup_rows .content_wrapper { grid-template-columns: 0.5fr 1fr 1fr 1.4fr 1.5fr; height: 100%; width: 100%; display: grid; flex-direction: row; align-items: center; justify-content: space-between; } .request_popup_rows .content_wrapper .date_user { line-height: 17px; color: black; } .request_popup_rows .content_wrapper .date_user:after { content: attr(content); } .request_popup_rows .content_wrapper .request_details .request_details_button { padding: 0; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); width: 66px; height: 22px; color: white; font-size: 12px; font-weight: 400; line-height: 12px; } .request_popup_rows .content_wrapper .request_details .request_details_button:hover { box-shadow: 1px 0px 13px rgba(253, 114, 0, 0.96); } .request_popup_rows .content_wrapper .item-icon { width: 100%; /* img { margin-top: 5px; ///width: auto; height: 50%; } */ /* &.not_related { img { ///width: auto; height: 30px; } } */ } .request_popup_rows .content_wrapper .name_user { width: 100%; text-align: right; position: relative; cursor: pointer; } .request_popup_rows .content_wrapper .name_user .tooltip_service_id { width: 120px; background-color: #f9f6f1; color: black; text-align: center; border-radius: 14px; padding: 8px 0; position: absolute; z-index: 1; left: -75px; top: -10px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); transform: rotate(180deg); visibility: hidden; } .request_popup_rows .content_wrapper .name_user .tooltip_service_id .id_service { transform: rotate(180deg); } .request_popup_rows .content_wrapper .name_user .tooltip_service_id:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent #f9f6f1 transparent transparent; } .request_popup_rows .content_wrapper .name_user:hover .tooltip_service_id { visibility: visible; } .request_popup_rows .content_wrapper .status_user { text-shadow: 0.1px 0 0 currentColor; display: flex; align-items: center; justify-content: center; width: 100%; font-weight: 400; } .request_popup_rows .content_wrapper .status_user.green { color: #9ed825; } .request_popup_rows .content_wrapper .status_user.blue { color: #4fd3f0; } .request_popup_rows .content_wrapper .status_user.blue span { align-items: center; justify-content: center; align-self: center; text-align: center; } .request_popup_rows .content_wrapper .status_user.orange { color: #ffb800; } .request_popup_rows .content_wrapper .date_user { width: 100%; margin-left: -1%; } .request_popup_rows .content_wrapper .request_details { width: 100%; } .request_popup_rows .content_wrapper .request_details .request_details_button { margin-left: -7px; } .shape { width: 9px; height: 51px; clip-path: polygon(57% 2%, 179% 39%, 113% 84%, 58% 100%, 61% 15%); } .shape.green { background: #9ed825; } .shape.blue { background: #4fd3f0; } .shape.orange { background: #ffb800; } .name_user { line-height: 17px; color: black; } .name_user:after { content: attr(content); } @media screen and (max-width: 624px) { .request_popup_rows { height: 53px; min-height: 53px; font-size: 12px; margin-bottom: 7px; } .request_popup_rows .content_wrapper .name_user, .request_popup_rows .content_wrapper .date_user { width: 100%; font-weight: 400; line-height: 12px; color: black; } .request_popup_rows .content_wrapper .request_details { width: 100%; } .request_popup_rows .content_wrapper .request_details .request_details_button { width: 53px; height: 20px; font-weight: 400; line-height: 12px; font-size: 11.5px; } .request_popup_rows .content_wrapper .item-icon { width: 100%; margin-right: 0; } .request_popup_rows .content_wrapper .name_user { text-align: center; } .request_popup_rows .content_wrapper .status_user { width: 100%; justify-content: center; } .request_popup_rows .content_wrapper .status_user span { font-weight: 500; line-height: 12px; } .request_popup_rows .content_wrapper .date_user { width: 100%; } } .popup-wrapper.visible.requestStatusPopup .popup-box { width: 547px; border-radius: 20px; min-height: 244px; } .request_popup_wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; /* .row_wrapper > div { border:#4fd3f0 1px solid; } */ /* .menu_row div { ///border: 1px solid #e31212; text-align: right; } */ } .request_popup_wrapper .fixed_width { width: 36px; } .request_popup_wrapper .item-icon { width: 100%; /* img { margin-top: 5px; ///width: auto; height: 50%; } */ /* &.not_related { img { ///width: auto; height: 30px; } } */ } .request_popup_wrapper .header_row { display: flex; flex-direction: row; justify-content: center; height: 50px; width: 100%; } .request_popup_wrapper .header_row.no_content { height: 0.1%; z-index: 2; } .request_popup_wrapper .header_row .request_popup_close { rotate: 45deg; background: none; padding: 0; color: black; font-size: 33px; font-weight: 300; position: absolute; right: 18px; top: 6px; } .request_popup_wrapper .header_row .request_popup_close:hover { color: #ff9900; font-weight: 400; transition: color 0.1s ease; } .request_popup_wrapper .header_row .robot_img { transform: translateY(-7em); width: 176px; position: absolute; } .request_popup_wrapper .header_row .robot_img img { width: 100%; margin: 17px -258px 0 0; } .request_popup_wrapper .title { color: #f90; text-align: right; font-size: 20px; font-weight: 500; padding: 0 0px 0 0; margin-top: 0px; margin-bottom: 2.5%; } .request_popup_wrapper .menu_contier { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 98%; overflow-y: auto; } .request_popup_wrapper .menu_content { display: flex; flex-direction: column; align-items: center; width: 98%; margin-top: 0px; } .request_popup_wrapper .row_wrapper { margin-right: 9px; margin-top: 2%; padding-top: 0%; height: 100%; width: 100%; display: grid; flex-direction: row; align-items: center; justify-content: space-between; grid-template-columns: 0.5fr 1fr 1fr 1.4fr 1.5fr; } .request_popup_wrapper .menu_row { width: 98%; font-size: 14px; font-weight: 400; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 12px; z-index: 1; visibility: visible; /* &.space_ { padding-left: 0.72em; } */ /* .row_wrapper > * { border:2px solid #4fd3f0; } */ } .request_popup_wrapper .menu_row.visible_no { visibility: hidden; } .request_popup_wrapper .menu_row .name_div, .request_popup_wrapper .menu_row .status_div, .request_popup_wrapper .menu_row .date_div { line-height: 17px; color: #b1abab; text-align: center; margin-right: 0%; padding-right: 0%; width: 100%; } .request_popup_wrapper .menu_row .name_div:after, .request_popup_wrapper .menu_row .status_div:after, .request_popup_wrapper .menu_row .date_div:after { content: attr(content); } .request_popup_wrapper .menu_row .filler1_div { width: 100%; } .request_popup_wrapper .menu_row .filler2_div { width: 100%; } .request_popup_wrapper .menu_row .name_div { width: 100%; text-align: right; } .request_popup_wrapper .menu_row .status_div { width: 100%; } .request_popup_wrapper .menu_row .date_div { width: 100%; } .request_popup_wrapper .menu_row .name_span, .request_popup_wrapper .menu_row .status_span, .request_popup_wrapper .menu_row .date_span { font-weight: 400; text-shadow: 0.1px 0 0 currentColor; width: 100%; padding-right: 0%; } .request_popup_wrapper .menu_row .filler_div { width: 25%; } .request_popup_wrapper .content_row_overflow { margin-top: 1.5%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; min-height: 80px; width: 98%; overflow-y: auto; } .request_popup_wrapper .content_row_overflow.no_content { justify-content: center; z-index: 1; } .request_popup_wrapper .content_row_overflow .content_row { display: flex; flex-direction: column; align-items: center; width: 98%; overflow: auto; max-height: 262px; padding-top: 8px; margin-top: 0px; margin-bottom: 1px; padding-bottom: 6px; } .request_popup_wrapper .content_row_overflow .content_row .empty_title { color: black; font-weight: bold; font-size: 2rem; } .request_popup_wrapper .content_row_overflow .content_row .empty_title:after { content: attr(content); } .request_popup_wrapper .search_filter_services { width: 90%; margin: 1rem 0; position: relative; display: flex; flex-direction: row; align-items: center; text-align: start; height: 36px; min-height: 36px; background-color: rgba(255, 255, 255, 0.8); border-radius: 2rem; box-shadow: 0px 2px 12px 0px rgba(158, 157, 157, 0.25); margin-bottom: 26px; } .request_popup_wrapper .search_filter_services input { border: none; color: #B3B3B3; font-size: 14px; font-weight: 300; padding: 0 1.4rem 0 1rem; width: 100%; height: 100%; align-items: center; text-align: start; background: none; } .request_popup_wrapper .search_filter_services input:focus { outline: none; } .request_popup_wrapper .search_filter_services input::placeholder { color: #a19f9f; } @media screen and (max-width: 624px) { .popup-wrapper.visible.requestStatusPopup .popup-box { width: 95vw; } .request_popup_wrapper .item-icon { width: 100%; margin-right: 0; } .request_popup_wrapper .menu_content { padding-left: 0%; } .request_popup_wrapper .row_wrapper { margin-right: 8.8px; } .request_popup_wrapper .title { font-size: 16px; margin-bottom: 0px; } .request_popup_wrapper .header_row { height: 40px; } .request_popup_wrapper .header_row .request_popup_close { font-size: 30px; right: 16px; top: 6px; } .request_popup_wrapper .header_row .robot_img { width: 130px; } .request_popup_wrapper .header_row .robot_img img { margin: 41px -147px 0 0; } .request_popup_wrapper .menu_row { height: unset; margin-top: 15px; padding-left: 0%; /* &.space_ { padding-left: 0; } */ } .request_popup_wrapper .menu_row.visible_no { display: none; } .request_popup_wrapper .menu_row .name_div, .request_popup_wrapper .menu_row .status_div, .request_popup_wrapper .menu_row .date_div { font-size: 12px; line-height: 14px; width: 100%; } .request_popup_wrapper .menu_row .name_div { padding-right: 0%; position: relative; text-align: center; } .request_popup_wrapper .menu_row .status_div { padding-right: 0%; } .request_popup_wrapper .menu_row .date_div { padding-right: 0%; } .request_popup_wrapper .menu_row .filler_div { width: 25%; } .request_popup_wrapper .menu_contier { width: 98%; padding-left: 0px; } .request_popup_wrapper .content_row_overflow { min-height: 77px; max-height: 28vh; padding-left: 0; font-size: 12px; } .request_popup_wrapper .search_filter_services { height: 32px; min-height: 30px; } .request_popup_wrapper .search_filter_services input { font-size: 12px; font-weight: 400; } .request_popup_wrapper .search_filter_services input::placeholder { font-size: 12px; } } /* @media screen and (max-width: 431px) { .request_popup_wrapper { .menu_row { .name_div { padding-right: 6%; } .status_div { padding-right: 6.9%; } .date_div { padding-right: 6%; } } } } //iphone xr @media screen and (max-width: 414px) { .request_popup_wrapper { .menu_row { .name_div { padding-right: 6.5%; } .status_div { padding-right: 6.5%; } .date_div { padding-right: 5.5%; } } } } */ /* @media screen and (max-width: 413px) { .request_popup_wrapper { .menu_row { .name_div { padding-right: 6.5%; } .status_div { padding-right: 6.5%; } .date_div { padding-right: 5.5%; } } } } @media screen and (max-width: 391px) and (max-width: 845px) { .request_popup_wrapper { .content_row_overflow { max-height: 30vh; } } } //iphone 12 pro @media screen and (max-width: 391px) { .request_popup_wrapper { .menu_row { .name_div { padding-right: 6.5%; } .status_div { padding-right: 6.8%; } .date_div { padding-right: 6%; } } } } @media screen and (max-width: 376px) { .request_popup_wrapper { .menu_row { .name_div { padding-right: 7.6%; } .status_div { padding-right: 6.7%; } .date_div { padding-right: 5.6%; } } .title { font-size: 16px; } .content_row_overflow { max-height: 38.4vh; } .header_row { .robot_img { img { width: 100%; margin: 32px -113px 0 0; } } } } } //samsung galaxy s8+ @media screen and (max-width: 361px) { .request_popup_wrapper { .menu_row { .name_div { padding-right: 7.6%; } .status_div { padding-right: 6.7%; } .date_div { padding-right: 5.6%; } } } } */ .popup-wrapper.visible.liveStatus .popup-box { height: 264px; width: 700px; min-height: unset; border-radius: 22px; min-width: unset; } .live_popup_wrapper { height: 100%; width: 100%; } .live_popup_wrapper .header_row { display: flex; flex-direction: row; justify-content: space-between; height: 32%; width: 100%; } .live_popup_wrapper .header_row .request_popup_close { padding-right: 2em; padding-top: 1.5em; } .live_popup_wrapper .header_row .request_popup_close svg { width: 13px; height: 13px; cursor: pointer; fill: #1d1d1e; } .live_popup_wrapper .header_row .request_popup_close svg:hover { fill: #fa9e03; } .live_popup_wrapper .header_row .robot_img { transform: translateY(-3.5em); } .live_popup_wrapper .header_row .robot_img img { width: 87.8px; height: 100.7px; } .live_popup_wrapper .header_row .back_btn { padding: 0.8rem 0 0 1rem; } .live_popup_wrapper .header_row .back_btn img { width: 2.5rem; height: 2.5rem; cursor: pointer; } .live_popup_wrapper .title_row { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.4rem; } .live_popup_wrapper .title_row .main_title { font-size: 20px; font-weight: bold; color: #fd7200; margin-bottom: 0.5rem; } .live_popup_wrapper .title_row .sub_title { width: 80%; font-size: 16px; font-weight: 400; color: #000; } .live_popup_wrapper .dynamic_wrapper { display: flex; flex-direction: column; align-items: center; } .live_popup_wrapper .dynamic_wrapper .dynamic_row { display: flex; flex-direction: row; align-items: center; margin-bottom: 1em; } .live_popup_wrapper .dynamic_wrapper .dynamic_row .circle { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background-color: #dcdcdc; } .live_popup_wrapper .dynamic_wrapper .dynamic_row .circle.orange { background-image: linear-gradient(to bottom, #fd7200, #fa9e03); } .live_popup_wrapper .dynamic_wrapper .dynamic_row .circle .img { width: 1.3rem; height: 1.3rem; display: none; } .live_popup_wrapper .dynamic_wrapper .dynamic_row .circle .img.show { display: block; } .live_popup_wrapper .dynamic_wrapper .dynamic_row .line { width: 127px; height: 1px; background-color: #dcdcdc; } .live_popup_wrapper .dynamic_wrapper .dynamic_row .line.orange { background-image: linear-gradient(to right, #fc4a1a -2%, #fa9e03 54%, #fa9e03); } .live_popup_wrapper .titles_wrap { display: flex; flex-direction: row; width: 38em; justify-content: right; } .live_popup_wrapper .titles_wrap .titles_row { display: flex; flex-direction: column; align-content: center; width: 33.3%; } .live_popup_wrapper .titles_wrap .titles_row .title { font-size: 12px; color: #dcdcdc; } .live_popup_wrapper .titles_wrap .titles_row .title.orange { font-size: 14px; font-weight: 500; color: #fd7200; line-height: 0.8rem; } .live_popup_wrapper .titles_wrap .titles_row .date { font-size: 14px; font-weight: 500; color: #fd7200; display: none; } .live_popup_wrapper .titles_wrap .titles_row .date.show { display: block; } .live_popup_wrapper .titles_wrap .titles_row_2 { display: flex; flex-direction: column; width: 33.3%; } .live_popup_wrapper .titles_wrap .titles_row_2 .title { font-size: 12px; color: #dcdcdc; line-height: 0.8rem; } .live_popup_wrapper .titles_wrap .titles_row_2 .title.orange_p { font-size: 14px; font-weight: 500; color: #fd7200; } .live_popup_wrapper .titles_wrap .titles_row_2 .date { font-size: 14px; font-weight: 500; color: #fd7200; display: none; } .live_popup_wrapper .titles_wrap .titles_row_2 .date.show_p { display: block; } .live_popup_wrapper .titles_wrap .titles_row_3 { display: flex; flex-direction: column; width: 33.3%; } .live_popup_wrapper .titles_wrap .titles_row_3 .title { font-size: 12px; color: #dcdcdc; line-height: 0.8rem; } .live_popup_wrapper .titles_wrap .titles_row_3 .title.orange_c { font-size: 14px; font-weight: 500; color: #fd7200; } .live_popup_wrapper .titles_wrap .titles_row_3 .date { font-size: 14px; font-weight: 500; color: #fd7200; display: none; } .live_popup_wrapper .titles_wrap .titles_row_3 .date.show_c { display: block; } @media screen and (max-width: 624px) { .popup-wrapper.visible.liveStatus .popup-box { height: 245px; width: 95vw; } .live_popup_wrapper .header_row { height: 24%; } .live_popup_wrapper .header_row .request_popup_close { padding-right: 1.5em; padding-top: 1em; } .live_popup_wrapper .header_row .request_popup_close svg { width: 12px; height: 12px; } .live_popup_wrapper .header_row .robot_img img { width: 6em; height: 7em; } .live_popup_wrapper .header_row .back_btn { padding: 0.6rem 0 0 0.8rem; } .live_popup_wrapper .header_row .back_btn img { width: 2rem; height: 2rem; } .live_popup_wrapper .title_row { margin-bottom: 1.4rem; } .live_popup_wrapper .title_row .main_title { font-size: 16px; margin-bottom: 0.5rem; } } @media screen and (max-width: 624px) and (width: 360px) { .live_popup_wrapper .title_row .main_title { font-size: 15px; } } @media screen and (max-width: 624px) and (width: 375px) { .live_popup_wrapper .title_row .main_title { font-size: 15px; } } @media screen and (max-width: 624px) { .live_popup_wrapper .title_row .sub_title { font-size: 14px; } } @media screen and (max-width: 624px) and (width: 360px) { .live_popup_wrapper .title_row .sub_title { font-size: 13px; } } @media screen and (max-width: 624px) and (width: 375px) { .live_popup_wrapper .title_row .sub_title { font-size: 13px; } } @media screen and (max-width: 624px) { .live_popup_wrapper .dynamic_wrapper .dynamic_row .line { width: 100px; } .live_popup_wrapper .titles_wrap { width: 31em; } .live_popup_wrapper .titles_wrap .titles_row .title { font-size: 11px; } .live_popup_wrapper .titles_wrap .titles_row .title.orange { font-size: 13px; } .live_popup_wrapper .titles_wrap .titles_row .date.show { font-size: 13px; } .live_popup_wrapper .titles_wrap .titles_row_2 .title { font-size: 11px; } .live_popup_wrapper .titles_wrap .titles_row_2 .title.orange_p { font-size: 13px; } .live_popup_wrapper .titles_wrap .titles_row_2 .date { font-size: 13px; } .live_popup_wrapper .titles_wrap .titles_row_2 .date.show_p { display: block; } .live_popup_wrapper .titles_wrap .titles_row_3 .title { font-size: 11px; } .live_popup_wrapper .titles_wrap .titles_row_3 .title.orange_c { font-size: 13px; } .live_popup_wrapper .titles_wrap .titles_row_3 .date { font-size: 13px; } .live_popup_wrapper .titles_wrap .titles_row_3 .date.show_c { display: block; } } .commission-debt-item-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } .commission-debt-item-wrapper .commission-debt-item-hover { display: flex; justify-content: space-evenly; align-items: center; height: 56px; border-radius: 72px; width: 100%; margin: 10px 0; } .commission-debt-item-wrapper .commission-debt-item-hover:hover { background-color: #f7f4ee; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell { text-align: center; font-size: 14px; font-weight: 400; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell:first-child { text-align: right; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell:first-child.client-name { margin-right: -30px; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell:first-child.agent-name { margin-right: 15px; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.agent-name { width: 18%; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.client-name { width: 18%; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.subscription { width: 30%; position: relative; left: 3%; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.subscription .commission-item-reason-tooltip { visibility: hidden; min-width: 160px; background-color: #f9f6f1; color: black; text-align: center; border-radius: 14px; padding: 14px 14px; position: absolute; z-index: 1; top: -30px; left: 50%; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); direction: ltr; font-size: 13px; display: flex; flex-direction: column; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.subscription .commission-item-reason-tooltip span:nth-child(2) { font-weight: 500; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.subscription .commission-item-reason-tooltip::after { content: ''; position: absolute; top: calc(50% - 8px); left: -20px; border-width: 10px; border-style: solid; border-color: transparent #f9f6f1 transparent transparent; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.subscription.subscription:hover .commission-item-reason-tooltip { visibility: visible; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.time { width: 10%; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.amount { width: 7.5%; position: relative; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.amount.debt { color: #ff0303; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.amount.credit { color: #97de1d; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.amount .commission-debt-item-tooltip { visibility: hidden; width: 120px; background-color: #f9f6f1; color: black; text-align: center; border-radius: 14px; padding: 4px 0; position: absolute; z-index: 1; top: -32px; right: -50%; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); direction: ltr; font-size: 12px; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.amount .commission-debt-item-tooltip::after { content: ''; position: absolute; top: 100%; right: calc(50% - 7px); border-width: 10px; border-style: solid; border-color: #f9f6f1 transparent transparent transparent; } .commission-debt-item-wrapper .commission-debt-item-hover .commission-debt-item-cell.amount.amount:hover .commission-debt-item-tooltip { visibility: visible; } .commission-debt-item-wrapper .commission-item-divider { width: 100%; border-bottom: solid #cccccc9e 2px; margin-top: auto; } .commission-debt-item-wrapper .commission-item-mobile { display: flex; flex-direction: column; width: 100%; height: 100px; } .commission-debt-item-wrapper .commission-item-mobile .commission-item-mobile-line-1 { width: 100%; display: flex; justify-content: space-around; } .commission-debt-item-wrapper .commission-item-mobile .commission-item-mobile-line-2 { width: 100%; display: flex; justify-content: space-around; } .commission-item-mobile .commission-item-mobile-inner-wrapper { margin: 4px 0; padding: 4px 4px; border-radius: 6px; font-size: 10px; font-weight: 400; } .commission-item-mobile .commission-item-mobile-inner-wrapper.open { background-color: #f9f6f1; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 { display: flex; justify-content: space-between; align-items: center; height: 53px; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1.open { height: 35px; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.open-button img { margin-bottom: -6px; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.open-button.open img { transform: rotate(-90deg); } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.agent-name { width: 17%; text-align: right; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.client-name { width: 17%; text-align: right; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.subscription { display: flex; flex-direction: column; width: 43%; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.subscription span { height: 15px; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.amount { width: 8%; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.amount.credit { color: #97de1d; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.amount.debt { color: #ff0303; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.time { position: relative; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.time img { width: 20px; height: 20px; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.time .commission-mobile-date-tooltip { visibility: hidden; width: 80px; background-color: #f9f6f1; color: black; text-align: center; border-radius: 14px; padding: 0; position: absolute; z-index: 1; bottom: -75%; left: -138%; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); direction: ltr; font-size: 11px; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.time .commission-mobile-date-tooltip.showDate { visibility: visible; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-1 .commission-item-mobile-cell.time .commission-mobile-date-tooltip::after { content: ''; position: absolute; bottom: 100%; right: calc(50% - 7px); border-width: 10px; border-style: solid; border-color: transparent transparent #f9f6f1 transparent; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-divider { margin: 0 5%; border-bottom: solid #ccccccc9 1px; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-2 { display: flex; justify-content: flex-start; align-items: center; height: 35px; position: relative; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-2 .commission-item-mobile-cell { font-size: 10px; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-2 .commission-item-mobile-cell.client-name { text-align: right; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-2 .commission-item-mobile-cell.time { display: flex; align-items: center; margin-right: 10px; position: absolute; right: 35%; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-2 .commission-item-mobile-cell.time img { width: 14px; } .commission-item-mobile .commission-item-mobile-inner-wrapper .commission-item-mobile-line-2 .commission-item-mobile-cell.time span { margin-top: 3px; margin-right: 5px; } .commission-item-mobile .commission-item-mobile-divider { margin: 0 0 0 1%; border-bottom: solid #ccccccc9 1px; } .live-commissions-list-header { display: flex; justify-content: space-evenly; margin-top: 9px; border-bottom: solid #cccccc9e 2px; margin-right: 45px; margin-left: 49px; } .live-commissions-list-header .live-commissions-list-header-cell { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 14px; font-weight: 500; color: #8e8e8eb4; height: 60px; } .live-commissions-list-header .live-commissions-list-header-cell:first-child { justify-content: flex-start; } .live-commissions-list-header .live-commissions-list-header-cell:first-child.client { margin-right: -30px; } .live-commissions-list-header .live-commissions-list-header-cell:first-child.agent { margin-right: 15px; } .live-commissions-list-header .live-commissions-list-header-cell.agent { width: 18%; } .live-commissions-list-header .live-commissions-list-header-cell.client { width: 18%; } .live-commissions-list-header .live-commissions-list-header-cell.subscription { width: 30%; position: relative; left: 3%; } .live-commissions-list-header .live-commissions-list-header-cell.date { width: 10%; } .live-commissions-list-header .live-commissions-list-header-cell.amount { width: 7.5%; } .live-commissions-list-overflow-container { height: 235px; overflow-y: auto; padding-right: 45px; padding-left: 16px; margin-left: 33px; /* hide scroll-bar: */ } .live-commissions-list-overflow-container.scroll { padding-left: 10px; } .live-commissions-list-overflow-container .live-commissions-list { display: flex; flex-direction: column; margin-bottom: 1px; } @media screen and (max-width: 624px) { .live-commissions-list-header { justify-content: space-between; margin-top: 0; margin-inline: 4px; border-bottom: solid #cccccc9e 1px; margin-inline: unset; } .live-commissions-list-header .live-commissions-list-header-cell { font-size: 12px; height: 60px; } .live-commissions-list-header .live-commissions-list-header-cell:first-child { justify-content: flex-start; width: 17%; } .live-commissions-list-header .live-commissions-list-header-cell:first-child.client { margin-right: 0; } .live-commissions-list-header .live-commissions-list-header-cell:first-child.agent { margin-right: 0; } .live-commissions-list-header .live-commissions-list-header-cell:first-child { justify-content: flex-start; } .live-commissions-list-header .live-commissions-list-header-cell.subscription { width: 36%; } .live-commissions-list-header .live-commissions-list-header-cell.date { width: 0; margin-left: -2%; } .live-commissions-list-header .live-commissions-list-header-cell.amount { width: 10%; margin: 0; } .live-commissions-list-header.hide-date .live-commissions-list-header-cell.agent { width: 18%; } .live-commissions-list-header.hide-date .live-commissions-list-header-cell.subscription { margin-right: 1.5%; } .live-commissions-list-header.hide-date .live-commissions-list-header-cell.date { display: none; } .live-commissions-list-header.hide-date .live-commissions-list-header-cell.amount { margin-left: 15%; } .live-commissions-list-overflow-container { height: 220px; margin-bottom: 5px; margin-left: 4px; padding: 0; padding-left: 10px; width: calc(100% + 13px); overflow-x: hidden; /* un-hide scrollbar: */ } .live-commissions-list-overflow-container.scroll { padding-left: 4px; } } .pagination-wrapper { display: flex; justify-content: center; } .pagination-wrapper .pagination-inner-container { display: flex; justify-content: center; align-items: center; direction: ltr; width: 300px; position: relative; } .pagination-wrapper .pagination-inner-container .pagination-button { width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(14, 14, 14, 0.2); display: flex; align-items: center; justify-content: center; color: #2a2a2a; margin: 0 5px; cursor: pointer; } .pagination-wrapper .pagination-inner-container .pagination-button .pagination-number { padding: 1px 0 0 0; font-family: 'Rubik', sans-serif; font-size: 1.5rem; font-weight: 400; } .pagination-wrapper .pagination-inner-container .pagination-button:hover, .pagination-wrapper .pagination-inner-container .pagination-button.active { background: #FFA800; border-color: #FFA800; } .pagination-wrapper .pagination-inner-container .pagination-button:hover .pagination-number, .pagination-wrapper .pagination-inner-container .pagination-button.active .pagination-number { color: #fff; } .pagination-wrapper .pagination-inner-container .pagination-dots { color: #040404; font-family: 'monospace'; letter-spacing: 1px; align-self: flex-end; font-size: 20px; font-weight: 500; } .pagination-wrapper .pagination-inner-container .left-arrow, .pagination-wrapper .pagination-inner-container .right-arrow, .pagination-wrapper .pagination-inner-container .right-arrow-filler, .pagination-wrapper .pagination-inner-container .left-arrow-filler { background: none; border: none; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; margin: 0 4px; position: absolute; } .pagination-wrapper .pagination-inner-container .left-arrow:hover svg g g, .pagination-wrapper .pagination-inner-container .right-arrow:hover svg g g, .pagination-wrapper .pagination-inner-container .right-arrow-filler:hover svg g g, .pagination-wrapper .pagination-inner-container .left-arrow-filler:hover svg g g { stroke: #FFA800; filter: invert(54%) sepia(33%) saturate(7153%) hue-rotate(359deg) brightness(100%) contrast(108%); } .pagination-wrapper .pagination-inner-container .left-arrow svg, .pagination-wrapper .pagination-inner-container .right-arrow svg, .pagination-wrapper .pagination-inner-container .right-arrow-filler svg, .pagination-wrapper .pagination-inner-container .left-arrow-filler svg { width: 18px; height: 18px; fill: #2a2a2a; } .pagination-wrapper .pagination-inner-container .left-arrow svg g g, .pagination-wrapper .pagination-inner-container .right-arrow svg g g, .pagination-wrapper .pagination-inner-container .right-arrow-filler svg g g, .pagination-wrapper .pagination-inner-container .left-arrow-filler svg g g { stroke-width: 4px; filter: invert(99%) sepia(15%) saturate(255%) hue-rotate(277deg) brightness(115%) contrast(100%); } .pagination-wrapper .pagination-inner-container .right-arrow, .pagination-wrapper .pagination-inner-container .right-arrow-filler { margin-left: 20px; left: 0; } .pagination-wrapper .pagination-inner-container .right-arrow svg, .pagination-wrapper .pagination-inner-container .right-arrow-filler svg { transform: rotate(180deg); } .pagination-wrapper .pagination-inner-container .left-arrow, .pagination-wrapper .pagination-inner-container .left-arrow-filler { margin-right: 20px; right: 0; } .pagination-wrapper .pagination-inner-container .right-arrow-filler, .pagination-wrapper .pagination-inner-container .left-arrow-filler { width: 18px; } .pagination-wrapper.userServices { margin: 2.5rem 0 2.5rem 0; } .pagination-wrapper.userServices .pagination-button .pagination-number { font-weight: 100; } @media screen and (max-width: 624px) { .pagination-wrapper.userServices { margin: 1rem 0 2rem 0; } .pagination-wrapper.userServices .pagination-button { width: 25px; height: 25px; } .pagination-wrapper.userServices .pagination-button .pagination-number { padding: 1px 0 0 0; font-size: 1rem; } .pagination-wrapper.userServices .left-arrow, .pagination-wrapper.userServices .right-arrow, .pagination-wrapper.userServices .left-arrow-filler, .pagination-wrapper.userServices .right-arrow-filler { margin: 0 4px; } .pagination-wrapper.userServices .left-arrow svg, .pagination-wrapper.userServices .right-arrow svg, .pagination-wrapper.userServices .left-arrow-filler svg, .pagination-wrapper.userServices .right-arrow-filler svg { width: 13px; height: 13px; } .pagination-wrapper.userServices .right-arrow, .pagination-wrapper.userServices .right-arrow-filler { margin-left: 55px; } .pagination-wrapper.userServices .left-arrow, .pagination-wrapper.userServices .left-arrow-filler { margin-right: 55px; } .pagination-wrapper.userServices .left-arrow-filler, .pagination-wrapper.userServices .right-arrow-filler { width: 13px; } } @media screen and (max-width: 624px) { .pagination-wrapper .pagination-inner-container { align-items: center; } .pagination-wrapper .pagination-inner-container .pagination-button { width: 18px; height: 18px; margin: 0 5px; cursor: pointer; } .pagination-wrapper .pagination-inner-container .pagination-button .pagination-number { padding: 1px 0 0 0; font-size: 0.9rem; } .pagination-wrapper .pagination-inner-container .pagination-dots { font-size: 14px; } .pagination-wrapper .pagination-inner-container .left-arrow, .pagination-wrapper .pagination-inner-container .right-arrow, .pagination-wrapper .pagination-inner-container .left-arrow-filler, .pagination-wrapper .pagination-inner-container .right-arrow-filler { margin: 0 4px; } .pagination-wrapper .pagination-inner-container .left-arrow svg, .pagination-wrapper .pagination-inner-container .right-arrow svg, .pagination-wrapper .pagination-inner-container .left-arrow-filler svg, .pagination-wrapper .pagination-inner-container .right-arrow-filler svg { width: 14px; height: 14px; } .pagination-wrapper .pagination-inner-container .right-arrow, .pagination-wrapper .pagination-inner-container .right-arrow-filler { margin-left: 12px; } .pagination-wrapper .pagination-inner-container .left-arrow, .pagination-wrapper .pagination-inner-container .left-arrow-filler { margin-right: 12px; } .pagination-wrapper .pagination-inner-container .left-arrow-filler, .pagination-wrapper .pagination-inner-container .right-arrow-filler { width: 14px; } } .sub_agent-list-item-container { height: 100px; display: flex; align-content: center; align-items: center; border-bottom: 0.5px solid #ccc; width: 95%; } .sub_agent-list-item-container:last-child { border-bottom: none; } .sub_agent-list-item-container .sub_agent-hover-wrapper { display: flex; flex-direction: row; align-items: center; width: 100%; transition: 0.7s; height: 75px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .orange { margin-right: 8px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .orange.minus { color: #c80000; direction: ltr; } .sub_agent-list-item-container .sub_agent-hover-wrapper:hover { border-radius: 45px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); background-color: #f9f6f1; transition: 0.7s; } .sub_agent-list-item-container .sub_agent-hover-wrapper .name_agent { width: 22%; display: flex; flex-direction: row; align-items: center; } .sub_agent-list-item-container .sub_agent-hover-wrapper .name_agent span { font-size: 14px; font-weight: 400; color: #373431; margin-right: 8px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .name_agent .agent_img { width: 56.9px; height: 56.9px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .tel_agent, .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_agent, .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold, .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_sum, .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold_sum { font-size: 14px; font-weight: 400; color: #373431; display: flex; flex-direction: row; align-items: center; } .sub_agent-list-item-container .sub_agent-hover-wrapper .tel_agent { width: 20%; } .sub_agent-list-item-container .sub_agent-hover-wrapper .tel_agent .agent_phone { width: 16.3px; height: 26px; margin-left: 8px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_agent { width: 20%; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_agent .agent_calc { width: 24px; height: 35px; margin-left: 8px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold { width: 20%; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold .agent_calendar { width: 24.2px; height: 30.7px; margin-left: 8px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold_sum { width: 20%; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold_sum .agent_calendar { width: 45.6px; height: 26.2px; margin-left: 8px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold_sum .agent_coin { width: 8.4px; height: 6.8px; margin-right: 2px; transform: translateY(1.8px); } .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_sum .agent_pig { width: 45.6px; height: 26.2px; margin-left: 8px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_sum .agent_coin { width: 8.4px; height: 6.8px; margin-right: 2px; transform: translateY(1.8px); } @media screen and (max-width: 624px) { .box_shadow { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 10px; } .sub_agent-list-item-container { height: unset; display: flex; align-content: center; flex-direction: column; align-items: center; border-bottom: unset; width: 100%; margin-bottom: 9px; } .sub_agent-list-item-container .mobile_str { width: 100%; height: 50px; background-color: white; position: relative; font-size: 2.5vw; font-weight: 400; color: #373431; display: flex; flex-direction: row; align-items: center; margin-top: -6px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .sub_agent-list-item-container .mobile_str .agent_calendar { width: 12.2px; height: 15.4px; margin: 0 2.5vw 0 2vw; } .sub_agent-list-item-container .mobile_str .agent_pig { width: 16.6px; height: 9.6px; margin: 0 2.5vw 0 2vw; } .sub_agent-list-item-container .mobile_str .agent_coin { width: 8.4px; height: 6.8px; margin-right: 1vw; transform: translateY(0.2px); } .sub_agent-list-item-container .mobile_str .orange { margin-right: 1vw; } .sub_agent-list-item-container .mobile_str .border_ag { width: 100%; background-color: white; height: 0.2px; display: flex; justify-content: center; margin-bottom: 2px; position: absolute; top: 3%; } .sub_agent-list-item-container .mobile_str .border_ag .border_bg { width: 308px; height: 0.2px; background-color: #ccc; } .sub_agent-list-item-container .none { display: none; } .sub_agent-list-item-container .sub_agent-hover-wrapper { display: flex; flex-direction: row; align-items: center; width: 100%; transition: 0.7s; height: 58px; background-color: white; border-radius: 10px; position: relative; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sub_agent_arrow { position: absolute; left: 3.5vw; top: 1.25em; box-sizing: border-box; display: inline-block; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sub_agent_arrow svg { width: 13px; height: 13px; fill: #2a2a2a; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sub_agent_arrow svg g g { stroke: black; stroke-width: 2px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sub_agent_arrow svg g g path { stroke: black; transition: 0.4s; } .sub_agent-list-item-container .sub_agent-hover-wrapper .open { transform: rotate(90deg); top: 1.4em; } .sub_agent-list-item-container .sub_agent-hover-wrapper .open svg g g path { stroke: #ff8f33; transition: 0.4s; } .sub_agent-list-item-container .sub_agent-hover-wrapper .close { transform: rotate(180deg); } .sub_agent-list-item-container .sub_agent-hover-wrapper .orange { margin-right: 1vw; } .sub_agent-list-item-container .sub_agent-hover-wrapper:hover { border-radius: 10px; box-shadow: unset; background-color: white; transition: unset; } .sub_agent-list-item-container .sub_agent-hover-wrapper .name_agent { width: 28vw; display: flex; flex-direction: row; align-items: center; margin-right: 1vw; } .sub_agent-list-item-container .sub_agent-hover-wrapper .name_agent span { font-size: 2.5vw; font-weight: 400; color: #373431; margin-right: 1vw; } .sub_agent-list-item-container .sub_agent-hover-wrapper .name_agent .agent_img { width: 26.3px; height: 26.3px; } .sub_agent-list-item-container .sub_agent-hover-wrapper .tel_agent, .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_agent, .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold, .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_sum, .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold_sum { font-size: 2.5vw; font-weight: 400; color: #373431; display: flex; flex-direction: row; align-items: center; } .sub_agent-list-item-container .sub_agent-hover-wrapper .tel_agent { width: 25vw; } .sub_agent-list-item-container .sub_agent-hover-wrapper .tel_agent .agent_phone { width: 7px; height: 11.2px; margin-left: 1vw; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_agent { width: unset; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_agent .agent_calc { width: 12.2px; height: 15.4px; margin-left: 1vw; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold { width: unset; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold .agent_calendar { width: 12.2px; height: 15.4px; margin-left: 1vw; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold_sum { width: unset; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold_sum .agent_calendar { width: 16.6px; height: 9.6px; margin-left: 1vw; } .sub_agent-list-item-container .sub_agent-hover-wrapper .last_month_sold_sum .agent_coin { width: 8.4px; height: 6.8px; margin-right: 1vw; transform: translateY(0.2px); } .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_sum .agent_pig { width: 14.2px; height: 17.4px; margin-left: 2vw; } .sub_agent-list-item-container .sub_agent-hover-wrapper .sold_sum .agent_coin { width: 8.4px; height: 6.8px; margin-right: 1vw; transform: translateY(0.2px); } .sub_agent-list-item-container:first-child .sub_agent-hover-wrapper { border-top-right-radius: unset; } } .commission-balance-overflow-container { display: flex; justify-content: space-between; margin-bottom: 5px; } .commission-balance-overflow-container .commission-balance-outer { display: flex; flex-direction: column; margin-inline: 10px; min-height: 85px; position: relative; bottom: -50px; transition: all 0.4s ease-out; } .commission-balance-overflow-container .commission-balance-outer.expand { bottom: 3px; transition: all 0.4s ease-in-out; } .commission-balance-overflow-container .commission-balance-outer .commission-balance-line-wrapper { display: flex; margin-bottom: 6px; } .commission-balance-overflow-container .commission-balance-outer .commission-balance-line-wrapper .commission-balance-type { color: #4b4545; font-size: 14px; font-weight: 500; display: flex; width: 91px; justify-content: start; } .commission-balance-overflow-container .commission-balance-outer .commission-balance-line-wrapper.total { height: 20px; } .commission-balance-overflow-container .commission-balance-outer .commission-balance-total-hr { color: #cccccc; border-style: solid; margin: 1px 0; } .commission-balance-overflow-container .commission-balance-expand-button { align-self: flex-end; background: none; border: none; transform: rotate(-90deg); padding: 0; margin: 0 0 14px 10px; } .commission-balance-overflow-container .commission-balance-expand-button svg { width: 18px; height: 18px; } .commission-balance-overflow-container .commission-balance-expand-button svg g g { stroke-width: 3px; stroke: #FFA800; filter: invert(54%) sepia(33%) saturate(7153%) hue-rotate(359deg) brightness(100%) contrast(108%); } .commission-balance-overflow-container .commission-balance-expand-button.opened { transform: rotate(90deg); } .commission-balance-outer .commission-balance-line-values { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0 10px; margin-right: 20px; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit { font-size: 14px; min-width: 90px; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit .commission-balance-unit-bold { font-weight: 500; color: #4b4545; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit .commission-balance-unit-number { margin-right: 7px; font-weight: 500; cursor: pointer; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit .commission-balance-unit-number.zero { cursor: default; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit .commission-balance-unit-number.red { color: #ff0303; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit .commission-balance-unit-number.green { color: #97de1d; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit .commission-balance-unit-number.gray { color: gray; } .commission-balance-outer.single-commission-line { flex-direction: row; justify-content: space-between; width: 100%; margin-bottom: 8px; } .commission-balance-outer.single-commission-line .commission-balance-info { display: flex; } .commission-balance-outer.single-commission-line .commission-balance-line-wrapper { display: flex; justify-content: space-between; width: 435px; margin-right: 20px; } .commission-balance-outer.single-commission-line .commission-balance-line-wrapper .commission-balance-type { color: #4b4545; font-size: 14px; font-weight: 500; margin-left: 10px; } .commission-balance-outer.single-commission-line .commission-balance-line-wrapper .commission-balance-type img { width: 20px; height: 20px; } .commission-balance-outer.single-commission-line .commission-balance-line-wrapper .commission-balance-line-values { width: 70%; margin-right: 0; } .commission-balance-line-wrapper .commission-balance-type { display: flex; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info { display: flex; margin-left: 10px; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-1-wrapper { position: relative; margin: 1px 0 0 5px; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-1-wrapper .commission-balance-info-1 { width: 22px; height: 22px; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-1-wrapper .commission-balance-info-tooltip-1 { visibility: hidden; width: 200px; background-color: #fcf8f1; color: black; text-align: right; border-radius: 14px; padding: 10px 10px; position: absolute; z-index: 1; top: 27px; right: -416%; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); direction: ltr; font-size: 12px; font-weight: 400; line-height: 1.5; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-1-wrapper .commission-balance-info-tooltip-1::after { content: ''; position: absolute; top: -20.5%; right: calc(50% - 7px); border-width: 10px; border-style: solid; border-color: transparent transparent #fcf8f1 transparent; box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.07); } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-1-wrapper:hover .commission-balance-info-tooltip-1 { visibility: visible; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-2-wrapper { position: relative; cursor: pointer; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-2-wrapper .commission-balance-info-2 { width: 23px; height: 23px; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-2-wrapper .commission-balance-info-tooltip-2 { visibility: hidden; width: 120px; background-color: #fcf8f1; color: black; text-align: center; border-radius: 14px; padding: 4px 0; position: absolute; z-index: 1; top: -33px; right: -220%; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07); direction: ltr; font-size: 12px; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-2-wrapper .commission-balance-info-tooltip-2::after { content: ''; position: absolute; top: 100%; right: calc(50% - 7px); border-width: 10px; border-style: solid; border-color: #fcf8f1 transparent transparent transparent; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-2-wrapper:hover .commission-balance-info-tooltip-2 { visibility: visible; } @media screen and (max-width: 1023px) { .commission-balance-overflow-container { width: 500px; margin-bottom: 5px; align-self: start; } .commission-balance-overflow-container .commission-balance-outer { margin-inline: 0px; width: 100%; position: unset; height: 20px; } .commission-balance-overflow-container .commission-balance-outer.expand { transition: all 0.5s ease-in-out 1s; height: auto; } .commission-balance-overflow-container .commission-balance-outer .commission-balance-line-wrapper { margin-bottom: 6px; } .commission-balance-overflow-container .commission-balance-outer .commission-balance-line-wrapper .commission-balance-type { font-size: 14px; } .commission-balance-overflow-container .commission-balance-outer .commission-balance-total-hr { margin: 1px 0; } .commission-balance-overflow-container .commission-balance-expand-button { align-self: flex-start; transform: rotate(90deg); } .commission-balance-overflow-container .commission-balance-expand-button.opened { transform: rotate(-90deg); } .commission-balance-outer .commission-balance-line-values { width: 70%; margin-right: 10px; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell { width: 32%; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit { font-size: 14px; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit .commission-balance-unit-bold { font-weight: 500; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit .commission-balance-unit-number { margin-right: 12px; } .commission-balance-outer.single-commission-line { width: 100%; margin-bottom: 8px; margin-right: 20px; } .commission-balance-outer.single-commission-line .commission-balance-line-wrapper { display: flex; justify-content: space-between; width: 75%; } .commission-balance-outer.single-commission-line .commission-balance-line-wrapper .commission-balance-type { color: #4b4545; font-size: 14px !important; margin-left: 10px; } .commission-balance-outer.single-commission-line .commission-balance-line-wrapper .commission-balance-line-values { width: 100%; margin-right: 0; } } @media screen and (max-width: 624px) { .commission-balance-overflow-container { width: 100%; margin-bottom: 5px; align-self: center; } .commission-balance-overflow-container .commission-balance-outer .commission-balance-line-wrapper .commission-balance-type { font-size: 12px; } .commission-balance-outer .commission-balance-line-values { margin-right: 5px; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit { font-size: 11px; } .commission-balance-outer .commission-balance-line-values .commission-balance-line-cell .commission-balance-unit .commission-balance-unit-number { margin-right: 11px; } .commission-balance-outer.single-commission-line .commission-balance-line-wrapper .commission-balance-type { font-size: 12px !important; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-1-wrapper .commission-balance-info-tooltip-1 { right: -20%; } .commission-balance-line-wrapper .commission-balance-type .commission-balance-info .commission-balance-info-1-wrapper .commission-balance-info-tooltip-1::after { right: 3%; } } .filters_loader_wrapper { display: flex; justify-content: center; align-items: center; } .filters_loader_wrapper .download_clients_wrapper { display: flex; justify-content: center; align-items: center; cursor: pointer; } .filters_loader_wrapper .download_clients_wrapper .download_clients_logo { width: 24px; height: 22px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA0MCAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjU4MTQgMTkuNTU3NEgxMy4wMDI0VjI3LjM2MzZIMTAuNTMwOUwxNC4yOTE5IDMxLjU5MjdMMTguMDUyOSAyNy4zNjM2SDE1LjU4MTRWMTkuNTU3NFoiIGZpbGw9IiMxNkI4NkIiLz4KPHBhdGggZD0iTTIwLjAzNzUgMTQuMjQyMUMxOS44ODQ2IDE0LjI0MjEgMTkuNzQwMiAxNC4yNTA4IDE5LjU4NzMgMTQuMjY4MUMxOC40NzQ3IDEyLjA1MTkgMTYuMjI0MSAxMC41MzEgMTMuNjE2NyAxMC41MzFDOS45MTM2OSAxMC41MzEgNi45MDcxMyAxMy42MDc2IDYuOTA3MTMgMTcuMzk2OUM2LjkwNzEzIDE3LjQ2NjQgNi45MDcxMyAxNy41MzYgNi45MTU2MiAxNy41OTY4QzYuOTE1NjIgMTcuNTk2OCA2LjkxNTYyIDE3LjU5NjggNi45MDcxMyAxNy41OTY4QzQuNzU4MzcgMTcuNTk2OCAzLjAwODc5IDE5LjM3ODUgMy4wMDg3OSAyMS41ODZDMy4wMDg3OSAyMy43OTM1IDQuNzQ5ODggMjUuNTc1MSA2LjkwNzEzIDI1LjU3NTFIMTEuNjgwM1YxOC4xNzA0SDE3LjY1MDlWMjUuNTc1MUgyMC4wMzc1QzIzLjA5NSAyNS41NzUxIDI1LjU3NSAyMy4wMzc0IDI1LjU3NSAxOS45MDg2QzI1LjU3NSAxNi43Nzk4IDIzLjA5NSAxNC4yNDIxIDIwLjAzNzUgMTQuMjQyMVoiIGZpbGw9IiMxNkI4NkIiLz4KPC9zdmc+Cg==) -2px -10px no-repeat; margin: 0 4px; } .filters_loader_wrapper .download_clients_wrapper .download_clients_title { color: #16b86b; font-size: 17px; font-style: normal; font-weight: 500; line-height: -1px; } .filters_loader_wrapper .download_clients_wrapper .load-wrapper { margin: 0 4px; } .filters_loader_wrapper .download_clients_wrapper .load-wrapper img { width: 20px; } .filters_loader_wrapper .download_clients_wrapper.none { display: none; } .filters_loader_wrapper .client-filters-wrapper { position: relative; } .filters_loader_wrapper .client-filters-wrapper .tool_content_wrap { display: none; position: absolute; top: 8px; left: -14px; width: 79px; height: 62px; } .filters_loader_wrapper .client-filters-wrapper .tool_content_wrap .tool_content_wrap { display: flex; justify-content: center; align-items: center; position: relative; } .filters_loader_wrapper .client-filters-wrapper .tool_content_wrap .tool_content_wrap .tool_title { position: absolute; color: #263238; font-size: 12.216px; font-style: normal; font-weight: 500; line-height: normal; bottom: 24px; right: 29px; z-index: 2; } .filters_loader_wrapper .client-filters-wrapper .tool_content_wrap .tool_content_wrap .tool_img { position: absolute; z-index: 1; } .filters_loader_wrapper .client-filters-wrapper .tool_content_wrap.none { visibility: hidden; } .filters_loader_wrapper .client-filters-wrapper:hover .tool_content_wrap { display: flex; } .filters_loader_wrapper .client-filters-wrapper .client-filters-title-container { display: flex; justify-content: center; align-items: center; cursor: pointer; } .filters_loader_wrapper .client-filters-wrapper .client-filters-title-container .title_row_filter { display: flex; justify-content: center; align-items: center; justify-content: space-between; color: #263238; font-weight: 500; line-height: normal; } .filters_loader_wrapper .client-filters-wrapper .client-filters-title-container .title_row_filter .client-filters-title { font-size: 16px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-title-container .title_row_filter .client-filters-count { font-size: 18px; margin-left: 4px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-title-container .client-filters-icon { translate: 1px -5px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; left: -167px; top: 47px; z-index: 11; background-color: white; color: black; box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.16); padding: 22px 22px 22px 22px; width: 240px; border-radius: 20px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip.scroll { padding: 22px 10px 22px 10px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip:not(.visible) { display: none; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-tip { position: absolute; top: -23px; right: 36px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list { display: flex; flex-direction: column; align-items: end; width: 100%; max-height: 210px; overflow: auto; -webkit-overflow-scrolling: touch; direction: ltr; padding-right: 10px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list.scroll { padding-right: 16px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list.scroll::-webkit-scrollbar { width: 4px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item { display: flex; justify-content: center; align-items: center; flex-direction: row-reverse; justify-content: start; height: 2.5rem; min-height: 2.5rem; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-box { display: flex; justify-content: center; align-items: center; height: 18px; width: 18px; border: solid #ccc 1px; border-radius: 2px; cursor: pointer; position: relative; margin-left: 7px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-box .clicker { width: 100%; height: 100%; z-index: 2; position: absolute; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-box .filter_item_img { visibility: hidden; z-index: 1; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item.checked .client-filters-item-box { background-color: #ff8f00; border: solid #ff8f00 1px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item.checked .client-filters-item-box .filter_item_img { visibility: visible; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-text { display: flex; flex-direction: row-reverse; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-text .type_title { color: #373431; font-size: 13px; font-weight: 400; line-height: normal; margin-left: 4px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-text .type_title.all { font-weight: 500; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-text .type_title.blocked { font-weight: 500; color: red; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-text .type_count { color: #ff8f00; font-size: 14px; font-weight: 400; line-height: normal; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-text .type_count.blocked { font-weight: 500; color: red; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .client-filters-list .client-filters-list-item .client-filters-item-text .type_count.deleted { visibility: hidden; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .reset_filter { height: 2.5rem; min-height: 2.5rem; width: 76%; display: flex; justify-content: center; align-items: center; cursor: pointer; justify-content: start; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .reset_filter .reset_icon { margin-left: 11px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .reset_filter .reset_title { display: inline-block; color: #ff8f00; font-size: 13px; font-weight: 500; line-height: normal; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .counter_chosen { height: 2.5rem; min-height: 2.5rem; width: 100%; display: flex; justify-content: center; align-items: center; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .counter_chosen .chosen_title { color: #ff8f00; font-size: 13px; font-weight: 500; line-height: normal; margin-left: 4px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip .counter_chosen .chosen_count { color: #23d5e9; font-size: 14px; font-weight: 500; line-height: normal; } @media screen and (max-width: 624px) { .filters_loader_wrapper .download_clients_wrapper .download_clients_title { display: none; } .filters_loader_wrapper .download_clients_wrapper .download_clients_logo { margin: unset; height: 18.52px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA0MCAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjU4MTQgMTkuNTU3NEgxMy4wMDI0VjI3LjM2MzZIMTAuNTMwOUwxNC4yOTE5IDMxLjU5MjdMMTguMDUyOSAyNy4zNjM2SDE1LjU4MTRWMTkuNTU3NFoiIGZpbGw9IiMxNkI4NkIiLz4KPHBhdGggZD0iTTIwLjAzNzUgMTQuMjQyMUMxOS44ODQ2IDE0LjI0MjEgMTkuNzQwMiAxNC4yNTA4IDE5LjU4NzMgMTQuMjY4MUMxOC40NzQ3IDEyLjA1MTkgMTYuMjI0MSAxMC41MzEgMTMuNjE2NyAxMC41MzFDOS45MTM2OSAxMC41MzEgNi45MDcxMyAxMy42MDc2IDYuOTA3MTMgMTcuMzk2OUM2LjkwNzEzIDE3LjQ2NjQgNi45MDcxMyAxNy41MzYgNi45MTU2MiAxNy41OTY4QzYuOTE1NjIgMTcuNTk2OCA2LjkxNTYyIDE3LjU5NjggNi45MDcxMyAxNy41OTY4QzQuNzU4MzcgMTcuNTk2OCAzLjAwODc5IDE5LjM3ODUgMy4wMDg3OSAyMS41ODZDMy4wMDg3OSAyMy43OTM1IDQuNzQ5ODggMjUuNTc1MSA2LjkwNzEzIDI1LjU3NTFIMTEuNjgwM1YxOC4xNzA0SDE3LjY1MDlWMjUuNTc1MUgyMC4wMzc1QzIzLjA5NSAyNS41NzUxIDI1LjU3NSAyMy4wMzc0IDI1LjU3NSAxOS45MDg2QzI1LjU3NSAxNi43Nzk4IDIzLjA5NSAxNC4yNDIxIDIwLjAzNzUgMTQuMjQyMVoiIGZpbGw9IiMxNkI4NkIiLz4KPC9zdmc+Cg==) -1px -9px no-repeat; background-size: 35px 32px; translate: 4px -3px; } .filters_loader_wrapper .download_clients_wrapper .load-wrapper { margin: unset; translate: 0 -4px; } .filters_loader_wrapper .client-filters-wrapper .tool_content_wrap { visibility: hidden; } .filters_loader_wrapper .client-filters-wrapper .client-filters-title-container .title_row_filter .client-filters-title { font-size: 14px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-title-container .title_row_filter .client-filters-count { font-size: 16px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-title-container .client-filters-icon { width: 20%; translate: 0 -3px; } .filters_loader_wrapper .client-filters-wrapper .client-filters-tooltip { left: -165px; top: 43px; } } @charset "UTF-8"; .client-list-sa-comp-wrapper { min-height: 100vh; width: 100vw; position: relative; top: 80px; display: flex; flex-direction: column; align-items: center; background-color: #f8f8f8; padding-bottom: 170px; } .client-list-sa-comp-wrapper .agent-client-list-header-background { width: 100%; height: 15.3vw; background-image: url(/_next/static/images/agent-subs-background-lg-c3ae98b5432125b95efcbe89b11d8a04.png); background-repeat: no-repeat; background-size: cover; } .client-list-sa-comp-wrapper .agent-client-list-content { width: 91vw; } .client-list-sa-comp-wrapper .agent-client-list-content .client-list-commission-balance-wrapper { width: 100%; max-width: 500px; align-self: flex-end; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row { display: flex; justify-content: space-between; width: 100%; margin-bottom: 12px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col { display: flex; justify-content: space-between; align-items: end; overflow: hidden; padding-bottom: 7px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col button { background: none; padding: 0; margin: 0 0 0 5px; color: #09c2e8; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count { display: flex; align-items: center; background-color: #f8f8f8; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .main-title { color: #FFA800; font-size: 23px; font-weight: 500; margin-bottom: 4px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .counter-container .total-counter { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; color: #09c2e8; margin-inline: 10px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col h1, .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col h3 { margin: 0; color: #2a2a2a; font-weight: 500; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.left-col { display: flex; flex-direction: column; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.left-col .client-search-wrapper { display: flex; justify-content: flex-end; align-items: center; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.left-col .client-search-wrapper .orange-btn { position: relative; display: flex; justify-content: center; align-items: center; height: 24px; font-size: 14px; font-weight: 500; margin-right: 10px; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); border: none; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.left-col .client-search-wrapper .orange-btn .icon-wrapper { display: flex; justify-content: center; align-items: center; left: 6px; top: 7px; width: 18px; height: 18px; padding-bottom: 2px; margin-right: 1rem; background: black; border-radius: 50%; font-size: 1.3rem; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row { display: flex; margin: 12px 0 25px 0; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .total-count-container { display: flex; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .total-count-container .counter-container .total-counter { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; color: #09c2e8; margin-left: 10px; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .total-count-container .counter-container .total-counter .client-counter-name { font-size: 14px; font-weight: 500; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .total-count-container .counter-container .total-counter .client-counter-number { font-size: 17px; font-weight: 500; margin-left: 5px; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .total-count-container button { background: none; padding: 0; margin: 0 0 0 5px; color: #09c2e8; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper { display: flex; align-items: center; justify-content: start; flex-grow: 1; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container { border-left: solid #ccc7c7 2px; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .smile-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-name { font-size: 14px; font-weight: 500; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .smile-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-number { font-size: 17px; font-weight: 500; margin-left: 5px; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container:last-child { border-left: none; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row button { background: none; padding: 0; margin: 0 0 0 5px; color: #09c2e8; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .all-clients-count { display: flex; align-items: center; background-color: #f8f8f8; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .all-clients-count .counter-container .total-counter { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; color: #09c2e8; margin-inline: 10px; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .all-clients-count .counter-container .client-counter-name { font-size: 14px; font-weight: 500; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .all-clients-count .counter-container .client-counter-number { font-size: 17px; font-weight: 500; margin-left: 5px; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper { display: flex; align-items: stretch; justify-content: start; flex-grow: 1; position: relative; right: -35vw; transition: all ease-in-out 0.5s; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper.expand { right: 0; transition: right ease-in-out 0.5s; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container { border-left: solid #ccc7c7 2px; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .עד-120-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .Gold-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .GoldPlus-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .bestCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .smile-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwho360-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwho-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .noSub-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .magenDavidK-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .soulCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .BundleSoulGold-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .BundleSoulGold-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container .deleted-counter { color: #2a2a2a; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; padding-inline: 20px; } .client-list-sa-comp-wrapper .agent-client-list-content .all-counters-row .expandable-counts-wrapper .counter-container:last-child { border-left: none; } .client-list-sa-comp-wrapper .agent-client-list-content .client-list-filter-row { display: flex; justify-content: space-between; } .client-list-sa-comp-wrapper .agent-client-list-content .client-list-filter-row .client-delete-success { color: greenyellow; font-size: 18px; font-weight: 500; align-self: flex-end; margin-left: 5%; margin-bottom: 16px; } .client-list-sa-comp-wrapper .agent-client-list-content .client-list-filter-row .client-delete-success.hide { opacity: 0; transition: opacity ease-in-out 1.3s; } .client-list-sa-comp-wrapper .agent-client-list-content .list-wrapper { display: flex; flex-direction: column; justify-content: center; width: 100%; } .client-list-sa-comp-wrapper .agent-client-list-content .list-wrapper .items-container { width: 100%; padding-inline: 2vw; background-color: white; border-radius: 9px 0 9px 9px; padding-top: 15px; padding-bottom: 15px; margin-bottom: 50px; } .client-list-sa-comp-wrapper .agent-client-list-content .list-wrapper .items-container .placeholder-text { font-weight: 500; color: #2a2a2a; display: block; margin: 0 auto; position: relative; } @media screen and (max-width: 1024px) { .client-list-sa-comp-wrapper { top: 43px; padding-bottom: 30px; } .client-list-sa-comp-wrapper .agent-client-list-header-background { height: 39.5vw; background-image: url(/_next/static/images/client-list-bg-mob-185726b5ff46ef67a32388874ae0330c.png); } .client-list-sa-comp-wrapper .agent-client-list-content { display: flex; flex-direction: column; align-items: center; width: 93%; margin-top: 10px; padding-left: 0; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row { margin-bottom: 0px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col { width: 65%; overflow: unset; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col button { display: none; margin: 0; align-self: center; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col button.opened { transform: rotate(-90deg); } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count { z-index: unset; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .main-title { font-size: 26px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .counter-container .total-counter { margin-right: 10px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .counter-container .total-counter .client-counter-name { font-size: 18px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .counter-container .total-counter .client-counter-number { font-size: 16px; margin-left: 5px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .counter-container .client-counter-name { font-size: 14px; font-weight: 500; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .counter-container .client-counter-number { font-size: 17px; font-weight: 700; margin-left: 5px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.left-col .client-search-wrapper .orange-btn { height: 43px; width: 152px; font-size: 18px; padding: 0; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.left-col .client-search-wrapper .orange-btn .icon-wrapper { width: 24px; height: 24px; padding-bottom: 0px; margin-right: 0.7rem; font-size: 1.6rem; box-shadow: 0 0 2px 1px white; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper { overflow: hidden; margin-top: 10px; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper { display: flex; align-items: stretch; justify-content: space-between; flex-grow: 1; position: relative; z-index: unset; right: unset; top: -25px; transition: top ease-in-out 0.5s; padding-inline: 10px; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper.expand { top: 0; right: unset; transition: top ease-in-out 0.5s; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container { flex-grow: 1; border-left: solid #ccc7c7 2px; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .עד-120-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .Gold-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .GoldPlus-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .bestCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .smile-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho360-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .noSub-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .magenDavidK-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .soulCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulGold-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .deleted-counter { color: #373431 !important; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; padding-inline: 12px; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .smile-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-name { font-size: 15px; font-weight: 500; color: #373431; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .smile-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-number { font-size: 17px; font-weight: 500; margin-left: 5px; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container.no-border { border-left: none; } .client-list-sa-comp-wrapper .agent-client-list-content .client-list-filter-row { justify-content: flex-start; width: 100%; margin-top: 15px; } .client-list-sa-comp-wrapper .agent-client-list-content .list-wrapper .items-container { padding-inline: 0; background-color: transparent; border-radius: 0; padding-top: 0; padding-bottom: 15px; margin-bottom: 30px; } } @media screen and (max-width: 683px) { .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-name, .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-name, .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-name, .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-name, .expandable-counts-wrapper .counter-container .smile-counter .client-counter-name, .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-name, .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-name, .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-name, .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-name, .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter .client-counter-name, .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-name, .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-name, .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-name, .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-name, .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-name { font-weight: 500; color: #373431; } .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-number, .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-number, .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-number, .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-number, .expandable-counts-wrapper .counter-container .smile-counter .client-counter-number, .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-number, .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-number, .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-number, .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-number, .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter .client-counter-number, .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-number, .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-number, .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-number, .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-number, .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-number { font-weight: 500; } } @media screen and (max-width: 683px) { .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-name, .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-name, .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-name, .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-name, .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-name, .expandable-counts-wrapper .counter-container .smile-counter .client-counter-name, .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-name, .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-name, .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-name, .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-name, .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-name, .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-name, .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-name, .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-name { font-size: 13px !important; font-weight: 500; color: #373431; } .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-number, .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-number, .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-number, .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-number, .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-number, .expandable-counts-wrapper .counter-container .smile-counter .client-counter-number, .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-number, .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-number, .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-number, .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-number, .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-number, .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-number, .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-number, .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-number { font-size: 15px !important; font-weight: 500; margin-left: 5px; } } @media screen and (max-width: 624px) { .client-list-sa-comp-wrapper .agent-client-list-content { width: 93%; margin-top: 10px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row { align-items: center; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col { justify-content: space-between; align-items: center; width: 65%; padding: unset; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .main-title { font-size: 16px; margin-bottom: unset; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .counter-container .total-counter { margin-right: 5px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .counter-container .total-counter .client-counter-name { font-size: 10px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.right-col .all-clients-count .counter-container .total-counter .client-counter-number { font-size: 12px; margin-left: 3px; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.left-col { display: flex; justify-content: flex-end; align-items: center; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.left-col .client-search-wrapper .orange-btn { height: 22px; width: 76px; font-size: 9px; font-weight: bold; margin-right: 10px; padding: 0; } .client-list-sa-comp-wrapper .agent-client-list-content .top-row .col.left-col .client-search-wrapper .orange-btn .icon-wrapper { width: 13px; height: 13px; padding-bottom: 0px; margin-right: 0.5rem; font-size: 1rem; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper { height: 5em; width: 31em; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper { height: 5em; display: flex; flex-wrap: wrap; flex-grow: unset; justify-content: center; position: relative; padding-inline: unset; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container { position: relative; width: 10em; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .עד-120-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .Gold-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .GoldPlus-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .bestCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .smile-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho360-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .noSub-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .magenDavidK-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .soulCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulGold-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .deleted-counter { padding-inline: 0px; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .smile-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-name, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-name { font-size: 12px; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .עד-120-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .Gold-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .GoldPlus-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .bestCare-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .smile-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho360-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwho-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAllIn-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .noSub-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .mediwhoAssistant-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .magenDavidK-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .soulCare-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulGold-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .BundleSoulBestCare-counter .client-counter-number, .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container .deleted-counter .client-counter-number { font-size: 14px; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container:first-child > span { padding-right: 0; } .client-list-sa-comp-wrapper .agent-client-list-content .expandable-counter-mobile-wrapper .expandable-counts-wrapper .counter-container:last-child > span { padding-left: 0; } } .sub_agent-list-wrapper { background-color: #f9f9f9; min-height: 100vh; transform: translateY(8.3%); display: flex; flex-direction: column; } .sub_agent-list-wrapper .none { display: none; } .sub_agent-list-wrapper .bg_sub { background-image: url(/_next/static/images/sub_agent_bg-d433491e2e97e7be442b5988f76d7e6f.png); background-size: 100% 100%; height: 15.3vw; width: 100.3vw; background-repeat: no-repeat; background-size: cover; margin-top: -11px; } .sub_agent-list-wrapper .first-row-sub_agent { display: flex; flex-direction: row; justify-content: end; margin: 6px 5vw 0 5vw; padding-left: calc(136px - 5vw); } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles { display: flex; flex-direction: row; width: 64%; align-items: center; padding-bottom: 11px; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .main-title { font-size: 23px; font-weight: 500; color: #ff7300; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .counter-title { font-size: 14px; font-weight: 500; color: #09c2e8; margin-top: 3px; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .counter-title .count { font-size: 18px; font-weight: bold; margin: 0 10px 0 5px; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title { display: flex; flex-direction: row; margin-right: 8px; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title .title { font-size: 18px; font-weight: 400; margin: 0 5px 0 5px; color: black; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title .title .sub_sum { font-size: 18px; font-weight: 500; margin: 0 5px 0 0; color: black; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title .coin { width: 11px; height: 9.1px; transform: translateY(7px); } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title .arrow_earn { width: 6.2px; height: 11.3px; margin-left: 5px; transform: translateY(6px); } .sub_agent-list-wrapper .first-row-sub_agent .sub_agent-first-row-left-col { display: flex; flex-direction: column; } .sub_agent-list-wrapper .first-row-sub_agent .sub_agent-first-row-left-col .sub_agent-search-and-btn-container { display: flex; } .sub_agent-list-wrapper .first-row-sub_agent .sub_agent-first-row-left-col .sub_agent-search-and-btn-container .sub_agent-outBtn { width: 148.8px; height: 40px; border-radius: 34px; background-image: linear-gradient(to bottom, #fa9e03, #fc4a1a); display: flex; align-items: center; justify-content: center; transition: 1s; } .sub_agent-list-wrapper .first-row-sub_agent .sub_agent-first-row-left-col .sub_agent-search-and-btn-container .sub_agent-outBtn:hover { transform: scale(1.03); transition: 1s; } .sub_agent-list-wrapper .first-row-sub_agent .sub_agent-first-row-left-col .sub_agent-search-and-btn-container .sub_agent-outBtn .sub_btn { font-size: 14px; font-weight: 500; color: #fff; } .sub_agent-list-wrapper .items_switcher { display: flex; flex-direction: row; } .sub_agent-list-wrapper .items_switcher .margin { margin-right: 5vw; } .sub_agent-list-wrapper .items_switcher .label_titles { width: 140px; height: 70px; margin-right: 5vw; margin-top: 10px; background-color: white; display: flex; align-items: center; justify-content: center; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .sub_agent-list-wrapper .items_switcher .label_titles .title { font-size: 14px; font-weight: 500; color: #ff7200; } .sub_agent-list-wrapper .items_switcher .label_titles_sub { width: 140px; height: 70px; margin-top: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .sub_agent-list-wrapper .items_switcher .label_titles_sub:hover .title { font-size: 15px; color: #ff7200; } .sub_agent-list-wrapper .items_switcher .label_titles_sub .title { font-size: 14px; font-weight: 500; color: black; transition: 0.2s; } .sub_agent-list-wrapper .items_switcher .no_margin { margin-right: 0; } .sub_agent-list-wrapper .sub_agent-labels { margin: 0 5vw 50px 136px; background-color: white; border-radius: 1rem 0 1rem 1rem; display: flex; flex-direction: column; align-items: center; min-height: 30px; } .sub_agent-list-wrapper .sub_agent-labels .placeholder-text { color: black; text-align: center; font-weight: 500; font-size: 20px; margin-top: 10em; } .sub_agent-list-wrapper .pagination-wrapper.subAgentList { margin-bottom: 30px; } @media screen and (max-width: 624px) { .sub_agent-list-wrapper { height: 70em; transform: translateY(4%); flex-wrap: wrap; } .sub_agent-list-wrapper .bg_sub { background-image: url(/_next/static/images/sub_agent_bg_mobile-996046f2f355a86f1db762745290df13.png); height: 164px; } .sub_agent-list-wrapper .sub_agent-commission-balance-row { display: flex; flex-direction: row; justify-content: end; margin: 6px 5vw 0 5vw; padding-left: 0; } .sub_agent-list-wrapper .sub_agent-commission-balance-row .sub_agent-commission-balance-wrapper { width: 100%; } .sub_agent-list-wrapper .first-row-sub_agent { display: flex; margin: -10px 4vw 20px 4vw; flex-direction: row; flex-wrap: wrap; align-items: end; justify-content: right; padding-left: 0; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles { display: flex; flex-direction: row; width: unset; margin-bottom: 20px; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .main-title { font-size: 4.3vw; font-weight: bold; color: #fd7200; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .counter-title { font-size: 2.7vw; font-weight: 500; color: #09c2e8; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .counter-title .count { font-size: 3vw; font-weight: bold; margin: 0 5px 0 5px; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title { display: flex; flex-direction: row; margin-right: 2vw; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title .title { font-size: 3vw; font-weight: 400; margin: 0 2vw 0 .7vw; color: black; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title .title .sub_sum { font-size: 4vw; font-weight: 500; margin: 0 2vw 0 0; color: black; } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title .coin { width: 10.3px; height: 8px; transform: translateY(0.8vh); } .sub_agent-list-wrapper .first-row-sub_agent .sub-titles .earn_title .arrow_earn { width: 5.2px; height: 10.3px; margin-left: 1.3vw; transform: translateY(6px); } .sub_agent-list-wrapper .first-row-sub_agent .sub_agent-outBtn { width: 22vw; height: 25px; display: flex; align-items: center; justify-content: center; margin-bottom: 3px; } .sub_agent-list-wrapper .first-row-sub_agent .sub_agent-outBtn .sub_btn { font-size: 2.4vw; } .sub_agent-list-wrapper .items_switcher { display: flex; flex-direction: row; } .sub_agent-list-wrapper .items_switcher .margin { margin-right: 5vw; } .sub_agent-list-wrapper .items_switcher .label_titles { width: 120px; height: 50px; margin-right: 5vw; margin-top: 10px; background-color: white; display: flex; align-items: center; justify-content: center; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .sub_agent-list-wrapper .items_switcher .label_titles .title { font-size: 11px; font-weight: 500; color: #fd7200; } .sub_agent-list-wrapper .items_switcher .label_titles_sub { width: 120px; height: 50px; margin-top: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .sub_agent-list-wrapper .items_switcher .label_titles_sub:hover .title { font-size: 11px; color: #ff8f33; } .sub_agent-list-wrapper .items_switcher .label_titles_sub .title { font-size: 11px; font-weight: 400; color: black; transition: 0.9s; } .sub_agent-list-wrapper .items_switcher .no_margin { margin-right: 0; } .sub_agent-list-wrapper .sub_agent-labels { margin: 0 5vw 3vw 5vw; background-color: unset; border-radius: 1rem 0 1rem 1rem; display: flex; flex-direction: column; align-items: center; height: unset; } .sub_agent-list-wrapper .none { display: none; } } .sub_agent-search-filters-container { width: 450px; height: 40px; background-color: white; border-radius: 2rem; box-shadow: 0 0 7px 5px #e6e9fb; position: relative; margin-left: 10px; } .sub_agent-search-filters-container .sub_agent-search-bar-wrapper form .sub_agent-search-bar-input { border: none; border-radius: 25px; height: 40px; width: 100%; padding-right: 15px; } .sub_agent-search-filters-container .sub_agent-search-bar-wrapper form .sub_agent-search-bar-input::placeholder { font-size: 14px; color: #b1abab; opacity: .4; font-weight: 400; } .sub_agent-search-filters-container .sub_agent-search-bar-wrapper form .sub_agent-search-bar-input:focus { outline-color: #fd7200; } .sub_agent-search-filters-container .sub_agent-search-bar-wrapper form .sub_agent-search-btn { background: none; position: absolute; left: 0%; top: -2.5%; transition: 1s; padding: unset; } .sub_agent-search-filters-container .sub_agent-search-bar-wrapper form .sub_agent-search-btn .magGlass { width: 44px; } @media screen and (max-width: 624px) { .sub_agent-search-filters-container { width: 67vw; margin-left: 10px; } .sub_agent-search-filters-container .sub_agent-search-bar-wrapper form .sub_agent-search-bar-input { font-size: 12px; } .sub_agent-search-filters-container .sub_agent-search-bar-wrapper form .sub_agent-search-bar-input::placeholder { font-size: 12px; font-weight: 400; } } .customer_services { position: relative; display: flex; flex-direction: column; align-items: center; min-height: 100vh; padding: unset; background-color: #f9f9f9; } .customer_services .main_picture { margin-top: 6.8rem; } .customer_services .main_picture .main_img { width: 100%; } .customer_services .items_section { display: flex; flex-direction: column; width: 125em; height: content-box; margin-top: 1.3rem; border-radius: 1rem; background-color: white; padding: 0.5rem 1.5rem 0.5rem 0; } .customer_services .no_data { font-size: 2rem; color: black; margin-top: 6rem; } @media screen and (max-width: 1440px) { .customer_services .items_section { width: 112rem; } } @media screen and (max-width: 1024px) { .customer_services { width: 100vw; } .customer_services .main_picture { margin-top: 44px; } .customer_services .main_picture .main_img { width: 100%; } .customer_services .items_section { width: 95vw; } } @media screen and (max-width: 1023px) { .customer_services { width: 100vw; } .customer_services .main_picture { margin-top: 44px; } .customer_services .main_picture .main_img { width: 100%; } .customer_services .items_section { width: 95vw; } } @media screen and (max-width: 624px) { .customer_services .main_picture { margin-top: 44px; } .customer_services .main_picture .main_img { width: 100%; } .customer_services .items_section { display: flex; flex-direction: column; width: 90%; height: unset; margin-top: 10px; border-radius: unset; background-color: unset; padding: unset; } } .agent-list-comp-wrapper { width: 73.6vw; background-color: #f9f9f9; position: relative; padding: 0 0 5rem; display: flex; flex-direction: column; align-items: center; margin-top: 2.5rem; } .agent-list-comp-wrapper .list-wrapper { display: flex; flex-direction: column; align-items: center; background-color: #f9f9f9; margin-top: 2.5rem; width: 100%; } .agent-list-comp-wrapper .list-wrapper .items-container { width: 100%; background-color: #f9f9f9; display: flex; flex-direction: column; align-items: stretch; justify-content: center; position: relative; } .agent-list-comp-wrapper .list-wrapper .items-container .agent-list-loading { display: flex; align-self: center; height: 80px; width: 80px; position: absolute; top: calc(50% - 40px); z-index: 1; } .agent-list-comp-wrapper .list-wrapper .items-container .agent-list-loading-blur { height: 100%; width: 100%; position: absolute; top: 0; backdrop-filter: blur(3px); } .agent-list-comp-wrapper .list-wrapper .items-container .placeholder-text { font-weight: 500; color: #2a2a2a; display: block; margin: 0 auto; position: relative; top: 25vh; } .agent-list-comp-wrapper .list-wrapper .no-agents { margin: 0 auto; } .agent-list-comp-wrapper .list-header { width: 100%; height: 3.61vw; object-fit: contain; box-shadow: 0 3px 16px 0 #e7eafc; display: flex; justify-content: space-between; color: #ff7200; background-image: linear-gradient(to bottom, #f9fcfc, #f5f7fc); } .agent-list-comp-wrapper .list-header .list-Header-t-container { display: flex; vertical-align: middle; width: 33%; justify-content: center; align-items: center; font-size: 15px; } .agent-list-comp-wrapper .list-header .list-Header-t-container:child { color: #fd7200; } .agent-list-comp-wrapper .agent-list-pagination-row { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList { align-self: flex-start; width: 20%; min-width: 202px; margin-right: 6%; } .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList .pagination-inner-container { width: 100%; } .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList .pagination-inner-container .pagination-button { width: 22px; height: 22px; margin: 0 3px; cursor: pointer; } .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList .pagination-inner-container .pagination-button .pagination-number { font-size: 1.2rem; font-weight: 500; } .agent-list-comp-wrapper .agent-list-pagination-row .agent-list-pagination-text { width: 20%; margin-left: 1%; font-size: 14px; } @media only screen and (max-width: 1023px) { .agent-list-comp-wrapper { width: 95vw; padding: 0; margin-top: 0; } .agent-list-comp-wrapper .list-header { align-items: center; } .agent-list-comp-wrapper .list-header .list-Header-t-container { height: 8vw; font-size: 11px; font-weight: 500; } .agent-list-comp-wrapper .list-wrapper .items-container { padding: 0; height: unset; } .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList .pagination-inner-container .pagination-button .pagination-number { font-size: 12px; } .agent-list-comp-wrapper .agent-list-pagination-row .agent-list-pagination-text { font-size: 12px; } } @media only screen and (max-width: 624px) { .agent-list-comp-wrapper .list-header { height: 9vw; font-size: 10px; } .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList { min-width: 190px; margin-right: 0; } .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList .pagination-inner-container .left-arrow, .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList .pagination-inner-container .right-arrow { height: 14px; } .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList .pagination-inner-container .pagination-button { width: 16px; height: 16px; } .agent-list-comp-wrapper .agent-list-pagination-row .pagination-wrapper.AgentsList .pagination-inner-container .pagination-button .pagination-number { font-size: 10px; } .agent-list-comp-wrapper .agent-list-pagination-row .agent-list-pagination-text { width: 26%; font-size: 10px; } } .agents-list-page { background-color: #f9f9f9; position: relative; top: 80px; display: flex; flex-direction: column; align-items: center; align-self: center; justify-content: center; font-family: Rubik; font-size: 17px; font-weight: bold; line-height: 1.35; color: #000; } .agents-list-page .agent-list-footer { background-image: url(/_next/static/images/agent-list-footer-1bdff118aa7b2dda8b7ba47c9e615edb.png); background-size: cover; height: 23vw; width: 100vw; } @media screen and (max-width: 1023px) { .agents-list-page { top: 43px; } .agents-list-page .agent-list-footer { height: 30vw; } } @media screen and (max-width: 624px) { .agents-list-page { top: 43px; } .agents-list-page .agent-list-footer { height: 29vw; } } .live-commissions-search-wrapper { display: flex; align-items: center; margin-right: auto; height: 38px; } .live-commissions-search-wrapper .live-commissions-search-oval { display: flex; justify-content: space-between; align-items: center; background-color: white; min-width: 0px; height: 10px; transition: min-width ease-in-out 0.4s, height ease-in 0.4s; } .live-commissions-search-wrapper .live-commissions-search-oval .live-commissions-search-input { outline: none; background-color: white; border: none; height: 0; width: 0; padding: 0; } .live-commissions-search-wrapper .live-commissions-search-oval .live-commissions-search-image { cursor: pointer; } .live-commissions-search-wrapper .live-commissions-search-oval .live-commissions-search-label { color: #FA9E03; font-size: 12px; font-weight: 500; margin: 2px 10px 0 -3px; transition: margin ease-in 0.4s; cursor: pointer; } .live-commissions-search-wrapper.opened .live-commissions-search-oval { height: 100%; min-width: 280px; border-radius: 22px; box-shadow: 0 3px 20px 2px #d7ddef; transition: height ease-in 0.3s, min-width ease-out 0.4s 0.3s; } .live-commissions-search-wrapper.opened .live-commissions-search-oval .live-commissions-search-input { height: 100%; flex: 1 1; } .live-commissions-search-wrapper.opened .live-commissions-search-oval .live-commissions-search-label { margin: 2px 10px 0 5px; transition: margin linear 0.7s; cursor: unset; } @media screen and (max-width: 624px) { .live-commissions-search-wrapper.opened .live-commissions-search-oval { min-width: 100%; } } .popup-wrapper.liveCommissionsPopup .popup-box { height: auto; width: auto; border-radius: 22px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content { display: flex; flex-direction: column; color: black; width: 1098px; height: 600px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content.isParentAgent { height: 642px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-popup-top-row { align-self: stretch; position: relative; display: flex; justify-content: center; margin-inline: 45px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-popup-top-row .live-commissions-popup-close { position: absolute; right: -15px; top: 20px; font-size: 30px; color: #fa810a; transform: rotate(45deg); cursor: pointer; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-popup-top-row .live-commissions-popup-robot { width: 190px; margin-top: -100px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-big-spinner { height: 200px; margin: auto 0 170px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-parent-tab-container { display: flex; margin-inline: 45px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-parent-tab-container .live-commissions-parent-tab { width: 160px; height: 42px; display: flex; border-radius: 42px; color: black; background-color: #f9f6f1; font-size: 15px; cursor: pointer; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-parent-tab-container .live-commissions-parent-tab:hover { color: #fa810a; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-parent-tab-container .live-commissions-parent-tab:first-child { margin-left: 14px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-parent-tab-container .live-commissions-parent-tab span { margin: auto auto; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-parent-tab-container .live-commissions-parent-tab.selected { border: none; background-color: #fa810a; color: white; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container { display: flex; margin-top: 20px; margin-inline: 45px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right { display: flex; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab { width: 124px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; border-left: solid #e1e1e1 1px; cursor: pointer; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab span:hover { transform: scale(1.05); } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab .live-commissions-tab-coin { display: none; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab.credit { color: #97de1d; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab.debt { color: #ff0303; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab.selected { text-decoration: underline; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab.selected .live-commissions-tab-coin { width: 20px; height: 20px; margin-left: 4px; display: inline; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab.selected span { margin-left: 24px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab:hover .live-commissions-tab-coin { width: 20px; height: 20px; margin-left: 4px; display: inline; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab:hover span { margin-left: 24px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-checkbox-container { display: flex; align-items: center; padding-inline: 17px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-checkbox-container .checkbox2-container.live-commissions-month-checkbox { margin-bottom: 6px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-checkbox-container .checkbox2-container.live-commissions-month-checkbox .checkbox2-label { color: #8e8e8e; font-size: 16px; font-weight: 500; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-checkbox-container .checkbox2-container.live-commissions-month-checkbox .checkbox2-box { height: 1.9rem; width: 1.9rem; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-checkbox-container .checkbox2-container.live-commissions-month-checkbox .checkbox2-box.active { height: 1.9rem; width: 1.9rem; background-size: 90% 102%; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-small-spinner-container { display: flex; align-items: center; height: 30px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-small-spinner-container .live-commissions-small-spinner { width: 56px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-left { margin-right: auto; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom { display: flex; justify-content: space-between; margin: 20px 0; padding-inline: 4.6%; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom .live-commissions-error span { font-size: 15px; color: #ff0303; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom .live-commissions-totals { width: 280px; font-size: 15px; font-weight: 500; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom .live-commissions-totals .live-commissions-total-row { width: 100%; display: flex; justify-content: space-between; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom .live-commissions-totals .live-commissions-total-row span:first-child { margin-left: 10px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom .live-commissions-totals .live-commissions-total-row .red { color: #ff0303; direction: ltr; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom .live-commissions-totals .live-commissions-total-row .green { color: #97de1d; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-pagination-container { height: 20px; margin-top: 14px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-pagination-container .pagination-wrapper .pagination-inner-container { width: unset; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-pagination-container .pagination-wrapper .pagination-inner-container .right-arrow, .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-pagination-container .pagination-wrapper .pagination-inner-container .left-arrow, .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-pagination-container .pagination-wrapper .pagination-inner-container .right-arrow-filler, .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-pagination-container .pagination-wrapper .pagination-inner-container .left-arrow-filler { position: unset; } @media screen and (max-width: 624px) { .popup-wrapper.liveCommissionsPopup .popup-box { width: 95%; padding: 0 14px 0 14px; border-radius: 12px; margin-top: 16px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content { width: 100%; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-popup-top-row { margin-inline: unset; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-popup-top-row .live-commissions-popup-close { right: -5px; top: 15px; font-size: 25px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-popup-top-row .live-commissions-popup-robot { width: 100px; margin-top: -23px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-parent-tab-container { justify-content: center; margin-top: 20px; margin-inline: unset; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-parent-tab-container .live-commissions-parent-tab { width: 120px; height: 32px; border-radius: 32px; font-size: 12px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container { margin-top: 10px; margin-inline: unset; flex-direction: column; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right { justify-content: center; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab { width: 110px; height: 30px; font-size: 14px; cursor: pointer; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-tab:last-child { border-left: none; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-checkbox-container { padding: 0 10px 0 0; margin-bottom: -4px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-checkbox-container .checkbox2-container.live-commissions-month-checkbox .checkbox2-box { min-width: 1.5rem; width: 1.5rem; height: 1.5rem; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-checkbox-container .checkbox2-container.live-commissions-month-checkbox .checkbox2-label { font-size: 12px; line-height: 1; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-small-spinner-container { height: 26px; position: absolute; left: 0; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-small-spinner-container .live-commissions-small-spinner { width: 30px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-right .live-commissions-small-spinner-container .live-commissions-spinner-filler { width: 30px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-tab-container .live-commissions-tab-left { margin: 10px 12px 0 12px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom { flex-direction: column; justify-content: flex-start; margin: 0; padding-inline: 2%; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom .live-commissions-error { height: 15px; font-size: 13px; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom .live-commissions-totals { margin: 3px 0 0; font-size: 13px; width: 100%; } .popup-wrapper.liveCommissionsPopup .popup-box .live-commissions-popup-content .live-commissions-bottom .live-commissions-totals.sub-agents { margin: 0; } } .popup-wrapper.visible.generalSuccess .popup-box { height: 30em; width: 45em; } .general_box_wrapper { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; } .general_box_wrapper .first_row { display: flex; flex-direction: row; justify-content: space-between; height: 10rem; width: 100%; } .general_box_wrapper .first_row .success_request { width: 15rem; height: 12rem; transform: translateY(-6rem); } .general_box_wrapper .first_row .close_btn { padding: 1.5rem 1.5rem; } .general_box_wrapper .first_row .close_btn svg { width: 15px; height: 15px; cursor: pointer; } .general_box_wrapper .content_row { display: flex; flex-direction: column; width: 100%; } .general_box_wrapper .content_row .title { margin-bottom: 4rem; } .general_box_wrapper .content_row .title .text { color: black; font-weight: 500; } .general_box_wrapper .content_row .btn_row { width: 50%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; } .general_box_wrapper .content_row .btn_row.center { justify-content: center; } .general_box_wrapper .content_row .btn_row button { background-color: #ff8f33; } .general_box_wrapper .triangles { margin-top: 5rem; width: 20rem; height: 4rem; } @media screen and (max-width: 624px) { .popup-wrapper.visible.generalSuccess .popup-box { height: 30em; width: 99vw; } .popup-wrapper.visible.generalSuccess .general_box_wrapper { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.generalSuccess .general_box_wrapper .first_row { display: flex; flex-direction: row; justify-content: space-between; height: 10rem; width: 100%; } .popup-wrapper.visible.generalSuccess .general_box_wrapper .first_row .success_request { width: 15rem; height: 12rem; transform: translateY(-6rem); } .popup-wrapper.visible.generalSuccess .general_box_wrapper .first_row .close_btn { padding: 1.5rem 1.5rem; } .popup-wrapper.visible.generalSuccess .general_box_wrapper .first_row .close_btn svg { width: 15px; height: 15px; cursor: pointer; } .popup-wrapper.visible.generalSuccess .general_box_wrapper .content_row { display: flex; flex-direction: column; width: 100%; } .popup-wrapper.visible.generalSuccess .general_box_wrapper .content_row .title { margin-bottom: 4rem; } .popup-wrapper.visible.generalSuccess .general_box_wrapper .content_row .title .text { color: black; font-weight: 500; } .popup-wrapper.visible.generalSuccess .general_box_wrapper .content_row .btn_row { width: 100%; margin: 0 auto; justify-content: space-around; } .popup-wrapper.visible.generalSuccess .general_box_wrapper .triangles { margin-top: 4rem; width: 17rem; height: 3rem; } } .search_section { display: flex; flex-direction: row; position: relative; width: 27rem; } .search_section .error { color: red; position: absolute; bottom: -1.7rem; right: 27%; left: 0; } .search_section .search_input_wrapper { position: relative; width: 75%; height: 3.5rem; border-radius: 41.2px; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; flex-direction: row; align-items: center; justify-content: center; } .search_section .search_input_wrapper .search-input { outline: unset; border: none; background-color: white; color: #b1abab; font-size: 1.4rem; } .search_section .search_input_wrapper .search-input::placeholder { opacity: 0.5; color: #b1abab; } .search_section .search_input_wrapper .search_img { position: absolute; left: 0; top: -0.1rem; cursor: pointer; } .search_section .search_input_wrapper .search_img:hover { transform: scale(1.1); } .search_section .search_input_wrapper .load-wrapper { position: absolute; left: .5rem; top: .5rem; } .search_section .search_type { position: relative; height: 3.5rem; width: 25%; border-radius: 41.2px; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; cursor: pointer; flex-direction: row; align-items: center; padding: 0 0.5rem 0 0.8rem; margin-left: 1rem; z-index: 10; } .search_section .search_type .arrows { color: #b1abab; font-size: 1.5rem; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .search_section .search_type .arrows.down { color: #ff8f33; transform: rotate(-90deg); } .search_section .search_type .type_title { color: #b1abab; font-size: 1.35rem; width: 80%; } .search_section .types_wrapper { position: absolute; top: 3rem; right: 0; left: 20.5rem; margin-left: auto; margin-right: auto; width: 0; height: 0; border-radius: 20px; background-color: white; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .search_section .types_wrapper.open { height: 5.8rem; width: 6rem; } .search_section .types_wrapper.open .content_box { width: 100%; } .search_section .types_wrapper.open .content_box .bottom-line { height: .1rem; width: 80%; background-color: rgba(177, 171, 171, 0.2); margin: .3rem auto .3rem auto; } .search_section .types_wrapper.open .content_box .title { color: #b1abab; font-size: 1.2rem; } .search_section .types_wrapper.open .content_box .title:hover { color: #ff8f33; cursor: pointer; } .select_section { display: flex; flex-direction: column; visibility: hidden; height: 0; transition: .1ms; } .select_section .title { visibility: hidden; transition: .1ms; } .select_section .names, .select_section .options, .select_section .sub_options { visibility: hidden; transition: .1ms; } .select_section.show { visibility: visible; transition: .8s; height: 13em; } .select_section.show.height { height: 19em; } .select_section.show .title { font-size: 1.2rem; color: #616161; font-weight: normal; margin: 1rem 1.5rem 0 0; text-align: right; visibility: visible; transition: 2s; } .select_section.show .names, .select_section.show .options, .select_section.show .sub_options { position: relative; width: 27rem; height: 3.5rem; min-height: 3.5rem; border-radius: 41.2px; background-color: white; display: flex; flex-direction: row; align-items: center; padding: 0 1.5rem 0 1.5rem; justify-content: space-between; cursor: pointer; visibility: visible; transition: 2s; } .select_section.show .names .name_arrows, .select_section.show .options .name_arrows, .select_section.show .sub_options .name_arrows { color: #b1abab; font-size: 1.5rem; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); z-index: 3; } .select_section.show .names .name_arrows.down, .select_section.show .options .name_arrows.down, .select_section.show .sub_options .name_arrows.down { color: #ff8f33; transform: rotate(-90deg); } .select_section.show .names .name_arrows.no, .select_section.show .options .name_arrows.no, .select_section.show .sub_options .name_arrows.no { visibility: hidden; } .select_section.show .names .name_title, .select_section.show .options .name_title, .select_section.show .sub_options .name_title { color: #b1abab; font-size: 1.35rem; z-index: 3; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .select_section.show .names .cloud, .select_section.show .names .cloud_, .select_section.show .options .cloud, .select_section.show .options .cloud_, .select_section.show .sub_options .cloud, .select_section.show .sub_options .cloud_ { position: absolute; left: 0; right: 0; width: 100%; height: 100%; background-color: white; border-radius: 41.2px; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); z-index: 2; } .select_section.show .names .cloud.no, .select_section.show .names .cloud_.no, .select_section.show .options .cloud.no, .select_section.show .options .cloud_.no, .select_section.show .sub_options .cloud.no, .select_section.show .sub_options .cloud_.no { background-color: rgba(177, 171, 171, 0.1); } .select_section.show .names .users_list, .select_section.show .names .options_list, .select_section.show .names .sub_options_list, .select_section.show .options .users_list, .select_section.show .options .options_list, .select_section.show .options .sub_options_list, .select_section.show .sub_options .users_list, .select_section.show .sub_options .options_list, .select_section.show .sub_options .sub_options_list { max-height: 0; width: 0; position: absolute; right: 0; left: 0; margin-left: auto; margin-right: auto; visibility: hidden; top: 3.4rem; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); z-index: 1; overflow: hidden; } .select_section.show .names .users_list .wrapper_items, .select_section.show .names .users_list .wrapper_options, .select_section.show .names .options_list .wrapper_items, .select_section.show .names .options_list .wrapper_options, .select_section.show .names .sub_options_list .wrapper_items, .select_section.show .names .sub_options_list .wrapper_options, .select_section.show .options .users_list .wrapper_items, .select_section.show .options .users_list .wrapper_options, .select_section.show .options .options_list .wrapper_items, .select_section.show .options .options_list .wrapper_options, .select_section.show .options .sub_options_list .wrapper_items, .select_section.show .options .sub_options_list .wrapper_options, .select_section.show .sub_options .users_list .wrapper_items, .select_section.show .sub_options .users_list .wrapper_options, .select_section.show .sub_options .options_list .wrapper_items, .select_section.show .sub_options .options_list .wrapper_options, .select_section.show .sub_options .sub_options_list .wrapper_items, .select_section.show .sub_options .sub_options_list .wrapper_options { width: 0; max-height: 0; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .select_section.show .names .users_list .wrapper_items .users_items, .select_section.show .names .users_list .wrapper_items .options_items, .select_section.show .names .users_list .wrapper_options .users_items, .select_section.show .names .users_list .wrapper_options .options_items, .select_section.show .names .options_list .wrapper_items .users_items, .select_section.show .names .options_list .wrapper_items .options_items, .select_section.show .names .options_list .wrapper_options .users_items, .select_section.show .names .options_list .wrapper_options .options_items, .select_section.show .names .sub_options_list .wrapper_items .users_items, .select_section.show .names .sub_options_list .wrapper_items .options_items, .select_section.show .names .sub_options_list .wrapper_options .users_items, .select_section.show .names .sub_options_list .wrapper_options .options_items, .select_section.show .options .users_list .wrapper_items .users_items, .select_section.show .options .users_list .wrapper_items .options_items, .select_section.show .options .users_list .wrapper_options .users_items, .select_section.show .options .users_list .wrapper_options .options_items, .select_section.show .options .options_list .wrapper_items .users_items, .select_section.show .options .options_list .wrapper_items .options_items, .select_section.show .options .options_list .wrapper_options .users_items, .select_section.show .options .options_list .wrapper_options .options_items, .select_section.show .options .sub_options_list .wrapper_items .users_items, .select_section.show .options .sub_options_list .wrapper_items .options_items, .select_section.show .options .sub_options_list .wrapper_options .users_items, .select_section.show .options .sub_options_list .wrapper_options .options_items, .select_section.show .sub_options .users_list .wrapper_items .users_items, .select_section.show .sub_options .users_list .wrapper_items .options_items, .select_section.show .sub_options .users_list .wrapper_options .users_items, .select_section.show .sub_options .users_list .wrapper_options .options_items, .select_section.show .sub_options .options_list .wrapper_items .users_items, .select_section.show .sub_options .options_list .wrapper_items .options_items, .select_section.show .sub_options .options_list .wrapper_options .users_items, .select_section.show .sub_options .options_list .wrapper_options .options_items, .select_section.show .sub_options .sub_options_list .wrapper_items .users_items, .select_section.show .sub_options .sub_options_list .wrapper_items .options_items, .select_section.show .sub_options .sub_options_list .wrapper_options .users_items, .select_section.show .sub_options .sub_options_list .wrapper_options .options_items { visibility: hidden; } .select_section.show .names .users_list.show, .select_section.show .names .options_list.show, .select_section.show .names .sub_options_list.show, .select_section.show .options .users_list.show, .select_section.show .options .options_list.show, .select_section.show .options .sub_options_list.show, .select_section.show .sub_options .users_list.show, .select_section.show .sub_options .options_list.show, .select_section.show .sub_options .sub_options_list.show { width: 100%; max-height: 160px; border-radius: 20px; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; visibility: visible; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 1rem; padding-bottom: 1rem; } .select_section.show .names .users_list.show .wrapper_items, .select_section.show .names .users_list.show .wrapper_options, .select_section.show .names .users_list.show .wrapper_sub_options, .select_section.show .names .options_list.show .wrapper_items, .select_section.show .names .options_list.show .wrapper_options, .select_section.show .names .options_list.show .wrapper_sub_options, .select_section.show .names .sub_options_list.show .wrapper_items, .select_section.show .names .sub_options_list.show .wrapper_options, .select_section.show .names .sub_options_list.show .wrapper_sub_options, .select_section.show .options .users_list.show .wrapper_items, .select_section.show .options .users_list.show .wrapper_options, .select_section.show .options .users_list.show .wrapper_sub_options, .select_section.show .options .options_list.show .wrapper_items, .select_section.show .options .options_list.show .wrapper_options, .select_section.show .options .options_list.show .wrapper_sub_options, .select_section.show .options .sub_options_list.show .wrapper_items, .select_section.show .options .sub_options_list.show .wrapper_options, .select_section.show .options .sub_options_list.show .wrapper_sub_options, .select_section.show .sub_options .users_list.show .wrapper_items, .select_section.show .sub_options .users_list.show .wrapper_options, .select_section.show .sub_options .users_list.show .wrapper_sub_options, .select_section.show .sub_options .options_list.show .wrapper_items, .select_section.show .sub_options .options_list.show .wrapper_options, .select_section.show .sub_options .options_list.show .wrapper_sub_options, .select_section.show .sub_options .sub_options_list.show .wrapper_items, .select_section.show .sub_options .sub_options_list.show .wrapper_options, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options { max-height: 140px; width: 92%; overflow-x: hidden; overflow-y: auto; visibility: visible; transition: 1.4s cubic-bezier(0.77, 0, 0.175, 1); display: flex; flex-direction: column; align-items: flex-start; } .select_section.show .names .users_list.show .wrapper_items .users_items, .select_section.show .names .users_list.show .wrapper_items .options_items, .select_section.show .names .users_list.show .wrapper_items .sub_options_items, .select_section.show .names .users_list.show .wrapper_options .users_items, .select_section.show .names .users_list.show .wrapper_options .options_items, .select_section.show .names .users_list.show .wrapper_options .sub_options_items, .select_section.show .names .users_list.show .wrapper_sub_options .users_items, .select_section.show .names .users_list.show .wrapper_sub_options .options_items, .select_section.show .names .users_list.show .wrapper_sub_options .sub_options_items, .select_section.show .names .options_list.show .wrapper_items .users_items, .select_section.show .names .options_list.show .wrapper_items .options_items, .select_section.show .names .options_list.show .wrapper_items .sub_options_items, .select_section.show .names .options_list.show .wrapper_options .users_items, .select_section.show .names .options_list.show .wrapper_options .options_items, .select_section.show .names .options_list.show .wrapper_options .sub_options_items, .select_section.show .names .options_list.show .wrapper_sub_options .users_items, .select_section.show .names .options_list.show .wrapper_sub_options .options_items, .select_section.show .names .options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .names .sub_options_list.show .wrapper_items .users_items, .select_section.show .names .sub_options_list.show .wrapper_items .options_items, .select_section.show .names .sub_options_list.show .wrapper_items .sub_options_items, .select_section.show .names .sub_options_list.show .wrapper_options .users_items, .select_section.show .names .sub_options_list.show .wrapper_options .options_items, .select_section.show .names .sub_options_list.show .wrapper_options .sub_options_items, .select_section.show .names .sub_options_list.show .wrapper_sub_options .users_items, .select_section.show .names .sub_options_list.show .wrapper_sub_options .options_items, .select_section.show .names .sub_options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .options .users_list.show .wrapper_items .users_items, .select_section.show .options .users_list.show .wrapper_items .options_items, .select_section.show .options .users_list.show .wrapper_items .sub_options_items, .select_section.show .options .users_list.show .wrapper_options .users_items, .select_section.show .options .users_list.show .wrapper_options .options_items, .select_section.show .options .users_list.show .wrapper_options .sub_options_items, .select_section.show .options .users_list.show .wrapper_sub_options .users_items, .select_section.show .options .users_list.show .wrapper_sub_options .options_items, .select_section.show .options .users_list.show .wrapper_sub_options .sub_options_items, .select_section.show .options .options_list.show .wrapper_items .users_items, .select_section.show .options .options_list.show .wrapper_items .options_items, .select_section.show .options .options_list.show .wrapper_items .sub_options_items, .select_section.show .options .options_list.show .wrapper_options .users_items, .select_section.show .options .options_list.show .wrapper_options .options_items, .select_section.show .options .options_list.show .wrapper_options .sub_options_items, .select_section.show .options .options_list.show .wrapper_sub_options .users_items, .select_section.show .options .options_list.show .wrapper_sub_options .options_items, .select_section.show .options .options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .options .sub_options_list.show .wrapper_items .users_items, .select_section.show .options .sub_options_list.show .wrapper_items .options_items, .select_section.show .options .sub_options_list.show .wrapper_items .sub_options_items, .select_section.show .options .sub_options_list.show .wrapper_options .users_items, .select_section.show .options .sub_options_list.show .wrapper_options .options_items, .select_section.show .options .sub_options_list.show .wrapper_options .sub_options_items, .select_section.show .options .sub_options_list.show .wrapper_sub_options .users_items, .select_section.show .options .sub_options_list.show .wrapper_sub_options .options_items, .select_section.show .options .sub_options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .sub_options .users_list.show .wrapper_items .users_items, .select_section.show .sub_options .users_list.show .wrapper_items .options_items, .select_section.show .sub_options .users_list.show .wrapper_items .sub_options_items, .select_section.show .sub_options .users_list.show .wrapper_options .users_items, .select_section.show .sub_options .users_list.show .wrapper_options .options_items, .select_section.show .sub_options .users_list.show .wrapper_options .sub_options_items, .select_section.show .sub_options .users_list.show .wrapper_sub_options .users_items, .select_section.show .sub_options .users_list.show .wrapper_sub_options .options_items, .select_section.show .sub_options .users_list.show .wrapper_sub_options .sub_options_items, .select_section.show .sub_options .options_list.show .wrapper_items .users_items, .select_section.show .sub_options .options_list.show .wrapper_items .options_items, .select_section.show .sub_options .options_list.show .wrapper_items .sub_options_items, .select_section.show .sub_options .options_list.show .wrapper_options .users_items, .select_section.show .sub_options .options_list.show .wrapper_options .options_items, .select_section.show .sub_options .options_list.show .wrapper_options .sub_options_items, .select_section.show .sub_options .options_list.show .wrapper_sub_options .users_items, .select_section.show .sub_options .options_list.show .wrapper_sub_options .options_items, .select_section.show .sub_options .options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .sub_options .sub_options_list.show .wrapper_items .users_items, .select_section.show .sub_options .sub_options_list.show .wrapper_items .options_items, .select_section.show .sub_options .sub_options_list.show .wrapper_items .sub_options_items, .select_section.show .sub_options .sub_options_list.show .wrapper_options .users_items, .select_section.show .sub_options .sub_options_list.show .wrapper_options .options_items, .select_section.show .sub_options .sub_options_list.show .wrapper_options .sub_options_items, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .users_items, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .options_items, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .sub_options_items { width: 95%; text-align: right; margin: 0 auto; color: #b1abab; font-size: 1.2rem; visibility: visible; border-bottom: 1px solid rgba(204, 204, 204, 0.4); padding: 0.7rem 0 0.7rem 0; } .select_section.show .names .users_list.show .wrapper_items .users_items:hover, .select_section.show .names .users_list.show .wrapper_items .options_items:hover, .select_section.show .names .users_list.show .wrapper_items .sub_options_items:hover, .select_section.show .names .users_list.show .wrapper_options .users_items:hover, .select_section.show .names .users_list.show .wrapper_options .options_items:hover, .select_section.show .names .users_list.show .wrapper_options .sub_options_items:hover, .select_section.show .names .users_list.show .wrapper_sub_options .users_items:hover, .select_section.show .names .users_list.show .wrapper_sub_options .options_items:hover, .select_section.show .names .users_list.show .wrapper_sub_options .sub_options_items:hover, .select_section.show .names .options_list.show .wrapper_items .users_items:hover, .select_section.show .names .options_list.show .wrapper_items .options_items:hover, .select_section.show .names .options_list.show .wrapper_items .sub_options_items:hover, .select_section.show .names .options_list.show .wrapper_options .users_items:hover, .select_section.show .names .options_list.show .wrapper_options .options_items:hover, .select_section.show .names .options_list.show .wrapper_options .sub_options_items:hover, .select_section.show .names .options_list.show .wrapper_sub_options .users_items:hover, .select_section.show .names .options_list.show .wrapper_sub_options .options_items:hover, .select_section.show .names .options_list.show .wrapper_sub_options .sub_options_items:hover, .select_section.show .names .sub_options_list.show .wrapper_items .users_items:hover, .select_section.show .names .sub_options_list.show .wrapper_items .options_items:hover, .select_section.show .names .sub_options_list.show .wrapper_items .sub_options_items:hover, .select_section.show .names .sub_options_list.show .wrapper_options .users_items:hover, .select_section.show .names .sub_options_list.show .wrapper_options .options_items:hover, .select_section.show .names .sub_options_list.show .wrapper_options .sub_options_items:hover, .select_section.show .names .sub_options_list.show .wrapper_sub_options .users_items:hover, .select_section.show .names .sub_options_list.show .wrapper_sub_options .options_items:hover, .select_section.show .names .sub_options_list.show .wrapper_sub_options .sub_options_items:hover, .select_section.show .options .users_list.show .wrapper_items .users_items:hover, .select_section.show .options .users_list.show .wrapper_items .options_items:hover, .select_section.show .options .users_list.show .wrapper_items .sub_options_items:hover, .select_section.show .options .users_list.show .wrapper_options .users_items:hover, .select_section.show .options .users_list.show .wrapper_options .options_items:hover, .select_section.show .options .users_list.show .wrapper_options .sub_options_items:hover, .select_section.show .options .users_list.show .wrapper_sub_options .users_items:hover, .select_section.show .options .users_list.show .wrapper_sub_options .options_items:hover, .select_section.show .options .users_list.show .wrapper_sub_options .sub_options_items:hover, .select_section.show .options .options_list.show .wrapper_items .users_items:hover, .select_section.show .options .options_list.show .wrapper_items .options_items:hover, .select_section.show .options .options_list.show .wrapper_items .sub_options_items:hover, .select_section.show .options .options_list.show .wrapper_options .users_items:hover, .select_section.show .options .options_list.show .wrapper_options .options_items:hover, .select_section.show .options .options_list.show .wrapper_options .sub_options_items:hover, .select_section.show .options .options_list.show .wrapper_sub_options .users_items:hover, .select_section.show .options .options_list.show .wrapper_sub_options .options_items:hover, .select_section.show .options .options_list.show .wrapper_sub_options .sub_options_items:hover, .select_section.show .options .sub_options_list.show .wrapper_items .users_items:hover, .select_section.show .options .sub_options_list.show .wrapper_items .options_items:hover, .select_section.show .options .sub_options_list.show .wrapper_items .sub_options_items:hover, .select_section.show .options .sub_options_list.show .wrapper_options .users_items:hover, .select_section.show .options .sub_options_list.show .wrapper_options .options_items:hover, .select_section.show .options .sub_options_list.show .wrapper_options .sub_options_items:hover, .select_section.show .options .sub_options_list.show .wrapper_sub_options .users_items:hover, .select_section.show .options .sub_options_list.show .wrapper_sub_options .options_items:hover, .select_section.show .options .sub_options_list.show .wrapper_sub_options .sub_options_items:hover, .select_section.show .sub_options .users_list.show .wrapper_items .users_items:hover, .select_section.show .sub_options .users_list.show .wrapper_items .options_items:hover, .select_section.show .sub_options .users_list.show .wrapper_items .sub_options_items:hover, .select_section.show .sub_options .users_list.show .wrapper_options .users_items:hover, .select_section.show .sub_options .users_list.show .wrapper_options .options_items:hover, .select_section.show .sub_options .users_list.show .wrapper_options .sub_options_items:hover, .select_section.show .sub_options .users_list.show .wrapper_sub_options .users_items:hover, .select_section.show .sub_options .users_list.show .wrapper_sub_options .options_items:hover, .select_section.show .sub_options .users_list.show .wrapper_sub_options .sub_options_items:hover, .select_section.show .sub_options .options_list.show .wrapper_items .users_items:hover, .select_section.show .sub_options .options_list.show .wrapper_items .options_items:hover, .select_section.show .sub_options .options_list.show .wrapper_items .sub_options_items:hover, .select_section.show .sub_options .options_list.show .wrapper_options .users_items:hover, .select_section.show .sub_options .options_list.show .wrapper_options .options_items:hover, .select_section.show .sub_options .options_list.show .wrapper_options .sub_options_items:hover, .select_section.show .sub_options .options_list.show .wrapper_sub_options .users_items:hover, .select_section.show .sub_options .options_list.show .wrapper_sub_options .options_items:hover, .select_section.show .sub_options .options_list.show .wrapper_sub_options .sub_options_items:hover, .select_section.show .sub_options .sub_options_list.show .wrapper_items .users_items:hover, .select_section.show .sub_options .sub_options_list.show .wrapper_items .options_items:hover, .select_section.show .sub_options .sub_options_list.show .wrapper_items .sub_options_items:hover, .select_section.show .sub_options .sub_options_list.show .wrapper_options .users_items:hover, .select_section.show .sub_options .sub_options_list.show .wrapper_options .options_items:hover, .select_section.show .sub_options .sub_options_list.show .wrapper_options .sub_options_items:hover, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .users_items:hover, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .options_items:hover, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .sub_options_items:hover { color: #ff8f33; } .select_section.show .names .users_list.show .wrapper_items .users_items:last-child, .select_section.show .names .users_list.show .wrapper_items .options_items:last-child, .select_section.show .names .users_list.show .wrapper_items .sub_options_items:last-child, .select_section.show .names .users_list.show .wrapper_options .users_items:last-child, .select_section.show .names .users_list.show .wrapper_options .options_items:last-child, .select_section.show .names .users_list.show .wrapper_options .sub_options_items:last-child, .select_section.show .names .users_list.show .wrapper_sub_options .users_items:last-child, .select_section.show .names .users_list.show .wrapper_sub_options .options_items:last-child, .select_section.show .names .users_list.show .wrapper_sub_options .sub_options_items:last-child, .select_section.show .names .options_list.show .wrapper_items .users_items:last-child, .select_section.show .names .options_list.show .wrapper_items .options_items:last-child, .select_section.show .names .options_list.show .wrapper_items .sub_options_items:last-child, .select_section.show .names .options_list.show .wrapper_options .users_items:last-child, .select_section.show .names .options_list.show .wrapper_options .options_items:last-child, .select_section.show .names .options_list.show .wrapper_options .sub_options_items:last-child, .select_section.show .names .options_list.show .wrapper_sub_options .users_items:last-child, .select_section.show .names .options_list.show .wrapper_sub_options .options_items:last-child, .select_section.show .names .options_list.show .wrapper_sub_options .sub_options_items:last-child, .select_section.show .names .sub_options_list.show .wrapper_items .users_items:last-child, .select_section.show .names .sub_options_list.show .wrapper_items .options_items:last-child, .select_section.show .names .sub_options_list.show .wrapper_items .sub_options_items:last-child, .select_section.show .names .sub_options_list.show .wrapper_options .users_items:last-child, .select_section.show .names .sub_options_list.show .wrapper_options .options_items:last-child, .select_section.show .names .sub_options_list.show .wrapper_options .sub_options_items:last-child, .select_section.show .names .sub_options_list.show .wrapper_sub_options .users_items:last-child, .select_section.show .names .sub_options_list.show .wrapper_sub_options .options_items:last-child, .select_section.show .names .sub_options_list.show .wrapper_sub_options .sub_options_items:last-child, .select_section.show .options .users_list.show .wrapper_items .users_items:last-child, .select_section.show .options .users_list.show .wrapper_items .options_items:last-child, .select_section.show .options .users_list.show .wrapper_items .sub_options_items:last-child, .select_section.show .options .users_list.show .wrapper_options .users_items:last-child, .select_section.show .options .users_list.show .wrapper_options .options_items:last-child, .select_section.show .options .users_list.show .wrapper_options .sub_options_items:last-child, .select_section.show .options .users_list.show .wrapper_sub_options .users_items:last-child, .select_section.show .options .users_list.show .wrapper_sub_options .options_items:last-child, .select_section.show .options .users_list.show .wrapper_sub_options .sub_options_items:last-child, .select_section.show .options .options_list.show .wrapper_items .users_items:last-child, .select_section.show .options .options_list.show .wrapper_items .options_items:last-child, .select_section.show .options .options_list.show .wrapper_items .sub_options_items:last-child, .select_section.show .options .options_list.show .wrapper_options .users_items:last-child, .select_section.show .options .options_list.show .wrapper_options .options_items:last-child, .select_section.show .options .options_list.show .wrapper_options .sub_options_items:last-child, .select_section.show .options .options_list.show .wrapper_sub_options .users_items:last-child, .select_section.show .options .options_list.show .wrapper_sub_options .options_items:last-child, .select_section.show .options .options_list.show .wrapper_sub_options .sub_options_items:last-child, .select_section.show .options .sub_options_list.show .wrapper_items .users_items:last-child, .select_section.show .options .sub_options_list.show .wrapper_items .options_items:last-child, .select_section.show .options .sub_options_list.show .wrapper_items .sub_options_items:last-child, .select_section.show .options .sub_options_list.show .wrapper_options .users_items:last-child, .select_section.show .options .sub_options_list.show .wrapper_options .options_items:last-child, .select_section.show .options .sub_options_list.show .wrapper_options .sub_options_items:last-child, .select_section.show .options .sub_options_list.show .wrapper_sub_options .users_items:last-child, .select_section.show .options .sub_options_list.show .wrapper_sub_options .options_items:last-child, .select_section.show .options .sub_options_list.show .wrapper_sub_options .sub_options_items:last-child, .select_section.show .sub_options .users_list.show .wrapper_items .users_items:last-child, .select_section.show .sub_options .users_list.show .wrapper_items .options_items:last-child, .select_section.show .sub_options .users_list.show .wrapper_items .sub_options_items:last-child, .select_section.show .sub_options .users_list.show .wrapper_options .users_items:last-child, .select_section.show .sub_options .users_list.show .wrapper_options .options_items:last-child, .select_section.show .sub_options .users_list.show .wrapper_options .sub_options_items:last-child, .select_section.show .sub_options .users_list.show .wrapper_sub_options .users_items:last-child, .select_section.show .sub_options .users_list.show .wrapper_sub_options .options_items:last-child, .select_section.show .sub_options .users_list.show .wrapper_sub_options .sub_options_items:last-child, .select_section.show .sub_options .options_list.show .wrapper_items .users_items:last-child, .select_section.show .sub_options .options_list.show .wrapper_items .options_items:last-child, .select_section.show .sub_options .options_list.show .wrapper_items .sub_options_items:last-child, .select_section.show .sub_options .options_list.show .wrapper_options .users_items:last-child, .select_section.show .sub_options .options_list.show .wrapper_options .options_items:last-child, .select_section.show .sub_options .options_list.show .wrapper_options .sub_options_items:last-child, .select_section.show .sub_options .options_list.show .wrapper_sub_options .users_items:last-child, .select_section.show .sub_options .options_list.show .wrapper_sub_options .options_items:last-child, .select_section.show .sub_options .options_list.show .wrapper_sub_options .sub_options_items:last-child, .select_section.show .sub_options .sub_options_list.show .wrapper_items .users_items:last-child, .select_section.show .sub_options .sub_options_list.show .wrapper_items .options_items:last-child, .select_section.show .sub_options .sub_options_list.show .wrapper_items .sub_options_items:last-child, .select_section.show .sub_options .sub_options_list.show .wrapper_options .users_items:last-child, .select_section.show .sub_options .sub_options_list.show .wrapper_options .options_items:last-child, .select_section.show .sub_options .sub_options_list.show .wrapper_options .sub_options_items:last-child, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .users_items:last-child, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .options_items:last-child, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .sub_options_items:last-child { border-bottom: none; } .select_section.show .names .users_list.show .wrapper_items .sub_options_items, .select_section.show .names .users_list.show .wrapper_options .sub_options_items, .select_section.show .names .users_list.show .wrapper_sub_options .sub_options_items, .select_section.show .names .options_list.show .wrapper_items .sub_options_items, .select_section.show .names .options_list.show .wrapper_options .sub_options_items, .select_section.show .names .options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .names .sub_options_list.show .wrapper_items .sub_options_items, .select_section.show .names .sub_options_list.show .wrapper_options .sub_options_items, .select_section.show .names .sub_options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .options .users_list.show .wrapper_items .sub_options_items, .select_section.show .options .users_list.show .wrapper_options .sub_options_items, .select_section.show .options .users_list.show .wrapper_sub_options .sub_options_items, .select_section.show .options .options_list.show .wrapper_items .sub_options_items, .select_section.show .options .options_list.show .wrapper_options .sub_options_items, .select_section.show .options .options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .options .sub_options_list.show .wrapper_items .sub_options_items, .select_section.show .options .sub_options_list.show .wrapper_options .sub_options_items, .select_section.show .options .sub_options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .sub_options .users_list.show .wrapper_items .sub_options_items, .select_section.show .sub_options .users_list.show .wrapper_options .sub_options_items, .select_section.show .sub_options .users_list.show .wrapper_sub_options .sub_options_items, .select_section.show .sub_options .options_list.show .wrapper_items .sub_options_items, .select_section.show .sub_options .options_list.show .wrapper_options .sub_options_items, .select_section.show .sub_options .options_list.show .wrapper_sub_options .sub_options_items, .select_section.show .sub_options .sub_options_list.show .wrapper_items .sub_options_items, .select_section.show .sub_options .sub_options_list.show .wrapper_options .sub_options_items, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .sub_options_items { display: flex; flex-direction: row; align-items: center; } .select_section.show .names .users_list.show .wrapper_items .sub_options_items .title, .select_section.show .names .users_list.show .wrapper_options .sub_options_items .title, .select_section.show .names .users_list.show .wrapper_sub_options .sub_options_items .title, .select_section.show .names .options_list.show .wrapper_items .sub_options_items .title, .select_section.show .names .options_list.show .wrapper_options .sub_options_items .title, .select_section.show .names .options_list.show .wrapper_sub_options .sub_options_items .title, .select_section.show .names .sub_options_list.show .wrapper_items .sub_options_items .title, .select_section.show .names .sub_options_list.show .wrapper_options .sub_options_items .title, .select_section.show .names .sub_options_list.show .wrapper_sub_options .sub_options_items .title, .select_section.show .options .users_list.show .wrapper_items .sub_options_items .title, .select_section.show .options .users_list.show .wrapper_options .sub_options_items .title, .select_section.show .options .users_list.show .wrapper_sub_options .sub_options_items .title, .select_section.show .options .options_list.show .wrapper_items .sub_options_items .title, .select_section.show .options .options_list.show .wrapper_options .sub_options_items .title, .select_section.show .options .options_list.show .wrapper_sub_options .sub_options_items .title, .select_section.show .options .sub_options_list.show .wrapper_items .sub_options_items .title, .select_section.show .options .sub_options_list.show .wrapper_options .sub_options_items .title, .select_section.show .options .sub_options_list.show .wrapper_sub_options .sub_options_items .title, .select_section.show .sub_options .users_list.show .wrapper_items .sub_options_items .title, .select_section.show .sub_options .users_list.show .wrapper_options .sub_options_items .title, .select_section.show .sub_options .users_list.show .wrapper_sub_options .sub_options_items .title, .select_section.show .sub_options .options_list.show .wrapper_items .sub_options_items .title, .select_section.show .sub_options .options_list.show .wrapper_options .sub_options_items .title, .select_section.show .sub_options .options_list.show .wrapper_sub_options .sub_options_items .title, .select_section.show .sub_options .sub_options_list.show .wrapper_items .sub_options_items .title, .select_section.show .sub_options .sub_options_list.show .wrapper_options .sub_options_items .title, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .sub_options_items .title { color: #b1abab; font-size: 1.2rem; margin: unset; } .select_section.show .names .users_list.show .wrapper_items .sub_options_items .check_box, .select_section.show .names .users_list.show .wrapper_options .sub_options_items .check_box, .select_section.show .names .users_list.show .wrapper_sub_options .sub_options_items .check_box, .select_section.show .names .options_list.show .wrapper_items .sub_options_items .check_box, .select_section.show .names .options_list.show .wrapper_options .sub_options_items .check_box, .select_section.show .names .options_list.show .wrapper_sub_options .sub_options_items .check_box, .select_section.show .names .sub_options_list.show .wrapper_items .sub_options_items .check_box, .select_section.show .names .sub_options_list.show .wrapper_options .sub_options_items .check_box, .select_section.show .names .sub_options_list.show .wrapper_sub_options .sub_options_items .check_box, .select_section.show .options .users_list.show .wrapper_items .sub_options_items .check_box, .select_section.show .options .users_list.show .wrapper_options .sub_options_items .check_box, .select_section.show .options .users_list.show .wrapper_sub_options .sub_options_items .check_box, .select_section.show .options .options_list.show .wrapper_items .sub_options_items .check_box, .select_section.show .options .options_list.show .wrapper_options .sub_options_items .check_box, .select_section.show .options .options_list.show .wrapper_sub_options .sub_options_items .check_box, .select_section.show .options .sub_options_list.show .wrapper_items .sub_options_items .check_box, .select_section.show .options .sub_options_list.show .wrapper_options .sub_options_items .check_box, .select_section.show .options .sub_options_list.show .wrapper_sub_options .sub_options_items .check_box, .select_section.show .sub_options .users_list.show .wrapper_items .sub_options_items .check_box, .select_section.show .sub_options .users_list.show .wrapper_options .sub_options_items .check_box, .select_section.show .sub_options .users_list.show .wrapper_sub_options .sub_options_items .check_box, .select_section.show .sub_options .options_list.show .wrapper_items .sub_options_items .check_box, .select_section.show .sub_options .options_list.show .wrapper_options .sub_options_items .check_box, .select_section.show .sub_options .options_list.show .wrapper_sub_options .sub_options_items .check_box, .select_section.show .sub_options .sub_options_list.show .wrapper_items .sub_options_items .check_box, .select_section.show .sub_options .sub_options_list.show .wrapper_options .sub_options_items .check_box, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .sub_options_items .check_box { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 16px; height: 17px; outline: #bebebe solid 1px; border-radius: 0.3rem; margin-left: 5px; } .select_section.show .names .users_list.show .wrapper_items .sub_options_items .check_box.taken, .select_section.show .names .users_list.show .wrapper_options .sub_options_items .check_box.taken, .select_section.show .names .users_list.show .wrapper_sub_options .sub_options_items .check_box.taken, .select_section.show .names .options_list.show .wrapper_items .sub_options_items .check_box.taken, .select_section.show .names .options_list.show .wrapper_options .sub_options_items .check_box.taken, .select_section.show .names .options_list.show .wrapper_sub_options .sub_options_items .check_box.taken, .select_section.show .names .sub_options_list.show .wrapper_items .sub_options_items .check_box.taken, .select_section.show .names .sub_options_list.show .wrapper_options .sub_options_items .check_box.taken, .select_section.show .names .sub_options_list.show .wrapper_sub_options .sub_options_items .check_box.taken, .select_section.show .options .users_list.show .wrapper_items .sub_options_items .check_box.taken, .select_section.show .options .users_list.show .wrapper_options .sub_options_items .check_box.taken, .select_section.show .options .users_list.show .wrapper_sub_options .sub_options_items .check_box.taken, .select_section.show .options .options_list.show .wrapper_items .sub_options_items .check_box.taken, .select_section.show .options .options_list.show .wrapper_options .sub_options_items .check_box.taken, .select_section.show .options .options_list.show .wrapper_sub_options .sub_options_items .check_box.taken, .select_section.show .options .sub_options_list.show .wrapper_items .sub_options_items .check_box.taken, .select_section.show .options .sub_options_list.show .wrapper_options .sub_options_items .check_box.taken, .select_section.show .options .sub_options_list.show .wrapper_sub_options .sub_options_items .check_box.taken, .select_section.show .sub_options .users_list.show .wrapper_items .sub_options_items .check_box.taken, .select_section.show .sub_options .users_list.show .wrapper_options .sub_options_items .check_box.taken, .select_section.show .sub_options .users_list.show .wrapper_sub_options .sub_options_items .check_box.taken, .select_section.show .sub_options .options_list.show .wrapper_items .sub_options_items .check_box.taken, .select_section.show .sub_options .options_list.show .wrapper_options .sub_options_items .check_box.taken, .select_section.show .sub_options .options_list.show .wrapper_sub_options .sub_options_items .check_box.taken, .select_section.show .sub_options .sub_options_list.show .wrapper_items .sub_options_items .check_box.taken, .select_section.show .sub_options .sub_options_list.show .wrapper_options .sub_options_items .check_box.taken, .select_section.show .sub_options .sub_options_list.show .wrapper_sub_options .sub_options_items .check_box.taken { background-color: #ff7300; outline: unset; } .select_section.show .sub_options { z-index: 1; } .select_section.show .options { z-index: 2; } .select_section.show .names { z-index: 3; } .text_area_section { width: 27rem; height: 0; visibility: hidden; transition: .1ms; position: relative; } .text_area_section .warning__title { position: absolute; color: red; } .text_area_section .text_area .text_input { transition: .1ms; visibility: hidden; } .text_area_section .title { transition: .1ms; visibility: hidden; } .text_area_section.show { height: 12rem; visibility: visible; transition: .8s; } .text_area_section.show .title { font-size: 1.2rem; color: #616161; font-weight: normal; margin: 0.5rem 1.5rem 0 0; text-align: right; visibility: visible; transition: 3s; } .text_area_section.show .text_area { width: 27rem; height: 100%; border-radius: 1rem; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; flex-direction: row; align-items: center; justify-content: center; } .text_area_section.show .text_area .text_input { transition: 3s; visibility: visible; border: none; width: 95%; height: 90%; resize: none; overflow: hidden; } .text_area_section.show .text_area .text_input::placeholder { color: #46433f; font-size: 1rem; font-weight: 500; } .text_area_section.show .text_area .text_input:focus { outline: none; } .upload_area_section { visibility: hidden; transition: 0.1ms; } .upload_area_section .main_row { visibility: hidden; transition: 0.1ms; } .upload_area_section .main_row .upload_ { transition: 0.1ms; } .upload_area_section.show { visibility: visible; transition: 0.8s; width: 100%; margin-top: 4rem; position: relative; } .upload_area_section.show .files_wrapper { position: absolute; top: -2rem; right: 0.5rem; } .upload_area_section.show .files_wrapper .title { font-size: 1.2rem; color: #b1abab; margin-top: 5px; cursor: pointer; } .upload_area_section.show .files_wrapper .files_list { display: none; } .upload_area_section.show .files_wrapper:hover .files_list { position: absolute; visibility: visible; bottom: 1.5rem; right: -4rem; width: 12rem; border-radius: 1.3rem; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; flex-direction: column; align-items: center; padding: 1rem 2rem; z-index: 10; } .upload_area_section.show .files_wrapper:hover .files_list.scroll { height: 14rem; justify-content: center; padding: unset; } .upload_area_section.show .files_wrapper:hover .files_list.scroll .scroll_div { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 90%; height: 90%; overflow: auto; } .upload_area_section.show .files_wrapper:hover .files_list.scroll .scroll_div .item_ { position: relative; width: fit-content; } .upload_area_section.show .files_wrapper:hover .files_list.scroll .scroll_div .item_ .remove { visibility: hidden; position: absolute; right: -1.25rem; top: 0.55rem; } .upload_area_section.show .files_wrapper:hover .files_list.scroll .scroll_div .item_:hover .item_title_ { color: #ff8f33; } .upload_area_section.show .files_wrapper:hover .files_list.scroll .scroll_div .item_:hover .remove { visibility: visible; } .upload_area_section.show .files_wrapper:hover .files_list .item_ { cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: space-around; position: relative; } .upload_area_section.show .files_wrapper:hover .files_list .item_ .remove { visibility: hidden; position: absolute; right: -1.25rem; top: 0.55rem; } .upload_area_section.show .files_wrapper:hover .files_list .item_ .remove svg { width: 1.2rem; height: 1.2rem; fill: #b1abab; } .upload_area_section.show .files_wrapper:hover .files_list .item_ .item_title_ { font-size: 1rem; color: #b1abab; margin: 0.3rem 0 0.3rem 0; } .upload_area_section.show .files_wrapper:hover .files_list .item_:hover .item_title_ { color: #ff8f33; } .upload_area_section.show .files_wrapper:hover .files_list .item_:hover .remove { visibility: visible; } .upload_area_section.show .main_row { visibility: visible; transition: 5s; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .upload_area_section.show .main_row .upload_ { display: flex; align-items: center; background-color: transparent; color: black; font-weight: 500; font-size: 11px; padding: 0; transition: unset; margin-top: 7px; border: none; } .upload_area_section.show .main_row .upload_ img { margin-left: 4px; } .upload_area_section.show .main_row .upload_.stop_upload { color: #928989; } .upload_area_section.show .main_row .load_spinner { visibility: hidden; } .upload_area_section.show .main_row .load_spinner.load { visibility: visible; } .upload_area_section.show .main_row .error_loading { display: flex; flex-direction: row; align-items: center; cursor: pointer; } .upload_area_section.show .main_row .error_loading .title { color: red; } .upload_area_section.show .main_row .error_loading:hover .valid_list { visibility: visible; } .upload_area_section.show .main_row .error_loading.hide { animation: fadeins 3s ease-in; opacity: 0; } .upload_area_section.show .main_row .error_loading.hide .title { color: #97de1d; } @keyframes fadeins { from { opacity: 1; } to { opacity: 0; } } .upload_area_section.show .main_row .error_loading.error_title .title { color: red; } .upload_area_section.show .main_row .error_loading .error_icon { margin-right: 0.3rem; } .upload_area_section.show .main_row .error_loading .error_icon.ok { width: 1.2rem; height: 1.1rem; margin-bottom: 0.3rem; } .upload_area_section.show .main_row .error_loading .error_icon.format { width: 1.8rem; height: 1.8rem; } .upload_area_section.show .main_row .error_loading .valid_list { position: absolute; visibility: hidden; bottom: 2.3rem; left: -2rem; border-radius: 1.3rem; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); background-color: white; display: flex; flex-direction: column; align-items: center; padding: 1rem 2rem; z-index: 10; } .upload_area_section.show .main_row .error_loading .valid_list .valid_title { font-size: 1rem; color: #b1abab; } .popup-wrapper.agentGeneralRequest .popup-box { width: 40em; min-width: unset; min-height: 20em; border-radius: 20px; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content { display: flex; flex-direction: column; align-items: center; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .search_img_load { position: absolute; margin-top: 9em; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .close-btn { background: none; cursor: pointer; border: none; width: 1.3rem; height: 1.3rem; padding: 0; right: 2rem; top: 2rem; position: absolute; z-index: 400; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .close-btn svg { width: 100%; height: 100%; fill: #2a2a2a; transition: 0.1s ease-in-out; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .close-btn:hover svg { fill: #FFA800; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .title_row { display: flex; flex-direction: column; align-items: center; margin: 3.5rem 0 1.7rem 0; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .title_row .main_title { font-size: 2.2rem; font-weight: 500; color: #fd7200; margin-bottom: 1rem; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .title_row .sub_title { font-size: 1.5rem; color: #46433f; font-weight: 400; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .content_section_wrapper { height: 0; transition: 0.8s; visibility: hidden; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .content_section_wrapper.show { visibility: visible; height: 40rem; position: relative; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .content_section_wrapper.show.height { height: 45rem; } .popup-wrapper.agentGeneralRequest .popup-box .general-popup-content .content_section_wrapper.show .send_ { position: absolute; bottom: 4rem; left: calc(50% - 50px); background-image: linear-gradient(#fa9e03, #fc4a1a); padding: 0; width: 100px; height: 32px; } @media screen and (max-width: 624px) { .popup-wrapper.agentGeneralRequest .popup-box { width: 95vw; } } .status_line { display: flex; flex-direction: row; margin-top: 2rem; } .status_line .cross_line { width: 159px; height: 1px; background-image: linear-gradient(to right, #fc4a1a -2%, #fa9e03 59%, #fa9e03); margin: 1.25rem -1.5rem 0 -2.1rem; } .status_line .cross_line.grey { background-image: unset; background-color: #dcdcdc; } .status_line .cross_line.last { margin-left: -3.7rem; margin-right: -2.1rem; } .status_line .first_step { display: flex; flex-direction: column; align-items: center; justify-content: center; } .status_line .first_step .orange_circle { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 0.5rem; width: 29px; height: 29px; border-radius: 50%; background-image: linear-gradient(to bottom, #fd7200, #fa9e03); } .status_line .first_step .orange_circle img { width: 1.4rem; height: 1.4rem; } .status_line .first_step .first_step_title { display: flex; flex-direction: column; align-items: center; justify-content: center; } .status_line .first_step .first_step_title .step_title, .status_line .first_step .first_step_title .date { font-size: 13px; font-weight: 500; color: #fd7200; line-height: normal; } .status_line .second_step { display: flex; flex-direction: column; align-items: center; justify-content: center; } .status_line .second_step .orange_circle { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 0.5rem; width: 29px; height: 29px; border-radius: 50%; background-color: #dcdcdc; } .status_line .second_step .orange_circle.orange { background-image: linear-gradient(to bottom, #fd7200, #fa9e03); } .status_line .second_step .orange_circle img { width: 1.4rem; height: 1.4rem; } .status_line .second_step .second_step_title { display: flex; flex-direction: column; align-items: center; justify-content: center; } .status_line .second_step .second_step_title .step_title, .status_line .second_step .second_step_title .date { font-size: 13px; font-weight: normal; color: #dcdcdc; line-height: normal; } .status_line .second_step .second_step_title .step_title.orange, .status_line .second_step .second_step_title .date.orange { font-weight: 500; color: #fd7200; } .status_line .second_step .second_step_title .date { visibility: hidden; } .status_line .second_step .second_step_title .date.visible { visibility: visible; font-weight: 500; color: #fd7200; } .status_line .third_step { display: flex; flex-direction: column; align-items: center; justify-content: center; } .status_line .third_step .orange_circle { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 0.5rem; width: 29px; height: 29px; border-radius: 50%; background-color: #dcdcdc; } .status_line .third_step .orange_circle.orange { background-image: linear-gradient(to bottom, #fd7200, #fa9e03); } .status_line .third_step .orange_circle img { width: 1.4rem; height: 1.4rem; } .status_line .third_step .third_step_title { display: flex; flex-direction: column; align-items: center; justify-content: center; } .status_line .third_step .third_step_title .step_title, .status_line .third_step .third_step_title .date { font-size: 13px; font-weight: normal; color: #dcdcdc; line-height: normal; } .status_line .third_step .third_step_title .step_title.orange, .status_line .third_step .third_step_title .date.orange { font-weight: 500; color: #fd7200; } .status_line .third_step .third_step_title .date { visibility: hidden; } .status_line .third_step .third_step_title .date.visible { visibility: visible; font-weight: 500; color: #fd7200; } @media screen and (max-width: 624px) { .status_line { margin-top: 19px; } .status_line .cross_line { width: 103px; margin: 0.9rem -0.7rem 0 -1.38rem; } .status_line .cross_line.last { margin-left: -2.3rem; margin-right: -1.35rem; } .status_line .first_step .orange_circle { width: 20px; height: 21px; } .status_line .first_step .orange_circle img { width: 11.4px; height: 10.9px; } .status_line .first_step .first_step_title .step_title, .status_line .first_step .first_step_title .date { font-size: 8px; } .status_line .second_step .orange_circle { width: 20px; height: 21px; } .status_line .second_step .orange_circle img { width: 11.4px; height: 10.9px; } .status_line .second_step .second_step_title .step_title, .status_line .second_step .second_step_title .date { font-size: 8px; } .status_line .third_step .orange_circle { width: 20px; height: 21px; } .status_line .third_step .orange_circle img { width: 11.4px; height: 10.9px; } .status_line .third_step .third_step_title .step_title, .status_line .third_step .third_step_title .date { font-size: 8px; } } .service-title-content-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; margin-top: 16px; } .service-title-content-wrapper .user_service .title_ { font-size: 16px; font-weight: bold; color: #fd7200; } .service-title-content-wrapper .user_service .value { font-size: 16px; font-weight: normal; color: #000; } .service-title-content-wrapper .service-title-content { display: flex; flex-direction: row; align-items: center; justify-content: center; } .service-title-content-wrapper .service-title-content .name_user .title_ { font-size: 16px; font-weight: bold; color: #fd7200; } .service-title-content-wrapper .service-title-content .name_user .value { font-size: 16px; font-weight: normal; color: #000; } .service-title-content-wrapper .service-title-content .user_service .title_ { font-size: 16px; font-weight: bold; color: #fd7200; } .service-title-content-wrapper .service-title-content .user_service .value { font-size: 16px; font-weight: normal; color: #000; } .service-title-content-wrapper .service-title-content .service_id .title_ { font-size: 16px; font-weight: bold; color: #fd7200; } .service-title-content-wrapper .service-title-content .service_id .value { font-size: 16px; font-weight: normal; color: #000; } .service-title-content-wrapper .service-title-content .vertical_line { width: 2px; height: 12px; border-radius: 2px; background-image: linear-gradient(to bottom, #faa212, #fd7b01); margin: 0 1rem 0 1rem; } @media screen and (max-width: 624px) { .service-title-content-wrapper { gap: 0; margin-top: 0; } .service-title-content-wrapper .user_service .title_ { font-size: 8px; } .service-title-content-wrapper .user_service .value { font-size: 8px; } .service-title-content-wrapper .service-title-content { flex-wrap: wrap; } .service-title-content-wrapper .service-title-content .name_user .title_ { font-size: 8px; } .service-title-content-wrapper .service-title-content .name_user .value { font-size: 8px; } .service-title-content-wrapper .service-title-content .user_service .title_ { font-size: 8px; } .service-title-content-wrapper .service-title-content .user_service .value { font-size: 8px; } .service-title-content-wrapper .service-title-content .service_id .title_ { font-size: 8px; } .service-title-content-wrapper .service-title-content .service_id .value { font-size: 8px; } .service-title-content-wrapper .service-title-content .vertical_line { width: 1px; height: 6px; margin: 0.12rem 2vw 0 2vw; } } .details-cube-content { display: flex; flex-direction: column; width: 826px; align-items: center; justify-content: center; } .details-cube-content .number_one { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 16px; } .details-cube-content .number_one .user_message { width: 404px; height: 155px; border-radius: 8px; border: solid 0.5px rgba(193, 193, 193, 0.6); position: relative; display: flex; flex-direction: column; align-items: start; justify-content: right; padding: 12px 11px 0 0; } .details-cube-content .number_one .user_message img { position: absolute; left: 14px; top: 36px; width: 96px; height: 77px; } .details-cube-content .number_one .user_message .user_msg_title { font-size: 13px; color: #707070; } .details-cube-content .number_one .user_message .user_msg_content { height: 110px; margin-top: 0.2rem; width: 70%; overflow: auto; direction: ltr; } .details-cube-content .number_one .user_message .user_msg_content .text { color: black; font-size: 13px; text-align: right; direction: rtl; } .details-cube-content .number_one .user_message .user_msg_content .text.right { padding-right: 7px; } .details-cube-content .number_one .user_files { width: 404px; height: 155px; border-radius: 8px; border: solid 0.5px rgba(193, 193, 193, 0.6); position: relative; } .details-cube-content .number_one .user_files .file_bg { position: absolute; left: 17.2px; top: 26px; width: 111.3px; height: 104px; } .details-cube-content .number_one .user_files .files_title { font-size: 13px; color: #707070; text-align: right; padding: 12px 11px 0 0; } .details-cube-content .number_one .user_files .files_list { display: flex; flex-direction: column; align-items: start; flex-wrap: wrap; padding-right: 0.5rem; width: 50%; height: 85%; } .details-cube-content .number_one .user_files .files_list.scroll { height: 72%; overflow: auto; overflow-x: hidden; flex-wrap: nowrap; direction: ltr; margin-right: 10px; } .details-cube-content .number_one .user_files .files_list.scroll .file_row { direction: rtl; } .details-cube-content .number_one .user_files .files_list.scroll .file_row .file_img { margin-left: unset; } .details-cube-content .number_one .user_files .files_list .file_row { display: flex; flex-direction: row; align-items: center; margin: 0.1rem; width: 100%; cursor: pointer; } .details-cube-content .number_one .user_files .files_list .file_row .file_img { width: 23px; height: 28px; margin-left: 0.2rem; } .details-cube-content .number_one .user_files .files_list .file_row .text { font-size: 13px; color: #707070; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .details-cube-content .number_one .user_files .files_list .file_row:hover .text { color: #ff8f33; } .details-cube-content.claim .number_one .user_files { width: 100%; } .details-cube-content .number_two .agent_msg { width: 826px; height: 155px; border-radius: 8px; border: solid 0.5px rgba(193, 193, 193, 0.6); position: relative; padding: 12px 11px 0 0; display: flex; flex-direction: column; align-items: start; justify-content: right; } .details-cube-content .number_two .agent_msg img { position: absolute; left: 14.9px; top: 11.5px; width: 113.5px; height: 135px; } .details-cube-content .number_two .agent_msg .agent_msg_title { font-size: 13px; color: #707070; } .details-cube-content .number_two .agent_msg .agent_msg_content { height: 9rem; margin-top: 0.2rem; width: 70%; } .details-cube-content .number_two .agent_msg .agent_msg_content .text { color: black; font-size: 13px; text-align: right; } .details-cube-content_mobile { margin-top: 14px; margin-bottom: 20px; } .details-cube-content_mobile.claim { display: flex; flex-direction: column-reverse; } .details-cube-content_mobile .user_message_mobile, .details-cube-content_mobile .agent_msg_mobile, .details-cube-content_mobile .user_files_mobile { width: 85vw; height: 75px; border-radius: 8px; border: solid 0.5px rgba(193, 193, 193, 0.6); position: relative; display: flex; flex-direction: column; align-items: start; justify-content: right; padding: 0 5px 0 0; margin-bottom: 13px; } .details-cube-content_mobile .user_message_mobile img, .details-cube-content_mobile .agent_msg_mobile img, .details-cube-content_mobile .user_files_mobile img { position: absolute; left: 10px; top: 14px; width: 52px; height: 42px; } .details-cube-content_mobile .user_message_mobile .answer, .details-cube-content_mobile .agent_msg_mobile .answer, .details-cube-content_mobile .user_files_mobile .answer { width: 47.8px; height: 56.8px; top: 8px; } .details-cube-content_mobile .user_message_mobile .file_bg, .details-cube-content_mobile .agent_msg_mobile .file_bg, .details-cube-content_mobile .user_files_mobile .file_bg { width: 63.4px; height: 59.3px; top: 8px; left: 5px; } .details-cube-content_mobile .user_message_mobile .user_msg_title_mobile, .details-cube-content_mobile .user_message_mobile .agent_msg_title_mobile, .details-cube-content_mobile .user_message_mobile .files_title_mobile, .details-cube-content_mobile .agent_msg_mobile .user_msg_title_mobile, .details-cube-content_mobile .agent_msg_mobile .agent_msg_title_mobile, .details-cube-content_mobile .agent_msg_mobile .files_title_mobile, .details-cube-content_mobile .user_files_mobile .user_msg_title_mobile, .details-cube-content_mobile .user_files_mobile .agent_msg_title_mobile, .details-cube-content_mobile .user_files_mobile .files_title_mobile { font-size: 8px; color: #707070; } .details-cube-content_mobile .user_message_mobile .user_msg_content_mobile, .details-cube-content_mobile .user_message_mobile .agent_msg_content_mobile, .details-cube-content_mobile .agent_msg_mobile .user_msg_content_mobile, .details-cube-content_mobile .agent_msg_mobile .agent_msg_content_mobile, .details-cube-content_mobile .user_files_mobile .user_msg_content_mobile, .details-cube-content_mobile .user_files_mobile .agent_msg_content_mobile { height: 110px; width: 77%; direction: ltr; overflow: auto; } .details-cube-content_mobile .user_message_mobile .user_msg_content_mobile .text, .details-cube-content_mobile .user_message_mobile .agent_msg_content_mobile .text, .details-cube-content_mobile .agent_msg_mobile .user_msg_content_mobile .text, .details-cube-content_mobile .agent_msg_mobile .agent_msg_content_mobile .text, .details-cube-content_mobile .user_files_mobile .user_msg_content_mobile .text, .details-cube-content_mobile .user_files_mobile .agent_msg_content_mobile .text { color: black; font-size: 7px; text-align: right; direction: rtl; line-height: normal; } .details-cube-content_mobile .user_files_mobile .files_list_mobile { display: flex; flex-direction: column; align-items: start; flex-wrap: wrap; height: 55px; } .details-cube-content_mobile .user_files_mobile .files_list_mobile.scroll { height: 50px; width: 70%; overflow: auto; } .details-cube-content_mobile .user_files_mobile .files_list_mobile .file_row { display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; } .details-cube-content_mobile .user_files_mobile .files_list_mobile .file_row .file_img { width: 10px; height: 15px; margin-left: 0.3rem; position: unset; } .details-cube-content_mobile .user_files_mobile .files_list_mobile .file_row .text { font-size: 5px; color: #707070; direction: ltr; line-height: normal; margin-left: 0.3rem; } .popup-wrapper.visible.customerService .popup-box { min-height: unset; min-width: unset; width: 1003px; border-radius: 20px; } .popup-wrapper.visible.customerService .popup-box .service-popup-content { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; height: 627px; width: 100%; } .popup-wrapper.visible.customerService .popup-box .service-popup-content.RDG { height: 480px; } .popup-wrapper.visible.customerService .popup-box .service-popup-content .close-btn { background: none; cursor: pointer; border: none; width: 10.7px; height: 10.7px; padding: 0; right: 29.5px; top: 29.5px; position: absolute; z-index: 400; } .popup-wrapper.visible.customerService .popup-box .service-popup-content .close-btn svg { width: 100%; height: 100%; fill: #2a2a2a; transition: 0.1s ease-in-out; } .popup-wrapper.visible.customerService .popup-box .service-popup-content .close-btn:hover svg { fill: #FFA800; } .popup-wrapper.visible.customerService .popup-box .service-popup-content .main_img { position: absolute; left: 0; right: 0; top: -6.5rem; margin-left: auto; margin-right: auto; width: 185px; height: 129px; } .popup-wrapper.visible.customerService .popup-box .service-popup-content .title { font-size: 22px; font-weight: bold; color: #fd7200; } .popup-wrapper.visible.customerService .popup-box .service-popup-content .line { height: 1px; width: 830px; border-bottom: 0.5px dashed rgba(135, 135, 135, 0.4); margin: 17.5px 0 15px 0; } @media screen and (max-width: 1440px) { .popup-wrapper.customerService .popup-box .service-popup-content .main_img { visibility: hidden; } .popup-wrapper.customerService .popup-box .service-popup-content.RDG .main_img { visibility: visible; } } @media screen and (max-width: 624px) { .popup-wrapper.customerService .popup-box { width: 95vw; height: unset; } .popup-wrapper.customerService .popup-box .service-popup-content { height: unset; } .popup-wrapper.customerService .popup-box .service-popup-content.RDG { height: unset; } .popup-wrapper.customerService .popup-box .service-popup-content .close-btn { width: 10px; height: 10px; right: 19.7px; top: 14.9px; } .popup-wrapper.customerService .popup-box .service-popup-content .main_img { display: block; top: -3.8rem; width: 107px; height: 75px; } .popup-wrapper.customerService .popup-box .service-popup-content .title { font-size: 18px; margin-top: 36.9px; } .popup-wrapper.customerService .popup-box .service-popup-content .line { display: none; } } .claim-submission-back-button { width: 24px; height: 24px; padding: 0; background: none; position: relative; top: 16px; left: 24px; } .claim-submission-back-button img { width: 100%; } @media screen and (max-width: 624px) { .claim-submission-back-button { width: 20px; height: 20px; } } .claim-submission-close-button-wrapper { align-self: flex-start; } .claim-submission-close-button-wrapper .claim-submission-close-button { position: relative; top: 12px; right: 28px; padding: 0; background: none; transform: rotate(45deg); font-size: 30px; color: #2a2a2a; font-weight: 400; } .claim-submission-close-button-wrapper .claim-submission-close-button.claim-submission-close-button:hover + .claim-submission-close-button-tooltip-container { display: flex; } .claim-submission-close-button-wrapper .claim-submission-close-button-tooltip-container { position: absolute; top: 38px; right: -4px; display: none; flex-direction: column; align-items: center; z-index: 2; } .claim-submission-close-button-wrapper .claim-submission-close-button-tooltip-container .claim-submission-close-button-tooltip-text { position: absolute; top: 34px; right: 21px; max-width: 90px; line-height: 1.3; font-size: 12px; } .claim-submission-close-button-wrapper .claim-submission-close-button-tooltip-container .claim-submission-close-button-tooltip { width: 136px; } @media screen and (max-width: 624px) { .claim-submission-close-button-wrapper .claim-submission-close-button { right: 25px; } } .claim-submission-orange-title { color: #fd7200; font-size: 24px; font-weight: 500; margin-top: 12px; } @media screen and (max-width: 624px) { .claim-submission-orange-title { font-size: 20px; line-height: 24px; margin-top: 0; } } .claim-field-component-wrapper { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-bottom: 38px; } .claim-field-component-wrapper .claim-field-label-container .claim-field-label { color: #616161; font-size: 15px; font-weight: 400; line-height: 0.8; margin-right: 12px; margin-bottom: 11px; } .claim-field-component-wrapper .claim-field-label-container .claim-field-required { position: relative; top: 4px; font-size: 15px; color: crimson; } .claim-field-component-wrapper .claim-field-oval-container { height: 39px; width: 100%; padding: 10px; border-radius: 22px; box-shadow: 0 3px 20px 2px #d7ddef; } .claim-field-component-wrapper .claim-field-oval-container .input { border: none; outline: none; background: none; width: 100%; color: #616161; font-size: 14px; font-weight: 400; } .claim-field-component-wrapper.inValid .claim-field-oval-container { box-shadow: inset 0 0 8px -3px red; } .claim-field-component-wrapper.disabled .claim-field-oval-container { background-color: #f4f4f4; } .claim-field-component-wrapper.simpleSelect .claim-field-oval-container { padding: 0; box-shadow: none; } .claim-field-component-wrapper.simpleSelect .claim-field-oval-container .simple-select2-wrapper.claim-field .simple-select2 { height: 39px; box-shadow: 0 3px 20px 2px #d7ddef; } .claim-field-component-wrapper.simpleSelect .claim-field-oval-container .simple-select2-wrapper.claim-field .simple-select2 .simple-select2-chosen-option { height: 39px; } .claim-field-component-wrapper.simpleSelect .claim-field-oval-container .simple-select2-wrapper.claim-field .simple-select2 .simple-select2-chosen-option .simple-select2-arrow { scale: 0.75; } .claim-field-component-wrapper.simpleSelect .claim-field-oval-container .simple-select2-wrapper.claim-field .simple-select2-option-list.opened { height: auto; } .claim-field-component-wrapper.simpleSelect .claim-field-oval-container .simple-select2-wrapper.claim-field .simple-select2-option-list.opened .simple-select2-option { cursor: pointer; } .claim-field-component-wrapper .new-date-picker.claimReceiptDate { margin: 0; } .claim-field-component-wrapper .new-date-picker.claimReceiptDate.active:after { background: none; } .claim-field-component-wrapper .new-date-picker.claimReceiptDate .input { padding: 0; text-align: right; } .claim-field-component-wrapper.select { z-index: 1; } .claim-field-component-wrapper.select .claim-field-oval-container { padding: 10px 0 10px 0; background-color: white; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new { margin: 0; cursor: pointer; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new.active .input-wrapper .label { top: unset; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new.active input { box-shadow: none; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new.with-value .input-wrapper .label { display: none; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .input-wrapper { position: relative; cursor: pointer; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .input-wrapper .label { top: 5%; right: 10px; opacity: unset; font-size: 15px; font-weight: 400; line-height: 18px; color: #b7b3b3; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .input-wrapper .input { width: 100%; height: 100%; border-bottom: unset; padding-right: 10px; cursor: pointer; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .input-wrapper .input::placeholder { display: none; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .input-wrapper .arrow-icon { width: 17px; height: 17px; top: -5%; left: 10px; margin-left: 0; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .input-wrapper .arrow-icon.rotated { transform: rotate(-90deg); top: 10%; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .input-wrapper .arrow-icon svg { width: 17px !important; height: 17px !important; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .input-wrapper .arrow-icon svg g g { filter: invert(55%) sepia(44%) saturate(5228%) hue-rotate(1deg) brightness(99%) contrast(102%); } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .wrap_src { max-height: 190px; border-radius: 22px; box-shadow: 0 3px 20px 2px #d7ddef; margin-top: -10px; z-index: -1; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .wrap_src .options { max-height: 155px; border-radius: 22px; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .wrap_src .options::-webkit-scrollbar-track-piece:start { margin-top: 20px; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .wrap_src .options::-webkit-scrollbar-track-piece:end { margin-bottom: 20px; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .wrap_src .options .option { text-align: right; padding: 0 0.8rem; height: 32px; font-size: 12px; font-weight: 400; color: #616161; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .wrap_src .options .option:hover { background: unset; font-weight: unset; color: #fd7200; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .wrap_src .options.open { display: block; padding-top: 22px; } .claim-field-component-wrapper.select .claim-field-oval-container .form-select-new .error-msg { display: none; } @media screen and (max-width: 624px) { .claim-field-component-wrapper { margin-bottom: 25px; } .claim-field-component-wrapper .claim-field-label { font-size: 14px; font-weight: 500; line-height: 17px; margin-right: 12px; margin-bottom: 9px; } } .claim-orange-button { padding: 0; width: 124px; height: 32px; color: white; font-size: 12.5px; font-weight: 500; background: linear-gradient(180deg, #FA9E03 0%, #FC4A1A 100%); } .claim-orange-button:hover:not(.disabled) { scale: 1.02; } .claim-orange-button.disabled { opacity: 0.5; } @media screen and (max-width: 624px) { .claim-orange-button { width: 110px; height: 28px; line-height: 14px; } } .claim-address-wrapper { display: flex; flex-direction: column; align-items: center; width: 515px; height: 503px; } .claim-address-wrapper.large { transition: height ease-in 0.5s; height: 560px; } .claim-address-wrapper .claim-address-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-address-wrapper .claim-address-title-container { display: flex; flex-direction: column; align-items: center; } .claim-address-wrapper .claim-address-title-container .claim-address-sub-title { font-size: 15px; line-height: 18px; font-weight: 500; color: #616161; margin-top: 8px; } .claim-address-wrapper .claim-address-fields { display: flex; flex-direction: column; width: calc(100% - 111px); margin-top: 30px; } .claim-address-wrapper .claim-address-fields .claim-field-component-wrapper.addressSearch .claim-field-oval-container { background: none; box-shadow: none; padding: 0; } .claim-address-wrapper .claim-address-fields .claim-address-two-field-row { display: flex; } .claim-address-wrapper .claim-address-fields .claim-address-two-field-row :first-child { margin-left: 12px; } .claim-address-wrapper .claim-address-fields .claim-field-component-wrapper.claimAddress { margin-bottom: 24px; } .claim-address-wrapper .claim-address-fields .claim-field-component-wrapper.claimAddress.disabled .claim-field-oval-container { cursor: not-allowed; background-color: #f4f4f4; } .claim-address-wrapper .claim-address-fields .claim-field-component-wrapper.claimAddress.disabled .claim-field-oval-container input { cursor: not-allowed; opacity: 0.7; } .claim-address-wrapper .claim-address-fields .claim-field-component-wrapper.claimAddress .claim-field-oval-container { background-color: white; } .claim-address-wrapper .claim-address-fields .claim-address-two-field-row.claimAddress:nth-child(2) { margin-bottom: 19px; } .claim-address-wrapper .claim-address-map-img { position: absolute; bottom: 100px; z-index: -1; } .claim-address-wrapper.large .claim-address-map-img { bottom: 75px; } .claim-address-wrapper .claim-address-ok-text-container { display: flex; align-items: center; justify-content: flex-start; width: calc(100% - 111px); margin-bottom: 20px; } .claim-address-wrapper .claim-address-ok-text-container .claim-address-green-v { margin-left: 9px; } .claim-address-wrapper .claim-address-ok-text-container .claim-address-ok-text { font-size: 14px; font-weight: 500; line-height: 16.5px; color: #351A71; } .claim-address-wrapper.large .claim-address-button-container { opacity: 0; animation: fadeButtonsIn 1s forwards; } @keyframes fadeButtonsIn { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } .claim-address-wrapper .claim-address-button-container { display: flex; } .claim-address-wrapper .claim-address-button-container.loading { padding-right: 32px; } .claim-address-wrapper .claim-address-button-container.loading .claim-address-spinner-container { width: 32px; } .claim-address-wrapper .claim-address-button-container.loading .claim-address-spinner-container .claim-address-spinner { margin-top: -9px; } .claim-address-wrapper .claim-address-button-container.choice, .claim-address-wrapper .claim-address-button-container.address { margin-top: 40px; } .claim-address-wrapper .claim-address-button-container .claim-orange-button.claimAddress.second { margin-right: 19px; } @media screen and (max-width: 624px) { .claim-address-wrapper { width: 90vw; height: 536px; } .claim-address-wrapper .claim-address-title-container .claim-address-sub-title { font-size: 14px; line-height: 15px; margin-top: 8px; } .claim-address-wrapper .claim-address-fields { width: 90%; } .claim-address-wrapper .claim-address-map-img { transform: scale(0.65); } .claim-address-wrapper .claim-address-ok-text-container { width: 90%; } } .simple-select2-wrapper { display: flex; flex-direction: column; align-items: center; } .simple-select2-wrapper.disabled { opacity: 0.5; } .simple-select2-wrapper .simple-select2 { width: 100%; height: 42px; border-radius: 21px; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); position: relative; z-index: 20; cursor: pointer; } .simple-select2-wrapper .simple-select2 .simple-select2-chosen-option { display: flex; justify-content: space-between; align-items: center; height: 42px; padding-inline: 15px; z-index: 0; border-radius: 21px; background-color: white; } .simple-select2-wrapper .simple-select2 .simple-select2-chosen-option .simple-select2-spinner { margin: 0 auto; max-height: 110%; } .simple-select2-wrapper .simple-select2 .simple-select2-chosen-option .span { font-size: 1.2rem; font-weight: 600; color: #2a2a2a; opacity: 0.4; } .simple-select2-wrapper .simple-select2 .simple-select2-chosen-option .simple-select2-arrow { transform: rotate(180deg); transition: all ease-in 0.3s; } .simple-select2-wrapper .simple-select2 .simple-select2-chosen-option .simple-select2-arrow.open { transform: rotate(90deg); transition: all ease-in 0.3s; } .simple-select2-wrapper .simple-select2 .simple-select2-chosen-option .simple-select2-arrow.loading { opacity: 0.6; } .simple-select2-wrapper .simple-select2 .simple-select2-chosen-option.selected .span { color: #2a2a2a; opacity: 1; } .simple-select2-wrapper .simple-select2-option-list { visibility: hidden; border-radius: 22px; background-color: white; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); margin-top: -12px; padding-top: 16px; height: 0px; transition: all ease-in 0.4s; transition: width ease-in 0.2; width: 30%; position: relative; z-index: 19; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .simple-select2-wrapper .simple-select2-option-list::-webkit-scrollbar { display: none; } .simple-select2-wrapper .simple-select2-option-list.opened { visibility: visible; transition: all ease-in 0.4s; width: 100%; } .simple-select2-wrapper .simple-select2-option-list .simple-select2-option { display: flex; justify-content: flex-start; align-items: center; height: 42px; padding-inline: 15px; } .simple-select2-wrapper .simple-select2-option-list .simple-select2-option span { width: 100%; color: #2a2a2a; text-align: right; } .simple-select2-wrapper .simple-select2-option-list .simple-select2-option:hover:not(.disabled) span { color: #fd7200; } .claim-approval-wrapper { display: flex; flex-direction: column; align-items: center; width: 736px; height: 462px; position: relative; transition: height ease-in 0.5s; } .claim-approval-wrapper.show-minor-fields { transition: height ease-in 0.5s; height: 628px; } .claim-approval-wrapper .claim-approval-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-approval-wrapper .claim-approval-content { width: calc(100% - 80px); } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container { display: flex; flex-direction: column; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval { margin-bottom: 24px; align-items: flex-start; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval:nth-child(1) { margin-top: 28px; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval:nth-child(3) .checkbox2-box { margin-top: 5px; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval .checkbox2-box { min-width: 2.37rem; width: 2.37rem; height: 2.37rem; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval .checkbox2-box.active { height: 2.37rem; width: 2.37rem; background-size: 85% 60%; background-position: center 50%; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval .checkbox2-label { text-align: right; font-size: 15px; font-weight: 400; line-height: 23px; color: #616161; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container { display: flex; align-self: flex-start; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container .claim-approval-is-minor-text { font-size: 15px; font-weight: 400; line-height: 18px; color: #616161; margin-left: 15px; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container .claim-approval-is-minor-buttons { display: flex; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container .claim-approval-is-minor-buttons .button { background: none; padding: 0; width: 64px; height: 22px; border: solid #fd7200 1px; color: black; font-size: 12px; font-weight: 400; line-height: 14px; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container .claim-approval-is-minor-buttons .button:first-child { margin-left: 9px; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container .claim-approval-is-minor-buttons .button.selected { background: linear-gradient(180deg, #FA9605 0%, #FC5517 100%); color: white; } @keyframes animateFields { 0% { opacity: 0; } 100% { opacity: 1; } } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields { margin-top: 20px; animation-name: animateFields; animation-duration: 1.5s; } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields .claim-approval-two-field-row { display: flex; } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields .claim-approval-two-field-row .claim-field-component-wrapper.claimApproval:first-child { margin-left: 12px; } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields .claim-approval-two-field-row .claim-field-component-wrapper.claimApproval:not(.disabled) .claim-field-oval-container { background-color: white; } .claim-approval-wrapper .claim-approval-scroll-img { width: 193px; position: absolute; left: 18px; bottom: -11px; z-index: -1; } .claim-approval-wrapper .claim-approval-scroll-img img { width: 100%; } .claim-approval-wrapper .claim-approval-button-container { display: flex; align-items: flex-end; padding-right: 32px; position: absolute; bottom: 45px; } .claim-approval-wrapper .claim-approval-button-container .claim-approval-spinner-container { width: 32px; } .claim-approval-wrapper .claim-approval-button-container .claim-approval-spinner-container .claim-approval-spinner { margin-bottom: -15px; } @media screen and (max-width: 624px) { .claim-approval-wrapper { width: 90vw; height: 411px; } .claim-approval-wrapper.show-minor-fields { height: 667px; } .claim-approval-wrapper .claim-approval-content { width: 90%; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval { margin-bottom: 18px; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval:nth-child(1) { margin-top: 14px; margin-bottom: 6px; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval:nth-child(2) { margin-bottom: 14px; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval:nth-child(3) .checkbox2-box { margin-top: 3px; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval .checkbox2-box { min-width: 20px; width: 20px; height: 20px; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval .checkbox2-box.active { height: 20px; width: 20px; } .claim-approval-wrapper .claim-approval-content .claim-approval-checkbox-container .checkbox2-container.claimApproval .checkbox2-label { font-size: 12px; line-height: 17px; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container { align-items: baseline; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container .claim-approval-is-minor-text { font-size: 12px; line-height: 14px; margin-left: 4px; margin-bottom: 18px; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container .claim-approval-is-minor-buttons .button { width: 52px; height: 18px; font-size: 10px; font-weight: 500; line-height: 12px; } .claim-approval-wrapper .claim-approval-content .claim-approval-is-minor-container .claim-approval-is-minor-buttons .button:first-child { margin-left: 6px; } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields { margin-top: 0px; } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields .claim-approval-two-field-row { flex-direction: column; } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields .claim-approval-two-field-row .claim-field-component-wrapper.claimApproval:first-child { margin-left: 0; } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields .claim-approval-two-field-row .claim-field-component-wrapper.claimApproval { margin-bottom: 18px; } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields .claim-approval-two-field-row .claim-field-component-wrapper.claimApproval .claim-field-label { margin-bottom: 6px; } .claim-approval-wrapper .claim-approval-content .claim-approval-minor-fields .claim-approval-two-field-row .claim-field-component-wrapper.claimApproval .claim-field-oval-container { height: 36px; } .claim-approval-wrapper .claim-approval-scroll-img { display: none; } .claim-approval-wrapper .claim-approval-button-container { position: unset; } .claim-approval-wrapper .claim-approval-button-container:not(.minor) { margin-top: 26px; } } .claim-ask-signature-wrapper { display: flex; flex-direction: column; align-items: center; width: 499px; height: 303px; position: relative; } .claim-ask-signature-wrapper.large { height: 352px; } .claim-ask-signature-wrapper .claim-ask-signature-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-ask-signature-wrapper .claim-submission-orange-title.askSignature { margin-top: 19px; } .claim-ask-signature-wrapper .claim-ask-signature-text { font-size: 15px; font-weight: 500; line-height: 18px; color: #616161; width: 313px; margin: 13px 0 26px 0; } .claim-ask-signature-wrapper .claim-ask-signature-img { position: absolute; bottom: 23px; left: 9px; transform: scale(0.9); } .claim-ask-signature-wrapper .claim-ask-signature-button-container { display: flex; padding-right: 32px; margin-bottom: 15px; } .claim-ask-signature-wrapper .claim-ask-signature-button-container .claim-ask-signature-spinner-container { width: 32px; } .claim-ask-signature-wrapper .claim-ask-signature-button-container .claim-ask-signature-spinner-container .claim-ask-signature-spinner { margin-top: -9px; } .claim-ask-signature-wrapper .claim-ask-signature-lower { display: flex; flex-direction: column; align-items: center; width: 100%; } .claim-ask-signature-wrapper .claim-ask-signature-lower .claim-ask-signature-lower-title-container { display: flex; align-items: center; } .claim-ask-signature-wrapper .claim-ask-signature-lower .claim-ask-signature-lower-title-container .claim-ask-signature-lower-spacer { width: 86px; border-top: dashed #c6c5c5 1px; margin-bottom: 4px; } .claim-ask-signature-wrapper .claim-ask-signature-lower .claim-ask-signature-lower-title-container .claim-ask-signature-lower-title-text { font-size: 20px; font-weight: 400; line-height: 26px; margin-bottom: 8px; margin-inline: 10px; } .claim-ask-signature-wrapper .claim-ask-signature-lower .checkbox2-container.askSignature { margin: 0 18px 20px 0; align-items: flex-start; align-self: flex-start; } .claim-ask-signature-wrapper .claim-ask-signature-lower .checkbox2-container.askSignature .checkbox2-box { min-width: 22px; width: 22px; height: 22px; } .claim-ask-signature-wrapper .claim-ask-signature-lower .checkbox2-container.askSignature .checkbox2-box.active { height: 22px; width: 22px; background-size: 85% 60%; background-position: center 50%; } .claim-ask-signature-wrapper .claim-ask-signature-lower .checkbox2-container.askSignature .checkbox2-label { text-align: right; font-size: 15px; font-weight: 400; line-height: 23px; color: #616161; } @media screen and (max-width: 624px) { .claim-ask-signature-wrapper { width: 90vw; height: 272px; } .claim-ask-signature-wrapper.large { height: 352px; } .claim-ask-signature-wrapper .claim-submission-orange-title.askSignature { margin-top: 17px; } .claim-ask-signature-wrapper .claim-ask-signature-text { font-size: 13px; font-weight: 400; line-height: 15px; width: 90%; margin: 13px 0 26px 0; } .claim-ask-signature-wrapper .claim-ask-signature-img { bottom: -14px; left: -11px; transform: scale(0.8); } .claim-ask-signature-wrapper .claim-ask-signature-button-container .claim-ask-signature-spinner-container .claim-ask-signature-spinner { margin-top: -11px; } .claim-ask-signature-wrapper .claim-ask-signature-button-container .claim-orange-button { width: 130px; } .claim-ask-signature-wrapper .claim-ask-signature-lower .checkbox2-container.askSignature .checkbox2-label { font-size: 14px; line-height: 18px; } } .claim-file-upload-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; height: 100%; } .claim-file-upload-wrapper .claim-file-upload-button-container { display: flex; justify-content: flex-start; align-items: center; } .claim-file-upload-wrapper .claim-file-upload-button-container .claim-file-upload-button { padding: 0; background: none; } .claim-file-upload-wrapper .claim-file-upload-button-container .claim-file-upload-text { margin-right: 10px; font-size: 15px; font-weight: 500; line-height: 18px; color: #616161; } .claim-file-upload-wrapper .claim-file-upload-success-container { display: flex; justify-content: space-between; align-items: center; width: 100%; } .claim-file-upload-wrapper .claim-file-upload-success-container .claim-file-upload-success-right { display: flex; align-items: center; } .claim-file-upload-wrapper .claim-file-upload-success-container .claim-file-upload-success-left { display: flex; } .claim-file-upload-wrapper .claim-file-upload-success-container .claim-file-upload-success-left .claim-file-upload-replace { width: 23px; margin: 0 0 0 4px; cursor: pointer; } .claim-file-upload-wrapper .claim-file-upload-success-container .claim-file-upload-success-left .claim-file-upload-download-button { display: flex; align-items: center; padding: 0; background: none; margin-left: 4px; } .claim-file-upload-wrapper .claim-file-upload-success-container .claim-file-upload-success-left .claim-file-upload-download-button .claim-file-upload-download-img { width: 23px; } .claim-file-upload-wrapper .claim-file-upload-success-container .claim-file-upload-success-text { margin: 0 10px; font-size: 15px; font-weight: 500; line-height: 18px; text-align: right; color: #351A71; } .claim-file-upload-wrapper .claim-file-upload-type-error { display: flex; align-items: center; margin-right: 15px; position: relative; margin-bottom: -2px; } .claim-file-upload-wrapper .claim-file-upload-type-error .claim-file-upload-type-error-text { font-size: 13px; color: red; } .claim-file-upload-wrapper .claim-file-upload-type-error .claim-file-upload-type-error-img { width: 20px; margin-right: 5px; } .claim-file-upload-wrapper .claim-file-upload-type-error:hover .claim-file-upload-type-error-list { display: flex; } .claim-file-upload-wrapper .claim-file-upload-type-error .claim-file-upload-type-error-list { display: none; flex-direction: column; align-items: center; padding: 12px 18px; background-color: white; box-shadow: 0 3px 20px 2px #d7ddef; border-radius: 8px; position: absolute; bottom: 17px; left: -14px; z-index: 1; } .claim-bank-wrapper { display: flex; flex-direction: column; align-items: center; width: 515px; height: 416px; } .claim-bank-wrapper .claim-bank-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-bank-wrapper .claim-submission-orange-title.claimBank { width: 269px; } .claim-bank-wrapper .claim-bank-fields { width: calc(100% - 109px); margin-top: 29px; } .claim-bank-wrapper .claim-bank-fields .claim-bank-two-field-row { display: flex; } .claim-bank-wrapper .claim-bank-fields .claim-bank-two-field-row .claim-field-component-wrapper.claimBank:first-child { margin-left: 14px; } .claim-bank-wrapper .claim-bank-fields .claim-field-component-wrapper.claimBank.last { margin-bottom: 0; } .claim-bank-wrapper .claim-bank-file-upload-container { display: flex; align-items: center; align-self: center; width: calc(100% - 109px); height: 83px; } .claim-bank-wrapper .claim-bank-button-container { display: flex; padding-right: 32px; } .claim-bank-wrapper .claim-bank-button-container .claim-bank-spinner-container { width: 32px; } .claim-bank-wrapper .claim-bank-button-container .claim-bank-spinner-container .claim-bank-spinner { margin-top: -9px; } @media screen and (max-width: 624px) { .claim-bank-wrapper { width: 90vw; height: 470px; } .claim-bank-wrapper .claim-submission-orange-title.claimBank { width: 90%; margin-top: 8px; } .claim-bank-wrapper .claim-bank-fields { width: 90%; margin-top: 14px; } .claim-bank-wrapper .claim-bank-fields .claim-bank-two-field-row { flex-direction: column; } .claim-bank-wrapper .claim-bank-fields .claim-bank-two-field-row .claim-field-component-wrapper.claimBank:first-child { margin-left: 0; } .claim-bank-wrapper .claim-bank-file-upload-container { max-width: 90%; height: 80px; } } .claim-error-wrapper { display: flex; flex-direction: column; align-items: center; width: 400px; height: 300px; } .claim-error-wrapper .claim-error-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-error-wrapper .claim-submission-orange-title { margin-top: 52px; } .claim-error-wrapper .claim-error-sub { font-size: 15px; font-weight: 500; line-height: 18px; margin-top: 10px; margin-bottom: 20px; } .claim-error-wrapper .claim-error-code { font-size: 15px; font-weight: 400; line-height: 18px; margin-top: 10px; margin-bottom: 10px; } .claim-error-wrapper .claim-error-button-container { display: flex; position: absolute; bottom: 45px; } .claim-error-wrapper .claim-error-button-container .claim-orange-button.claimErrorClose { margin-left: 12px; } .claim-file-list-item-wrapper { display: flex; flex-direction: column; justify-content: space-between; width: 196px; height: 118px; border: dashed #edecec 1px; border-radius: 12px; background-color: #fbfbff; margin-left: 12px; position: relative; z-index: 1; } .claim-file-list-item-wrapper .claim-file-list-item-upper { display: flex; flex-direction: column; align-items: center; position: relative; top: 24px; width: 100%; cursor: pointer; } .claim-file-list-item-wrapper .claim-file-list-item-upper .text { font-size: 14px; font-weight: 400; line-height: 17px; margin-top: 8px; } .claim-file-list-item-wrapper .claim-file-list-item-lower { display: flex; justify-content: flex-start; width: 100%; margin: 0 4px 5px 0; position: absolute; bottom: 0; } .claim-file-list-item-wrapper .claim-file-list-item-lower .success, .claim-file-list-item-wrapper .claim-file-list-item-lower .download { padding: 0; background: none; } .claim-file-list-item-wrapper .claim-file-list-item-lower .success { margin-left: 4px; margin-bottom: -2px; } .claim-file-list-item-wrapper .claim-file-list-item-type-error-container { order: 3; margin: 0 auto 6px 5px; display: flex; align-items: center; position: relative; } .claim-file-list-item-wrapper .claim-file-list-item-type-error-container .claim-file-list-item-type-error-text { color: red; } .claim-file-list-item-wrapper .claim-file-list-item-type-error-container .claim-file-list-item-type-error-img { margin-right: 3px; width: 15px; } .claim-file-list-item-wrapper .claim-file-list-item-type-error-container:hover .claim-file-list-item-type-error-list { display: flex; } .claim-file-list-item-wrapper .claim-file-list-item-type-error-container .claim-file-list-item-type-error-list { display: none; flex-direction: column; align-items: center; padding: 4px 16px; background-color: white; box-shadow: 0 3px 20px 2px #d7ddef; border-radius: 8px; position: absolute; bottom: 16px; left: 0; height: 90px; overflow-y: scroll; } .claim-file-list-item-wrapper .claim-file-list-item-spinner { align-self: center; width: 40px; } @media screen and (max-width: 624px) { .claim-file-list-item-wrapper { justify-content: unset; position: relative; width: 127px; height: 98px; margin-left: 8px; } .claim-file-list-item-wrapper .claim-file-list-item-upper { position: absolute; top: 25px; order: 2; } .claim-file-list-item-wrapper .claim-file-list-item-upper .text { font-size: 12px; line-height: 14px; margin-top: 12px; } .claim-file-list-item-wrapper .claim-file-list-item-lower { order: 1; margin: 4px 4px 0px 0; position: unset; } .claim-file-list-item-wrapper .claim-file-list-item-lower .success, .claim-file-list-item-wrapper .claim-file-list-item-lower .download { transform: scale(0.9); } .claim-file-list-item-wrapper .claim-file-list-item-lower .success { margin-left: 3px; margin-bottom: -2px; } .claim-file-list-item-wrapper .claim-file-list-item-type-error-container { margin: auto auto 3px 0; } .claim-file-list-item-wrapper .claim-file-list-item-type-error-container .claim-file-list-item-type-error-list { bottom: 20px; left: 0; height: 70px; } .claim-file-list-item-wrapper .claim-file-list-item-spinner { position: absolute; bottom: -2px; width: 30px; } } .claim-file-list-wrapper { display: flex; flex-direction: column; width: 100%; } .claim-file-list-wrapper .claim-file-list-label { align-self: flex-start; font-size: 18px; font-weight: 400; line-height: 21px; color: #383838; } .claim-file-list-wrapper .claim-file-list-overflow-container { width: 100%; overflow-x: scroll; padding-bottom: 5px; } .claim-file-list-wrapper .claim-file-list-overflow-container::-webkit-scrollbar { height: 7px; } .claim-file-list-wrapper .claim-file-list-overflow-container.no-scroll { padding-bottom: none; overflow-x: hidden; } .claim-file-list-wrapper .claim-file-list-overflow-container .claim-file-list { display: flex; justify-content: flex-start; width: fit-content; margin-top: 13px; } @media screen and (max-width: 624px) { .claim-file-list-wrapper .claim-file-list-label { font-size: 16px; line-height: 19px; } .claim-file-list-wrapper .claim-file-list-overflow-container { padding-bottom: 5px; } .claim-file-list-wrapper .claim-file-list-overflow-container .claim-file-list { margin-top: 11px; } } .claim-files-wrapper { display: flex; flex-direction: column; align-items: center; width: 718px; height: 561px; } .claim-files-wrapper.small { height: 375px; } .claim-files-wrapper .claim-files-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-files-wrapper .claim-files-content { width: calc(100% - 105px); display: flex; flex-direction: column; align-items: center; } .claim-files-wrapper .claim-files-content .claim-file-list-wrapper { margin-bottom: 40px; } .claim-files-wrapper .claim-files-content .claim-file-list-wrapper:first-child { margin-top: 40px; } .claim-files-wrapper .claim-files-documents-img { position: relative; right: 180px; bottom: 136px; } .claim-files-wrapper .claim-files-documents-img .img { position: absolute; } .claim-files-wrapper .claim-files-button-container { display: flex; padding-right: 32px; } .claim-files-wrapper .claim-files-button-container .claim-files-spinner-container { width: 32px; } .claim-files-wrapper .claim-files-button-container .claim-files-spinner-container .claim-files-spinner { margin-top: -9px; } @media screen and (max-width: 624px) { .claim-files-wrapper { width: 90vw; height: 479px; } .claim-files-wrapper .claim-submission-orange-title { margin-top: 15px; } .claim-files-wrapper .claim-files-content { width: 79%; } .claim-files-wrapper .claim-files-content .claim-file-list-wrapper { margin-bottom: 28px; } .claim-files-wrapper .claim-files-content .claim-file-list-wrapper:first-child { margin-top: 20px; } .claim-files-wrapper .claim-files-documents-img { right: 48px; bottom: 60px; } .claim-files-wrapper .claim-files-documents-img img { width: 120px; } } .claim-loading-wrapper { width: 350px; height: 260px; display: flex; justify-content: center; align-items: center; } .claim-loading-wrapper .claim-loading-spinner { width: 100px; } .claim-mobile-close-wrapper { display: flex; flex-direction: column; align-items: center; width: 90vw; height: 221px; } .claim-mobile-close-wrapper .claim-mobile-close-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-mobile-close-wrapper .claim-submission-orange-title.claimMobileClose { margin-top: 26px; } .claim-mobile-close-wrapper .claim-mobile-close-button-container { display: flex; margin: 18px 0 21px 0; } .claim-mobile-close-wrapper .claim-mobile-close-button-container :first-child { margin-left: 6px; } .claim-mobile-close-wrapper .claim-mobile-close-buttom-text { font-size: 12px; font-weight: 400; line-height: 15px; color: #616161; } .claim-signature-wrapper { display: flex; flex-direction: column; align-items: center; width: 577px; height: 361px; position: relative; } .claim-signature-wrapper .claim-signature-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-signature-wrapper .claim-signature-title-container { display: flex; flex-direction: column; align-items: center; margin-bottom: 18px; } .claim-signature-wrapper .claim-signature-title-container .claim-signature-sub-title { font-size: 15px; font-weight: 400; line-height: 18px; color: #616161; } .claim-signature-wrapper .claim-signature-pad-container { width: 436px; height: 150px; border-radius: 12px; margin-bottom: 22px; border: dashed #dddddd 1px; background-color: #fbfbff; position: relative; } .claim-signature-wrapper .claim-signature-pad-container canvas { width: 99%; height: 99%; } .claim-signature-wrapper .claim-signature-pad-container .claim-signature-clear { position: absolute; right: 10px; bottom: 10px; padding: 0; background: none; color: #fd7200; } .claim-signature-wrapper .claim-signature-img { width: 180px; position: absolute; left: 7px; bottom: 18px; z-index: -1; } .claim-signature-wrapper .claim-signature-img img { width: 100%; } .claim-signature-wrapper .claim-signature-button-container { display: flex; padding-right: 32px; } .claim-signature-wrapper .claim-signature-button-container .claim-signature-spinner-container { width: 32px; } .claim-signature-wrapper .claim-signature-button-container .claim-signature-spinner-container .claim-signature-spinner { margin-top: -9px; } .claim-signature-wrapper .claim-signature-lower-text { width: calc(100% - 280px); position: absolute; bottom: 12px; font-size: 12px; font-weight: 400; line-height: 14px; color: #616161; } @media screen and (max-width: 624px) { .claim-signature-wrapper { width: 90vw; height: 401px; } .claim-signature-wrapper .claim-signature-pad-container { width: 298px; height: 189px; margin-bottom: 17px; } .claim-signature-wrapper .claim-signature-pad-container .claim-signature-clear { right: 10px; bottom: 10px; } .claim-signature-wrapper .claim-signature-img { width: 200px; left: -10px; bottom: 30px; } .claim-signature-wrapper .claim-signature-lower-text { width: 90%; position: absolute; bottom: 20px; } } .claim-submitted-wrapper { display: flex; flex-direction: column; align-items: center; width: 577px; height: 361px; } .claim-submitted-wrapper .claim-submitted-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-submitted-wrapper .claim-submitted-robot { width: 190px; margin-top: -15px; } .claim-submitted-wrapper .claim-submitted-robot img { width: 100%; } .claim-submitted-wrapper .claim-submitted-blue-text { font-size: 22px; font-weight: 500; color: #351A71; margin-top: -10px; } .claim-submitted-wrapper .claim-submitted-sub-title { font-size: 22px; font-weight: 400; color: #616161; margin: 7px 0 35px 0; } @media screen and (max-width: 624px) { .claim-submitted-wrapper { width: 90vw; height: 337px; } .claim-submitted-wrapper .claim-submitted-robot { width: 188px; margin: -15px 24px 0 0; } .claim-submitted-wrapper .claim-submitted-blue-text { font-size: 20px; font-weight: 700; line-height: 26px; } .claim-submitted-wrapper .claim-submitted-sub-title { font-size: 14px; font-weight: 500; line-height: 17px; margin: 0 0 13px 0; } } .claim-type-list-wrapper { display: flex; flex-direction: column; align-items: flex-start; height: 153px; margin-bottom: 24px; overflow-y: scroll; } .claim-type-list-wrapper .claim-type-list-item { display: flex; justify-content: flex-start; align-items: flex-start; margin: 3px 2px 16px 0; cursor: pointer; } .claim-type-list-wrapper .claim-type-list-item:last-child { margin-bottom: 10px; } .claim-type-list-wrapper .claim-type-list-item .claim-type-list-circle { display: flex; justify-content: center; align-items: center; min-width: 12px; width: 12px; height: 12px; border-radius: 50%; background-color: white; box-shadow: 0 1px 4px #00000040; } .claim-type-list-wrapper .claim-type-list-item .claim-type-list-circle .claim-type-list-inner-circle { width: 6px; height: 6px; border-radius: 50%; background-color: transparent; } .claim-type-list-wrapper .claim-type-list-item.active .claim-type-list-circle .claim-type-list-inner-circle { background-color: #fd7200; } .claim-type-list-wrapper .claim-type-list-item .claim-type-list-text { color: #6a6a6a; font-size: 14px; font-weight: 400; margin-right: 6px; line-height: 1; text-align: right; } @media screen and (max-width: 624px) { .claim-type-list-wrapper { height: 209px; } .claim-type-list-wrapper .claim-type-list-item { align-items: flex-start; margin: 0 2px 16px 0; } } .submit-claim-step-2-wrapper { display: flex; flex-direction: column; align-items: center; width: 515px; height: 522px; color: #2a2a2a; } .submit-claim-step-2-wrapper .step-2-top-row { display: flex; justify-content: space-between; width: 100%; } .submit-claim-step-2-wrapper .step-2-title-container { display: flex; flex-direction: column; align-items: center; } .submit-claim-step-2-wrapper .step-2-title-container .step-2-sub-title { font-size: 15px; font-weight: 600; line-height: 18px; color: #351A71; margin-top: 10px; } .submit-claim-step-2-wrapper .claim-2-fields { width: calc(100% - 110px); margin-top: 25px; } .submit-claim-step-2-wrapper .claim-2-fields .step-2-list-container { border: #2a2a2a solid 1px; height: 153px; margin-bottom: 24px; } .submit-claim-step-2-wrapper .claim-2-fields .claim-field-component-wrapper { margin-bottom: 14px; } .submit-claim-step-2-wrapper .claim-2-fields .claim-field-component-wrapper:last-child { margin-bottom: 24px; } .submit-claim-step-2-wrapper .claim-2-fields .claim-field-component-wrapper.claimType .claim-field-oval-container { display: flex; justify-content: flex-start; } .submit-claim-step-2-wrapper .claim-2-fields .claim-field-component-wrapper.claimType .claim-field-oval-container .span { margin-right: 5px; } .submit-claim-step-2-wrapper .claim-2-fields .claim-field-component-wrapper.claimType .claim-field-oval-container .claim-type-product { color: #fd7200; font-size: 14px; font-weight: 500; } .submit-claim-step-2-wrapper .claim-2-fields .claim-field-component-wrapper.claimType .claim-field-oval-container .claim-type-subscription { font-size: 14px; font-weight: 400; } @media screen and (max-width: 624px) { .submit-claim-step-2-wrapper { width: 90vw; height: 560px; } .submit-claim-step-2-wrapper .step-2-title-container .step-2-sub-title { font-size: 13px; font-weight: 500; line-height: 15px; margin-top: 7px; } .submit-claim-step-2-wrapper .claim-2-fields { width: 90%; } } .claim-client-or-agent-wrapper { display: flex; flex-direction: column; align-items: center; width: 467px; height: 265px; position: relative; } .claim-client-or-agent-wrapper .claim-client-or-agent-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-client-or-agent-wrapper .claim-submission-orange-title.clientOrAgent { margin-top: 42px; margin-bottom: 10px; } .claim-client-or-agent-wrapper .claim-client-or-agent-text-container { display: flex; flex-direction: column; align-items: center; width: calc(100% - 140px); margin-bottom: 24px; font-size: 15px; font-weight: 500; line-height: 18px; color: #616161; } .claim-client-or-agent-wrapper .claim-client-or-agent-img { position: absolute; bottom: 0; left: 9px; transform: scale(0.9); z-index: -1; } .claim-client-or-agent-wrapper .claim-client-or-agent-button-container { padding-right: 32px; display: flex; } .claim-client-or-agent-wrapper .claim-client-or-agent-button-container :first-child { margin-left: 10px; } .claim-client-or-agent-wrapper .claim-client-or-agent-button-container .claim-client-or-agent-spinner-container { width: 32px; } .claim-client-or-agent-wrapper .claim-client-or-agent-button-container .claim-client-or-agent-spinner-container .claim-client-or-agent-spinner { margin-top: -9px; } @media screen and (max-width: 624px) { .claim-client-or-agent-wrapper { width: 90vw; height: 232px; } .claim-client-or-agent-wrapper .claim-submission-orange-title.clientOrAgent { margin-top: 18px; margin-bottom: 10px; } .claim-client-or-agent-wrapper .claim-client-or-agent-text-container { width: 90%; margin-bottom: 24px; font-size: 13px; line-height: 16px; } .claim-client-or-agent-wrapper .claim-client-or-agent-text-container .claim-client-or-agent-spinner-container .claim-client-or-agent-spinner { margin-top: -11px; } .claim-client-or-agent-wrapper .claim-client-or-agent-img { bottom: -8px; left: 5px; transform: scale(0.9); } } .select-number-wrapper { display: flex; flex-direction: column; width: 47px; height: 25px; border-radius: 12px; font-size: 13px; font-weight: 400; cursor: pointer; } .select-number-wrapper .select-number-inner-wrapper { display: flex; flex-direction: column; box-shadow: 0 3px 20px 2px #d7ddef; border-radius: 12px; height: 25px; z-index: 1; } .select-number-wrapper .select-number-inner-wrapper.open { height: unset; max-height: 175px; } .select-number-wrapper .select-number-inner-wrapper .select-number-selected { display: flex; justify-content: space-between; align-items: center; height: 25px; width: 100%; color: white; background-color: #fd7200; border-radius: 12px; position: relative; } .select-number-wrapper .select-number-inner-wrapper .select-number-selected .select-number-text { margin: 0 auto; } .select-number-wrapper .select-number-inner-wrapper .select-number-selected .select-number-arrow { position: absolute; left: 6px; transform: rotate(180deg); transition: all ease-in 0.15s; display: flex; align-items: center; } .select-number-wrapper .select-number-inner-wrapper .select-number-selected .select-number-arrow svg { width: 12px; height: 12px; } .select-number-wrapper .select-number-inner-wrapper .select-number-selected .select-number-arrow svg g g { stroke-width: 4px; stroke: #FFA800; } .select-number-wrapper .select-number-inner-wrapper .select-number-selected.open { color: #616161; background-color: white; border-radius: 12px 12px 0 0; } .select-number-wrapper .select-number-inner-wrapper .select-number-selected.open .select-number-arrow { transform: rotate(90deg); transition: all ease-in 0.15s; } .select-number-wrapper .select-number-inner-wrapper .select-number-selected.open .select-number-arrow svg g g { filter: invert(31%) sepia(0%) saturate(1841%) hue-rotate(243deg) brightness(94%) contrast(85%); } .select-number-wrapper .select-number-inner-wrapper .select-number-list { height: 0; width: 100%; border-radius: 0 0 12px 12px; top: 25px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .select-number-wrapper .select-number-inner-wrapper .select-number-list::-webkit-scrollbar { display: none; } .select-number-wrapper .select-number-inner-wrapper .select-number-list .select-number-list-item { height: 25px; color: #616161; line-height: 2; background-color: white; cursor: pointer; } .select-number-wrapper .select-number-inner-wrapper .select-number-list .select-number-list-item:hover { background-color: #fd7200; color: white; } .select-number-wrapper .select-number-inner-wrapper .select-number-list.open { height: unset; max-height: 175px; } @media screen and (max-width: 624px) { .select-number-wrapper { height: 21px; } .select-number-wrapper .select-number-inner-wrapper .select-number-selected { height: 21px; } } .claim-receipts-wrapper { display: flex; flex-direction: column; align-items: center; width: 552px; height: 593px; } .claim-receipts-wrapper.hideCounter { height: 541px; } .claim-receipts-wrapper .claim-receipts-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-receipts-wrapper .claim-receipts-title-container { display: flex; flex-direction: column; align-items: center; } .claim-receipts-wrapper .claim-receipts-title-container .claim-submission-orange-title.claimReceipts { line-height: 28px; } .claim-receipts-wrapper .claim-receipts-title-container .claim-receipts-sub-title { font-size: 15px; font-weight: 500; line-height: 18px; color: #616161; margin-top: 5px; } .claim-receipts-wrapper .claim-receipts-counter-row { display: flex; align-items: center; margin-top: 27px; height: 25px; } .claim-receipts-wrapper .claim-receipts-counter-row .claim-receipts-counter-text { font-size: 15px; font-weight: 400; line-height: 18px; color: #616161; margin-left: 7px; } .claim-receipts-wrapper .claim-receipts-blue-text { font-size: 18px; font-weight: 500; color: #351A71; margin-top: 30px; } .claim-receipts-wrapper .claim-receipts-fields-container { display: flex; flex-direction: column; align-items: center; width: calc(100% - 141px); margin-top: 35px; } .claim-receipts-wrapper .claim-receipts-button-container { display: flex; padding-right: 32px; margin-top: 6px; } .claim-receipts-wrapper .claim-receipts-button-container .claim-receipts-spinner-container { width: 32px; } .claim-receipts-wrapper .claim-receipts-button-container .claim-receipts-spinner-container .claim-receipts-spinner { margin-top: -9px; } @media screen and (max-width: 624px) { .claim-receipts-wrapper { width: 90vw; height: 485px; } .claim-receipts-wrapper.hideCounter { height: 445px; } .claim-receipts-wrapper .claim-receipts-title-container .claim-submission-orange-title.claimReceipts { line-height: 24px; } .claim-receipts-wrapper .claim-receipts-title-container .claim-receipts-sub-title { font-size: 13px; font-weight: 500; line-height: 15px; } .claim-receipts-wrapper .claim-receipts-counter-row { margin-top: 18px; height: 21px; } .claim-receipts-wrapper .claim-receipts-counter-row .claim-receipts-counter-text { margin-left: 5px; } .claim-receipts-wrapper .claim-receipts-blue-text { font-size: 16px; line-height: 19px; margin-top: 8px; } .claim-receipts-wrapper .claim-receipts-fields-container { width: 90%; margin-top: 30px; } } .saved-claim-wrapper { display: flex; flex-direction: column; align-items: center; width: 577px; height: 361px; } .saved-claim-wrapper .saved-claim-top-row { display: flex; justify-content: space-between; width: 100%; } .saved-claim-wrapper .saved-claim-robot { width: 156px; margin: -48px -15px 0 0; } .saved-claim-wrapper .saved-claim-robot .img { width: 100%; } .saved-claim-wrapper .saved-claim-text-container { display: flex; flex-direction: column; align-items: center; font-size: 20px; font-weight: 600; color: #351A71; margin-top: 16px; } .saved-claim-wrapper .saved-claim-button-row { display: flex; margin-top: 20px; } .saved-claim-wrapper .saved-claim-button-row .claim-orange-button.saved-claim { margin-left: 12px; } @media screen and (max-width: 624px) { .saved-claim-wrapper { width: 90vw; height: 361px; } .saved-claim-wrapper .saved-claim-text-container { font-size: 18px; } .saved-claim-wrapper .saved-claim-button-row .claim-orange-button { width: 120px; } } .submit-claim-step-1-wrapper { width: 515px; height: 484px; display: flex; flex-direction: column; align-items: center; color: #2a2a2a; } .submit-claim-step-1-wrapper .claim-1-top-row { display: flex; justify-content: space-between; width: 100%; } .submit-claim-step-1-wrapper .claim-1-fields { display: flex; flex-direction: column; align-items: center; width: calc(100% - 110px); margin-top: 25px; } .submit-claim-step-1-wrapper .claim-1-fields .claim-two-field-row { display: flex; width: 100%; } .submit-claim-step-1-wrapper .claim-1-fields .claim-two-field-row div:first-child { margin-left: 7px; } .submit-claim-step-1-wrapper .claim-1-fields .claim-field-component-wrapper.selectUser .claim-field-oval-container { display: flex; justify-content: flex-start; } .submit-claim-step-1-wrapper .claim-1-fields .claim-field-component-wrapper.selectUser .claim-field-oval-container span { color: #b1abab; font-size: 14px; font-weight: 400; } .submit-claim-step-1-wrapper .claim-orange-button.claim-1-next { margin: 8px 0 0 0; } @media screen and (max-width: 624px) { .submit-claim-step-1-wrapper { width: 90vw; height: 602px; } .submit-claim-step-1-wrapper .claim-1-fields { width: 90%; } .submit-claim-step-1-wrapper .claim-1-fields .claim-two-field-row { display: flex; flex-direction: column; } .submit-claim-step-1-wrapper .claim-1-fields .claim-two-field-row div:first-child { margin-left: 0; } .submit-claim-step-1-wrapper .claim-1-fields .claim-field-component-wrapper.selectUser, .submit-claim-step-1-wrapper .claim-1-fields .claim-field-component-wrapper.simpleSelect { margin-bottom: 25px; } .submit-claim-step-1-wrapper .claim-orange-button.claim-1-next { margin: 10px 0 0 0; } } .claim-sent-to-client-wrapper { display: flex; flex-direction: column; align-items: center; width: 467px; height: 265px; } .claim-sent-to-client-wrapper .claim-sent-to-client-top-row { display: flex; justify-content: space-between; width: 100%; } .claim-sent-to-client-wrapper .claim-sent-to-client-robot { width: 170px; margin-top: -30px; right: 13px; position: relative; } .claim-sent-to-client-wrapper .claim-sent-to-client-robot .img { width: 100%; } .claim-sent-to-client-wrapper .claim-sent-to-client-blue-text { font-size: 24px; font-weight: 700; line-height: 26px; color: #351A71; margin-top: -15px; } .claim-sent-to-client-wrapper .claim-sent-to-client-text { font-size: 16px; font-weight: 500; line-height: 19px; color: #616161; margin-bottom: 19px; } @media screen and (max-width: 624px) { .claim-sent-to-client-wrapper { width: 90vw; height: 232px; } .claim-sent-to-client-wrapper .claim-sent-to-client-robot { width: 150px; margin-top: -36px; right: 10px; } .claim-sent-to-client-wrapper .claim-sent-to-client-blue-text { font-size: 20px; margin-top: -15px; } .claim-sent-to-client-wrapper .claim-sent-to-client-text { font-size: 14px; line-height: 17px; margin-bottom: 19px; } } .popup-wrapper.visible.submitClaim .popup-box { width: unset; height: unset; min-width: 0; min-height: 0; border-radius: 20px; } .popup-wrapper.visible.submitClaim .popup-box .submit-claim-popup-wrapper { color: #2a2a2a; } .member { display: flex; position: relative; flex-direction: row; align-items: center; height: 53.99px; min-height: 53.99px; width: 93%; border-style: none none solid none; border-width: 1px; border-color: #d0d0d0; } .member .check_me { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 16px; height: 16px; outline: 1px solid #b9b9b9; border-radius: 2px; margin: 0 1rem 0 1rem; cursor: pointer; } .member .check_me.none { display: none; } .member .check_me.active { background-color: #ff7300; border-color: #ff7300; outline: none; } .member .check_me.red { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) backwards; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake_2 { 10%, 90% { font-size: 12px; } 20%, 80% { font-size: 12px; } 30%, 50%, 70% { font-size: 12px; } 40%, 60% { font-size: 12px; } } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } 20%, 80% { transform: translate3d(2px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } 40%, 60% { transform: translate3d(4px, 0, 0); outline: red solid 1px; background-color: rgba(245, 191, 191, 0.4); } } @keyframes vision { 10%, 90% { translate: 0; } } .member .no_hmo { margin: 0 0.8rem 0 0.8rem; } .member .no_hmo.none { display: none; } .member .get_hmo { width: 71px; height: 19px; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; font-weight: 500; font-size: 11px; line-height: 19px; cursor: pointer; margin: 0 0.5rem 0 0; } .member .get_hmo.none { display: none; } .member .member_name { color: #aeadac; font-weight: 400; font-size: 14px; text-align: right; cursor: pointer; } .member .insurance_info { display: flex; flex-direction: row; align-items: center; height: 4.5em; margin-right: 0.5rem; position: relative; overflow: hidden; width: 40%; } @media screen and (max-width: 624px) { .member .insurance_info { width: unset; overflow: unset; } } .member .insurance_info .cross_fly_err { position: absolute; color: red; font-size: 0; translate: 200px; width: max-content; } @media screen and (max-width: 624px) { .member .insurance_info .cross_fly_err { translate: -300px; } } .member .insurance_info .cross_fly_err.show { font-size: 12px; animation: vision 3s cubic-bezier(0.36, 0.07, 0.19, 0.97); margin-right: 10px; } @media screen and (max-width: 624px) { .member .insurance_info .cross_fly_err.show { font-size: 9px; } } .member .insurance_info.none { display: none; } .member .insurance_info:hover .hmo_item, .member .insurance_info:hover .hmo_plan_item { display: flex; } .member .insurance_info .arrow_i { z-index: 2; } .member .insurance_info .hmo_item, .member .insurance_info .hmo_plan_item { flex-direction: row; align-items: center; display: flex; margin-right: 0.5rem; height: 4.5em; overflow: hidden; position: relative; } .member .insurance_info .hmo_item .hmo_pen, .member .insurance_info .hmo_plan_item .hmo_pen { margin: 0 0.3rem 7px 0; cursor: pointer; translate: 120px; width: 10px; transition: all 0.5s ease-in-out; } .member .insurance_info .hmo_item .hmo_pen.show, .member .insurance_info .hmo_plan_item .hmo_pen.show { translate: 0; transition: all 0.5s ease-in-out; } .member .insurance_info .hmo_item.none, .member .insurance_info .hmo_plan_item.none { display: none; } .member .insurance_info .hmo_item .hmo_i, .member .insurance_info .hmo_plan_item .hmo_i { padding: 0 0 3px 0; } .member .insurance_info .hmo_item .title, .member .insurance_info .hmo_plan_item .title { font-weight: 500; font-size: 12px; color: #373431; translate: 110px; transition: all 0.5s ease-in-out; } .member .insurance_info .hmo_item .title.show, .member .insurance_info .hmo_plan_item .title.show { translate: 0; transition: all 0.5s ease-in-out; } .member .fly_row_logo { position: absolute; left: -30px; top: 35px; } @media screen and (max-width: 624px) { margin: 0 0 0 1rem; } .hmo_selector_part { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-around; position: relative; min-height: -0; height: -0; width: 426px; transition: all 0.5s ease-in-out; overflow: hidden; margin: 0 0 0 0; } .hmo_selector_part.open { min-height: 115px; height: 115px; transition: all 0.5s ease-in-out; } .hmo_selector_part.open .dummy_horizontal_3 { height: 40px; bottom: 0.8rem; transition: all 0.5s ease-in-out; } .hmo_selector_part .dummy_vertical { position: absolute; top: 4.8rem; left: 0; right: 0; margin: 0 auto 0 auto; height: 1px; width: 97%; background-color: #c1bdbd; } .hmo_selector_part .dummy_horizontal_1, .hmo_selector_part .dummy_horizontal_2, .hmo_selector_part .dummy_horizontal_3 { position: absolute; background-color: #c1bdbd; height: 40px; min-width: 1px; width: 1px; transition: all 0.2s ease-in-out; } .hmo_selector_part .dummy_horizontal_1 { top: 0.8rem; right: 11.8rem; } .hmo_selector_part .dummy_horizontal_2 { top: 0.8rem; left: 11.8rem; } .hmo_selector_part .dummy_horizontal_3 { height: 0; bottom: -0.8rem; left: 0; right: 0; margin: 0 auto 0 auto; transition: all 0.2s ease-in-out; } .hmo_selector_part .fly_hmo_w { border-radius: 5px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.19); height: 34px; width: 112px; cursor: pointer; display: flex; flex-direction: row; justify-content: center; align-items: center; } .hmo_selector_part .fly_hmo_w.active.north { box-shadow: 0 3px 10px 0 rgba(13, 177, 75, 0.5); } .hmo_selector_part .fly_hmo_w.active.south { color: #004975; box-shadow: 0 3px 10px 0 rgba(0, 73, 117, 0.5); } .hmo_selector_part .fly_hmo_w.active.worldwide { box-shadow: 0 3px 10px 0 rgba(13, 97, 174, 0.5); } .hmo_selector_part .fly_hmo_w.active.forces { box-shadow: 0 3px 10px 0 rgba(28, 93, 142, 0.5); } .hmo_selector_part .fly_hmo_w.active.special { box-shadow: 0 3px 10px 0 rgba(0, 155, 223, 0.5); } .hmo_selector_part .fly_hmo_t { font-weight: 500; font-size: 16px; line-height: 25px; width: 95%; height: 83%; border-radius: 5px; --b: 1px; /* the border thickness*/ --g: 0; /* the gap on hover */ padding: calc(var(--g) + var(--b)); --_g: #0000 25%, var(--c) 0; background: conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) var(--_i, 200%) 0/200% var(--_i, var(--b)) no-repeat, conic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0 var(--_i, 200%)/var(--_i, var(--b)) 200% no-repeat; transition: 0.3s, background-position 0.3s 0.3s; } .hmo_selector_part .fly_hmo_t:hover { --_i: 100%; transition: 0.3s, background-size 0.3s 0.3s; border-radius: unset; } @media screen and (max-width: 624px) { .hmo_selector_part .fly_hmo_t { background: unset; } .hmo_selector_part .fly_hmo_t:hover { border-radius: 5px; } } .hmo_selector_part .fly_hmo_t.north { color: #0db14b; outline: 1px solid #0db14b; --c: #0db14b; /* the border color */ } .hmo_selector_part .fly_hmo_t.south { color: #004975; outline: 1px solid #004975; --c: #004975; /* the border color */ } .hmo_selector_part .fly_hmo_t.worldwide { color: #0d61ae; outline: 1px solid #0d61ae; --c: #0d61ae; /* the border color */ } .hmo_selector_part .fly_hmo_t.forces { color: #1c5d8e; outline: 1px solid #1c5d8e; --c: #1c5d8e; /* the border color */ } .hmo_selector_part .fly_hmo_t.special { color: #009bdf; outline: 1px solid #009bdf; --c: #009bdf; /* the border color */ } @media screen and (max-width: 624px) and (max-width: 414px) { .hmo_selector_part.open { width: 292.5px; min-height: 160px; height: 160px; } } @media screen and (max-width: 624px) and (max-width: 412px) { .hmo_selector_part.open { width: 292.5px; min-height: 160px; height: 160px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .hmo_selector_part.open { width: 292.5px; min-height: 160px; height: 160px; } } @media screen and (max-width: 624px) and (max-width: 375px) { .hmo_selector_part.open { width: 292.5px; min-height: 160px; height: 160px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .hmo_selector_part.open { width: 292.5px; min-height: 160px; height: 160px; } } @media screen and (max-width: 624px) { .hmo_selector_part .dummy_vertical { top: 8.9rem; width: 89%; } .hmo_selector_part .dummy_horizontal_1 { height: 87px; right: 12.1rem; } .hmo_selector_part .dummy_horizontal_2, .hmo_selector_part .dummy_horizontal_3 { display: none; } } .add_another { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } .add_another .arrow_r, .add_another .arrow_l { visibility: hidden; } @media screen and (max-width: 624px) { .add_another .arrow_r, .add_another .arrow_l { position: absolute; top: 170px; width: 10px; transition: all 0.5s ease-in-out; } .add_another .arrow_r.show, .add_another .arrow_l.show { visibility: visible; top: 282px; transition: all 0.5s ease-in-out; } .add_another .arrow_l { left: -3.2rem; right: unset; } } @media screen and (max-width: 624px) and (max-width: 414px) { .add_another .arrow_l.show { left: 1.2rem; } } @media screen and (max-width: 624px) and (max-width: 412px) { .add_another .arrow_l.show { left: 1.2rem; } } @media screen and (max-width: 624px) and (max-width: 390px) { .add_another .arrow_l.show { left: .7rem; } } @media screen and (max-width: 624px) and (max-width: 375px) { .add_another .arrow_l.show { left: .4rem; } } @media screen and (max-width: 624px) and (max-width: 360px) { .add_another .arrow_l.show { left: -0.1rem; } } @media screen and (max-width: 624px) { .add_another .arrow_l.left_d { filter: blur(2px); } .add_another .arrow_l.right_d { filter: blur(0px); } .add_another .arrow_r { right: -3.2rem; left: unset; transform: rotate(180deg); } } @media screen and (max-width: 624px) and (max-width: 414px) { .add_another .arrow_r.show { right: 1.2rem; } } @media screen and (max-width: 624px) and (max-width: 412px) { .add_another .arrow_r.show { right: 1.2rem; } } @media screen and (max-width: 624px) and (max-width: 390px) { .add_another .arrow_r.show { right: .7rem; } } @media screen and (max-width: 624px) and (max-width: 375px) { .add_another .arrow_r.show { right: .4rem; } } @media screen and (max-width: 624px) and (max-width: 360px) { .add_another .arrow_r.show { right: -0.1rem; } } @media screen and (max-width: 624px) { .add_another .arrow_r.right_d { filter: blur(2px); } .add_another .arrow_r.left_d { filter: blur(0px); } } .add_another .another_data_top, .add_another .another_data_bottom { display: flex; flex-direction: row; justify-content: space-between; margin-top: 2rem; width: 100%; position: relative; } @media screen and (max-width: 624px) { .add_another .another_data_top, .add_another .another_data_bottom { flex-wrap: wrap; justify-content: center; margin: unset; } } .add_another .another_data_top.none, .add_another .another_data_bottom.none { display: none; } .add_another .another_data_top .another_name, .add_another .another_data_top .another_identity, .add_another .another_data_top .another_birth, .add_another .another_data_top .another_phone, .add_another .another_data_bottom .another_name, .add_another .another_data_bottom .another_identity, .add_another .another_data_bottom .another_birth, .add_another .another_data_bottom .another_phone { height: 39px; width: 279px; background: #ffffff; box-shadow: 0 4px 24px rgba(183, 203, 255, 0.7); border-radius: 30px; padding: 0 1.2rem 0 1.2rem; position: relative; } @media screen and (max-width: 624px) { .add_another .another_data_top .another_name, .add_another .another_data_top .another_identity, .add_another .another_data_top .another_birth, .add_another .another_data_top .another_phone, .add_another .another_data_bottom .another_name, .add_another .another_data_bottom .another_identity, .add_another .another_data_bottom .another_birth, .add_another .another_data_bottom .another_phone { margin: 1.5rem 0 0 0; width: 95%; } } .add_another .another_data_top .another_name.disabled, .add_another .another_data_top .another_identity.disabled, .add_another .another_data_top .another_birth.disabled, .add_another .another_data_top .another_phone.disabled, .add_another .another_data_bottom .another_name.disabled, .add_another .another_data_bottom .another_identity.disabled, .add_another .another_data_bottom .another_birth.disabled, .add_another .another_data_bottom .another_phone.disabled { background: rgba(196, 190, 190, 0.1); } .add_another .another_data_top .another_name.err, .add_another .another_data_top .another_identity.err, .add_another .another_data_top .another_birth.err, .add_another .another_data_top .another_phone.err, .add_another .another_data_bottom .another_name.err, .add_another .another_data_bottom .another_identity.err, .add_another .another_data_bottom .another_birth.err, .add_another .another_data_bottom .another_phone.err { box-shadow: 0 4px 24px #eb8383; transition: all 0.5s ease-in-out; } .add_another .another_data_top .another_name input, .add_another .another_data_top .another_identity input, .add_another .another_data_top .another_birth input, .add_another .another_data_top .another_phone input, .add_another .another_data_bottom .another_name input, .add_another .another_data_bottom .another_identity input, .add_another .another_data_bottom .another_birth input, .add_another .another_data_bottom .another_phone input { width: 100%; height: 100%; border: none; background: none; font-weight: 400; font-size: 15px; color: #aeadac; } .add_another .another_data_top .another_name input:focus, .add_another .another_data_top .another_identity input:focus, .add_another .another_data_top .another_birth input:focus, .add_another .another_data_top .another_phone input:focus, .add_another .another_data_bottom .another_name input:focus, .add_another .another_data_bottom .another_identity input:focus, .add_another .another_data_bottom .another_birth input:focus, .add_another .another_data_bottom .another_phone input:focus { outline: none; } .add_another .another_data_top .another_name input:focus::placeholder, .add_another .another_data_top .another_identity input:focus::placeholder, .add_another .another_data_top .another_birth input:focus::placeholder, .add_another .another_data_top .another_phone input:focus::placeholder, .add_another .another_data_bottom .another_name input:focus::placeholder, .add_another .another_data_bottom .another_identity input:focus::placeholder, .add_another .another_data_bottom .another_birth input:focus::placeholder, .add_another .another_data_bottom .another_phone input:focus::placeholder { position: absolute; top: -1.4rem; display: none; visibility: hidden; } .add_another .another_data_top .another_name input::placeholder, .add_another .another_data_top .another_identity input::placeholder, .add_another .another_data_top .another_birth input::placeholder, .add_another .another_data_top .another_phone input::placeholder, .add_another .another_data_bottom .another_name input::placeholder, .add_another .another_data_bottom .another_identity input::placeholder, .add_another .another_data_bottom .another_birth input::placeholder, .add_another .another_data_bottom .another_phone input::placeholder { font-weight: 400; font-size: 15px; color: #aeadac; transition: all 5s; } .add_another .another_data_top .another_name .error, .add_another .another_data_top .another_identity .error, .add_another .another_data_top .another_birth .error, .add_another .another_data_top .another_phone .error, .add_another .another_data_bottom .another_name .error, .add_another .another_data_bottom .another_identity .error, .add_another .another_data_bottom .another_birth .error, .add_another .another_data_bottom .another_phone .error { position: absolute; left: 0; right: 0; bottom: -12px; margin: 0 auto 0 auto; font-size: 0; width: max-content; color: red; transition: all 0.5s ease-in-out; } .add_another .another_data_top .another_name .error.show, .add_another .another_data_top .another_identity .error.show, .add_another .another_data_top .another_birth .error.show, .add_another .another_data_top .another_phone .error.show, .add_another .another_data_bottom .another_name .error.show, .add_another .another_data_bottom .another_identity .error.show, .add_another .another_data_bottom .another_birth .error.show, .add_another .another_data_bottom .another_phone .error.show { bottom: -19px; transition: all 0.5s ease-in-out; font-size: 10px; } .add_another .another_data_top .another_birth input, .add_another .another_data_bottom .another_birth input { direction: ltr; text-align: right; } .add_another .fly_hmo_title_t { font-weight: 500; font-size: 0; color: #373431; transition: all 0.5s ease-in-out; margin: 0; } .add_another .fly_hmo_title_t.show { font-size: 18px; margin: 2rem 0 1.4rem 0; transition: all 0.5s ease-in-out; } .add_another .fly_hmo_title_t.margin_unset { margin: 0 0 1.4rem 0; } .add_another .fly_hmo_sub { font-weight: 500; font-size: 0; color: #fd7200; transition: all 0.5s ease-in-out; margin: 0; } .add_another .fly_hmo_sub.show { font-size: 16px; margin: 1.7rem 0 1.5rem 0; transition: all 0.5s ease-in-out; } .add_another .sub_plan_wrap { display: flex; height: 0; flex-direction: row; align-items: center; justify-content: space-around; width: max-content; transition: all 0.5s ease-in-out; margin: 0; } .add_another .sub_plan_wrap.show { height: 80px; margin: 0 0 2rem 0; transition: all 0.5s ease-in-out; } @media screen and (max-width: 624px) { .add_another .sub_plan_wrap.show.slide { width: 270px; overflow-x: clip; } .add_another .sub_plan_wrap.show.slide.left_d { padding-left: 140px; padding-right: unset; } .add_another .sub_plan_wrap.show.slide.right_d { padding-right: 140px; padding-left: unset; } } .add_another .sub_plan_wrap.show .card_holder { transition: all 0.5s ease-in-out; } .add_another .sub_plan_wrap.show .card_holder img { width: 120px; height: 74px; transition: all 0.5s ease-in-out; } .add_another .sub_plan_wrap .card_holder { position: relative; cursor: pointer; transition: all 0.5s ease-in-out; } .add_another .sub_plan_wrap .card_holder img { height: 0; width: 0; margin: 0 1rem; transition: all 0.5s ease-in-out; } .add_another .sub_plan_wrap .card_holder .absolute { position: absolute; visibility: hidden; top: 0; right: 0; left: 0; margin: 0 auto; height: 74px; width: 120px; border-radius: 5px; box-shadow: inset 0 0 0 0 #fff, 0 0 0 0 rgba(0, 0, 0, 0); transition: all 0.5s ease-in-out; display: flex; flex-direction: row; align-items: self-end; overflow: hidden; } .add_another .sub_plan_wrap .card_holder .absolute .checkmark { font-size: 1.2rem; color: white; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50rem; margin-right: 0.8rem; margin-left: 0.3rem; background: #FFA800; transition: all 0.5s ease-in-out; translate: 0 20px; z-index: 2; } .add_another .sub_plan_wrap .card_holder .absolute .divider { position: absolute; right: 0; left: 0; margin: 0 auto; translate: 0 60px; z-index: 1; transition: all 0.5s ease-in-out; } .add_another .sub_plan_wrap .card_holder .absolute .title { color: #373431; font-size: 0.8rem; font-weight: 500; z-index: 2; translate: 0 50px; transition: all 0.5s ease-in-out; } .add_another .sub_plan_wrap .card_holder .absolute.show { visibility: visible; transition: all 0.5s ease-in-out; box-shadow: inset 0 0 0 4px #fff, 0 10px 20px -5px rgba(0, 0, 0, 0.4); } .add_another .sub_plan_wrap .card_holder .absolute.show .checkmark { translate: 0 -6px; transition: all 0.5s ease-in-out; } .add_another .sub_plan_wrap .card_holder .absolute.show .divider { transition: all 0.5s ease-in-out; translate: 0 20px; } .add_another .sub_plan_wrap .card_holder .absolute.show .title { translate: -7px -4px; transition: all 0.5s ease-in-out; } .add_another .with_no_plan { display: none; margin: 0 0 1.4rem 0; color: #ff7300; font-weight: 500; font-size: 1.2rem; cursor: pointer; } .add_another .with_no_plan.show { display: block; } .add_another .with_no_plan:hover { text-decoration: underline; } .add_another .with_no_plan.under_effect { text-decoration: underline; } .add_another .add_another_btn { font-weight: 500; font-size: 0; width: 123.5px; height: 0; line-height: 33px; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; cursor: pointer; margin: 0 0 0 0; transition: all 0.5s ease-in-out; } .add_another .add_another_btn.show { font-size: 14px; height: 33px; margin: 0 0 2rem 0; transition: all 0.5s ease-in-out; } .medi_who_fly_payment { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } .medi_who_fly_payment .main_title { font-weight: 500; font-size: 18px; color: #373431; width: 100%; margin-top: 0.5rem; } .medi_who_fly_payment .data_box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin: 3rem 0 1.5rem 0; position: relative; transition: all 0.5s ease-in-out; } @media screen and (max-width: 624px) { .medi_who_fly_payment .data_box { margin: 2rem 0 1.5rem 0; } } .medi_who_fly_payment .data_box .plane { position: absolute; left: -10px; } .medi_who_fly_payment .data_box .plane.a { top: -17px; } .medi_who_fly_payment .data_box .plane.b { top: 41px; } .medi_who_fly_payment .data_box .plane.c { bottom: -16px; } .medi_who_fly_payment .data_box .plane.d { bottom: 45px; } .medi_who_fly_payment .data_box .plane.e { bottom: -214px; } .medi_who_fly_payment .data_box .trip_time { display: flex; flex-direction: row; align-items: center; height: 5rem; width: 100%; border: 1px #e2e2e2; border-style: solid none solid none; } @media screen and (max-width: 624px) { .medi_who_fly_payment .data_box .trip_time { flex-wrap: wrap; border: none; } } .medi_who_fly_payment .data_box .trip_time img { margin: 0 0.4rem 0 0.9rem; } .medi_who_fly_payment .data_box .trip_time .title { font-weight: 500; font-size: 16px; color: #fd7200; } @media screen and (max-width: 624px) { .medi_who_fly_payment .data_box .trip_time .title { font-size: 14px; } } .medi_who_fly_payment .data_box .trip_time .count { font-weight: 400; font-size: 16px; color: #aeadac; margin: 0 0.5rem 0 0; } .medi_who_fly_payment .data_box .trip_time .count span { margin: 0 0.5rem 0 0; font-weight: 500; } @media screen and (max-width: 624px) { .medi_who_fly_payment .data_box .trip_time .count { margin: 0 3.5rem 0 0; font-size: 14px; } } .medi_who_fly_payment .data_box .member_count, .medi_who_fly_payment .data_box .member_math { display: flex; flex-direction: row; align-items: center; height: 5rem; width: 100%; border: 1px #e2e2e2; border-style: none none solid none; } @media screen and (max-width: 624px) { .medi_who_fly_payment .data_box .member_count, .medi_who_fly_payment .data_box .member_math { border: none; flex-wrap: wrap; } } .medi_who_fly_payment .data_box .member_count .title, .medi_who_fly_payment .data_box .member_math .title { font-weight: 500; font-size: 16px; color: #fd7200; } @media screen and (max-width: 624px) { .medi_who_fly_payment .data_box .member_count .title, .medi_who_fly_payment .data_box .member_math .title { width: 85%; text-align: right; font-size: 14px; } } .medi_who_fly_payment .data_box .member_count .count, .medi_who_fly_payment .data_box .member_math .count { font-weight: 400; font-size: 16px; color: #aeadac; margin: 0 0.5rem 0 0; display: flex; flex-direction: row; } .medi_who_fly_payment .data_box .member_count .count .middle, .medi_who_fly_payment .data_box .member_math .count .middle { margin: 0 5px 0 5px; } .medi_who_fly_payment .data_box .member_count .count .reverse, .medi_who_fly_payment .data_box .member_math .count .reverse { direction: ltr; } @media screen and (max-width: 624px) { .medi_who_fly_payment .data_box .member_count .count, .medi_who_fly_payment .data_box .member_math .count { margin: 0 3.5rem 0 0; font-size: 14px; } } .medi_who_fly_payment .data_box .member_count img, .medi_who_fly_payment .data_box .member_math img { margin-right: 4px; } .medi_who_fly_payment .data_box .member_math img { margin: unset; translate: 3px 0; } .medi_who_fly_payment .data_box .member_count .title { margin-right: 10px; } .medi_who_fly_payment .bonus_box { display: flex; flex-direction: column; justify-content: right; transition: all 0.5s ease-in-out; width: 100%; } .medi_who_fly_payment .bonus_box .bonus_box_title { display: flex; flex-direction: row; align-items: center; } .medi_who_fly_payment .bonus_box .bonus_box_title .title { font-weight: 500; font-size: 16px; color: #fd7200; } @media screen and (max-width: 624px) { .medi_who_fly_payment .bonus_box .bonus_box_title .title { font-size: 14px; } } .medi_who_fly_payment .bonus_box .bonus_box_title img { margin: 0 0 0 0.8rem; } .medi_who_fly_payment .bonus_box .bonus_box_list { display: flex; flex-direction: column; flex-wrap: wrap; height: 10.2rem; width: 93%; margin: 0 3.3rem 0 0; } @media screen and (max-width: 624px) { .medi_who_fly_payment .bonus_box .bonus_box_list { height: unset; width: 100%; margin: 0 10px 0 0; } } .medi_who_fly_payment .bonus_box .bonus_box_list .list { display: flex; flex-direction: row; align-items: center; justify-content: right; margin: 0.4rem 0; } .medi_who_fly_payment .bonus_box .bonus_box_list .list .title { font-weight: 400; font-size: 16px; color: #aeadac; } @media screen and (max-width: 624px) { .medi_who_fly_payment .bonus_box .bonus_box_list .list .title { font-size: 14px; } } .medi_who_fly_payment .bonus_box .bonus_box_list .list img { margin: 0 0 0 0.4rem; } .medi_who_fly_payment .fly_alert { display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: 24px; padding-top: 20px; border-top: 1px solid #e2e2e2; } .medi_who_fly_payment .fly_alert .fly_alert_t { font-weight: 400; font-size: 16px; color: #aeadac; } .medi_who_fly_payment .fly_alert .fly_alert_i { margin-left: 7px; } @media screen and (max-width: 624px) { .medi_who_fly_payment .fly_alert { margin-top: 10px; padding-top: unset; border-top: unset; align-items: self-start; } .medi_who_fly_payment .fly_alert .fly_alert_t { font-weight: 400; font-size: 14px; color: #aeadac; text-align: right; width: 220px; } .medi_who_fly_payment .fly_alert .fly_alert_i { margin-left: 5px; } } .medi_who_fly_payment .payment_btn { width: 123.5px; height: 33px; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; line-height: 33px; font-weight: 500; font-size: 14px; margin: 2.5rem auto; cursor: pointer; } .react-calendar { width: 350px; max-width: 100%; background: white; border: 1px solid #a0a096; font-family: Arial, Helvetica, sans-serif; line-height: 1.125em; } .react-calendar--doubleView { width: 700px; } .react-calendar--doubleView .react-calendar__viewContainer { display: flex; margin: -0.5em; } .react-calendar--doubleView .react-calendar__viewContainer > * { width: 50%; margin: 0.5em; } .react-calendar, .react-calendar *, .react-calendar *:before, .react-calendar *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .react-calendar button { margin: 0; border: 0; outline: none; } .react-calendar button:enabled:hover { cursor: pointer; } .react-calendar__navigation { display: flex; height: 44px; margin-bottom: 1em; } .react-calendar__navigation button { min-width: 44px; background: none; } .react-calendar__navigation button:disabled { background-color: #f0f0f0; } .react-calendar__navigation button:enabled:hover, .react-calendar__navigation button:enabled:focus { background-color: #e6e6e6; } .react-calendar__month-view__weekdays { text-align: center; text-transform: uppercase; font-weight: bold; font-size: 0.75em; } .react-calendar__month-view__weekdays__weekday { padding: 0.5em; } .react-calendar__month-view__weekNumbers .react-calendar__tile { display: flex; align-items: center; justify-content: center; font-size: 0.75em; font-weight: bold; } .react-calendar__month-view__days__day--weekend { color: #d10000; } .react-calendar__month-view__days__day--neighboringMonth { color: #757575; } .react-calendar__year-view .react-calendar__tile, .react-calendar__decade-view .react-calendar__tile, .react-calendar__century-view .react-calendar__tile { padding: 2em 0.5em; } .react-calendar__tile { max-width: 100%; padding: 10px 6.6667px; background: none; text-align: center; line-height: 16px; } .react-calendar__tile:disabled { background-color: #f0f0f0; } .react-calendar__tile:enabled:hover, .react-calendar__tile:enabled:focus { background-color: #e6e6e6; } .react-calendar__tile--now { background: #ffff76; } .react-calendar__tile--now:enabled:hover, .react-calendar__tile--now:enabled:focus { background: #ffffa9; } .react-calendar__tile--hasActive { background: #76baff; } .react-calendar__tile--hasActive:enabled:hover, .react-calendar__tile--hasActive:enabled:focus { background: #a9d4ff; } .react-calendar__tile--active { background: #006edc; color: white; } .react-calendar__tile--active:enabled:hover, .react-calendar__tile--active:enabled:focus { background: #1087ff; } .react-calendar--selectRange .react-calendar__tile--hover { background-color: #e6e6e6; } .fly-purchase-main { display: flex; flex-direction: column; align-items: center; width: 643px; } .fly-purchase-main.mobile { width: 100vw; } .fly-purchase-main .part_title { font-size: 20px; font-weight: 500; color: #000000; margin-bottom: 27px; } .fly-purchase-main .customer_calendar { display: flex; flex-direction: row; justify-content: space-between; position: relative; width: 100%; z-index: 2; } .fly-purchase-main .customer_calendar.mobile { flex-direction: column; align-items: center; height: 90px; } .fly-purchase-main .customer_calendar .calendar_wrap_right, .fly-purchase-main .customer_calendar .calendar_wrap_left { position: absolute; width: 314px; min-height: 0; max-height: 0; border-radius: 30px 30px 15px 15px; box-shadow: 0 4px 24px rgba(183, 203, 255, 0.7); overflow: hidden; transition: all 0.5s ease-in-out; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar { max-width: unset; border-radius: 16px; width: 100%; transition: all 0.5s ease-in-out; border: none; font-family: unset; line-height: unset; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation { display: flex; width: 100%; padding: 1.5rem 2rem 0 2rem; height: unset; margin-bottom: unset; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__label, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__label { text-align: right; order: 1; min-width: unset; padding: unset; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__label span, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__label span { font-weight: 700; font-size: 20px; color: #474747; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__label:hover, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__label:hover { background: unset; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button, .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button { color: #0d0c0d; font-size: 25px; order: 3; min-width: unset; background: unset; font-weight: normal; padding: unset; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button:hover, .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button:hover, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button:hover, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button:hover { background: unset; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button:disabled, .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button:disabled, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button:disabled, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button:disabled { color: #f2f3f7; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button { margin-left: 1rem; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer { padding: 0 2rem 2rem 2rem; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday { font-weight: 600; font-size: 14px; color: #000000; cursor: default; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr { text-decoration: unset; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile { font-weight: 400; font-size: 14px; color: #000000; outline: 1px solid #d5d4df; border-radius: unset; font-family: unset; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile:hover, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile:hover { background: #fd7200; color: white; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile:disabled, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile:disabled { color: #d5d4df; background: #f2f3f7; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day--neighboringMonth, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day--neighboringMonth { color: #d5d4df; background: #f2f3f7; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile--active, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile--active { color: white; background: #fd7200; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile--now, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile--now { color: white; background: rgba(253, 114, 0, 0.7); } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__tile, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__tile { padding: 0.5rem 0; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__tile:disabled, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__tile:disabled { color: #d5d4df; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__year-view__months__month, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__year-view__months__month { border-radius: unset; outline: 1px solid #d5d4df; color: #000000; } .fly-purchase-main .customer_calendar .calendar_wrap_right .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__tile--now, .fly-purchase-main .customer_calendar .calendar_wrap_left .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__tile--now { color: white; background: #fd7200; border-radius: unset; outline: 1px solid #d5d4df; } .fly-purchase-main .customer_calendar .calendar_wrap_right.up_r, .fly-purchase-main .customer_calendar .calendar_wrap_left.up_r { padding-top: 25px; min-height: 220px; max-height: 347px; transition: all 0.5s ease-in-out; } .fly-purchase-main .customer_calendar .calendar_wrap_left { left: 0; right: unset; } .fly-purchase-main .customer_calendar .calendar_wrap_left.mobile { left: unset; top: 4.3rem; } .fly-purchase-main .customer_calendar .calendar_wrap_left.up_r { padding-top: 0; min-height: 0; max-height: 0; transition: all 0.5s ease-in-out; } .fly-purchase-main .customer_calendar .calendar_wrap_left.up_l { padding-top: 25px; min-height: 220px; max-height: 347px; transition: all 0.5s ease-in-out; } .fly-purchase-main .customer_calendar .date_title { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 314px; height: 39px; background-color: white; border-radius: 30px; box-shadow: 0 4px 24px rgba(183, 203, 255, 0.7); padding: 0 1rem; cursor: pointer; overflow: hidden; position: relative; z-index: 3; } .fly-purchase-main .customer_calendar .date_title.left.blocked { background-color: rgba(196, 190, 190, 0.1); cursor: default; } .fly-purchase-main .customer_calendar .date_title.left.blocked img { opacity: 0.3; } @media only screen and (max-width: 624px) { .fly-purchase-main .customer_calendar .date_title.up_r { z-index: 0; } } .fly-purchase-main .customer_calendar .date_title .title { font-weight: 400; font-size: 14px; color: #aeadac; } .fly-purchase-main .customer_calendar .date_title .img { transition: all 0.5s ease-in-out; } .fly-purchase-main .customer_calendar .date_title .img.right.up_r { transition: all 0.5s ease-in-out; transform: translate(0, 30px); } .fly-purchase-main .customer_calendar .date_title .img.left.up_l { transition: all 0.5s ease-in-out; transform: translate(0, 30px); } .fly-purchase-main .customer_calendar .date_title .img.close_r { width: 12px; position: absolute; left: 1.2rem; top: -1rem; } .fly-purchase-main .customer_calendar .date_title .img.close_r.up_r { transition: all 0.5s ease-in-out; transform: unset; left: 1.2rem; top: 1.1rem; } .fly-purchase-main .customer_calendar .date_title .img.close_l { width: 12px; position: absolute; left: 1.2rem; top: -1rem; } .fly-purchase-main .customer_calendar .date_title .img.close_l.up_l { transition: all 0.5s ease-in-out; transform: unset; left: 1.2rem; top: 1.1rem; } .fly-purchase-main .members_fly { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 38px; } .fly-purchase-main .members_fly .members_title { font-size: 0; font-weight: 500; color: #000000; transition: all 0.5s ease-in-out; } .fly-purchase-main .members_fly .members_title.show { transition: all 0.5s ease-in-out; font-size: 18px; } .fly-purchase-main .members_fly.mobile { width: 90vw; } .fly-purchase-main .members_fly .member_list { width: 100%; display: flex; flex-direction: column; height: 0; max-height: 0; overflow: hidden; transition: all 0.5s ease-in-out; } .fly-purchase-main .members_fly .member_list.show { transition: all 0.5s ease-in-out; height: max-content; max-height: max-content; overflow: unset; } .fly-purchase-main .members_fly .member_list.show.scroll { margin-top: 18px; height: 22.5rem; max-height: 22.5rem; overflow: auto; overflow-x: hidden; scroll-behavior: revert; } @media screen and (max-width: 624px) { .fly-purchase-main .members_fly .member_list.show.scroll .member_c { width: 94%; } } .fly-purchase-main .members_fly .member_list.show.scroll.minimize { height: 18rem; max-height: 18rem; } .fly-purchase-component { display: flex; flex-direction: column; align-items: center; background-color: #ffffff; width: 100%; height: 100vh; position: relative; overscroll-behavior: none; overflow-x: hidden; } .fly-purchase-component .back_btn { position: absolute; top: 5%; right: 5%; z-index: 10; cursor: pointer; } .fly-purchase-component .back_btn img { width: 32px; transform: scaleX(-1); } .fly-purchase-component .load_upd_fly_lead { display: none; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100vh; position: absolute; background-color: rgba(42, 42, 42, 0.2); backdrop-filter: blur(4px); z-index: 10; } .fly-purchase-component .load_upd_fly_lead.show { display: flex; } .fly-purchase-component .load_upd_fly_lead .email_modal_form { width: 380px; height: 190px; background-color: white; border-radius: 1rem; display: flex; flex-direction: row; justify-content: center; overflow: hidden; transition: .3s ease-in-out; } .fly-purchase-component .load_upd_fly_lead .email_modal_form.save { height: 250px; transition: .3s ease-in-out; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 290px; min-height: 250px; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form label { color: #BBB9B9; font-size: 16px; font-weight: 500; align-self: start; margin-bottom: 10px; padding-right: 4px; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form .send_email_wrap { width: 290px; height: 45px; border-radius: 9px; border: 1px solid #E1E1E1; background: rgba(255, 255, 255, 0.4); padding: 0 1rem 0 1rem; margin-bottom: 3px; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form .send_email_wrap .send_email_input { width: 100%; height: 100%; border: none; background: none; font-weight: 400; font-size: 15px; color: #B7B7B7; direction: ltr; text-align: right; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form .send_email_wrap .send_email_input:focus { outline: none; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form .send_email_wrap .send_email_input:focus::placeholder { visibility: hidden; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form .send_email_wrap .send_email_input::placeholder { font-weight: 400; font-size: 15px; color: #B7B7B7; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form .email_not_valid { align-self: start; color: #FF0013; font-size: 14px; font-weight: 400; margin-bottom: 20px; padding-right: 4px; visibility: hidden; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form .email_not_valid.show { visibility: visible; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form .send_email_btn { width: 141px; height: 38px; font-size: 14px; font-weight: 500; color: #FFF; background-color: #FF9901; border-radius: 2rem; border: none; cursor: pointer; visibility: hidden; } .fly-purchase-component .load_upd_fly_lead .email_modal_form .modal_form .send_email_btn.show { visibility: visible; } .fly-purchase-component.minimize { height: unset; } .fly-purchase-component .back_fly { position: absolute; right: -5rem; top: 24.5rem; cursor: pointer; transition: all 0.5s ease-in-out; } .fly-purchase-component .back_fly.switch { right: 7rem; transition: all 0.5s ease-in-out; } .fly-purchase-component .back_fly.switch.mobile { right: 1rem; top: 18rem; } @media screen and (max-width: 390px) { .fly-purchase-component .back_fly.switch.mobile { right: .5rem; top: 16.8rem; } } @media screen and (max-width: 375px) { .fly-purchase-component .back_fly.switch.mobile { right: .5rem; top: 16.5rem; } } @media screen and (max-width: 360px) { .fly-purchase-component .back_fly.switch.mobile { right: .5rem; top: 15.5rem; } } .fly-purchase-component .back_fly.laptop { top: 18rem; } .fly-purchase-component .back_fly.minimize { top: 15.5rem; } .fly-purchase-component .back_fly.mobile { top: 18rem; } .fly-purchase-component .sticker { height: 129px; width: 117px; position: absolute; top: 233px; left: 50%; right: 50%; margin: 0 150px 0 150px; } .fly-purchase-component .sticker.laptop { top: 17%; bottom: 83%; } .fly-purchase-component .sticker.mobile { display: none; } .fly-purchase-component .sticker .sticker_content { position: relative; } .fly-purchase-component .sticker .sticker_content .sticker_title { position: absolute; top: 48px; left: 29px; text-align: center; color: #ffffff; font-size: 16px; font-weight: 450; line-height: normal; transform: rotate(-19.05deg); } .fly-purchase-component .top_img, .fly-purchase-component .bottom_img { position: absolute; left: 0; } .fly-purchase-component .top_img { top: 0; width: 100%; height: 334px; } .fly-purchase-component .top_img.laptop { height: 28vh; } .fly-purchase-component .top_img.mobile { top: 0; height: unset; } .fly-purchase-component .bottom_img { bottom: 0; } .fly-purchase-component .bottom_img.laptop { width: 360px; } .fly-purchase-component .bottom_img.mobile { z-index: 0; } .fly-purchase-component .title_row { margin: 300px auto 10px auto; } .fly-purchase-component .title_row.laptop { margin: 26vh auto 10px auto; } .fly-purchase-component .title_row.mobile { margin: 220px auto 10px auto; } @media screen and (max-width: 390px) { .fly-purchase-component .title_row.mobile { margin: 205px auto 10px auto; } } @media screen and (max-width: 375px) { .fly-purchase-component .title_row.mobile { margin: 200px auto 10px auto; } } @media screen and (max-width: 360px) { .fly-purchase-component .title_row.mobile { margin: 190px auto 10px auto; } } .fly-purchase-component .add_member { display: flex; flex-direction: row; width: 643px; align-items: start; margin-top: 30px; height: 0; overflow: hidden; transition: all 0.5s ease-in-out; } .fly-purchase-component .add_member.none { display: none; } .fly-purchase-component .add_member.show { height: 21px; min-height: 21px; transition: all 0.5s ease-in-out; } @media screen and (max-width: 624px) { .fly-purchase-component .add_member.show { width: 90vw; margin-bottom: 20px; } .fly-purchase-component .add_member.show.margin_unset { margin-bottom: unset; } } .fly-purchase-component .add_member .add_member_img { margin-left: 5px; cursor: pointer; } .fly-purchase-component .add_member .title { color: #000000; font-size: 14px; font-weight: 500; cursor: pointer; } .fly-purchase-component .next_step { margin-top: 20px; font-size: 14px; height: 33px; min-height: 33px; cursor: pointer; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; width: 123.5px; font-weight: 500; text-align: center; line-height: 32px; z-index: 2; } .fly-purchase-component .next_step.none { display: none; } .fly-purchase-component .next_step.mobile { margin-bottom: 20px; } .fly_calendar { z-index: 10000; position: absolute; display: flex; flex-direction: column; width: 100%; top: 7.2rem; height: 0; transition: all 0.5s ease-in-out; } .fly_calendar .react-calendar { height: 0; min-height: 0; overflow: hidden; } .fly_calendar._right { height: 350px; align-items: self-start; padding: 0 4px 0 0; transition: all 0.5s ease-in-out; } .fly_calendar._right .react-calendar { height: unset; min-height: 190px; transition: all 0.5s ease-in-out; } .fly_calendar._left { height: 350px; align-items: self-end; padding: 0 0 0 4px; transition: all 0.5s ease-in-out; } .fly_calendar._left .react-calendar { height: unset; min-height: 190px; transition: all 0.5s ease-in-out; } .fly_calendar.r { align-items: self-start; } .fly_calendar.l { align-items: self-end; } .fly_calendar .react-calendar { max-width: unset; box-shadow: 0 100px 80px rgba(0, 0, 0, 0.07), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802); border-radius: 16px; width: 283px; transition: all 0.5s ease-in-out; border: none; font-family: unset; line-height: unset; } .fly_calendar .react-calendar .react-calendar__navigation { display: flex; width: 100%; padding: 1.5rem 2rem 0 2rem; height: unset; margin-bottom: unset; } .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__label { text-align: right; order: 1; min-width: unset; padding: unset; background: unset; } .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__label span { font-weight: 700; font-size: 20px; color: #474747; } .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__label:hover { background: unset; } .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button, .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button { color: #0d0c0d; font-size: 25px; order: 3; min-width: unset; background: unset; font-weight: normal; padding: unset; } .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button:hover, .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button:hover { background: unset; } .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button:disabled, .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button:disabled { color: #f2f3f7; } .fly_calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button { margin-left: 1rem; } .fly_calendar .react-calendar .react-calendar__viewContainer { padding: 0 2rem 2rem 2rem; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday { font-weight: 600; font-size: 14px; color: #000000; cursor: default; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr { text-decoration: unset; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile { font-weight: 400; font-size: 14px; color: #000000; outline: 1px solid #d5d4df; border-radius: unset; font-family: unset; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile:hover { background: #fd7200; color: white; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile:disabled { color: #d5d4df; background: #f2f3f7; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day--neighboringMonth { color: #d5d4df; background: #f2f3f7; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile--active { color: white; background: #fd7200; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile--now { color: white; background: rgba(253, 114, 0, 0.7); } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__tile { padding: 0.5rem 0; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__tile:disabled { color: #d5d4df; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__year-view__months__month { border-radius: unset; outline: 1px solid #d5d4df; color: #000000; } .fly_calendar .react-calendar .react-calendar__viewContainer .react-calendar__year-view .react-calendar__year-view__months .react-calendar__tile--now { color: white; background: #fd7200; border-radius: unset; outline: 1px solid #d5d4df; } @media screen and (max-width: 624px) { .fly_calendar._right { align-items: center; padding: unset; } .fly_calendar._left { align-items: center; top: 11.9rem; padding: unset; } .fly_calendar.r { align-items: center; } .fly_calendar.l { align-items: center; top: 11.9rem; } .fly_calendar .react-calendar { width: 90%; } } .popup-wrapper.visible.mediWhoFly .popup-box { width: 645px; border-radius: 27px; min-height: unset; min-width: unset; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly { position: relative; width: 100%; display: flex; flex-direction: row; justify-content: center; transition: all 0.5s ease-in-out; overflow-x: clip; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .exit_modal_wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 27px; -webkit-backdrop-filter: blur(0.2rem); backdrop-filter: blur(0.2rem); z-index: 10; display: flex; flex-direction: row; align-items: center; justify-content: center; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .exit_modal_wrap .exit_modal { width: 20rem; height: 9rem; background: #ffffff; box-shadow: 0px 4px 24px rgba(183, 203, 255, 0.7); border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: space-around; padding: 1.2rem 0 1.2rem 0; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .exit_modal_wrap .exit_modal .modal_title { font-weight: 500; font-size: 16px; color: #373431; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .exit_modal_wrap .exit_modal .modal_btn_wrap { display: flex; flex-direction: row; justify-content: space-around; width: 60%; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .exit_modal_wrap .exit_modal .modal_btn_wrap .modal_btn { width: 5rem; height: 2rem; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; line-height: 2rem; cursor: pointer; font-size: 1rem; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .back_fly { position: absolute; cursor: pointer; top: 20px; left: 15px; z-index: 1; visibility: hidden; transform: translateX(-4rem); transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .back_fly._finish_, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .back_fly._another_ { visibility: visible; transform: translateX(0); transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo_title { position: absolute; left: 15rem; top: -5rem; z-index: 2; translate: 0 0; rotate: 0 0 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo.blur, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo_title.blur { filter: blur(0.2rem); } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo._finish_, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo_title._finish_ { transition: all 0.5s ease-in-out; translate: 38rem 0; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo_title { left: 20rem; top: 6.8rem; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .stick_mode { position: absolute; left: 4rem; top: 0.5rem; translate: 0 0; z-index: 2; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .stick_mode.blur { filter: blur(0.2rem); } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .stick_mode._another_ { translate: -38rem 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .fly_cost { top: 56px; left: 81px; line-height: normal; position: absolute; font-weight: 500; font-size: 14px; color: #ffffff; text-align: center; transform: rotate(-19.05deg); transition: all 0.5s ease-in-out; z-index: 3; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .fly_cost._another_ { translate: -38rem 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .logo_finish { position: absolute; top: -2rem; left: 0; right: 0; margin: 0 auto 0 auto; width: 279px; height: 54px; background: #ffffff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); border-radius: 34px; visibility: hidden; display: flex; flex-direction: row; align-items: center; justify-content: center; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .logo_finish.blur { filter: blur(0.2rem); } @media screen and (max-width: 624px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .logo_finish { width: 65vw; } } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .logo_finish .title_cost { font-weight: 700; font-size: 20px; color: #440e6d; direction: ltr; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .logo_finish .title_cost .cost { font-weight: 700; font-size: 25px; margin: 0 0.5rem 0 0; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .logo_finish._finish_ { visibility: visible; animation: rotateZ 1s linear; backface-visibility: hidden; } @keyframes rotateZ { 0% { transform: rotateY(-180deg); } 100% { transform: rotateY(0); } } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .close_change { position: absolute; cursor: pointer; top: 25px; right: 30px; width: 14.64px; height: 14.64px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .close_change img { width: 14.64px; height: 14.64px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .close_change.mobile_ { height: 12.6px; width: 12.6px; top: 26px; right: 27px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .close_change.mobile_ img { height: 12.6px; width: 12.6px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .close_change .profile_close_orange { display: none; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .close_change:not(.mobile_):hover .profile_close_black { display: none; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .close_change:not(.mobile_):hover .profile_close_orange { display: block; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step { display: flex; flex-direction: column; align-items: center; width: 90%; margin: 9rem 0 0 0; transition: all 0.5s ease-in-out; transform: translateX(0); min-height: 200px; max-height: 585px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step._another_, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step._finish_ { transform: translateX(-51.5em); transition: all 0.5s ease-in-out; overflow: hidden; width: 0; min-height: 0; max-height: 0; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step._finish_ { min-height: 535.59px; max-height: 535.59px; transform: translateX(51.5em); } @media screen and (max-width: 624px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step._finish_ { min-height: 400.59px; max-height: 400.59px; } } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .main_title, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .sub_title { font-weight: 500; font-size: 18px; color: #373431; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .sub_title { font-size: 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .sub_title.show { transition: all 0.5s ease-in-out; font-size: 18px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers { margin: 2rem 0 3rem 0; display: flex; flex-direction: row; justify-content: space-around; align-items: center; cursor: default; width: 100%; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 282px; height: 39px; background-color: white; border-radius: 30px; box-shadow: 0 4px 24px rgba(183, 203, 255, 0.7); padding: 0 1rem; position: relative; overflow: hidden; cursor: pointer; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left.disable, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right.disable { background-color: rgba(196, 190, 190, 0.1); transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left .title, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right .title { font-weight: 400; font-size: 14px; color: #aeadac; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left img, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right img { cursor: pointer; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left .close_calendar, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right .close_calendar { translate: -15px; transition: all 0.5s ease-in-out; position: absolute; left: 0; width: 12px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left .close_calendar.show, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right .close_calendar.show { translate: 13px; transition: all 0.5s ease-in-out; width: 12px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left .chose_fly_date_1, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right .chose_fly_date_1 { transform: translate(0, 0); transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left .chose_fly_date_1.hide, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right .chose_fly_date_1.hide { transition: all 0.5s ease-in-out; transform: translate(0, 30px); } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left .chose_fly_date, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right .chose_fly_date { translate: -30px; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left .chose_fly_date.show, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right .chose_fly_date.show { translate: 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left .chose_fly_date.hide, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right .chose_fly_date.hide { transition: all 0.5s ease-in-out; transform: translate(0, 30px); } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list { flex-direction: column; align-items: center; justify-content: right; width: 100%; height: 0; overflow: hidden; margin-top: 25px; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list.show { height: unset; transition: all 0.5s ease-in-out; overflow: unset; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list.show.scroll { height: 18rem; max-height: 18rem; overflow: auto; overflow-x: hidden; scroll-behavior: revert; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .add_another_wrap { width: 100%; margin: 0; transition: all 0.5s ease-in-out; height: 0; overflow: hidden; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .add_another_wrap.show { height: 21px; margin: 16px 0 20px 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .add_another_wrap .text_row { display: flex; flex-direction: row; align-items: center; cursor: pointer; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .add_another_wrap .text_row .title { font-weight: 500; font-size: 14px; color: #373431; margin-right: 5px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .into_finish_btn { font-weight: 500; font-size: 0; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; height: 0; min-height: 0; width: 123.5px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .into_finish_btn.show { font-size: 14px; height: 33px; min-height: 33px; margin: -0.5rem 0 2.5rem 0; transition: all 0.5s ease-in-out; } @media screen and (max-width: 624px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .into_finish_btn.show { margin: 0 0 2rem 0; } } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step { display: flex; flex-direction: column; align-items: center; transform: translateX(51rem); transition: all 0.5s ease-in-out; min-height: 0; width: 0; margin: 9rem 0 0 0; } @media screen and (max-width: 624px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step { margin: 9rem 0 1rem 0; } } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step .main_title { font-size: 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step._another_ { width: 90%; transform: translateX(0); transition: all 0.5s ease-in-out; min-height: 200px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step._another_ .main_title { font-weight: 500; font-size: 18px; color: #373431; width: 100%; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step._data_ { min-height: 350px; height: 350px; overflow-y: auto; overflow-x: hidden; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step._data_ .add_another .arrow_r, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step._data_ .add_another .arrow_l { top: 300px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step._data_ .add_another .arrow_r.show, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step._data_ .add_another .arrow_l.show { top: 46.3rem; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .add_another_step._hmo_ { min-height: 250px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .final_step { transform: translateX(-51rem); transition: all 0.5s ease-in-out; width: 0; margin: 0; height: 0; overflow-y: clip; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .final_step._finish_ { transform: translateX(0); transition: all 0.5s ease-in-out; margin: 5rem 0 0 0; width: 90%; overflow-y: clip; height: 585px; } @media screen and (max-width: 624px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .final_step._finish_ { height: 400.59px; overflow-y: auto; overflow-x: hidden; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.mediWhoFly .popup-box { width: 95vw; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo { left: 20%; top: -3rem; width: 250px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo { left: 18%; } } @media screen and (max-width: 624px) and (max-width: 375px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo { left: 17%; } } @media screen and (max-width: 624px) and (max-width: 360px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo { left: 16%; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo_title { left: 32%; width: 140px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo_title { left: 31%; } } @media screen and (max-width: 624px) and (max-width: 375px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo_title { left: 30%; } } @media screen and (max-width: 624px) and (max-width: 360px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_logo_title { left: 29%; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .stick_mode { left: 0; top: 0; width: 90px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .stick_mode._another_, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .stick_mode._finish_ { translate: -38rem 0; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .fly_cost { top: 38px; left: 23.5px; font-size: 12px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .fly_cost._another_, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .fly_cost._finish_ { translate: -38rem 0; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers { flex-wrap: wrap; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .left, .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right { width: 90%; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .date_pickers .right { margin-bottom: 17.4px; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list .member { width: 93%; } } @media screen and (max-width: 624px) and (max-width: 390px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list .member { width: 92%; } } @media screen and (max-width: 624px) and (max-width: 375px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list .member { width: 92%; } } @media screen and (max-width: 624px) and (max-width: 360px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list .member { width: 91%; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list.show.scroll { height: 13.5rem; max-height: 13.5rem; } .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list.show.scroll .member { width: 88%; } } @media screen and (max-width: 624px) and (max-width: 360px) { .popup-wrapper.visible.mediWhoFly .popup-box .medi_who_fly .main_step .members_list.show.scroll .member { width: 87%; } } .popup-wrapper.visible.goGetAgent .popup-box { width: 500px; height: 400px; border-radius: 20px; } .popup-wrapper.visible.goGetAgent .popup-box .go-get-agent-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; } .popup-wrapper.visible.goGetAgent .popup-box .go-get-agent-wrapper .go-get-agent-title { color: #fd7200; font-size: 24px; font-weight: 500; margin-top: 90px; } .popup-wrapper.visible.goGetAgent .popup-box .go-get-agent-wrapper .go-get-agent-line-2 { color: #6e6e6e; font-size: 18px; font-weight: 500; margin-top: 30px; } .popup-wrapper.visible.goGetAgent .popup-box .go-get-agent-wrapper .go-get-agent-line-3 { color: #6e6e6e; font-size: 18px; font-weight: 500; margin-top: 15px; } .popup-wrapper.visible.goGetAgent .popup-box .go-get-agent-wrapper .go-get-agent-button { padding: 0; background: #fd7200; border-radius: 18px; height: 36px; width: 100px; color: white; margin-top: 20px; font-size: 16px; line-height: 2.2; } .request-tracking-tooltip-wrapper { display: flex; justify-content: center; position: absolute; z-index: 1; top: -42px; } .request-tracking-tooltip-wrapper.shortText { top: -12px; } .request-tracking-tooltip-wrapper.first { top: 0; transform: scale(1, -1); } .request-tracking-tooltip-wrapper.first .request-tracking-tooltip .request-tracking-tooltip-text-container { transform: scale(1, -1); } .request-tracking-tooltip-wrapper.left { right: 84px; } .request-tracking-tooltip-wrapper.left .request-tracking-tooltip .request-tracking-tooltip-background { transform: scale(-1, 1); } .request-tracking-tooltip-wrapper.left .request-tracking-tooltip .request-tracking-tooltip-text-container { top: 20px; right: 40px; } .request-tracking-tooltip-wrapper.left .request-tracking-tooltip.shortText .request-tracking-tooltip-text-container { line-height: 13px; right: 31px; } .request-tracking-tooltip-wrapper.right { left: 84px; } .request-tracking-tooltip-wrapper.right .request-tracking-tooltip .request-tracking-tooltip-text-container { top: 20px; left: 40px; } .request-tracking-tooltip-wrapper.right .request-tracking-tooltip.shortText .request-tracking-tooltip-text-container { line-height: 13px; left: 31px; } .request-tracking-tooltip-wrapper .request-tracking-tooltip { position: relative; } .request-tracking-tooltip-wrapper .request-tracking-tooltip .request-tracking-tooltip-text-container { position: absolute; overflow-y: auto; padding: 0 2px; width: 70%; height: 85px; display: flex; justify-content: center; align-items: center; } .request-tracking-tooltip-wrapper .request-tracking-tooltip.shortText .request-tracking-tooltip-text-container { line-height: 13px; height: 60px; } @media screen and (max-width: 624px) { .request-tracking-tooltip-wrapper { top: -55px; } .request-tracking-tooltip-wrapper.shortText { top: -26px; } .request-tracking-tooltip-wrapper.first { top: -14px; } .request-tracking-tooltip-wrapper.left { right: calc(50% - 20px); } .request-tracking-tooltip-wrapper.right { left: calc(50% - 20px); } } .request-tracking-item-wrapper { display: grid; grid-template-columns: 10% 40% auto; grid-template-rows: 1fr; width: 100%; justify-content: center; position: relative; } .request-tracking-item-wrapper .request-tracking-item-text-container { width: 100%; color: #5e5e5e; font-size: 14px; font-weight: 400; line-height: 14px; } .request-tracking-item-wrapper .request-tracking-item-text-container.bold { font-weight: 500; } .request-tracking-item-wrapper .request-tracking-item-bubble { z-index: 1; padding-bottom: 12px; } .request-tracking-item-wrapper .request-tracking-item-filler { width: 100% !important; } @media not all and (hover: none) { .request-tracking-item-wrapper.tooltip .request-tracking-item-row .request-tracking-item-text-container:hover { color: #ff9900; cursor: pointer; } } .request-tracking-item-wrapper.tooltip .request-tracking-item-row .request-tracking-item-text-container.orange { color: #ff9900; } .request-tracking-item-wrapper.tooltip .request-tracking-item-row .request-tracking-item-text-container { display: flex; flex-direction: column; align-items: center; } .request-tracking-item-wrapper.tooltip .request-tracking-item-row .request-tracking-item-text-container .request-tracking-item-mobile-info { display: none; width: 15px; } @media (hover: none) { .request-tracking-item-wrapper.tooltip .request-tracking-item-row .request-tracking-item-text-container .request-tracking-item-mobile-info { display: inline-block; } } .request-tracking-item-wrapper.tooltip .request-tracking-item-row .request-tracking-tooltip-wrapper { display: none; } .request-tracking-item-wrapper.tooltip.showTootlip .request-tracking-item-row .request-tracking-tooltip-wrapper { display: flex; } .request-tracking-item-wrapper.even, .request-tracking-item-wrapper.odd { display: grid; padding: 0; margin: 0; } .request-tracking-item-wrapper.even .request-tracking-item-text-container, .request-tracking-item-wrapper.even .request-status-container, .request-tracking-item-wrapper.odd .request-tracking-item-text-container, .request-tracking-item-wrapper.odd .request-status-container { padding: 0; margin: 0; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.even .request-status-container .long-text, .request-tracking-item-wrapper.odd .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.odd .request-status-container .long-text { margin-top: 35px; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.even .request-status-container .extra-long-text, .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text { width: 88%; margin-top: 36px; margin-right: 33%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .first-item-text, .request-tracking-item-wrapper.even .request-status-container .first-item-text, .request-tracking-item-wrapper.odd .request-tracking-item-text-container .first-item-text, .request-tracking-item-wrapper.odd .request-status-container .first-item-text { width: 68%; margin-top: 7%; margin-right: -3%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.even .request-status-container .closed-item-text, .request-tracking-item-wrapper.odd .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.odd .request-status-container .closed-item-text { width: 66%; margin-right: -5%; margin-top: 9px; } .request-tracking-item-wrapper.even .request-status-container, .request-tracking-item-wrapper.odd .request-status-container { width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; text-overflow: ellipsis; font-size: clamp(12px, 2vw, 13px); height: 53px; } .request-tracking-item-wrapper.even { grid-template-columns: 42.5% 26.5% 1fr; } .request-tracking-item-wrapper.even .request-tracking-item-text-container, .request-tracking-item-wrapper.even .request-status-container { margin-top: 9%; margin-right: -10%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .small-text, .request-tracking-item-wrapper.even .request-status-container .small-text { margin-top: 5%; margin-right: -23%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .medium-text, .request-tracking-item-wrapper.even .request-status-container .medium-text { margin-top: 6%; margin-right: -18%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .regular-text, .request-tracking-item-wrapper.even .request-status-container .regular-text { margin-top: 15%; margin-right: -15%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.even .request-status-container .extra-long-text { width: 88%; margin-top: 14%; margin-right: -7%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text1, .request-tracking-item-wrapper.even .request-status-container .extra-long-text1 { position: absolute; height: 69px; width: 41%; margin-top: 25px; margin-right: -8%; } .request-tracking-item-wrapper.odd { grid-template-columns: 1fr 27% 41.5%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .regular-text, .request-tracking-item-wrapper.odd .request-status-container .regular-text { margin-top: 22%; margin-right: 25%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .medium-text, .request-tracking-item-wrapper.odd .request-status-container .medium-text { margin-top: 17%; margin-right: 29%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.odd .request-status-container .closed-item-text { width: 65%; margin-right: 49%; margin-top: 22px; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text1, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text1 { position: absolute; height: 69px; width: 88%; margin-top: 36px; margin-right: -20%; } @media screen and (max-width: 624px) { .request-tracking-item-wrapper { grid-template-columns: 10% 40% auto; } .request-tracking-item-wrapper.odd, .request-tracking-item-wrapper.even { grid-template-columns: 1fr 33% 27%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container, .request-tracking-item-wrapper.odd .request-status-container, .request-tracking-item-wrapper.even .request-tracking-item-text-container, .request-tracking-item-wrapper.even .request-status-container { width: 100%; font-size: clamp(13px, 2vm, 14px); } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .first-item-text, .request-tracking-item-wrapper.odd .request-status-container .first-item-text, .request-tracking-item-wrapper.even .request-tracking-item-text-container .first-item-text, .request-tracking-item-wrapper.even .request-status-container .first-item-text { width: 100%; margin-top: 24px; margin-right: -18%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text1, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text1, .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text1, .request-tracking-item-wrapper.even .request-status-container .extra-long-text1 { margin-top: 36px; margin-right: -20%; } .request-tracking-item-wrapper.even { grid-template-columns: 1fr 33% 27%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container, .request-tracking-item-wrapper.even .request-status-container { margin-top: 12px; margin-right: -15px; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text1, .request-tracking-item-wrapper.even .request-status-container .extra-long-text1 { width: 36%; margin-top: 24px; margin-right: -7%; } .request-tracking-item-wrapper.odd { grid-template-columns: 27% 33% 1fr; } } @media screen and (max-width: 431px) { .request-tracking-item-wrapper.odd .request-tracking-item-text-container .first-item-text, .request-tracking-item-wrapper.odd .request-status-container .first-item-text, .request-tracking-item-wrapper.even .request-tracking-item-text-container .first-item-text, .request-tracking-item-wrapper.even .request-status-container .first-item-text { width: 98%; margin-top: 14px; margin-right: -18%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.odd .request-status-container .long-text, .request-tracking-item-wrapper.even .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.even .request-status-container .long-text { width: 100%; margin-top: 28px; margin-right: 27%; } .request-tracking-item-wrapper.even { grid-template-columns: 1fr 33% 26%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.even .request-status-container .long-text { margin-top: 20px; margin-right: -17%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.even .request-status-container .closed-item-text { width: 89%; margin-right: -16%; margin-top: 9px; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.even .request-status-container .extra-long-text { width: 100%; margin-top: 22%; margin-right: -13%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .small-text, .request-tracking-item-wrapper.even .request-status-container .small-text { margin-top: 10%; margin-right: -22%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .medium-text, .request-tracking-item-wrapper.even .request-status-container .medium-text { margin-top: 12%; margin-right: -18%; } .request-tracking-item-wrapper.odd { grid-template-columns: 28% 33% 1fr; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .medium-text, .request-tracking-item-wrapper.odd .request-status-container .medium-text { margin-top: 23%; margin-right: 29%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.odd .request-status-container .closed-item-text { width: 84%; margin-right: 37%; margin-top: 21px; } } @media screen and (max-width: 415px) { .request-tracking-item-wrapper.odd .request-tracking-item-text-container .first-item-text, .request-tracking-item-wrapper.odd .request-status-container .first-item-text, .request-tracking-item-wrapper.even .request-tracking-item-text-container .first-item-text, .request-tracking-item-wrapper.even .request-status-container .first-item-text { width: 100%; margin-top: 11px; margin-right: -9%; } .request-tracking-item-wrapper.even { grid-template-columns: 1fr 33% 26.5%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .small-text, .request-tracking-item-wrapper.even .request-status-container .small-text { margin-top: 11%; margin-right: -23%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .medium-text, .request-tracking-item-wrapper.even .request-status-container .medium-text { margin-top: 12%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.even .request-status-container .long-text { margin-top: 23px; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.even .request-status-container .closed-item-text { width: 93%; margin-right: -15%; margin-top: 9px; } .request-tracking-item-wrapper.odd { grid-template-columns: 26.5% 33% 1fr; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .medium-text, .request-tracking-item-wrapper.odd .request-status-container .medium-text { margin-top: 27%; margin-right: 31%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.odd .request-status-container .long-text { width: 107%; margin-top: 34%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text { width: 102%; margin-top: 34%; margin-right: 29%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.odd .request-status-container .closed-item-text { width: 84%; margin-right: 37%; margin-top: 22px; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text1, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text1 { margin-top: 36px; margin-right: -25%; } } @media screen and (max-width: 412px) { .request-tracking-item-wrapper.even { grid-template-columns: 1fr 33% 26.5%; } .request-tracking-item-wrapper.odd { grid-template-columns: 26.5% 33% 1fr; } .request-tracking-item-wrapper.odd .request-status-container { margin-top: 27px; margin-right: 33px; } } @media screen and (max-width: 391px) { .request-tracking-item-wrapper.odd .request-tracking-item-text-container, .request-tracking-item-wrapper.odd .request-status-container, .request-tracking-item-wrapper.even .request-tracking-item-text-container, .request-tracking-item-wrapper.even .request-status-container { width: 100%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text, .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.even .request-status-container .extra-long-text { width: 116%; margin-top: 22px; margin-right: -9%; } .request-tracking-item-wrapper.even { grid-template-columns: 1fr 33% 26.5%; } .request-tracking-item-wrapper.odd { grid-template-columns: 25.5% 33% 1fr; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container, .request-tracking-item-wrapper.odd .request-status-container { width: 100%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text { width: 116%; margin-top: 36px; margin-right: 12%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.odd .request-status-container .closed-item-text { width: 91%; margin-right: 34%; margin-top: 21px; } } @media screen and (max-width: 376px) { .request-tracking-item-wrapper.odd .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.odd .request-status-container .long-text, .request-tracking-item-wrapper.even .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.even .request-status-container .long-text { width: 100%; margin-top: 21px; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.odd .request-status-container .closed-item-text, .request-tracking-item-wrapper.even .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.even .request-status-container .closed-item-text { width: 100%; margin-right: -17%; margin-top: 21px; } .request-tracking-item-wrapper.even { grid-template-columns: 1fr 33% 27%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .small-text, .request-tracking-item-wrapper.even .request-status-container .small-text { margin-top: 12%; margin-right: -14%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.even .request-status-container .long-text { margin-top: 21px; margin-right: -6%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.even .request-status-container .closed-item-text { margin-top: 9px; margin-right: -8%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.even .request-status-container .extra-long-text { width: 126%; margin-top: 27%; margin-right: -15%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .medium-text, .request-tracking-item-wrapper.even .request-status-container .medium-text { margin-top: 14%; margin-right: 3%; } .request-tracking-item-wrapper.odd { grid-template-columns: 24.5% 33% 1fr; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.odd .request-status-container .long-text { margin-top: 32px; margin-right: 39%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .medium-text, .request-tracking-item-wrapper.odd .request-status-container .medium-text { margin-top: 30%; margin-right: 32%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.odd .request-status-container .closed-item-text { width: 100%; margin-right: 28%; margin-top: 21px; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text1, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text1 { margin-top: 36px; margin-right: -25%; } } @media screen and (max-width: 361px) { .request-tracking-item-wrapper.odd .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.odd .request-status-container .long-text, .request-tracking-item-wrapper.even .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.even .request-status-container .long-text { width: 100%; margin-top: 21px; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.odd .request-status-container .closed-item-text, .request-tracking-item-wrapper.even .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.even .request-status-container .closed-item-text { width: 100%; margin-right: -17%; margin-top: 21px; } .request-tracking-item-wrapper.even { grid-template-columns: 1fr 33% 28%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.even .request-status-container .long-text { margin-right: 4%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.even .request-status-container .extra-long-text { width: 126%; margin-top: 23%; margin-right: -12%; } .request-tracking-item-wrapper.even .request-tracking-item-text-container .extra-long-text1, .request-tracking-item-wrapper.even .request-status-container .extra-long-text1 { width: 41%; margin-top: 24px; margin-right: -9%; } .request-tracking-item-wrapper.odd { grid-template-columns: 23.5% 33% 1fr; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .long-text, .request-tracking-item-wrapper.odd .request-status-container .long-text { width: 123%; margin-top: 33px; margin-right: 4%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text { width: 126%; margin-top: 46%; margin-right: 3%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .extra-long-text1, .request-tracking-item-wrapper.odd .request-status-container .extra-long-text1 { margin-top: 36px; margin-right: -25%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .medium-text, .request-tracking-item-wrapper.odd .request-status-container .medium-text { width: 104%; margin-top: 37%; margin-right: 30%; } .request-tracking-item-wrapper.odd .request-tracking-item-text-container .closed-item-text, .request-tracking-item-wrapper.odd .request-status-container .closed-item-text { width: 112%; margin-right: 6%; margin-top: 21px; } } .popup-wrapper.visible.requestTracking .popup-box { width: unset; min-width: unset; display: flex; align-items: center; border-radius: 30px; background: #ffffff; } .popup-wrapper.visible.requestTracking .popup-box .popup-filler { margin: 41px 0 0 0; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper { width: 473px; min-height: 360px; max-height: 800px; display: flex; flex-direction: column; align-items: center; color: #5e5e5e; /* .request-tracking-top-row1 > div, .request-tracking-top-row1 > button, .request-tracking-top-row1 > span { //border: 1px solid black; Apply border to each column/item } */ /* .request-tracking-close:hover { color: #ff9900; font-weight: 500; } */ /* .request-status-text:hover { color: #ff9900; font-weight: 500; transform: scale(1.1); } */ } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-top-row { display: flex; justify-content: space-between; width: 100%; /* .request-tracking-close:hover { color: #ff9900; font-weight: 500; } */ } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-top-row .request-tracking-close { position: relative; top: 23px; right: 33px; padding: 0; background: none; transform: rotate(45deg); font-size: 32px; font-weight: 400; color: #2a2a2a; transition: color 0.1s ease; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-top-row .request-tracking-back { position: relative; top: 26px; left: 24px; padding: 0; background: none; width: 26px; height: 26px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-top-row .request-tracking-back img { width: 100%; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-top-row1 { width: 100%; display: grid; grid-template-columns: 20% 60% 20%; /* First and last item are 10%, middle one is 80% */ align-items: center; /* Align items vertically */ margin-top: 5%; align-items: center; /* Align grid items vertically */ justify-items: center; /* Center items horizontally within their grid cell */ } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-close { position: relative; padding: 0; background: none; transform: rotate(45deg); font-size: 32px; font-weight: 400; color: #2a2a2a; transition: color 0.1s ease; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-back { position: relative; padding: 0; background: none; width: 26px; height: 26px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-back img { width: 100%; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-title { font-size: 20px; font-weight: 500; line-height: 24px; color: #ff9900; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-robot { width: 84px; margin-top: 10px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-text-container { display: flex; flex-direction: column; align-items: center; font-size: 14px; line-height: 18px; margin-top: 7px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-text-container .request-tracking-text-line1 { font-weight: 500; line-height: 18px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-text-container .request-tracking-text-line2 { font-weight: 400; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow { margin-top: 10px; padding-top: 1px; min-height: 177px; max-height: 366px; width: 97%; scrollbar-gutter: stable both-edges; margin-bottom: 7px; padding-bottom: 1px; display: flex; justify-content: center; height: 100%; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .request-tracking-list { position: relative; display: flex; flex-direction: column; align-items: center; overflow-y: auto; width: 100%; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .request-tracking-list .request-tracking-no-timeline { height: 73px; border-right: dashed #cecaca 1px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .request-tracking-item-timeline-line { position: absolute; top: -17px; left: 49.8%; transform: translateX(-50%); width: 1px; min-height: 26%; background-color: black; z-index: -1; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .first-timeline { top: 74px; bottom: 0; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper.noData { min-height: 278px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper.noData .request-tracking-list-overflow { min-height: 80px; margin-bottom: 10px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper.mediumSize { min-height: 300px; margin-bottom: 0px; padding-bottom: 0px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper.mediumSize .request-tracking-list-overflow { min-height: 0px; margin-bottom: 0px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper.mediumSize .popup-filler { margin: 19px 0 0 0; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-status-text { width: 100%; font-weight: 400; line-height: 17px; color: #29282c; transition: color 0.3s ease, transform 0.3s ease; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-status-text.OPEN { color: #29282c; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-status-text.OPEN:hover { color: #4fd3f0; font-weight: 500; transform: scale(1.1); } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-status-text.CLOSED { color: #29282c; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-status-text.CLOSED:hover { color: #9ed825; font-weight: 500; transform: scale(1.1); } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-opened-text { width: 100%; font-size: 14px; font-weight: 400; line-height: 17px; color: #29282c; transition: color 0.3s ease, transform 0.3s ease; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-opened-text:hover { color: #4fd3f0; font-weight: 500; transform: scale(1.1); } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .my-class { border: #046f10 solid 1px; margin: 56px 32px 0 0; padding: 0 0 0 0; width: 50%; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-closed-text-container { margin: 8px 0 30px 0; font-size: 14px; font-weight: 500; line-height: 17px; color: #9ed825; position: relative; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-closed-text-container.files { margin: 8px 0 10px 0; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-closed-text-container .request-tracking-bottom-robot { position: absolute; bottom: 5px; right: -37px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-closed-text-container .request-tracking-closed-text { font-size: 14px; font-weight: 500; line-height: 17px; color: #9ed825; } @media screen and (max-width: 624px) { .popup-wrapper.visible.requestTracking .popup-box { border-radius: 20px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper { width: 95vw; max-width: 473px; min-height: 216px; max-height: 700px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-top-row .request-tracking-close { top: 12px; right: 20px; font-size: 24px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-top-row .request-tracking-back { top: 16px; left: 12px; width: 22px; height: 22px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-title { font-size: 17px; line-height: 19px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-robot { width: 78px; margin-top: 7px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-text-container { font-size: 14px; line-height: 14px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow { min-height: 275px; max-height: 276px; width: 95%; padding-left: 0; margin-bottom: 8px; padding-bottom: 0; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .request-tracking-item-timeline-line { left: 49.7%; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .request-tracking-list .request-tracking-no-timeline { height: 60px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-status-text { width: 100%; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-opened-text { font-size: 13px; line-height: 15px; margin: 5px 0 10px 0; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-status-text.OPEN { width: 94%; color: #4fd3f0; font-weight: 500; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-status-text.CLOSED { width: 94%; color: #9ed825; font-weight: 500; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-closed-text-container { margin: 8px 0 30px 0; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-closed-text-container .request-tracking-bottom-robot { bottom: 5px; right: -37px; } .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-closed-text-container .request-tracking-closed-text { font-size: 14px; font-weight: 500; line-height: 17px; color: #9ed825; } } @media screen and (max-width: 415px) { .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .request-tracking-item-timeline-line { left: 50.4%; } } @media screen and (max-width: 391px) { .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .request-tracking-item-timeline-line { left: 49.7%; } } @media screen and (max-width: 376px) { .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .request-tracking-item-timeline-line { left: 49.7%; } } @media screen and (max-width: 361px) { .popup-wrapper.visible.requestTracking .popup-box .request-tracking-wrapper .request-tracking-list-overflow .request-tracking-item-timeline-line { left: 50.2%; } } .request_tracking_files { width: 100%; min-height: 7rem; display: flex; flex-direction: row; justify-content: center; position: relative; } .request_tracking_files .arrow_f { position: absolute; bottom: 1.5rem; left: 0; right: 0; margin: 0 auto; transform: rotate(180deg); transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); cursor: pointer; } .request_tracking_files .arrow_f.show { transform: rotate(0deg); bottom: 1rem; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); padding-bottom: 0%; margin-bottom: 0%; } .request_tracking_files ._data_ { width: 23rem; position: relative; } .request_tracking_files ._data_ .request_tracking_title { position: absolute; color: #29282C; font-size: 14px; font-weight: 500; z-index: 2; top: 2.1rem; left: 3.4rem; cursor: pointer; } .request_tracking_files ._data_ .files_i { position: absolute; z-index: 2; right: 3.9rem; top: 2.3rem; cursor: pointer; } .request_tracking_files ._data_ .big_one_i { position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: 0 auto; cursor: pointer; } .request_tracking_files ._data_ .files_list_w { width: 21.7rem; margin-top: 4.5rem; margin-bottom: 2.5rem; padding-right: 4.3rem; overflow: hidden; max-height: 0; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .request_tracking_files ._data_ .files_list_w.show { max-height: 7rem; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1); } .request_tracking_files ._data_ .files_list_w.show.scroll { overflow-y: scroll; } .request_tracking_files ._data_ .files_list_w .files_row { cursor: pointer; display: flex; flex-direction: row; align-items: center; margin-bottom: 0; } .request_tracking_files ._data_ .files_list_w .files_row img { margin-left: .5rem; } .request_tracking_files ._data_ .files_list_w .files_row .f_title { color: #29282C; font-size: 12px; font-weight: 400; text-align: right; width: 13.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; direction: ltr; } .fly-passenger-item-wrapper { border-bottom: solid #ebebeb 1px; position: relative; width: 100%; height: 25px; min-height: 25px; margin-top: 25px; text-align: right; } .fly-passenger-item-wrapper.history { border-bottom: dotted #ebebeb 1px; } .fly-passenger-item-wrapper .fly-passenger-item-text { display: flex; color: #7b7b7b; } .fly-passenger-item-wrapper .fly-passenger-item-text .fly-passenger-item-name { font-size: 13px; font-weight: 500; line-height: 15px; } .fly-passenger-item-wrapper .fly-passenger-item-text .fly-passenger-item-identity { line-height: 17px; font-weight: 400; margin-right: 4px; } .fly-passenger-item-wrapper .fly-passenger-item-plane { position: absolute; bottom: -17px; left: -5px; } .fly-passenger-item-wrapper .fly-passenger-item-plane.history { width: 32.947px; height: 32px; bottom: -8px; } @media screen and (max-width: 624px) { .fly-passenger-item-wrapper { height: 24px; margin-top: 14px; } .fly-passenger-item-wrapper .fly-passenger-item-text .fly-passenger-item-name { font-size: 13px; line-height: 12px; font-weight: 500; } .fly-passenger-item-wrapper .fly-passenger-item-text .fly-passenger-item-identity { font-size: 12px; line-height: 13px; font-weight: 400; margin-right: 4px; } .fly-passenger-item-wrapper .fly-passenger-item-plane { position: absolute; bottom: -17px; left: -5px; } } .sub-box-fly-content-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; } .sub-box-fly-content-wrapper.expired .sub-box-fly-expired-opacity, .sub-box-fly-content-wrapper.canceled .sub-box-fly-expired-opacity { opacity: 0.5; } .sub-box-fly-content-wrapper .sub-box-fly-expired, .sub-box-fly-content-wrapper .sub-box-fly-canceled { position: absolute; top: -6px; right: 0px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity { display: flex; flex-direction: column; align-items: center; width: 100%; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-logo { width: 103px; margin-top: 17px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-as-member-text { font-size: 15px; font-weight: 400; line-height: 18px; margin-top: 13px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details { display: flex; margin-top: 18px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details.asMember { margin-top: 13px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details .sub-box-fly-details-unit { display: flex; align-items: center; padding: 0 10px; border-left: solid #B7B6B6 1px; color: #373431; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details .sub-box-fly-details-unit:last-child { border-left: none; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details .sub-box-fly-details-unit .sub-box-fly-details-icon { margin-left: 8px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details .sub-box-fly-details-unit .sub-box-fly-details-icon.wallet { width: 25px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details .sub-box-fly-details-unit .sub-box-fly-details-icon.tickets { width: 16px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details .sub-box-fly-details-unit .sub-box-fly-details-icon.calendar { width: 20px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details .sub-box-fly-details-unit .sub-box-fly-details-text { font-size: 15px; font-weight: 400; line-height: 18px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container { display: flex; flex-direction: column; margin-top: 22px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates-title { font-size: 16px; font-weight: 600; line-height: 19px; color: #fd7200; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates { display: flex; align-items: center; margin-top: 8px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates .sub-box-fly-dates-text { font-size: 16px; font-weight: 400; line-height: 19px; color: #373431; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates .sub-box-fly-plane { display: flex; align-items: center; margin: 0 5px -3px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates .sub-box-fly-plane .sub-box-fly-plane-dot { width: 3px; height: 3px; border-radius: 50%; background-color: #dadada; margin: -3px 1px 0; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-price-container { display: flex; align-items: center; justify-content: center; position: absolute; top: 63px; left: 5px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-price-container .sub-box-fly-price-text { position: absolute; rotate: -25deg; width: 100%; left: 4%; top: 50%; color: white; font-size: 16px; font-weight: 400; line-height: 16px; text-align: center; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-price-container .sub-box-fly-price-text .sub-box-fly-price-symbol { font-size: 12px; margin-right: 2px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-passengers { display: flex; flex-direction: column; width: 90%; padding-top: 20px; margin-bottom: 20px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-passengers .sub-box-fly-passengers-title { font-size: 16px; font-weight: 600; line-height: 19px; color: #fd7200; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-passengers .sub-box-fly-passenger-overflow { max-height: 220px; overflow-y: scroll; overflow-x: hidden; padding-left: 5px; -ms-overflow-style: none; scrollbar-width: none; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-passengers .sub-box-fly-passenger-overflow::-webkit-scrollbar { display: none; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-passengers .sub-box-fly-passenger-overflow .sub-box-fly-passenger-list { display: flex; flex-direction: column; margin-bottom: 20px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-cancel { margin-bottom: 45px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-cancel .sub-box-fly-cancel-button { font-size: 11px; font-weight: 500; padding: 0 8px; height: 24px; line-height: 2.2; background: linear-gradient(91deg, #FF2E21 9.7%, #FB0101 78.49%); color: white; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-cancel .sub-box-fly-cancellation-requested { color: #97de1d; font-size: 12px; font-weight: 500; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-cancel .sub-box-fly-cancellation-requested img { scale: 0.9; margin-left: 6px; margin-bottom: -3px; } @media screen and (max-width: 624px) { .sub-box-fly-content-wrapper .sub-box-fly-expired { top: -6px; right: 0px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-logo { width: 103px; margin-top: 17px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details { margin-top: 18px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details .sub-box-fly-details-unit { padding: 0 10px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-details .sub-box-fly-details-unit .sub-box-fly-details-text { font-size: 12px; font-weight: 400; line-height: 14px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container { margin-top: 22px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates-title { font-size: 14px; font-weight: 600; line-height: 17px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates { margin-top: 13px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates .sub-box-fly-dates-text { font-size: 14px; font-weight: 400; line-height: 17px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates .sub-box-fly-plane { margin: 0 5px -3px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-dates-container .sub-box-fly-dates .sub-box-fly-plane .sub-box-fly-plane-dot { width: 3px; height: 3px; border-radius: 50%; background-color: #dadada; margin: -3px 1px 0; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-price-container { top: 56px; left: 2px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-price-container .sub-box-fly-price-badge { width: 72px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-price-container .sub-box-fly-price-text { width: 100%; left: 4%; top: 50%; font-size: 14px; font-weight: 400; line-height: 16px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-price-container .sub-box-fly-price-text .sub-box-fly-price-symbol { font-size: 12px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-passengers { width: 90%; padding-top: 25px; margin-top: 10px; margin-bottom: 20px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-passengers .sub-box-fly-passengers-title { font-size: 14px; font-weight: 600; line-height: 17px; margin-bottom: 10px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-passengers .sub-box-fly-passenger-overflow { max-height: 220px; padding-left: 5px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-passengers .sub-box-fly-passenger-overflow .sub-box-fly-passenger-list { margin-bottom: 20px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-cancel { margin-bottom: 40px; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-cancel .sub-box-fly-cancel-button { font-size: 8px; height: 20px; line-height: 2.8; } .sub-box-fly-content-wrapper .sub-box-fly-expired-opacity .sub-box-fly-cancel .sub-box-fly-cancellation-requested { font-size: 8px; height: 20px; line-height: 2.5; } } .history_sub_wrap { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: start; gap: 25px; width: 100%; height: 100%; } .history_sub_wrap.add_height { min-height: 340px; } .history_sub_wrap .price_stick { position: absolute; display: flex; justify-content: center; align-items: center; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3IiBoZWlnaHQ9IjExOCIgdmlld0JveD0iMCAwIDEwNyAxMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02OC40ODMgMTAxLjA2OUM4Ny41Njg5IDk0LjIxNjggOTcuNDY2NSA3My4xMzUyIDkwLjU4OTkgNTMuOTgyM0M4My43MTMyIDM0LjgyOTMgNjIuNjY2NCAyNC44NTc5IDQzLjU4MDQgMzEuNzEwNkMyNC40OTQ1IDM4LjU2MzIgMTQuNTk2OCA1OS42NDQ4IDIxLjQ3MzUgNzguNzk3N0MyOC4zNTAxIDk3Ljk1MDcgNDkuMzk3IDEwNy45MjIgNjguNDgzIDEwMS4wNjlaIiBmaWxsPSIjNjVEMkUxIi8+CjxwYXRoIGQ9Ik02OS40MjU5IDEwMy42OTVDODkuOTU3MSA5Ni4zMjM4IDEwMC42MDQgNzMuNjQ1OCA5My4yMDY4IDUzLjA0MjVDODUuODA5NSAzMi40MzkzIDYzLjE2ODkgMjEuNzEyOSA0Mi42Mzc3IDI5LjA4NDRDMjIuMTA2NSAzNi40NTU5IDExLjQ1OTQgNTkuMTMzOSAxOC44NTY4IDc5LjczNzFDMjYuMjU0MSAxMDAuMzQgNDguODk0NyAxMTEuMDY3IDY5LjQyNTkgMTAzLjY5NVoiIHN0cm9rZT0iIzY1RDJFMSIgc3Ryb2tlLXdpZHRoPSIxLjE1NjgiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8ZyBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiIG9wYWNpdHk9IjAuNiI+CjxwYXRoIGQ9Ik00OC42NDE4IDQ0LjQ2OTlDNDguODAwNiA0NC42OTQxIDQ4LjAwMzUgNDUuNTE0OCA0Ni44NjYyIDQ2LjMwMDdDNDUuNzI4OSA0Ny4wODY3IDQ0LjY4MDkgNDcuNTM4MiA0NC41Mjg5IDQ3LjMxMDVDNDQuMzc3IDQ3LjA4MjggNDUuMTY3MiA0Ni4yNjU2IDQ2LjMwNDUgNDUuNDc5N0M0Ny40NDE4IDQ0LjY5MzcgNDguNDgyOSA0NC4yNDU3IDQ4LjY0MTggNDQuNDY5OVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggZD0iTTQ3Ljk3NjIgNDMuODU1NEw0Ny40MjcxIDQ1LjczMjhMNDUuNzY0OCA0NC41Nzg1TDQyLjU1MjIgMzQuNzc1Mkw0NC43NjQ0IDM0LjA2M0w0Ny45NzYyIDQzLjg1NTRaIiBmaWxsPSIjQ0ZEMUQyIi8+CjxnIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIgb3BhY2l0eT0iMC40Ij4KPHBhdGggZD0iTTQ0LjAxNzMgMzkuMjQ0NUM0NC4yNDc5IDM4Ljg4MTEgNDUuNDc0MyAzOC45NDUyIDQ1Ljg3NDkgMzkuNTA0NEM0Ni4yNzU1IDQwLjA2MzYgNDcuMzM3NCA0My43ODY4IDQ2Ljk5MDUgNDQuNDk5OEM0Ni42Mzg2IDQ1LjIxODcgNDUuNTE4NCA0My44MTU2IDQ1LjUxODQgNDMuODE1Nkw0NS43NyA0NC41ODM4TDQ3LjQzMjMgNDUuNzM4MUw0Ny45ODEzIDQzLjg2MDZMNDQuNzc0NiAzNC4wNjI0TDQyLjU1NzQgMzQuNzgwNUw0NC4wMTczIDM5LjI0NDVaIiBmaWxsPSIjQ0ZEMUQyIi8+CjwvZz4KPHBhdGggZD0iTTQwLjA2NTMgMTkuOTQ2NkM0Ny42ODI0IDE4LjQ2OTcgNTQuNDM5NSAyMS41NTUzIDU1LjE1MjYgMjYuODI3N0M1NS44NzE3IDMyLjEwNTIgNTAuMjgzNiAzNy41NzU1IDQyLjY2MTUgMzkuMDU4M0MzNS4wNDQ0IDQwLjUzNTMgMjguMjgyMyAzNy40NTU1IDI3LjU2ODIgMzIuMTcyMUMyNi44NDkyIDI2Ljg5NDYgMzIuNDQzMiAyMS40Mjk0IDQwLjA2NTMgMTkuOTQ2NloiIGZpbGw9IiNGRDcyMDAiLz4KPGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5IiBvcGFjaXR5PSIwLjMiPgo8cGF0aCBkPSJNNTUuMjk3NCAyNy40MzY2QzU1LjA0OTUgMzIuNzU3MSA0OC41NTI4IDM3LjEyNDYgNDAuNzk0MyAzNy4xOTg3QzM0LjE4OTkgMzcuMjYwOSAyOC44MTY0IDM0LjE4NTEgMjcuNTA1NCAyOS45OTEyQzI3LjYxMTMgMzUuMDk2NCAzMy41NTc4IDM5LjExNzkgNDEuMDg5OSAzOS4wNDY2QzQ4Ljg0ODUgMzguOTcyNSA1NS4zNDAzIDM0LjU5ODkgNTUuNTg4MiAyOS4yNzg1QzU1LjYyNzYgMjguNDg4MSA1NS41MDQ4IDI3LjcxODYgNTUuMjc5MyAyNi45ODIxQzU1LjI4IDI3LjEzMTIgNTUuMjk3OCAyNy4yNzY2IDU1LjI5MjUgMjcuNDMwNkw1NS4yOTc0IDI3LjQzNjZaIiBmaWxsPSIjNjgwMDNEIi8+CjwvZz4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMjguODExOCAyNy44MDk2QzI4LjgxMTggMjcuODA5NiAzMS4xMzU3IDIyLjI2MzQgMzkuMzQxMyAyMC42MjEyQzM5LjM0MTMgMjAuNjIxMiAzNC4yNDE1IDIyLjc4NDggMzIuNjM3OSAyNS4wNjU0QzMxLjAzNDMgMjcuMzQ2IDMwLjAzMzYgMjguMjAyNSAyOC44MTE4IDI3LjgwOTZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0zMy42MTQgMzUuMDg5NUMzMy42MTQgMzUuMDg5NSA0MS40NjI1IDM4LjAyNzMgNTAuNjc1IDMzLjQ4NzRDNTAuNjc1IDMzLjQ4NzQgNDMuMjY0NSAzOS4zNDk5IDMzLjYxNCAzNS4wODk1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat -14px -31px; background-size: 130% 159%; left: 3px; top: 2px; width: 73px; height: 84px; } .history_sub_wrap .price_stick .price_title { display: flex; justify-content: center; align-items: center; gap: 4px; color: #fff; font-size: 17px; line-height: normal; font-weight: 500; transform: rotate(-19.055deg); translate: 0 1px; } .history_sub_wrap .price_stick .price_title .price_symbol { color: #fff; font-size: 12px; line-height: normal; font-weight: 300; translate: 0 0; } .history_sub_wrap .history_sub_name { height: 100px; min-height: 100px; width: 100%; } .history_sub_wrap .history_sub_name.MediWho .product_logo { width: 35%; translate: 0 50px; } .history_sub_wrap .history_sub_name.Best-Care .product_logo { width: 35%; translate: 0 25px; } .history_sub_wrap .history_sub_name.MediWho-360 .product_logo { width: 16%; translate: 0 20px; } .history_sub_wrap .history_sub_name.Best-Care-non-res .product_logo { width: 35%; translate: 0 25px; } .history_sub_wrap .history_sub_name.Best-Care-smile .product_logo { width: 23%; translate: 0 18px; } .history_sub_wrap .history_sub_name.MediWho-Gold .product_logo { width: 30%; translate: 0 30px; } .history_sub_wrap .history_sub_name.Gold-Plus .product_logo { width: 30%; translate: 10px 17px; } .history_sub_wrap .history_sub_name.All-In .product_logo { width: 17%; translate: 0 21px; } .history_sub_wrap .history_sub_name.Assistant .product_logo { width: 37%; translate: 0 40px; } .history_sub_wrap .history_sub_name.magen-david-k .product_logo { width: 30%; translate: 0 22px; } .history_sub_wrap .history_sub_name.Soul-Care .product_logo { width: 30%; translate: 0 49px; } .history_sub_wrap .history_sub_name.Soul-Care-gold .product_logo { width: 30%; translate: 0 38px; } .history_sub_wrap .history_sub_name.Soul-Best-Care .product_logo { width: 30%; translate: 0 10px; } .history_sub_wrap .history_sub_name.Simple-Smile .product_logo { width: 24%; translate: 0 -14px; } .history_sub_wrap .history_sub_name.Simple-Best .product_logo { width: 24%; translate: 0 -13px; } .history_sub_wrap .history_sub_name.Simple-gold .product_logo { width: 24%; translate: 0 -13px; } .history_sub_wrap .history_sub_name.Critical .product_logo { width: 35%; translate: 0 11px; } .history_sub_wrap .history_sub_name.Critical-best .product_logo { width: 31%; translate: -4px 18px; } .history_sub_wrap .history_sub_name.Critical-Simple .product_logo { width: 31%; translate: -4px 18px; } .history_sub_wrap .history_sub_name.Critical-Gold .product_logo { width: 31%; translate: -4px 18px; } .history_sub_wrap .history_sub_name.Critical-Gold-Plus .product_logo { width: 31%; translate: -4px 18px; } .history_sub_wrap .subscription_data_info { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: 5px; } .history_sub_wrap .subscription_data_info .history_titles_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 4px; color: black; font-size: 16px; line-height: normal; font-weight: 500; } .history_sub_wrap .subscription_data_info .history_titles_wrap .sub_pre_title { color: #434343; } .history_sub_wrap .subscription_data_info .history_titles_wrap .sub_name { color: #6e6e6e; direction: ltr; } .history_sub_wrap .subscription_data_info .history_dates { display: flex; justify-content: center; align-items: center; width: 100%; } .history_sub_wrap .subscription_data_info .history_dates .line_between { display: flex; justify-content: center; align-items: center; width: 6%; } .history_sub_wrap .subscription_data_info .history_dates .history_active, .history_sub_wrap .subscription_data_info .history_dates .history_canceled { display: flex; justify-content: center; align-items: center; justify-content: start; width: 47%; } .history_sub_wrap .subscription_data_info .history_dates .history_active .pre_title_date, .history_sub_wrap .subscription_data_info .history_dates .history_canceled .pre_title_date { color: #fd7200; font-size: 16px; line-height: 0; font-weight: 500; margin-left: 5px; } .history_sub_wrap .subscription_data_info .history_dates .history_active .date_title, .history_sub_wrap .subscription_data_info .history_dates .history_canceled .date_title { color: #373431; font-size: 15px; line-height: 0; font-weight: 400; } .history_sub_wrap .subscription_data_info .history_dates .history_active { justify-content: end; } .history_sub_wrap .members_list_wrap { width: 85%; display: none; } .history_sub_wrap .members_list_wrap.add_height { display: flex; justify-content: center; align-items: center; flex-direction: column; } .history_sub_wrap .members_list_wrap .members_list_title { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; min-height: 60px; border-top: 1px dotted #dadada; color: #fd7200; font-size: 16px; line-height: 0; font-weight: 500; } .history_sub_wrap .history_members { display: none; width: 100%; } .history_sub_wrap .history_members.scroll { height: 137px; overflow: auto; width: 85%; margin-bottom: 37px; } .history_sub_wrap .history_members.scroll::-webkit-scrollbar { width: 4px; } .history_sub_wrap .history_members.add_height { display: flex; justify-content: center; align-items: center; align-items: start; } .history_sub_wrap .history_members .history_members_data { width: 85%; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: start; } .history_sub_wrap .history_members .history_members_data.by_size_2 { height: 142px; } .history_sub_wrap .history_members .history_members_data.by_size_3 { height: 191px; } .history_sub_wrap .history_members .history_members_data.scroll { width: 91%; } .history_sub_wrap .history_members .history_members_data.scroll .fly-passenger-item-wrapper:first-child { margin-top: 0; } @media screen and (max-width: 624px) { .history_sub_wrap { gap: 30px; } .history_sub_wrap.add_height { min-height: 340px; gap: 20px; } .history_sub_wrap .history_sub_name { height: 90px; min-height: 90px; } .history_sub_wrap .history_sub_name.MediWho .product_logo { width: 35%; translate: 0 50px; } .history_sub_wrap .history_sub_name.Best-Care .product_logo { width: 35%; translate: 0 25px; } .history_sub_wrap .history_sub_name.MediWho-360 .product_logo { width: 21%; translate: 0 29px; } .history_sub_wrap .history_sub_name.Best-Care-non-res .product_logo { width: 35%; translate: 0 37px; } .history_sub_wrap .history_sub_name.Best-Care-smile .product_logo { width: 25%; translate: 0 31px; } .history_sub_wrap .history_sub_name.MediWho-Gold .product_logo { width: 34%; translate: 0 39px; } .history_sub_wrap .history_sub_name.Gold-Plus .product_logo { width: 34%; translate: 10px 22px; } .history_sub_wrap .history_sub_name.All-In .product_logo { width: 21%; translate: 0 21px; } .history_sub_wrap .history_sub_name.Assistant .product_logo { width: 45%; translate: 0 50px; } .history_sub_wrap .history_sub_name.magen-david-k .product_logo { width: 37%; translate: 0 22px; } .history_sub_wrap .history_sub_name.Soul-Care .product_logo { width: 38%; translate: 0 49px; } .history_sub_wrap .history_sub_name.Soul-Care-gold .product_logo { width: 38%; translate: 0 38px; } .history_sub_wrap .history_sub_name.Soul-Best-Care .product_logo { width: 38%; translate: 0 10px; } .history_sub_wrap .history_sub_name.Simple-Smile .product_logo { width: 32%; translate: 0 -4px; } .history_sub_wrap .history_sub_name.Simple-Best .product_logo { width: 32%; translate: 0 -3px; } .history_sub_wrap .history_sub_name.Simple-gold .product_logo { width: 32%; translate: 0 -3px; } .history_sub_wrap .history_sub_name.Critical .product_logo { width: 46%; translate: 0 28px; } .history_sub_wrap .history_sub_name.Critical-best .product_logo { width: 42%; translate: -2px 30px; } .history_sub_wrap .history_sub_name.Critical-Simple .product_logo { width: 42%; translate: -2px 30px; } .history_sub_wrap .history_sub_name.Critical-Gold .product_logo { width: 42%; translate: -2px 30px; } .history_sub_wrap .history_sub_name.Critical-Gold-Plus .product_logo { width: 42%; translate: -2px 30px; } .history_sub_wrap .subscription_data_info { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: 5px; } .history_sub_wrap .subscription_data_info .history_titles_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 4px; color: black; font-size: 14px; line-height: normal; font-weight: 500; } .history_sub_wrap .subscription_data_info .history_titles_wrap .sub_pre_title { color: #434343; } .history_sub_wrap .subscription_data_info .history_titles_wrap .sub_name { color: #6e6e6e; direction: ltr; } .history_sub_wrap .subscription_data_info .history_dates { display: flex; justify-content: center; align-items: center; width: 100%; } .history_sub_wrap .subscription_data_info .history_dates .line_between { display: flex; justify-content: center; align-items: center; width: 6%; } .history_sub_wrap .subscription_data_info .history_dates .history_active, .history_sub_wrap .subscription_data_info .history_dates .history_canceled { display: flex; justify-content: center; align-items: center; justify-content: start; width: 47%; } .history_sub_wrap .subscription_data_info .history_dates .history_active .pre_title_date, .history_sub_wrap .subscription_data_info .history_dates .history_canceled .pre_title_date { color: #fd7200; font-size: clamp(10px, 3.5vw, 14px); line-height: 0; font-weight: 500; margin-left: 5px; } .history_sub_wrap .subscription_data_info .history_dates .history_active .date_title, .history_sub_wrap .subscription_data_info .history_dates .history_canceled .date_title { color: #373431; font-size: clamp(10px, 3.3vw, 13px); line-height: 0; font-weight: 400; } .history_sub_wrap .subscription_data_info .history_dates .history_active { justify-content: end; } .history_sub_wrap .members_list_wrap { width: 85%; display: none; } .history_sub_wrap .members_list_wrap.add_height { display: flex; justify-content: center; align-items: center; flex-direction: column; } .history_sub_wrap .members_list_wrap .members_list_title { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; min-height: 60px; border-top: 1px dotted #dadada; color: #fd7200; font-size: 14px; line-height: 0; font-weight: 500; } .history_sub_wrap .history_members { display: none; width: 100%; } .history_sub_wrap .history_members.scroll { height: 137px; overflow: auto; width: 85%; margin-bottom: 37px; } .history_sub_wrap .history_members.scroll::-webkit-scrollbar { width: 4px; } .history_sub_wrap .history_members.add_height { display: flex; justify-content: center; align-items: center; align-items: start; } .history_sub_wrap .history_members .history_members_data { width: 85%; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: start; } .history_sub_wrap .history_members .history_members_data.by_size_2 { height: 142px; } .history_sub_wrap .history_members .history_members_data.by_size_3 { height: 191px; } .history_sub_wrap .history_members .history_members_data.scroll { width: 91%; } .history_sub_wrap .history_members .history_members_data.scroll .fly-passenger-item-wrapper:first-child { margin-top: 0; } } .special-sub-box-wrapper { display: flex; flex-direction: column; align-items: center; background-color: #faf8f6; border-radius: 17px; margin-bottom: 14px; position: relative; width: 515px; max-height: 192px; overflow: hidden; transition: max-height ease 0.6s; } .special-sub-box-wrapper.MediwhoFly { max-height: 220px; } .special-sub-box-wrapper.MediwhoFly.extended { max-height: 468px; } .special-sub-box-wrapper.MediwhoFly.flyAsMember { max-height: 245px; } .special-sub-box-wrapper.MediwhoFly.flyAsMember.extended { max-height: 468px; } .special-sub-box-wrapper.extended { max-height: 468px; transition: max-height ease-in-out 0.5s; } .special-sub-box-wrapper.extended .special-sub-box-extend-container .special-sub-box-extend { rotate: 360deg; transition: rotate ease-out 0.5s; } .special-sub-box-wrapper.noExtendButton { height: 192px; } .special-sub-box-wrapper .special-sub-box-extend-container { width: 100%; height: 33px; position: absolute; bottom: 0; background-color: #faf8f6; } .special-sub-box-wrapper .special-sub-box-extend-container .special-sub-box-extend { padding: 0; background: none; font-size: 20px; font-weight: 500; color: purple; rotate: 180deg; } @media screen and (max-width: 624px) { .special-sub-box-wrapper { max-width: 343px; max-height: 256px; } .special-sub-box-wrapper.MediwhoFly { max-height: 237px; } .special-sub-box-wrapper.extended { max-height: 427px; } .special-sub-box-wrapper.history { max-height: 190px; width: 85vw; } .special-sub-box-wrapper .special-sub-box-extend-container { height: 33px; } .special-sub-box-wrapper .special-sub-box-extend-container .special-sub-box-extend { font-size: 20px; } } .popup-wrapper.visible.specialSubscriptions .popup-box { width: 580px; min-height: unset; border-radius: 27px; border: 1px solid #e2e0e0; background: #fff; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper { display: flex; flex-direction: column; align-items: center; color: #6e6e6e; padding-top: 3rem; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-robot { width: 141px; position: absolute; top: -80px; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-robot.history { display: none; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-close { display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; border-radius: 50%; top: -45px; right: -45px; width: 44px; height: 44px; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); background-color: #fff; padding: 0; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-title-container { display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-title-container .special-sub-popup-title { color: #fd7200; font-size: 26px; font-weight: 700; line-height: 31px; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-title-container .special-sub-popup-sub-title { font-size: 18px; font-weight: 400; line-height: 21px; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-subs { display: flex; flex-direction: column; margin-top: 20px; margin-bottom: 14px; min-height: 206px; max-height: 488px; padding-left: 5px; overflow-y: auto; } @media screen and (max-width: 624px) { .popup-wrapper.visible.specialSubscriptions .popup-box { max-width: 95vw; border-radius: 16px; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper { padding-top: 2rem; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-robot { width: 121px; top: -55px; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-close { width: 40px; height: 40px; top: -65px; right: 0; left: 0; margin: 0 auto; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-title-container { margin-top: 15px; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-title-container .special-sub-popup-title { font-size: 20px; font-weight: 700; line-height: 24px; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-title-container .special-sub-popup-sub-title { font-size: 16px; font-weight: 500; line-height: 19px; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-subs { max-height: 400px; } } @media screen and (max-width: 624px) and (max-height: 700px) { .popup-wrapper.visible.specialSubscriptions { margin-top: 30px; } .popup-wrapper.visible.specialSubscriptions .popup-box .special-subscriptions-popup-wrapper .special-sub-popup-subs { max-height: 260px; } } .fly-request-field-component-wrapper { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-bottom: 28px; } .fly-request-field-component-wrapper .fly-request-field-label-container { background-color: white; margin-bottom: 10px; } .fly-request-field-component-wrapper .fly-request-field-label-container .fly-request-field-label { color: #616161; font-size: 15px; font-weight: 400; line-height: 20px; margin-right: 12px; } .fly-request-field-component-wrapper .fly-request-field-oval-container { height: 39px; width: 100%; padding: 10px; border-radius: 22px; box-shadow: 0 3px 20px 2px #d7ddef; background: white; } .fly-request-field-component-wrapper .fly-request-field-oval-container .fixed-text { color: #616161; font-size: 14px; font-weight: 400; display: inline-block; width: 100%; text-align: right; padding-right: 8px; } .fly-request-field-component-wrapper.textarea .fly-request-field-oval-container { height: 154px; padding: 15px 12px; } .fly-request-field-component-wrapper.textarea .fly-request-field-oval-container textarea { width: 100%; height: 100%; border: none; outline: none; resize: none; color: #616161; font-size: 14px; font-weight: 400; background: none; } .fly-request-field-component-wrapper.fly-request-date { margin-bottom: 0; } .fly-request-field-component-wrapper.fly-request-date .fly-request-field-oval-container .new-date-picker.flyRequest { margin: 0; } .fly-request-field-component-wrapper.fly-request-date .fly-request-field-oval-container .new-date-picker.flyRequest.active:after { background: none; } .fly-request-field-component-wrapper.fly-request-date .fly-request-field-oval-container .new-date-picker.flyRequest .input { padding: 0; text-align: right; color: #616161; font-size: 14px; font-weight: 400; border-bottom: none; } .fly-request-field-component-wrapper.disabled .fly-request-field-oval-container { background-color: #f4f4f4; } .fly-request-field-component-wrapper.selectService { margin-top: 28px; opacity: 0; animation: showSelectService 1s ease-in-out forwards; } @keyframes showSelectService { 0% { opacity: 0; } 100% { opacity: 1; } } .fly-request-field-component-wrapper.simpleSelect:nth-child(1) .fly-request-field-oval-container .simple-select2-wrapper .simple-select2 { z-index: 22; } .fly-request-field-component-wrapper.simpleSelect:nth-child(1) .fly-request-field-oval-container .simple-select2-wrapper .simple-select2-option-list { z-index: 21; } .fly-request-field-component-wrapper.simpleSelect:nth-child(2) .fly-request-field-oval-container .simple-select2-wrapper .simple-select2 { z-index: 20; } .fly-request-field-component-wrapper.simpleSelect:nth-child(2) .fly-request-field-oval-container .simple-select2-wrapper .simple-select2-option-list { z-index: 19; } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container { padding: 0; box-shadow: none; } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container .simple-select2-wrapper.fly-sidebar .simple-select2 { height: 39px; box-shadow: 0 3px 20px 2px #d7ddef; } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container .simple-select2-wrapper.fly-sidebar .simple-select2 .simple-select2-chosen-option { height: 39px; } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container .simple-select2-wrapper.fly-sidebar .simple-select2 .simple-select2-chosen-option .simple-select2-arrow { scale: 0.75; } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container .simple-select2-wrapper.fly-sidebar .simple-select2-option-list.opened { max-height: 265px; } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container .simple-select2-wrapper.fly-sidebar .simple-select2-option-list.opened .simple-select2-option { padding-inline: 18px; } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container .simple-select2-wrapper.fly-sidebar .simple-select2-option-list.opened .simple-select2-option span { border-bottom: solid #E3E3E3 1px; height: 100%; line-height: 41px; } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container .simple-select2-wrapper.fly-sidebar .simple-select2-option-list.opened .simple-select2-option:not(.disabled) { cursor: pointer; } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container .simple-select2-wrapper.fly-sidebar .simple-select2-option-list.opened .simple-select2-option.disabled span { color: rgba(42, 42, 42, 0.6); } .fly-request-field-component-wrapper.simpleSelect .fly-request-field-oval-container .simple-select2-wrapper.fly-sidebar .simple-select2-option-list.opened .simple-select2-option:hover:not(.disabled) span { color: #fd7200; font-weight: 500; } @media screen and (max-width: 624px) { .fly-request-field-component-wrapper { margin-bottom: 25px; } .fly-request-field-component-wrapper .fly-request-field-label { font-size: 14px; font-weight: 500; line-height: 17px; margin-right: 12px; margin-bottom: 9px; } .fly-request-field-component-wrapper.selectService .fly-request-field-oval-container .simple-select2-wrapper .simple-select2-option-list { max-height: 265px; overflow-y: auto; } } @media screen and (max-width: 400px) and (max-height: 700px) { .fly-request-field-component-wrapper { margin-bottom: 15px; } .fly-request-field-component-wrapper .fly-request-field-label-container { margin-bottom: 6px; } .fly-request-field-component-wrapper .fly-request-field-label-container .fly-request-field-label { font-size: 14px; } } .fly-request-upload-wrapper { width: 100%; height: 78px; display: flex; flex-direction: column; align-items: flex-start; } .fly-request-upload-wrapper .fly-request-upload-top { display: flex; align-items: stretch; justify-content: flex-start; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-button { display: flex; align-items: center; background-color: transparent; border: none; color: black; font-weight: 500; font-size: 12px; padding: 0; line-height: 1px; margin-top: 10px; margin-left: 6px; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-button img { margin: 0 0 5px 4px; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container { height: 100%; position: relative; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container:hover .fly-request-upload-file-list { display: flex; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container .fly-request-upload-file-list-title { margin-top: 15px; text-align: right; font-size: 12px; color: #b1abab; cursor: pointer; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container .fly-request-upload-file-list { position: absolute; bottom: 25px; right: -36px; display: none; flex-direction: column; align-items: center; padding: 10px 0; width: 142px; margin-right: -20px; background: white; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); border-radius: 20px; padding: 12px 0 12px 5px; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container .fly-request-upload-file-list .fly-request-upload-file-list-inner { overflow-y: auto; max-height: 100px; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container .fly-request-upload-file-list .fly-request-upload-file-list-inner .fly-request-upload-list-item { display: flex; color: #b1abab; padding: 3px 10px 3px 12px; cursor: pointer; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container .fly-request-upload-file-list .fly-request-upload-file-list-inner .fly-request-upload-list-item:hover { color: #FD7200; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container .fly-request-upload-file-list .fly-request-upload-file-list-inner .fly-request-upload-list-item:hover .fly-request-upload-delete svg { visibility: visible; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container .fly-request-upload-file-list .fly-request-upload-file-list-inner .fly-request-upload-list-item .fly-request-upload-delete svg { visibility: hidden; cursor: pointer; width: 15px; margin: -2px 0 0 3px; fill: #b1abab; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-spinner { margin-bottom: -10px; } .fly-request-upload-wrapper .fly-request-upload-error-container { display: flex; align-items: center; margin: -7px -10px 0 0; position: relative; } .fly-request-upload-wrapper .fly-request-upload-error-container span { font-size: 12px; font-weight: 500; line-height: normal; color: #ff0013; } .fly-request-upload-wrapper .fly-request-upload-error-container .info-img { width: 20px; height: 20px; margin-right: 7px; cursor: pointer; } .fly-request-upload-wrapper .fly-request-upload-error-container .info-img:hover + .fly-request-upload-error-list { display: flex; } .fly-request-upload-wrapper .fly-request-upload-error-container .fly-request-upload-error-list { display: none; flex-direction: column; align-items: center; border-radius: 1.3rem; box-shadow: 0 3px 26px 0 rgba(103, 136, 213, 0.26); position: absolute; background-color: white; padding: 10px 20px; bottom: 40px; left: -23px; } .fly-request-upload-wrapper .fly-request-upload-error-container .fly-request-upload-error-list span { font-size: 12px; color: #b1abab; } .fly-request-upload-wrapper .fly-request-upload-success { display: flex; align-items: center; margin: -7px -10px 0 0; } .fly-request-upload-wrapper .fly-request-upload-success span { font-size: 12px; font-weight: 500; line-height: normal; color: #99dc0c; } @media screen and (max-height: 700px) and (max-width: 376px) { .fly-request-upload-wrapper { height: 68px; } .fly-request-upload-wrapper .fly-request-upload-top { margin-top: 20px; } .fly-request-upload-wrapper .fly-request-upload-top button { margin-top: 20px; height: 22px; width: 84px; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-file-list-container { margin-bottom: 4px; margin-right: 5px; } .fly-request-upload-wrapper .fly-request-upload-top .fly-request-upload-spinner { margin-bottom: -16px; } } .fly-report-success-wrapper { display: flex; flex-direction: column; align-items: center; width: 430px; } .fly-report-success-wrapper:not(.sideBar) { height: 358px; } .fly-report-success-wrapper.sideBar { animation: heightAnimation 0.6s ease-in-out forwards; } @keyframes heightAnimation { 0% { height: 700px; } 100% { height: 358px; } } .fly-report-success-wrapper .fly-report-success-top-row { width: 100%; display: flex; justify-content: space-between; } .fly-report-success-wrapper .fly-report-success-top-row .fly-report-success-close { padding: 0; background: none; rotate: 45deg; font-size: 28px; color: black; font-weight: 300; margin: 8px 24px; } .fly-report-success-wrapper .fly-report-success-img-container { height: 156px; align-self: end; margin-left: 48px; } .fly-report-success-wrapper .fly-report-success-title { color: #99DC0C; font-size: 26px; font-weight: 500; line-height: normal; margin-top: -24px; } .fly-report-success-wrapper .fly-report-success-text { color: #525050; font-size: 20px; font-weight: 500; line-height: normal; margin-top: 4px; } .fly-report-success-wrapper .fly-report-success-buttons { display: flex; margin-top: 14px; } .fly-report-success-wrapper .fly-report-success-buttons .fly-report-success-btn-new, .fly-report-success-wrapper .fly-report-success-buttons .fly-report-success-btn-close { background: linear-gradient(#fa9e03, #fc4a1a); padding: 0 8px; min-width: 76px; height: 24px; font-size: 13px; font-weight: 500; line-height: normal; } .fly-report-success-wrapper .fly-report-success-buttons .fly-report-success-btn-new { margin-left: 7px; } .fly-report-success-wrapper .fly-report-success-cloud { position: absolute; bottom: 0; border-radius: 20px; z-index: -1; } @media screen and (max-width: 624px) { .fly-report-success-wrapper { width: 95vw; max-width: 430px; } .fly-report-success-wrapper.sideBar { animation: heightAnimation 0.6s ease-in-out forwards; } @keyframes heightAnimation { 0% { height: 500px; } 100% { height: 358px; } } .fly-report-success-wrapper .fly-report-success-img-container { margin-left: 57px; width: 230px; } .fly-report-success-wrapper .fly-report-success-img-container .fly-report-success-img { width: 100%; } .fly-report-success-wrapper .fly-report-success-cloud { width: 100%; } } .fly-request-sidebar-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; height: 510px; animation: animate 0.6s ease-in-out none; } .fly-request-sidebar-wrapper:not(.expand) { transition: height ease-in 0.5s; } @keyframes animate { 0% { height: 358px; } 100% { height: 510px; } } .fly-request-sidebar-wrapper.expand { height: 800px; transition: height ease-in 0.5s; } .fly-request-sidebar-wrapper .fly-request-sidebar-top-row { display: flex; justify-content: space-between; width: 100%; } .fly-request-sidebar-wrapper .fly-request-sidebar-top-row .fly-request-sidebar-close { padding: 0; background: none; rotate: 45deg; font-size: 26px; color: #6e6e6e; margin: 18px 18px 0 0; } .fly-request-sidebar-wrapper .fly-request-sidebar-airplane { margin-top: -72px; height: 115px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container { display: flex; flex-direction: column; align-items: center; margin-top: -18px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-1 { color: #FD7200; font-size: 27px; font-weight: 500; line-height: 32px; height: 32px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-2 { color: #46433f; font-size: 20px; font-weight: 400; line-height: 24px; margin-top: 3px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-2 .fly-request-sub-title-logo { height: 16px; margin-bottom: -1px; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields { display: flex; flex-direction: column; align-items: center; width: 80%; margin-top: 23px; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields .simple-select2-option-list.opened { height: auto; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields .fly-request-field-component-wrapper:last-child { margin-bottom: 0; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields .fly-request-date-message { color: #f00; font-size: 13px; font-weight: 400; line-height: 20px; } .fly-request-sidebar-wrapper .fly-request-claim-section { display: flex; flex-direction: column; width: 80%; } .fly-request-sidebar-wrapper .fly-request-claim-section .fly-request-claim-spinner { width: 50px; } .fly-request-sidebar-wrapper .fly-request-claim-section .fly-request-saved-claim { display: flex; flex-direction: column; align-items: center; margin: 30px 0 0; border: dashed #cbc8c8 1px; border-radius: 20px; padding: 16px 24px; background: white; } .fly-request-sidebar-wrapper .fly-request-claim-section .fly-request-saved-claim .fly-request-saved-claim-text { color: #616161; font-size: 13px; font-weight: 400; line-height: 20px; } .fly-request-sidebar-wrapper .fly-request-claim-section .fly-request-saved-claim .fly-request-saved-claim-text.orange { color: #FD7200; } .fly-request-sidebar-wrapper .fly-request-claim-section .fly-request-claim-buttons { display: flex; justify-content: center; margin-top: 20px; } .fly-request-sidebar-wrapper .fly-request-claim-section .fly-request-claim-buttons button { padding: 0 3px; height: 27px; width: 117px; border: none; background: linear-gradient(#fa9e03, #fc4a1a); color: #FFF; font-size: 12px; font-weight: 500; } .fly-request-sidebar-wrapper .fly-request-claim-section .fly-request-claim-buttons button:hover { scale: 1.02; } .fly-request-sidebar-wrapper .fly-request-claim-section .fly-request-claim-buttons .fly-request-keep-claim { margin-left: 16px; } .fly-request-sidebar-wrapper .fly-request-sidebar-upload-container { width: 80%; } .fly-request-sidebar-wrapper .fly-request-sidebar-submit { padding: 0; width: 100px; height: 32px; background-image: linear-gradient(#fa9e03, #fc4a1a); color: white; font-size: 14px; margin-top: 34px; } .fly-request-sidebar-wrapper .fly-request-sidebar-submit.squeeze { margin-top: -8px; } .fly-request-sidebar-wrapper .fly-request-sidebar-submit.loading img { margin-top: -8px; } .fly-request-sidebar-wrapper .fly-request-bottom-cloud { position: absolute; bottom: 0; border-radius: 0 0 25px 25px; z-index: -1; } @media screen and (max-height: 1020px) { .fly-request-sidebar-wrapper.expand { height: 770px; transition: height ease-in 0.5s; } } @media screen and (max-width: 624px) { .fly-request-sidebar-wrapper { max-height: 99dvh; } .fly-request-sidebar-wrapper .fly-request-sidebar-top-row .fly-request-sidebar-close { font-size: 26px; margin: 18px 18px 0 0; } .fly-request-sidebar-wrapper .fly-request-sidebar-airplane { width: 140px; margin-top: -72px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container { margin-top: -18px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-1 { font-size: 27px; font-weight: 500; line-height: 32px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-2 { font-size: 20px; font-weight: 400; line-height: 24px; margin-top: 3px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-2 .fly-request-sub-title-logo { height: 16px; margin-bottom: -1px; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields { width: 90%; margin-top: 23px; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields .fly-request-field-component-wrapper:last-child { margin-bottom: 0; } .fly-request-sidebar-wrapper .fly-request-sidebar-upload-container { width: 90%; } .fly-request-sidebar-wrapper .fly-request-sidebar-submit { width: 88px; height: 32px; font-size: 14px; top: -20px; left: 30px; } .fly-request-sidebar-wrapper .fly-request-sidebar-submit.loading img { margin-top: -8px; } .fly-request-sidebar-wrapper .fly-request-bottom-cloud { display: none; } } @media screen and (max-height: 770px) { .fly-request-sidebar-wrapper.expand { height: 720px; } .fly-request-sidebar-wrapper .fly-request-sidebar-top-row .fly-request-sidebar-close { font-size: 26px; margin: 18px 18px 0 0; } .fly-request-sidebar-wrapper .fly-request-sidebar-airplane { display: none; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container { margin-top: -18px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-1 { font-size: 22px; line-height: 24px; height: 26px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-2 { font-size: 16px; line-height: 21px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-2 .fly-request-sub-title-logo { height: 13px; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields { width: 90%; margin-top: 14px; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields .fly-request-field-component-wrapper { margin-top: 0; margin-bottom: 20px; } .fly-request-sidebar-wrapper .fly-request-sidebar-upload-container { width: 90%; } .fly-request-sidebar-wrapper .fly-request-sidebar-submit { width: 88px; height: 32px; font-size: 14px; top: -20px; left: 30px; } .fly-request-sidebar-wrapper .fly-request-sidebar-submit.loading img { margin-top: -8px; } } @media screen and (max-width: 400px) and (max-height: 700px) { .fly-request-sidebar-wrapper { max-height: 90dvh; overflow-y: auto; padding-bottom: 50px; } .fly-request-sidebar-wrapper .fly-request-sidebar-top-row .fly-request-sidebar-close { font-size: 26px; margin: 18px 18px 0 0; } .fly-request-sidebar-wrapper .fly-request-sidebar-airplane { display: none; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container { margin-top: -18px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-1 { font-size: 20px; line-height: 22px; height: 18px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-2 { font-size: 14px; line-height: 19px; } .fly-request-sidebar-wrapper .fly-request-sidebar-title-container .fly-request-sidebar-title-line-2 .fly-request-sub-title-logo { height: 11px; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields { width: 90%; margin-top: 14px; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields .fly-request-field-component-wrapper:last-child.textarea { margin-bottom: 0; } .fly-request-sidebar-wrapper .fly-request-sidebar-fields .fly-request-field-component-wrapper:last-child.textarea .fly-request-field-oval-container { height: 100px; } .fly-request-sidebar-wrapper .fly-request-sidebar-upload-container { width: 90%; } .fly-request-sidebar-wrapper .fly-request-sidebar-submit { font-size: 13px; top: -40px; } .fly-request-sidebar-wrapper .fly-request-bottom-cloud { display: none; } } .popup-wrapper.visible.agentFlyRequest .popup-box { width: unset; height: unset; min-width: 0; min-height: 0; border-radius: 25px; } .popup-wrapper.visible.agentFlyRequest .popup-box .agent-fly-request-popup-wrapper { width: 430px; min-height: auto; } @media screen and (max-width: 624px) { .popup-wrapper.visible.agentFlyRequest .popup-box { width: unset; height: unset; min-width: 0; min-height: 0; border-radius: 25px; } .popup-wrapper.visible.agentFlyRequest .popup-box .agent-fly-request-popup-wrapper { width: 95vw; } } @media screen and (max-width: 624px) and (max-height: 700px) { .popup-wrapper.visible.agentFlyRequest .popup-box .agent-fly-request-popup-wrapper .fly-request-sidebar-wrapper .fly-request-sidebar-upload-container .fly-request-upload-wrapper .fly-request-upload-file-list-container { bottom: 42px; right: 27px; } .popup-wrapper.visible.agentFlyRequest .popup-box .agent-fly-request-popup-wrapper .fly-request-sidebar-wrapper .fly-request-sidebar-submit { padding: 6px 0; } } .fly_customer_another { width: 90%; } .fly_customer_another .another_inputs_one, .fly_customer_another .another_inputs_two { display: flex; flex-direction: row; justify-content: space-between; margin-top: 2rem; width: 100%; position: relative; } @media screen and (max-width: 624px) { .fly_customer_another .another_inputs_one, .fly_customer_another .another_inputs_two { flex-wrap: wrap; justify-content: center; } .fly_customer_another .another_inputs_one .another_birthday, .fly_customer_another .another_inputs_one .another_identity, .fly_customer_another .another_inputs_one .another_phone, .fly_customer_another .another_inputs_two .another_birthday, .fly_customer_another .another_inputs_two .another_identity, .fly_customer_another .another_inputs_two .another_phone { margin-top: 15px; } } .fly_customer_another .another_inputs_one .another_name, .fly_customer_another .another_inputs_one .another_birthday, .fly_customer_another .another_inputs_one .another_identity, .fly_customer_another .another_inputs_one .another_phone, .fly_customer_another .another_inputs_two .another_name, .fly_customer_another .another_inputs_two .another_birthday, .fly_customer_another .another_inputs_two .another_identity, .fly_customer_another .another_inputs_two .another_phone { height: 39px; width: 279px; background: #ffffff; box-shadow: 0 4px 24px rgba(183, 203, 255, 0.7); border-radius: 30px; padding: 0 1.2rem 0 1.2rem; position: relative; } .fly_customer_another .another_inputs_one .another_name.disabled, .fly_customer_another .another_inputs_one .another_birthday.disabled, .fly_customer_another .another_inputs_one .another_identity.disabled, .fly_customer_another .another_inputs_one .another_phone.disabled, .fly_customer_another .another_inputs_two .another_name.disabled, .fly_customer_another .another_inputs_two .another_birthday.disabled, .fly_customer_another .another_inputs_two .another_identity.disabled, .fly_customer_another .another_inputs_two .another_phone.disabled { background: rgba(196, 190, 190, 0.1); } .fly_customer_another .another_inputs_one .another_name.err, .fly_customer_another .another_inputs_one .another_birthday.err, .fly_customer_another .another_inputs_one .another_identity.err, .fly_customer_another .another_inputs_one .another_phone.err, .fly_customer_another .another_inputs_two .another_name.err, .fly_customer_another .another_inputs_two .another_birthday.err, .fly_customer_another .another_inputs_two .another_identity.err, .fly_customer_another .another_inputs_two .another_phone.err { box-shadow: 0 4px 24px #eb8383; transition: all 0.5s ease-in-out; } .fly_customer_another .another_inputs_one .another_name input, .fly_customer_another .another_inputs_one .another_birthday input, .fly_customer_another .another_inputs_one .another_identity input, .fly_customer_another .another_inputs_one .another_phone input, .fly_customer_another .another_inputs_two .another_name input, .fly_customer_another .another_inputs_two .another_birthday input, .fly_customer_another .another_inputs_two .another_identity input, .fly_customer_another .another_inputs_two .another_phone input { width: 100%; height: 100%; border: none; background: none; font-weight: 400; font-size: 15px; color: #aeadac; } .fly_customer_another .another_inputs_one .another_name input:focus, .fly_customer_another .another_inputs_one .another_birthday input:focus, .fly_customer_another .another_inputs_one .another_identity input:focus, .fly_customer_another .another_inputs_one .another_phone input:focus, .fly_customer_another .another_inputs_two .another_name input:focus, .fly_customer_another .another_inputs_two .another_birthday input:focus, .fly_customer_another .another_inputs_two .another_identity input:focus, .fly_customer_another .another_inputs_two .another_phone input:focus { outline: none; } .fly_customer_another .another_inputs_one .another_name input:focus::placeholder, .fly_customer_another .another_inputs_one .another_birthday input:focus::placeholder, .fly_customer_another .another_inputs_one .another_identity input:focus::placeholder, .fly_customer_another .another_inputs_one .another_phone input:focus::placeholder, .fly_customer_another .another_inputs_two .another_name input:focus::placeholder, .fly_customer_another .another_inputs_two .another_birthday input:focus::placeholder, .fly_customer_another .another_inputs_two .another_identity input:focus::placeholder, .fly_customer_another .another_inputs_two .another_phone input:focus::placeholder { position: absolute; top: -1.4rem; display: none; visibility: hidden; } .fly_customer_another .another_inputs_one .another_name input::placeholder, .fly_customer_another .another_inputs_one .another_birthday input::placeholder, .fly_customer_another .another_inputs_one .another_identity input::placeholder, .fly_customer_another .another_inputs_one .another_phone input::placeholder, .fly_customer_another .another_inputs_two .another_name input::placeholder, .fly_customer_another .another_inputs_two .another_birthday input::placeholder, .fly_customer_another .another_inputs_two .another_identity input::placeholder, .fly_customer_another .another_inputs_two .another_phone input::placeholder { font-weight: 400; font-size: 15px; color: #aeadac; transition: all 5s; } .fly_customer_another .another_inputs_one .another_name .error, .fly_customer_another .another_inputs_one .another_birthday .error, .fly_customer_another .another_inputs_one .another_identity .error, .fly_customer_another .another_inputs_one .another_phone .error, .fly_customer_another .another_inputs_two .another_name .error, .fly_customer_another .another_inputs_two .another_birthday .error, .fly_customer_another .another_inputs_two .another_identity .error, .fly_customer_another .another_inputs_two .another_phone .error { position: absolute; left: 0; right: 0; bottom: -12px; margin: 0 auto 0 auto; font-size: 0; width: max-content; color: red; transition: all 0.5s ease-in-out; } .fly_customer_another .another_inputs_one .another_name .error.show, .fly_customer_another .another_inputs_one .another_birthday .error.show, .fly_customer_another .another_inputs_one .another_identity .error.show, .fly_customer_another .another_inputs_one .another_phone .error.show, .fly_customer_another .another_inputs_two .another_name .error.show, .fly_customer_another .another_inputs_two .another_birthday .error.show, .fly_customer_another .another_inputs_two .another_identity .error.show, .fly_customer_another .another_inputs_two .another_phone .error.show { bottom: -19px; transition: all 0.5s ease-in-out; font-size: 10px; } .fly_customer_another .another_inputs_one .another_birthday input, .fly_customer_another .another_inputs_two .another_birthday input { direction: ltr; text-align: right; } .fly_customer_another .another_inputs_two { margin-top: 16px; } @media screen and (max-width: 624px) { .fly_customer_another .another_inputs_two { margin-top: unset; } } .fly_hmo_area { width: 65%; overflow: hidden; display: grid; margin: 2rem 0; } @media screen and (max-width: 624px) { .fly_hmo_area { width: 100%; } .fly_hmo_area.scroll { width: 95%; overflow-y: scroll; max-height: 160px; } } .fly_hmo_area .items_holder { display: grid; position: relative; height: 0; overflow: hidden; grid-template-rows: 2fr; grid-template-columns: 1fr 1fr 1fr; row-gap: 20px; padding: 0; grid-template-areas: 'left middle right' 'bright . bleft'; transition: 0.4s ease-in-out; } .fly_hmo_area .items_holder.show { height: 108px; transition: 0.4s ease-in-out; padding: 10px 0; } @media screen and (max-width: 624px) { .fly_hmo_area .items_holder.show { height: unset; grid-template-columns: 1fr 25px 1fr; grid-template-areas: 'left . middle' 'right . bleft' '. bright .'; } .fly_hmo_area .items_holder.show .line_2, .fly_hmo_area .items_holder.show .line_3 { display: none; } .fly_hmo_area .items_holder.show .line { top: 9rem; width: 63%; } .fly_hmo_area .items_holder.show .line_1 { bottom: 5.4rem; height: 87px; } .fly_hmo_area .items_holder.show .name_125, .fly_hmo_area .items_holder.show .name_135 { justify-self: left; } .fly_hmo_area .items_holder.show .name_142, .fly_hmo_area .items_holder.show .name_132 { justify-self: right; margin-right: unset; } .fly_hmo_area .items_holder.show .name_143 { justify-self: center; margin-left: unset; } } .fly_hmo_area .items_holder .line, .fly_hmo_area .items_holder .line_1, .fly_hmo_area .items_holder .line_2, .fly_hmo_area .items_holder .line_3 { position: absolute; background-color: #c1bdbd; } .fly_hmo_area .items_holder .line_1, .fly_hmo_area .items_holder .line_2, .fly_hmo_area .items_holder .line_3 { height: 40px; min-width: 1px; width: 1px; } .fly_hmo_area .items_holder .line { top: 4.5rem; left: 0; right: 0; margin: 0 auto; width: 97%; height: 1px; } .fly_hmo_area .items_holder .line_1 { bottom: 0.5rem; left: 0; right: 0; margin: 0 auto; } .fly_hmo_area .items_holder .line_2 { top: 0.5rem; right: 11.6rem; } .fly_hmo_area .items_holder .line_3 { top: 0.5rem; left: 11.6rem; } .fly_hmo_area .items_holder .name_125, .fly_hmo_area .items_holder .name_132, .fly_hmo_area .items_holder .name_135, .fly_hmo_area .items_holder .name_142, .fly_hmo_area .items_holder .name_143 { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-self: center; width: 112px; height: 34px; border-radius: 5px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.19); cursor: pointer; transition: transform 0.3s; } .fly_hmo_area .items_holder .name_125:hover, .fly_hmo_area .items_holder .name_132:hover, .fly_hmo_area .items_holder .name_135:hover, .fly_hmo_area .items_holder .name_142:hover, .fly_hmo_area .items_holder .name_143:hover { transform: scale(1.01); } .fly_hmo_area .items_holder .name_125 .item_title, .fly_hmo_area .items_holder .name_132 .item_title, .fly_hmo_area .items_holder .name_135 .item_title, .fly_hmo_area .items_holder .name_142 .item_title, .fly_hmo_area .items_holder .name_143 .item_title { font-weight: 400; font-size: 16px; border-radius: 5px; width: 93%; height: 75%; outline: 2px solid; line-height: 23px; } .fly_hmo_area .items_holder .name_125 { grid-area: left; } .fly_hmo_area .items_holder .name_125 .item_title { color: #0db14b; outline-color: #0db14b; } .fly_hmo_area .items_holder .name_125:hover { box-shadow: 0 3px 10px 0 rgba(13, 177, 75, 0.5); } .fly_hmo_area .items_holder .name_125.active { box-shadow: 0 0 7px 3px rgba(13, 177, 75, 0.5); } .fly_hmo_area .items_holder .name_132 { grid-area: middle; } .fly_hmo_area .items_holder .name_132 .item_title { color: #004975; outline-color: #004975; } .fly_hmo_area .items_holder .name_132:hover { box-shadow: 0 3px 10px 0 rgba(0, 73, 117, 0.5); } .fly_hmo_area .items_holder .name_132.active { box-shadow: 0 0 7px 3px rgba(0, 73, 117, 0.5); } .fly_hmo_area .items_holder .name_135 { grid-area: right; } .fly_hmo_area .items_holder .name_135 .item_title { color: #0d61ae; outline-color: #0d61ae; } .fly_hmo_area .items_holder .name_135:hover { box-shadow: 0 3px 10px 0 rgba(13, 97, 174, 0.5); } .fly_hmo_area .items_holder .name_135.active { box-shadow: 0 0 7px 3px rgba(13, 97, 174, 0.5); } .fly_hmo_area .items_holder .name_142 { grid-area: bleft; justify-self: start; margin-right: -1.4rem; } .fly_hmo_area .items_holder .name_142 .item_title { color: #1c5d8e; outline-color: #1c5d8e; } .fly_hmo_area .items_holder .name_142:hover { box-shadow: 0 3px 10px 0 rgba(28, 93, 142, 0.5); } .fly_hmo_area .items_holder .name_142.active { box-shadow: 0 0 7px 3px rgba(28, 93, 142, 0.5); } .fly_hmo_area .items_holder .name_143 { grid-area: bright; justify-self: end; margin-left: -1.4rem; } .fly_hmo_area .items_holder .name_143 .item_title { color: #009bdf; outline-color: #009bdf; } .fly_hmo_area .items_holder .name_143:hover { box-shadow: 0 3px 10px 0 rgba(0, 155, 223, 0.5); } .fly_hmo_area .items_holder .name_143.active { box-shadow: 0 0 7px 3px rgba(0, 155, 223, 0.5); } .fly_hmo_area .card_holder { margin-top: 3rem; cursor: pointer; position: relative; overflow: hidden; height: 0; transition: all 0.5s ease-in-out; } .fly_hmo_area .card_holder.open { height: 153px; transition: all 0.5s ease-in-out; } @media screen and (max-width: 624px) { .fly_hmo_area .card_holder.open { height: fit-content; } } .fly_hmo_area .card_holder .cards_title { font-size: 16px; font-weight: 500; color: #fd7200; margin-bottom: 1.5rem; } .fly_hmo_area .card_holder .cards_no_plan { font-size: 1.2rem; color: #fd7200; font-weight: 500; margin-top: 1rem; } .fly_hmo_area .card_holder .cards_no_plan:hover { text-decoration: underline; } .fly_hmo_area .card_holder .cards_no_plan.under_line { text-decoration: underline; } .fly_hmo_area .card_holder .container_data { display: inline-block; width: 120px; height: 74px; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; overflow: hidden; margin: 0 0.82rem; transition: all 0.5s ease-in-out; } .fly_hmo_area .card_holder .container_data.transparent { background-color: rgba(42, 42, 42, 0.001); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 5px; } .fly_hmo_area .card_holder .container_data.border { box-shadow: inset 0 0 0 4px #fff, 0 10px 20px -5px rgba(0, 0, 0, 0.4); border-radius: 3px; transition: all 0.5s ease-in-out; } .fly_hmo_area .card_holder .container_data .absolute { position: relative; display: flex; flex-direction: row; justify-content: space-around; padding: 0 1rem 0 1.4rem; translate: 0 81px; transition: all 0.5s ease-in-out; } .fly_hmo_area .card_holder .container_data .absolute.show { translate: 0 48px; transition: all 0.5s ease-in-out; } .fly_hmo_area .card_holder .container_data .absolute .title { color: #373431; font-size: 0.8rem; font-weight: 500; z-index: 2; } .fly_hmo_area .card_holder .container_data .absolute .checkmark { font-size: 1.2rem; color: white; width: 1.5rem; height: 1.5rem; background: #ff7300; border-radius: 50rem; text-align: center; z-index: 2; } .fly_hmo_area .card_holder .container_data .absolute .divider { position: absolute; bottom: -40px; right: -60px; z-index: 1; } .popup-wrapper.visible.flyCustomer .popup-box { width: 645px; border-radius: 27px; min-height: unset; min-width: unset; } @media screen and (max-width: 624px) { .popup-wrapper.visible.flyCustomer .popup-box { width: 98vw; } } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area { display: flex; flex-direction: column; align-items: center; padding: 7.7rem 0 5rem 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area.min_space { padding: 7.7rem 0 3rem 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .main_logo_img, .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .main_title_img { position: absolute; left: 0; right: 0; top: -5rem; margin: 0 auto; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .main_title_img { top: 5rem; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .close_w { position: absolute; cursor: pointer; top: 25px; right: 30px; width: 14.64px; height: 14.64px; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .close_w .x_black, .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .close_w .x_orange { width: 100%; position: absolute; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .close_w .x_orange { visibility: hidden; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .close_w:hover .x_black { visibility: hidden; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .close_w:hover .x_orange { visibility: visible; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .title_t { font-size: 18px; font-weight: 500; color: #373431; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .title_t.margin_set { margin-top: 2rem; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .add_another_btn { font-size: 0; width: 123.5px; height: 0; margin: 0; line-height: 33px; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; cursor: pointer; font-weight: 500; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .add_another_btn.show { font-size: 14px; height: 33px; margin: 2.5rem 0 0 0; transition: all 0.5s ease-in-out; } .popup-wrapper.visible.flyCustomer .popup-box .fly_customer_area .add_another_btn.show.no_margin { margin: unset; } .alice-carousel .animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; } .alice-carousel .animated-out { z-index: 1; } .alice-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; visibility: hidden; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; visibility: hidden; } } .alice-carousel { position: relative; width: 100%; margin: auto; direction: ltr; } .alice-carousel__wrapper { position: relative; overflow-x: hidden; overflow-y: hidden; box-sizing: border-box; width: 100%; height: auto; } .alice-carousel__stage { position: relative; box-sizing: border-box; width: 100%; height: 100%; margin: 0; padding: 0; white-space: nowrap; transform-style: flat; -webkit-transform-style: flat; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .alice-carousel__stage-item { position: relative; display: inline-block; padding: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; vertical-align: top; white-space: normal; line-height: 0; } .alice-carousel__stage-item * { line-height: initial; } .alice-carousel__stage-item.__hidden { opacity: 0; overflow: hidden; } .alice-carousel__prev-btn, .alice-carousel__next-btn { display: inline-block; box-sizing: border-box; width: 50%; padding: 10px 5px; } .alice-carousel__prev-btn [data-area]::after, .alice-carousel__next-btn [data-area]::after { position: relative; content: attr(data-area); text-transform: capitalize; } .alice-carousel__prev-btn { text-align: right; } .alice-carousel__prev-btn-item, .alice-carousel__next-btn-item { display: inline-block; cursor: pointer; padding: 5px; margin: 0; color: #465798; } .alice-carousel__prev-btn-item:hover, .alice-carousel__next-btn-item:hover { color: darkred; } .alice-carousel__prev-btn-item.__inactive, .alice-carousel__next-btn-item.__inactive { opacity: 0.4; pointer-events: none; } .alice-carousel__play-btn { position: absolute; top: 30px; left: 20px; display: inline-block; } .alice-carousel__play-btn:hover { cursor: pointer; } .alice-carousel__play-btn-wrapper { position: relative; width: 32px; height: 32px; padding: 10px; border-radius: 50%; background-color: #fff; } .alice-carousel__play-btn-item { position: absolute; width: 32px; height: 32px; cursor: pointer; border: 0; outline: none; background: transparent; } .alice-carousel__play-btn-item::before, .alice-carousel__play-btn-item::after { position: absolute; pointer-events: none; display: block; width: 0; height: 0; content: ''; transition: all 0.4s linear; border-width: 8px 0 8px 15px; border-style: solid; border-color: transparent; border-left-color: #465798; } .alice-carousel__play-btn-item::before { left: 5px; height: 14px; } .alice-carousel__play-btn-item::after { top: 7px; left: 18px; } .alice-carousel__play-btn-item.__pause::before, .alice-carousel__play-btn-item.__pause::after { height: 30px; border-width: 0 0 0 10px; } .alice-carousel__play-btn-item.__pause::after { top: 0; left: 18px; } .alice-carousel__dots { margin: 30px 3px 5px; padding: 0; list-style: none; text-align: center; } .alice-carousel__dots > li { display: inline-block; } .alice-carousel__dots-item:not(.__custom) { width: 8px; height: 8px; cursor: pointer; border-radius: 50%; background-color: #e0e4fb; } .alice-carousel__dots-item:not(.__custom):not(:last-child) { margin-right: 20px; } .alice-carousel__dots-item:not(.__custom):hover, .alice-carousel__dots-item:not(.__custom).__active { background-color: #6e7ebc; } .alice-carousel__slide-info { position: absolute; top: 20px; right: 20px; display: inline-block; padding: 5px 10px; color: #465798; border-radius: 5px; background-color: rgba(224, 228, 251, 0.6); } .alice-carousel__slide-info-item { vertical-align: middle; line-height: 0; } .service-letters-wrapper { position: relative; display: flex; flex-direction: column; align-items: center; width: 100vw; background: url(/_next/static/images/agentProd_BG-40948af64de14b8560f1c5032e43fe1a.jpg); background-size: 100% 125vh; background-color: white; background-repeat: no-repeat; height: 95em; padding-top: 13rem; } .service-letters-wrapper.hide .mate_wrapper, .service-letters-wrapper.hide .don_img, .service-letters-wrapper.hide .title-of-products, .service-letters-wrapper.hide .cards_holder, .service-letters-wrapper.hide .bundle_img_icon { display: none; } .service-letters-wrapper .footer_divider { position: absolute; bottom: 0; width: 100vw; height: 600px; transform: translateY(30em); } .service-letters-wrapper .mate_wrapper { width: 150px; height: 120px; animation: loaderIMG 2s ease-in-out; } .service-letters-wrapper .mate_wrapper .don_img_agent { width: 300px; height: 700px; } .service-letters-wrapper .don_img { position: absolute; width: 323px; height: 720px; left: 6vw; top: 19em; animation: loaderIMG 2s ease-in-out; } @keyframes loaderIMG { from { left: -10vw; opacity: 0.0001; } to { left: 6vw; } } .service-letters-wrapper .title-of-products { color: #fd7200; margin-bottom: 3rem; font-size: 2rem; font-weight: bold; direction: ltr; position: relative; } .service-letters-wrapper .cards_holder { display: flex; flex-direction: row; } .service-letters-wrapper .slider-component-outer-wrapper.productsComponent .slider-component .slider-component-inner-wrapper { padding-right: 40px; overflow: unset; overflow-x: clip; } .service-letters-wrapper .slider-component-outer-wrapper.productsComponent .slider-component .slider-component-left-button { margin-right: 50px; } .service-letters-wrapper .slider-component-outer-wrapper.productsComponent .slider-component .slider-component-right-button { margin-left: 20px; } .service-letters-wrapper .slider-component-outer-wrapper.productsComponent .slider-component-progress-circles { display: none; } @media screen and (max-width: 1600px) { .service-letters-wrapper { padding-top: 9rem; height: 85em !important; } .service-letters-wrapper .mate_wrapper { display: none; } .service-letters-wrapper .footer_divider { height: 600px; bottom: 0; transform: translateY(29em); } .service-letters-wrapper .title-of-products { margin-bottom: 1rem; } .service-letters-wrapper .don_img { top: 9em; left: 4vw; animation: loaderIMG 2s ease-in-out; } @keyframes loaderIMG { from { left: -10vw; opacity: 0.0001; } to { left: 4vw; } } } @media screen and (max-width: 624px) { .products-wrapper { height: 100vh; } } .products_container_mobile { margin: 0; padding: 0; box-sizing: border-box; position: relative; height: 100vh; background: url(/_next/static/images/agentProd_BG-40948af64de14b8560f1c5032e43fe1a.jpg) white; background-size: cover; display: flex; flex-direction: column; align-items: center; } .products_container_mobile.hide .title_wrapper_mobile, .products_container_mobile.hide .product_slider_wrapper { display: none; } .products_container_mobile .title_wrapper_mobile { margin: 6em 0 1em 0; } .products_container_mobile .title_wrapper_mobile .main_title_product { font-size: 16px; color: #FFA800; font-weight: 500; margin: 0; } .products_container_mobile .title_wrapper_mobile.mobile { visibility: hidden; margin: 6em 0 1.5em 0; } .products_container_mobile .product_slider_wrapper { width: 100%; } .products_container_mobile .product_slider_wrapper .alice-carousel .alice-carousel__stage-item { padding: calc(1.4rem - 10px) 0 1.4em; } .products_container_mobile .product_slider_wrapper .alice-carousel .alice-carousel__dots-item:not(.__custom).__active { background-color: #ff8a04; } .products_container_mobile .product_slider_wrapper .alice-carousel .alice-carousel__dots { margin-top: -2px; display: flex; justify-content: center; } .products_container_mobile .product_slider_wrapper .alice-carousel .alice-carousel__dots li { height: 6px; width: 6px; margin: 2px; background-color: #393838; } .products_container_mobile .product_slider_wrapper .alice-carousel .alice-carousel__dots li:active { background-color: white; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile { height: calc(45em + 10px); width: 80%; margin: 0 auto; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); border: solid 1px #e6e6e6; border-radius: 15px; display: flex; flex-direction: column; align-items: center; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .text_area_prod { text-align: center; margin-top: 2em; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .text_area_prod .main_title { font-size: 14px; font-weight: 500; color: #413f3d; margin: 0; line-height: 1.45; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .text_area_prod .sub_title { font-size: 12px; font-weight: normal; color: #000; direction: rtl; margin: 0; line-height: 1.25; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .text_area_prod .sub_title.Simple { width: 151px; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod { margin-top: 2em; height: 17em; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img { z-index: 1; position: relative; width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.soul_care { width: 14rem; height: 11.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.mediwho_fly { width: 14rem; height: 11.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.magen_david { width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.assistant { width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.mediwho_360 { width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.all_in { width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.gold_plus { width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.mediwho_gold { width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.simple_smile { width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.best_care_smile { width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.best_care { width: 16rem; height: 12.5rem; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img_back { width: 17rem; height: 15rem; position: absolute; left: 23%; z-index: 0; } @media screen and (max-width: 1024px) { .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img_back { width: 17rem; height: 16.5rem; left: 26%; top: 15%; } } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod { display: flex; flex-direction: column; justify-content: right; width: 100%; height: 20em; z-index: 1; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .row_prod { display: flex; flex-direction: row; justify-content: right; width: 90%; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .row_prod .img_ok { width: 1em; height: 1em; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .row_prod .title { color: #707070; font-size: 12px; width: 90%; padding-right: .5em; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .row_prod .title.dentist { font-size: 12px; color: #fd7200; font-weight: 500; cursor: pointer; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .bottom-line { width: 80%; height: 5px; border-bottom: 1px dashed #d1d1d1; margin: 1rem auto; } .products_container_mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .bottom-line-last { display: none; } .products_container_mobile .footer_divider_img { position: absolute; bottom: 0; width: 100vw; height: 100px; } @media screen and (max-width: 360px) { .products_container_mobile .footer_divider_img { bottom: -50px; } } .products_container_mobile .button_container_prod { height: 5%; margin-bottom: 4px; margin-top: 12px; display: flex; } .products_container_mobile .button_container_prod .watch_btn .insider { padding: 4px 40px 4px 40px; border-radius: 30px; background-color: #3e3e3e; font-size: 12px; font-weight: 400; color: #fff; transition: 1s; } .products_container_mobile .button_container_prod .a_prod .prod_btn { padding: 4px 40px 4px 40px; border-radius: 30px; background-color: #3e3e3e; font-size: 12px; font-weight: 500; color: #fff; transition: 1s; margin-left: 10px; } .products_container_mobile .button_container_prod .a_prod .prod_btn:hover { background-color: #fd7200; transition: 1s; transform: scale(1.05); } .slider-product { margin-top: 25em; margin-bottom: 7em; } .slider-product .wrapper-sld { margin: 0 auto; width: 75%; position: relative; } .slider-product .wrapper-sld .arrow-back-txt { position: absolute; right: -1.8%; top: 44%; transform: rotate(180deg); cursor: pointer; width: 25px; height: 25px; } .slider-product .wrapper-sld .arrow-back-txt img { width: 25px; height: 25px; } .slider-product .wrapper-sld .arrow-txt { position: absolute; left: -1.8%; top: 44%; cursor: pointer; width: 25px; height: 25px; } .slider-product .wrapper-sld .arrow-txt img { width: 25px; height: 25px; } .slider-product .wrapper-sld .slider-items { display: flex !important; flex-direction: column; width: 367px; height: 199px; margin: 8rem auto; align-items: center; background-color: antiquewhite; border-radius: 1rem; box-shadow: 0 3px 30px 0 rgba(51, 91, 171, 0.16); background-color: #fff; } .slider-product .wrapper-sld .slider-img { height: 30%; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-img .money { width: 140px; height: 100px; transform: translateY(-8px); } .slider-product .wrapper-sld .slider-img .dentist { width: 66.825px; height: 83.594px; transform: translateY(5px); } .slider-product .wrapper-sld .slider-img .doctor { width: 100px; height: 100px; transform: translateY(-13px); } .slider-product .wrapper-sld .slider-img .womanImg { width: 55px; height: 87px; } .slider-product .wrapper-sld .slider-img .smallStethoscope { width: 120px; height: 120px; transform: translateY(-13px); } .slider-product .wrapper-sld .slider-img .head { width: 94px; height: 111px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-img .heart { width: 100px; height: 100px; transform: translateY(-7px); } .slider-product .wrapper-sld .slider-img .home { width: 159px; height: 100px; transform: translateY(-7px); } .slider-product .wrapper-sld .slider-img .grandma { width: 110px; height: 100px; } .slider-product .wrapper-sld .slider-img .baby { width: 81px; height: 98px; } .slider-product .wrapper-sld .text-area { margin-top: 0.8rem; display: flex; flex-direction: column; } .slider-product .wrapper-sld .text-area .main-title { text-align: center; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: center; padding: 0; margin-bottom: 11px; color: #fd7200; } .slider-product .wrapper-sld .text-area .sub-title { text-align: center; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: center; margin: 0 auto; padding: 0; color: #000; width: 80%; direction: rtl; } .slider-product .wrapper-sld .text-area .sub-title.dentist { width: 100%; } .slider-product .wrapper-sld .text-area .sub-title.orange { cursor: pointer; color: #FD7200; font-weight: 500; } @media screen and (min-width: 1880px) { .slider-product { margin-top: 28em; } } @media screen and (max-width: 1600px) { .slider-product { height: 40vh; margin-top: 13em; margin-bottom: 7em; } .slider-product .wrapper-sld { width: 75%; } .slider-product .wrapper-sld .slider-items { height: 16.5em; } .slider-product .wrapper-sld .arrow-back-txt { top: 45%; right: -3%; } .slider-product .wrapper-sld .arrow-txt { left: -3%; top: 45%; } } @media screen and (max-width: 1024px) { .slider-product { height: 10vh; margin: unset; } .slider-product .arrow-back-txt { display: none; } .slider-product .arrow-txt { display: none; } .slider-product .wrapper-sld { width: 90%; } .slider-product .wrapper-sld .slider-items { width: 240px !important; height: 145px; } .slider-product .wrapper-sld .slider-items .slider-img { height: 20%; } .slider-product .wrapper-sld .slider-items .slider-img .money { width: 115px; height: 80px; transform: translateY(-12px); } .slider-product .wrapper-sld .slider-items .slider-img .doctor { width: 70px; height: 80px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-items .slider-img .womanImg { width: 39px; height: 62px; } .slider-product .wrapper-sld .slider-items .slider-img .smallStethoscope { width: 85px; height: 90px; } .slider-product .wrapper-sld .slider-items .slider-img .head { width: 80px; height: 80px; transform: translateY(-16px); } .slider-product .wrapper-sld .slider-items .slider-img .heart { width: 65px; height: 79px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-items .slider-img .home { width: 140px; height: 80px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-items .slider-img .grandma { width: 120px; height: 80px; transform: translateY(-14px); } .slider-product .wrapper-sld .slider-items .slider-img .baby { width: 81px; height: 75px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-items .text-area .main-title { margin: 25px 0 2px 0; font-size: 12px; } .slider-product .wrapper-sld .slider-items .text-area .sub-title { font-size: 9px; } } @media screen and (max-width: 810px) { .slider-product { height: unset; } .slider-product .wrapper-sld { width: 95%; } .slider-product .wrapper-sld .slider-items { height: 110.5px; width: 203px !important; margin: 3rem auto; box-shadow: 0 3px 32px 0 rgba(51, 91, 171, 0.16); } .slider-product .wrapper-sld .slider-items .slider-img { height: 31%; } .slider-product .wrapper-sld .slider-items .slider-img .money { width: 100px; height: 65px; transform: translateY(-10px); } .slider-product .wrapper-sld .slider-items .slider-img .doctor { width: 60px; height: 70px; transform: translateY(-12px); } .slider-product .wrapper-sld .slider-items .slider-img .womanImg { width: 39px; height: 52px; transform: translateY(-5px); } .slider-product .wrapper-sld .slider-items .slider-img .smallStethoscope { width: 70px; height: 75px; transform: translateY(-15px); } .slider-product .wrapper-sld .slider-items .slider-img .head { width: 65px; height: 65px; transform: translateY(-15px); } .slider-product .wrapper-sld .slider-items .slider-img .heart { width: 55px; height: 69px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-items .slider-img .home { width: 130px; height: 70px; transform: translateY(-8px); } .slider-product .wrapper-sld .slider-items .slider-img .grandma { width: 110px; height: 70px; transform: translateY(-16px); } .slider-product .wrapper-sld .slider-items .slider-img .baby { width: 71px; height: 65px; transform: translateY(-14px); } .slider-product .wrapper-sld .slider-items .text-area .main-title { margin: 0 0 5px 0; font-size: 12px; font-weight: 500; } .slider-product .wrapper-sld .slider-items .text-area .sub-title { font-size: 9px; line-height: 1.3; font-weight: 300; } } @media screen and (max-width: 624px) { .slider-product { margin-top: 6.5em; height: unset; } .slider-product .wrapper-sld { width: 99%; } .slider-product .wrapper-sld .slider-items { height: 131px; width: 45vw !important; box-shadow: 1px 2px 5px 3px rgba(51, 91, 171, 0.12); margin: 10vw 27vw; } .slider-product .wrapper-sld .slider-items .slider-img { height: 35%; } .slider-product .wrapper-sld .slider-items .slider-img .money { width: 115px; height: 58px; transform: translateY(3px); } .slider-product .wrapper-sld .slider-items .slider-img .dentist { width: 115px; height: 58px; transform: translateY(3px); } .slider-product .wrapper-sld .slider-items .slider-img .doctor { width: 70px; height: 80px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-items .slider-img .womanImg { width: 39px; height: 62px; transform: unset; } .slider-product .wrapper-sld .slider-items .slider-img .smallStethoscope { width: 85px; height: 90px; transform: translateY(-9px); } .slider-product .wrapper-sld .slider-items .slider-img .head { width: 80px; height: 80px; transform: translateY(-16px); } .slider-product .wrapper-sld .slider-items .slider-img .heart { width: 65px; height: 79px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-items .slider-img .home { width: 140px; height: 80px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-items .slider-img .grandma { width: 120px; height: 80px; transform: translateY(-14px); } .slider-product .wrapper-sld .slider-items .slider-img .baby { width: 81px; height: 75px; transform: translateY(-11px); } .slider-product .wrapper-sld .slider-items .text-area .main-title { margin: 3px 0 2px 0; font-size: 12px; } .slider-product .wrapper-sld .slider-items .text-area .sub-title { font-size: 9px; line-height: 1.4; } .slider-product .wrapper-sld .arrow-back-txt { display: none; } .slider-product .wrapper-sld .arrow-txt { display: none; } } .content-container { position: relative; width: 70%; display: flex; flex-direction: column; margin: 0 auto; } .content-container .one { margin: 12px 17px 12px 17px; border-radius: 1rem; background-repeat: no-repeat; background-size: 300px 200px; width: 276px; height: 200px; background-color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; } .content-container .one img { z-index: 2; box-sizing: border-box; transition: 0.5s; } .content-container .one img:hover { transition: 0.5s; transform: scale(1.05); } .content-container .one img:hover .content-container .one { background-color: black; } .content-container .one .opacity { height: 100%; width: 100%; background: rgba(240, 240, 240, 0.7) no-repeat; background-position-x: 50%; background-position-y: 46%; background-size: 100px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; transition: 0.5s; } .content-container .one .opacity:hover { background-color: rgba(255, 250, 250, 0); transition: 0.5s; } .arrow { cursor: pointer; position: absolute; top: 81.5%; transform: rotate(180deg); } .arrow-back { cursor: pointer; position: absolute; top: 82%; } @media screen and (max-width: 1600px) { .content-container { width: 65%; } .arrow-back { left: 15%; } .arrow { right: 15.4%; } } @media screen and (max-width: 1024px) { .content-container { width: 75%; } .content-container .one { margin: 12px 0px 12px 0px; width: 230px; height: 145px; background-size: 100% 100%; } .content-container .one img { width: 70px !important; } .arrow-back { display: none; } .arrow { display: none; } } @media screen and (max-width: 810px) { .content-container { width: 70%; margin: 0 10px 0 25px; } .content-container .one { margin: 12px 0px 12px 0px; width: 168px; height: 121px; background-size: 100% 100%; } .content-container .one img { width: 70px !important; } } @media screen and (max-width: 624px) { .content-container { width: 92vw; margin-left: 10px; text-align: center; } .content-container .alice-carousel { height: 135px; } .content-container .one { margin: 12px 0px 12px 0px; height: 131px; width: 45vw !important; background-size: 100% 100%; } .content-container .one img { width: 70px !important; } .arrow-back { display: none; } .arrow { display: none; } } .text-slider-container { position: relative; width: 70%; display: flex; flex-direction: column; unicode-bidi: embed; } .text-slider-container .item, .text-slider-container .item-img { margin: 12px 17px 12px 17px; border-radius: 1rem; width: 276px; height: 200px; background-color: #fff; display: flex; flex-direction: column; position: relative; text-align: center; background-repeat: no-repeat; background-size: 276px 200px; } .text-slider-container .item .title-row, .text-slider-container .item-img .title-row { transform: translateY(161px); background-color: rgba(255, 250, 250, 0.86); height: 40px; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; transition: 0.5s; display: flex; align-items: center; justify-content: center; padding: 5px; } .text-slider-container .item .title-row .title, .text-slider-container .item-img .title-row .title { color: #ff8f33; font-size: 12px; font-family: 'Rubik', sans-serif; font-weight: 500; unicode-bidi: embed; transition: 0.6s; direction: rtl; } .text-slider-container .item .title-row:hover, .text-slider-container .item-img .title-row:hover { transform: translateY(0px); background-color: rgba(255, 250, 250, 0.86); height: 100%; width: 100%; padding: 2px; transition: 0.6s; border-radius: 1rem; } .text-slider-container .item .title-row:hover .title, .text-slider-container .item-img .title-row:hover .title { font-size: 14px; } .text-slider-container .item-img { background-size: 430px 200px; background-position: center; } .arrow { cursor: pointer; position: absolute; right: 12%; top: 81.5%; transform: rotate(180deg); } .arrow-back { cursor: pointer; position: absolute; left: 12%; top: 82%; } @media screen and (max-width: 1600px) { .text-slider-container { width: 65%; } .arrow-back { left: 15%; } .arrow { right: 15.4%; } } @media screen and (max-width: 1024px) { .text-slider-container { width: 75%; } .text-slider-container .item { margin: 12px 0px 12px 0px; width: 230px; height: 145px; background-size: 100% 100%; } .text-slider-container .item img { width: 70px !important; } .text-slider-container .item .title-row { transform: translateY(10em); height: 25px; } .text-slider-container .item .title-row .title { font-size: 10px; } .arrow-back { display: none; } .arrow { display: none; } } @media screen and (max-width: 810px) { .text-slider-container { width: 70%; margin: 0 10px 0 25px; } .text-slider-container .item { margin: 12px 0px 12px 0px; width: 168px; height: 121px; background-size: 100% 100%; } .text-slider-container .item .title-row { transform: translateY(8.49em); height: 19px; } .text-slider-container .item .title-row .title { font-size: 8px; } } @media screen and (max-width: 624px) { .text-slider-container { width: 92vw; margin: 0 auto; } .text-slider-container .item, .text-slider-container .item-img { margin: 12px 0px 12px 0px; height: 131px; width: 45vw; background-size: 100% 100%; } .text-slider-container .item .title-row, .text-slider-container .item-img .title-row { transform: translateY(9.4em); height: 19px; } .text-slider-container .item .title-row .title, .text-slider-container .item-img .title-row .title { font-size: 8px; } .text-slider-container .item-img { background-size: 250px 130px; background-position: center; } .arrow-back { display: none; left: 0; } .arrow { display: none; } } @media screen and (max-width: 624px) { .phone-content-container { height: 379.8px; width: 100%; margin: -1px 0px -1px 0px; background-image: url(/_next/static/images/Background-32caaf458ee5a9fc3badebf9ab32c8fe.jpg); background-repeat: no-repeat; background-size: 150% 150%; background-position: -15em -2em; display: flex; flex-direction: column; justify-content: center; position: relative; } .phone-content-container .alice-carousel .alice-carousel__stage-item { padding: 2rem 0 2rem 0; } .phone-content-container .alice-carousel .alice-carousel__dots-item:not(.__custom).__active { background-color: #ff8a04; } .phone-content-container .alice-carousel .alice-carousel__dots { margin-top: -2px; display: flex; justify-content: center; } .phone-content-container .alice-carousel .alice-carousel__dots li { height: 6px; width: 6px; margin: 2px; background-color: #393838; } .phone-content-container .alice-carousel .alice-carousel__dots li:active { background-color: white; } .phone-content-container .slider-title { color: #ff6f00; font-size: 14px; font-weight: bold; position: absolute; top: 4.8em; right: 33%; line-height: unset; } .phone-content-container .slider-items-mobile { display: flex; width: 334px; height: 156px; background-color: white; border-radius: 1rem; margin: 0 auto; box-shadow: 0 2px 30px 0 rgba(39, 36, 36, 0.26); } .phone-content-container .slider-items-mobile .right-side-mobile { padding: 0.8em 0.5em 0 13.6px; } .phone-content-container .slider-items-mobile .right-side-mobile .slider-img-mobile img { border-bottom-right-radius: 1rem; border-top-right-radius: 1rem; width: 122px; height: 138px; } .phone-content-container .slider-items-mobile .left-side-mobile { width: 70%; padding-top: 27px; padding-left: 10px; } .phone-content-container .slider-items-mobile .left-side-mobile .btn-block-mobile { direction: rtl; } .phone-content-container .slider-items-mobile .left-side-mobile .btn-block-mobile a { font-size: 8px; color: white; text-decoration: none; padding: 3.8px 17px 3.8px 17px; background-color: #393838; border-radius: 1rem; } .phone-content-container .slider-items-mobile .left-side-mobile .text-area-mobile { direction: rtl; } .phone-content-container .slider-items-mobile .left-side-mobile .text-area-mobile .main-title-mobile { font-size: 12px; font-weight: bold; color: #ff6f00; margin: 0 0 6px 0; } .phone-content-container .slider-items-mobile .left-side-mobile .text-area-mobile .sub-title-mobile { font-size: 8px; color: #000; font-weight: 300; margin: 0 0 13px 0; line-height: 13px; } } .close_x { position: absolute; width: 12px; height: 12px; cursor: pointer; z-index: 10; user-select: none; } .close_x .close_x_i { width: 100%; } .close_x.subModeSwitcher { top: 19px; right: 27px; } .close_x.missingFiles { top: 31px; right: 30px; } @media screen and (max-width: 624px) { .close_x.missingFiles { top: 22px; right: 20px; } } .close_x_logo { display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; background-color: #fff; border-radius: 50%; box-shadow: 0 5.176px 10.353px 0px rgba(161, 158, 158, 0.25); cursor: pointer; } .popup-wrapper.visible.subModeSwitcher .popup-box { position: relative; border-radius: 27px; min-height: unset; min-width: unset; background-color: unset; box-shadow: unset; transform: unset; transition: unset; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap { display: flex; justify-content: center; align-items: center; flex-direction: column; translate: 0 -68px; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .slide_btns_wrap { display: none; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .close_x_logo { backface-visibility: hidden; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_title { color: #43403e; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin: 30px 0; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content { display: flex; justify-content: center; align-items: center; gap: 0 29px; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-between; width: 241px; height: 296px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 3px 30px rgba(108, 108, 108, 0.16); border-radius: 27px; padding: 28px 0; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .card_title { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 115px; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .card_title .start { color: #ffa800; font-size: 20px; font-weight: 500; line-height: normal; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .card_title .end { color: #494949; font-size: 20px; font-weight: 500; line-height: normal; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .card_title .card_subtitle { color: #43403e; font-size: 17px; font-weight: 400; line-height: normal; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .logo-wrap { height: 137px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .logo-wrap .img_logo { backface-visibility: hidden; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .btn_to_go { display: flex; justify-content: center; align-items: center; width: 94px; height: 26.723px; flex-shrink: 0; border-radius: 27.235px; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); color: #fff; text-align: center; font-size: 11.5px; font-style: normal; font-weight: 500; cursor: pointer; backface-visibility: hidden; transition: transform 0.2s; } @media screen and (min-width: 1400px) { .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .btn_to_go:hover { background: #ffffff; color: #ffa800; outline: 1px solid #ffa800; } } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content.bundle { width: 1100px; flex-wrap: wrap; gap: 29px 29px; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content.bundle .product_item_wrapper .card_title { width: 100%; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content.bundle .product_item_wrapper .card_title .start { width: 100%; } @media screen and (max-width: 624px) { .popup-wrapper.visible.subModeSwitcher .popup-box { width: 99vw; height: clamp(24rem, 41vh, 31rem); } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap { translate: 0 -69px; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .slide_btns_wrap { display: flex; justify-content: center; align-items: center; justify-content: space-between; position: absolute; bottom: -85px; height: 30px; width: 6rem; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .slide_btns_wrap .slide_btn { display: flex; justify-content: center; align-items: center; background: unset; padding: unset; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .slide_btns_wrap .slide_btn.rotate { rotate: 180deg; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .slide_btns_wrap .slide_btn svg { width: 30px; height: 30px; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .slide_btns_wrap .slide_btn svg path { fill: #bdbdbd; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .slide_btns_wrap .slide_btn:hover svg path { fill: #ffa800; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_title { font-size: clamp(0.8rem, 6vw, 1.8rem); } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content { position: relative; flex-direction: row; justify-content: center; transform-style: preserve-3d; width: 100%; height: clamp(167px, 30vh, 296px); } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper { height: clamp(167px, 30vh, 296px); width: 50vw; min-width: 50vw; transform-style: preserve-3d; transition: 1s; position: absolute; background-color: #ffffff; top: 0; padding: 5% 0; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .card_title { width: 65%; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .card_title .start { font-size: 150%; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .card_title .end { font-size: 150%; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .card_title .card_subtitle { font-size: 130%; width: 100%; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .logo-wrap { height: 70%; width: 100%; display: flex; justify-content: center; align-items: center; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .logo-wrap .img_logo { backface-visibility: hidden; width: 60%; height: 86%; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .center, .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .left, .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper .right { position: absolute; width: 100%; height: 100%; z-index: 10; top: 0; border-radius: 27px; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper.center { transform: translateX(0) translateZ(0); opacity: 1; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper.center .btn_to_go { z-index: 11; transition: all 0.5s; opacity: 1; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper.left { transform: translateX(-50%) translateZ(-50px) scale(0.9); opacity: 0.8; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper.left .btn_to_go { opacity: 0; transition: all 0.5s; z-index: 1; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper.right { transform: translateX(50%) translateZ(-50px) scale(0.9); opacity: 0.8; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap .switch_sub_content .product_item_wrapper.right .btn_to_go { opacity: 0; transition: all 0.5s; z-index: 1; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap.bundle .switch_sub_content { transform-style: unset; width: 100%; } .popup-wrapper.visible.subModeSwitcher .popup-box .switch_sub_wrap.bundle .switch_sub_content .product_item_wrapper { width: 48vw; min-width: 48vw; height: clamp(200px, 30vh, 296px); } } .popup-wrapper.visible.commissionReportNew .popup-box { width: 553px; min-height: unset; max-height: unset; border-radius: 20px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper { height: 288px; display: flex; flex-direction: column; align-items: center; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper.height2 { height: 268px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper.height3 { height: 360px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-top-row { width: 100%; display: flex; justify-content: space-between; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-top-row .commission-report-close { padding: 0; background: none; color: black; font-size: 26px; font-weight: 400; rotate: 45deg; line-height: 10px; margin: 28px 20px 0 0; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-top-img { margin-top: -90px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-orange-title { color: #f90; font-size: 20px; font-weight: 500; line-height: normal; margin-top: 13px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-orange-title:not(.show) { opacity: 0; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-main-error { color: #f00; font-size: 18px; font-weight: 500; line-height: normal; margin-top: 20px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-no-payments { color: #f90; font-size: 20px; font-weight: 500; line-height: normal; margin-top: 20px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-loading { margin-top: 8px; width: 90px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-range-container { display: flex; justify-content: space-between; width: calc(100% - 108px); margin-top: 25px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-range-container .commission-report-input-pair { display: flex; flex-direction: column; position: relative; height: 86px; width: 220px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-range-container .commission-report-input-pair:first-child .commission-report-select-wrapper { position: absolute; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-range-container .commission-report-input-pair:first-child .commission-report-select-wrapper:first-child { top: 0; z-index: 4; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-range-container .commission-report-input-pair:first-child .commission-report-select-wrapper:last-child { top: 46px; z-index: 3; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-range-container .commission-report-input-pair:last-child .commission-report-select-wrapper { position: absolute; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-range-container .commission-report-input-pair:last-child .commission-report-select-wrapper:first-child { top: 0; z-index: 2; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-range-container .commission-report-input-pair:last-child .commission-report-select-wrapper:last-child { top: 46px; z-index: 1; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-range-container .commission-report-to-date-title { display: none; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-single-container { display: flex; width: calc(100% - 108px); height: 45px; overflow-y: visible; position: relative; margin-top: 25px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport { width: 220px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport:nth-child(1) { right: 0; margin-left: 5px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport:nth-child(2) { left: 0; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2 { height: 39px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2 .simple-select2-chosen-option { height: 39px; border: solid #e1e0e0 1px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2 .simple-select2-chosen-option .payment-calendar { margin: 0 0 -4px 4px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2 .simple-select2-chosen-option span { font-size: 14px; font-weight: 400; color: #a4a4a4; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2 .simple-select2-chosen-option .simple-select2-arrow { scale: 0.9; margin-top: 2px; filter: invert(70%) sepia(41%) saturate(7034%) hue-rotate(6deg) brightness(112%) contrast(103%); } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list { height: 0; max-height: 200px; overflow: auto; padding-inline: 9px; border-radius: 10px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list.opened { height: auto; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option { height: unset; padding: 0; color: #a4a4a4; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-year-item-wrapper { height: 29px; width: 100%; line-height: 29px; border-bottom: dashed #d7d5d5 1px; font-size: 12px; font-weight: 400; text-align: center; cursor: pointer; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option:last-child .payment-year-item-wrapper { border-bottom: none; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option:last-child .payment-month-item-wrapper .payment-month-cell { border-bottom: none; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option:last-child .payment-month-item-wrapper .payment-month-cell.amount { border-bottom: none; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper { display: flex; align-items: center; height: 29px; cursor: pointer; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper.range { padding-left: 7px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper.range .payment-month-cell { display: flex; align-items: center; justify-content: space-between; width: 100%; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper.range .payment-month-cell span:nth-child(1) { text-align: right; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper.range .payment-month-cell span:nth-child(2) { text-align: center; width: 45%; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper.range .payment-month-cell.red span:nth-child(2) { color: #f00; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper.range .payment-month-cell.green { color: #9ed825; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell { height: 100%; border-bottom: dashed #d7d5d5 1px; font-size: 12px; font-weight: 400; line-height: 29px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.month { text-align: right; width: 45px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.amount { display: flex; justify-content: space-between; border: dashed #d7d5d5 1px; border-top: none; width: 108px; padding: 0 5px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.amount span:nth-child(1) { text-align: right; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.amount span:nth-child(2) { text-align: left; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.payed { text-align: center; width: 47px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.payed.red { color: #f00; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.payed.green { color: #9ed825; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.red span:nth-child(2) { color: #f00; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.green span:nth-child(2) { color: #9ed825; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-checkbox-row { width: calc(100% - 108px); margin: 20px 0 14px 0; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-checkbox-row .checkbox2-container.commissionReport .checkbox2-box { min-width: 20px; width: 20px; height: 20px; border-radius: 4px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-checkbox-row .checkbox2-container.commissionReport .checkbox2-box.active { background-color: #f90; border-color: #f90; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-checkbox-row .checkbox2-container.commissionReport .checkbox2-label { font-size: 14px; font-weight: 400; line-height: normal; color: #a4a4a4; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-sum-line { font-size: 18px; font-weight: 500; line-height: normal; color: #f90; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-submit-container { display: flex; justify-content: center; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-submit-container.loading { padding-right: 36px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-submit-container .commission-report-submit { width: 98px; height: 32px; padding: 0; background-image: linear-gradient(180deg, #FA9E03 0%, #FC4A1A 100%); color: white; font-size: 13px; font-weight: 500; line-height: normal; margin-top: 13px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-submit-container .commission-report-submit-spinner { width: 42px; margin-bottom: -12px; } .popup-wrapper.visible.commissionReportNew .commission-report-popup-wrapper .commission-report-error { color: red; font-size: 14px; margin-top: 2px; } @media screen and (max-width: 624px) { .popup-wrapper.visible.commissionReportNew .popup-box { max-width: 344px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper { height: 320px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper.height2 { height: 408px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper.height3 { height: 476px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-orange-title { font-size: 16px; margin-top: 9px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-range-container { flex-direction: column; align-items: center; margin-top: 16px; width: calc(100% - 103px); } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-range-container .commission-report-input-pair { width: 241px; height: 86px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-range-container .commission-report-select-wrapper.from { margin-bottom: 8px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-range-container .commission-report-select-wrapper.from:last-child { margin-bottom: 0; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-range-container .commission-report-to-date-title { display: inline-block; color: #8fcf27; font-size: 14px; font-weight: 500; line-height: normal; margin-top: 18px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-range-container .commission-report-select-wrapper.to { margin: 13px 0 8px 0; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-range-container .commission-report-select-wrapper.to:last-child { margin-bottom: 0; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-single-container { flex-direction: column; align-items: center; height: unset; margin-top: 16px; width: calc(100% - 103px); position: relative; height: 86px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-single-container .commission-report-select-wrapper.single { margin-bottom: 8px; position: absolute; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-single-container .commission-report-select-wrapper.single:first-child { top: 0; z-index: 2; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-single-container .commission-report-select-wrapper.single:last-child { margin-bottom: 0; top: 49px; z-index: 1; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport { width: 241px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list.opened { padding-inline: 11px; width: 229px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper { justify-content: center; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.amount { width: 120px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .simple-select2-wrapper.commissionReport .simple-select2-option-list .simple-select2-option .payment-month-item-wrapper .payment-month-cell.payed { width: 50px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-checkbox-row { margin: 30px 0 0 0; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-sum-line { font-size: 16px; font-weight: 500; line-height: normal; margin-top: 13px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-submit-container { margin-top: 12px; } .popup-wrapper.visible.commissionReportNew .popup-box .commission-report-popup-wrapper .commission-report-submit-container .commission-report-submit { width: 85px; height: 28px; } } .types_mode_wrapper { display: flex; flex-direction: column; align-items: start; top: 50%; left: 50%; width: 596px; height: 52vh; padding: 0 2rem; overflow: hidden; font-size: 13px; } .types_mode_wrapper.none { display: none; } .types_mode_wrapper .continer { display: grid; grid-template-rows: 41% 1fr; grid-template-columns: 100%; width: 100%; overflow: hidden; height: 100%; } .firstRow { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .secondRow { width: 100%; height: 100%; align-items: center; justify-content: center; padding-right: 8px; padding-left: 8px; overflow: auto; } .types_mode_back { position: absolute; cursor: pointer; left: 23px; top: 26px; } .types_mode_back.none { display: none; } .types_mode_title { display: flex; justify-content: center; width: 100%; text-align: center; color: #f90; font-size: 20px; font-weight: 500; margin-top: 91px; margin-bottom: 25px; } .divider { overflow: hidden; display: flex; align-items: center; margin-top: 4px; margin-bottom: 4px; } .types_modes { justify-content: start; } .types_mode_names { display: flex; flex-wrap: wrap; width: 100%; max-width: 100%; height: 93%; justify-content: start; row-gap: 13px; column-gap: 15px; padding-top: 8px; } .types_mode_names.scroll { overflow: auto; } .types_mode_item { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, 10%) 5% repeat(2, 10%) 1fr; height: 48%; box-sizing: border-box; width: 30.33%; flex-direction: column; justify-items: center; cursor: pointer; transition: transform 0.4s; transform-origin: center center; justify-content: start; align-items: center; } .types_mode_wrapper.fewItems { height: 35vh; } .fewItems .continer { grid-template-rows: 37% 1fr; } .fewItems .types_mode_item { height: 100%; } .fewItems .types_mode_names { height: 84%; padding-top: 9px; } .manyItems .types_mode_names { height: 86%; margin-bottom: 0px; padding-bottom: 8px; } .manyItems .types_mode_item { height: 47%; grid-template-rows: repeat(2, 12%) 9% repeat(2, 12%) 1fr; } .manyItems .continer { grid-template-rows: 27% 1fr; } .manyItems .image_in_item { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .manyItems .types_item_img { justify-content: center; align-items: center; padding-top: 4px; padding-bottom: 1px; max-width: 100%; max-height: 100%; } .manyItems .types_mode_title { margin-bottom: 4px; } .types_mode_item:hover { transform: scale(1.1); } .types_mode_item:hover .types_item_title { color: #97de1d; } .types_item_user .title { color: #7b7b7b; font-weight: 400; direction: rtl; } .types_item_service_id, .types_item_title, .types_item_user .u_name, .types_item_date .title { color: #7b7b7b; font-weight: 400; direction: ltr; } .types_item_title { font-size: 15px; font-weight: 500; max-width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .types_item_user { display: flex; flex-direction: row; max-width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .types_item_user .title { margin-left: 5px; } .types_item_img { margin-top: 0px; max-width: 80%; max-height: 80%; width: auto; height: auto; object-fit: contain; } @media screen and (max-width: 1500px) and (max-height: 700px) { .types_mode_wrapper.fewItems { height: 45vh; } .types_mode_wrapper.manyItems { height: 67vh !important; } .manyItems .types_mode_item { padding-bottom: 9px; grid-template-rows: repeat(2, 11%) 6% repeat(2, 11%) 1fr; } .manyItems .types_mode_names { height: 88%; padding-bottom: 0px; margin-bottom: 0px; row-gap: 15px; column-gap: 19px; } .manyItems .types_item_img { padding-top: 4px; padding-bottom: 1px; max-width: 100%; max-height: 99%; } .manyItems .image_in_item { width: 100%; height: 110%; } .types_mode_wrapper { height: 54vh; } .types_mode_names { height: 100%; } .types_mode_item { grid-template-rows: repeat(2, 10%) 2% repeat(2, 10%) 1fr; height: 46%; row-gap: 3px; width: 30.33%; } .image_in_item { height: 100%; overflow: hidden; } .types_item_img { margin-top: 0px; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } } @media screen and (max-width: 624px) { .fewItems { all: unset; } .types_mode_wrapper.fewItems { height: 34vh; } .fewItems .types_mode_item { height: 100%; } .types_mode_item.fewItems { height: 47%; } .fewItems .continer { grid-template-rows: 38% 1fr; } .types_mode_wrapper { display: flex; flex-direction: column; align-items: start; width: 100%; height: clamp(500px, 75svh, 538px); font-size: 12px; padding: unset; height: 60vh; } .manyItems .continer { grid-template-rows: 26% 1fr; } .manyItems .types_mode_item { width: 47%; } .types_mode_names { height: 90%; padding-bottom: 0px; column-gap: 0px; } .types_mode_title { justify-content: center; width: 100%; text-align: center; font-size: 15px; margin: 81px 0 10px; width: 15rem; } .types_item_img { margin-top: 0px; max-width: 80%; max-height: 80%; width: auto; height: auto; object-fit: contain; } .types_mode_back { left: 13px; top: 18px; } .secondRow { overflow: auto; margin-bottom: 0px; padding-top: 0px; margin-top: 0px; } .types_mode_names { padding-top: 5px; justify-content: start; row-gap: 9px; } .types_mode_item { height: 50%; width: 33.33%; margin-top: 3px; width: 47%; height: 47%; row-gap: 0px; column-gap: 0px; } .types_mode_item .types_item_title { font-size: 14px; } } @media screen and (max-width: 375px) { .types_mode_wrapper.fewItems { height: 49vh; } .types_mode_wrapper.fewItems { grid-template-rows: 45% 1fr; } .fewItems .types_mode_names { height: 89%; } .manyItems .types_mode_item { grid-template-rows: repeat(2, 12%) 6% repeat(2, 12%) 1fr; } .manyItems .divider { margin-top: 3px; } .manyItems .types_item_img { justify-content: center; align-items: center; padding-top: 4px; padding-bottom: 1px; max-width: 100%; max-height: 100%; } .fewItems .types_mode_item { height: 100%; margin-top: 0px; } .types_mode_wrapper.manyItems { height: 68vh; } .types_mode_names.scroll { width: 100%; } .types_mode_item .types_item_title { font-size: 13px; } .secondRow { padding-right: 2px; padding-left: 2px; padding-top: 0px; margin-top: 10px; } .types_mode_names { row-gap: 0 px !important; } .types_mode_item { display: grid; overflow: auto; box-sizing: border-box; grid-template-rows: repeat(2, 10%) 5% repeat(2, 10%) 1fr; width: 50%; font-size: 12px; } .types_item_img { margin-top: 0px; max-width: 80%; max-height: 80%; width: auto; height: auto; object-fit: contain; } .image_in_item { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .divider { margin-top: 6px; } } .search_mode_wrapper { display: flex; flex-direction: column; margin: 85px 0 0 0; width: 596px; } .search_mode_wrapper.none { display: none; } .search_mode_wrapper .empty_search { display: none; font-weight: 500; color: #2a2a2a; font-size: 20px; margin-top: 7rem; } .search_mode_wrapper .empty_search.show { display: block; } .search_mode_wrapper .search_mode_title { color: #f90; text-align: right; font-size: 20px; font-weight: 500; padding: 0 30px 0 0; } .search_mode_wrapper .search_mode_finder { position: relative; display: flex; flex-direction: row; justify-content: space-between; visibility: hidden; width: 64%; padding: 0; margin: 0; } .search_mode_wrapper .search_mode_finder.search_approved { visibility: visible; margin: 29px 0 0 0; padding: 0 25px 0 0; } .search_mode_wrapper .search_mode_finder .finder_switch_list { position: absolute; top: 2.5rem; width: 173.17px; height: 0; border-radius: 1rem; box-shadow: 0 3px 29px #d7ddef; background-color: white; padding: 0; z-index: 4; overflow: hidden; transition: all 0.5s ease-in-out; } .search_mode_wrapper .search_mode_finder .finder_switch_list.open { height: 95.546px; padding: 0.5rem 0.8rem 0 0.8rem; transition: all 0.5s ease-in-out; } .search_mode_wrapper .search_mode_finder .finder_switch_list .finder_list_item { font-weight: 400; font-size: 13px; color: #b6b6b6; border-bottom: 0.01rem solid #dadada; height: 2.4rem; min-height: 2.4rem; line-height: 2.2rem; text-align: right; cursor: pointer; } .search_mode_wrapper .search_mode_finder .finder_switch_list .finder_list_item:hover { color: #f90; } .search_mode_wrapper .search_mode_finder .finder_switch_list .finder_list_item:last-child { border-bottom: none; } .search_mode_wrapper .search_mode_finder .finder_input_wrapper, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 173.165px; height: 32.67px; border-radius: 2rem; background: white; box-shadow: 0 0 10px rgba(161, 193, 240, 0.29); padding: 0 1rem 0 1rem; cursor: pointer; z-index: 5; } .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_input, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_input { width: 100%; height: 100%; border: none; background: none; font-weight: 400; font-size: 13px; color: #b6b6b6; } .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_input:focus, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_input:focus { outline: none; } .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_input:focus::placeholder, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_input:focus::placeholder { display: none; visibility: hidden; } .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_input::placeholder, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_input::placeholder { font-weight: 400; font-size: 13px; color: #b6b6b6; } .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_switch_title, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_switch_title { font-weight: 400; font-size: 13px; color: #b6b6b6; } .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_switch_arrow img, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_switch_arrow img { transform: rotate(0); transition: all 0.5s ease-in-out; } .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_switch_arrow.rotate img, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_switch_arrow.rotate img { transform: rotate(-90deg); transition: all 0.5s ease-in-out; } .search_mode_wrapper .finder_switch_users { display: flex; flex-direction: column; width: 90%; margin: 2rem auto; } .search_mode_wrapper .finder_switch_users.search_approved { max-height: 228px; overflow: hidden; overflow-y: auto; margin: 2rem auto 3.5rem auto; } .search_mode_wrapper .finder_switch_users.none { display: none; } .search_mode_wrapper .finder_switch_users .switch_user { display: flex; flex-direction: row; align-items: center; justify-content: start; height: 57px; min-height: 57px; width: 95%; border-bottom: 0.01rem dashed #c9c9c9; padding: 0 5px 0 0; } .search_mode_wrapper .finder_switch_users .switch_user:last-child { border-bottom: none; } .search_mode_wrapper .finder_switch_users .switch_user:first-child { border-bottom: 1px dashed #c9c9c9; } .search_mode_wrapper .finder_switch_users .switch_user .user_name { position: relative; display: flex; flex-direction: row; align-items: center; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title { display: flex; flex-direction: row; align-items: center; color: #7b7b7b; font-size: 13px; font-weight: 400; cursor: pointer; z-index: 2; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title.agent { font-weight: 500; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title:hover { color: #8fcf27; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title:hover + .count_of_files { visibility: visible; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title .data { display: none; font-size: 12px; padding-top: 3px; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title .data.show { display: block; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title .ide, .search_mode_wrapper .finder_switch_users .switch_user .user_name .title .phone { display: none; margin: 0 5px 9px 5px; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title .ide.show, .search_mode_wrapper .finder_switch_users .switch_user .user_name .title .phone.show { display: block; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title .phone { margin: unset; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .count_of_files { position: relative; visibility: hidden; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 1px; height: 50px; z-index: 1; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .count_of_files .bubble { position: absolute; right: -18px; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .count_of_files .bubble_title { position: absolute; width: max-content; color: #7b7b7b; font-size: 12px; font-weight: 400; right: 33px; top: 13px; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .count_of_files .bubble_title.one_file { right: 36px; } @media screen and (max-width: 624px) { .search_mode_wrapper { align-items: center; width: 100%; margin: 75px 0 0 0; } .search_mode_wrapper .empty_search { font-size: 1.5rem; margin-top: 4rem; } .search_mode_wrapper .search_mode_title { text-align: center; padding: 0 0 0 0; width: 224px; } } @media screen and (max-width: 624px) and (max-width: 430px), screen and (max-width: 624px) and (max-width: 414px), screen and (max-width: 624px) and (max-width: 412px) { .search_mode_wrapper .search_mode_title { font-size: 18px; } } @media screen and (max-width: 624px) and (max-width: 390px), screen and (max-width: 624px) and (max-width: 375px), screen and (max-width: 624px) and (max-width: 360px) { .search_mode_wrapper .search_mode_title { font-size: 16px; } } @media screen and (max-width: 624px) { .search_mode_wrapper .search_mode_finder { display: none; } } @media screen and (max-width: 624px) and (max-width: 430px), screen and (max-width: 624px) and (max-width: 414px), screen and (max-width: 624px) and (max-width: 412px) { .search_mode_wrapper .search_mode_finder { width: 28rem; } } @media screen and (max-width: 624px) and (max-width: 390px) { .search_mode_wrapper .search_mode_finder { width: 27.2rem; } } @media screen and (max-width: 624px) and (max-width: 375px) { .search_mode_wrapper .search_mode_finder { width: 26.4rem; } } @media screen and (max-width: 624px) and (max-width: 360px) { .search_mode_wrapper .search_mode_finder { width: 25.6rem; } } @media screen and (max-width: 624px) { .search_mode_wrapper .search_mode_finder.search_approved { padding: 0; display: flex; } .search_mode_wrapper .search_mode_finder .finder_switch_list { top: 2rem; } } @media screen and (max-width: 624px) and (max-width: 430px), screen and (max-width: 624px) and (max-width: 414px), screen and (max-width: 624px) and (max-width: 412px) { .search_mode_wrapper .search_mode_finder .finder_switch_list { width: 162px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .search_mode_wrapper .search_mode_finder .finder_switch_list { width: 158px; } } @media screen and (max-width: 624px) and (max-width: 375px) { .search_mode_wrapper .search_mode_finder .finder_switch_list { width: 154px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .search_mode_wrapper .search_mode_finder .finder_switch_list { width: 150px; } } @media screen and (max-width: 624px) { .search_mode_wrapper .search_mode_finder .finder_switch_list .finder_list_item { font-size: 12px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .search_mode_wrapper .search_mode_finder .finder_switch_list .finder_list_item { font-size: 11px; } } @media screen and (max-width: 624px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper { height: 27.67px; } } @media screen and (max-width: 624px) and (max-width: 430px), screen and (max-width: 624px) and (max-width: 414px), screen and (max-width: 624px) and (max-width: 412px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper { width: 162px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper { width: 158px; } } @media screen and (max-width: 624px) and (max-width: 375px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper { width: 154px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper { width: 150px; } } @media screen and (max-width: 624px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_input, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_input { font-size: 12px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_input, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_input { font-size: 11px; } } @media screen and (max-width: 624px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_input::placeholder, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_input::placeholder { font-size: 12px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_input::placeholder, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_input::placeholder { font-size: 11px; } } @media screen and (max-width: 624px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_switch_title, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_switch_title { font-size: 12px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .search_mode_wrapper .search_mode_finder .finder_input_wrapper .finder_switch_title, .search_mode_wrapper .search_mode_finder .finder_switch_wrapper .finder_switch_title { font-size: 11px; } } @media screen and (max-width: 624px) { .search_mode_wrapper .finder_switch_users { padding-right: .8rem; } } @media screen and (max-width: 624px) and (max-width: 430px), screen and (max-width: 624px) and (max-width: 414px), screen and (max-width: 624px) and (max-width: 412px) { .search_mode_wrapper .finder_switch_users { width: 28rem; } } @media screen and (max-width: 624px) and (max-width: 390px) { .search_mode_wrapper .finder_switch_users { width: 27.2rem; } } @media screen and (max-width: 624px) and (max-width: 375px) { .search_mode_wrapper .finder_switch_users { width: 26.4rem; } } @media screen and (max-width: 624px) and (max-width: 360px) { .search_mode_wrapper .finder_switch_users { width: 25.6rem; } } @media screen and (max-width: 624px) { .search_mode_wrapper .finder_switch_users.search_approved { max-height: 204px; } } @media screen and (max-width: 624px) and (max-width: 375px) { .search_mode_wrapper .finder_switch_users.search_approved { max-height: 153px; } } @media screen and (max-width: 624px) { .search_mode_wrapper .finder_switch_users .switch_user { width: 90%; height: 51px; min-height: 51px; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .title { font-size: 12px; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .name { display: flex; flex-direction: row; align-items: center; } .search_mode_wrapper .finder_switch_users .switch_user .user_name .name .sub { font-size: 11px; margin-right: 4px; font-weight: 400; } } .upload_mode_wrapper { display: flex; flex-direction: column; align-items: center; max-width: 643px; min-width: 596px; min-height: 310px; background-color: white; border-radius: 2.5rem; padding: 0 2rem 0 2rem; } .upload_mode_wrapper.scroll { padding: 0 2rem 0 1.5rem; } .upload_mode_wrapper.none { display: none; } .upload_mode_wrapper .upload_mode_back { position: absolute; cursor: pointer; left: 23px; top: 26px; } .upload_mode_wrapper .upload_mode_back.none { display: none; } .upload_mode_wrapper .upload_mode_title { color: #f90; font-size: 20px; font-weight: 500; margin: 91px 0 5px 0; } .upload_mode_wrapper .upload_mode_subtitle { display: flex; flex-direction: row; align-items: center; } .upload_mode_wrapper .upload_mode_subtitle .subtitle_1 { color: #7b7b7b; font-size: 16px; font-weight: 500; margin-left: 5px; } .upload_mode_wrapper .upload_mode_subtitle .subtitle_2 { color: #7b7b7b; font-size: 16px; font-weight: 400; } .upload_mode_wrapper .upload_mode_files { margin: 2rem 0 4rem 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; gap: 15px; min-height: 118px; max-height: 255px; width: 100%; } .upload_mode_wrapper .upload_mode_files.scroll { overflow: hidden; overflow-y: auto; } .upload_mode_wrapper .upload_mode_files .types_mode_upload { display: flex; flex-direction: column; align-items: center; justify-items: center; width: 184px; height: 118px; border-radius: 12px; border: 1px dashed #edecec; background: #fbfbff; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_title { margin: 24px auto 15px auto; width: 100%; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_title .title { color: #616161; font-size: 14px; font-weight: 400; width: 90%; margin: 0 auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_title .download_i { cursor: pointer; display: inline-block; width: 32px; height: 24px; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_title .download_i.done { display: none; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_icons { display: flex; flex-direction: row; align-self: flex-start; justify-content: space-between; margin-right: 10px; width: 47px; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_icons .re_download, .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_icons .upload, .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_icons .ok_upload { display: none; cursor: pointer; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_icons .re_download.done, .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_icons .upload.done, .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_icons .ok_upload.done { display: block; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_icons .ok_upload { cursor: default; } .upload_mode_wrapper .upload_mode_finish { display: none; width: 124px; height: 32px; background: linear-gradient(180deg, #fa9e03 0%, #fc4a1a 100%); border-radius: 2rem; color: #fff; text-align: center; font-size: 13px; font-weight: 500; line-height: 31px; cursor: pointer; margin-bottom: 2.5rem; } .upload_mode_wrapper .upload_mode_finish.show { display: block; } .upload_mode_wrapper .file_error { display: none; color: #f00; font-size: 14px; font-weight: 400; margin-bottom: 10px; } .upload_mode_wrapper .file_error.show { display: block; } .upload_mode_wrapper .all_done { display: none; flex-direction: row; margin: 0 0 10px 0; } .upload_mode_wrapper .all_done .title { color: #7A7875; font-size: 16px; font-weight: 500; margin: 0 5px 0 0; } .upload_mode_wrapper .all_done.show { display: flex; } @media screen and (max-width: 624px) { .upload_mode_wrapper { width: 100%; max-width: unset; min-width: unset; } .upload_mode_wrapper .upload_mode_back { left: 13px; top: 18px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .upload_mode_wrapper { padding: 0 1rem 0 1rem; } } @media screen and (max-width: 624px) { .upload_mode_wrapper .upload_mode_title { width: 68%; line-height: 25px; margin: 91px 0 5px 0; } } @media screen and (max-width: 624px) and (max-width: 414px), screen and (max-width: 624px) and (max-width: 412px), screen and (max-width: 624px) and (max-width: 390px) { .upload_mode_wrapper .upload_mode_title { font-size: 16px; width: 59%; line-height: 22px; margin: 91px 0 5px 0; } } @media screen and (max-width: 624px) and (max-width: 360px), screen and (max-width: 624px) and (max-width: 375px) { .upload_mode_wrapper .upload_mode_title { font-size: 16px; width: 65%; line-height: 22px; margin: 91px 0 4px 0; } } @media screen and (max-width: 624px) { .upload_mode_wrapper .upload_mode_subtitle .subtitle_1 { font-size: 14px; margin-left: 5px; } .upload_mode_wrapper .upload_mode_subtitle .subtitle_2 { font-size: 14px; } .upload_mode_wrapper .upload_mode_files { justify-content: center; } } @media screen and (max-width: 624px) and (max-width: 390px), screen and (max-width: 624px) and (max-width: 412px), screen and (max-width: 624px) and (max-width: 414px) { .upload_mode_wrapper .upload_mode_files { max-height: 230px; } .upload_mode_wrapper .upload_mode_files .types_mode_upload { width: 150px; height: 106px; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_title { margin: 20px auto 8px auto; } .upload_mode_wrapper .upload_mode_files .types_mode_upload .upload_title .title { font-size: 14px; } } @media screen and (max-width: 624px) and (max-width: 360px), screen and (max-width: 624px) and (max-width: 375px) { .upload_mode_wrapper .upload_mode_files { max-height: 133px; } } .finish_mode_wrapper { display: flex; flex-direction: column; align-items: center; background-color: white; border-radius: 2.5rem; width: 438px; height: 300px; } .finish_mode_wrapper.none { display: none; } .finish_mode_wrapper .finish_mode_title { color: #504F4E; font-size: 20px; font-weight: 500; margin-top: 130px; width: 202px; line-height: 25px; } .finish_mode_wrapper .finish_mode_btn { width: 98px; height: 32px; background: linear-gradient(180deg, #FA9E03 0%, #FC4A1A 100%); cursor: pointer; margin-top: 16px; border-radius: 2rem; color: #FFF; text-align: center; font-size: 13px; font-weight: 500; line-height: 31px; } .finish_mode_wrapper .finish_mode_btn.none { display: none; } @media screen and (max-width: 624px) { .finish_mode_wrapper { height: 244px; width: 100%; } } .popup-wrapper.visible.missingFiles .popup-box { width: max-content; min-width: unset; border-radius: 27px; min-height: unset; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTk2IiBoZWlnaHQ9IjI4OCIgdmlld0JveD0iMCAwIDU5NiAyODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjUxNjIxNSAyODlDLTUuODAzODEgMjYyLjkwNSAtMTUuOTY1NCAyMzYuMzY3IC0xLjk2MjIyIDE3MC45MjFDMy42MTQyNyAxNDUuMTA1IDIxLjQ1OSA2Mi4wNzYzIDg1LjAzMSAyMS43NDgxQzkyLjQ2NjQgMTcuMDAzNiAxNDQuMDE4IC0xNC4zOTM4IDIwMS43NjYgNy45MzMyQzIzOS4xOSAyMi40NDU4IDI2Ny42OTIgNzcuMjg2NiAzMjEuOTcgNzcuOTg0M0MzOTAuMzc1IDc4LjgyMTYgNDM2LjIyNiAxMzkuOTQyIDQ3Ni4wMDUgMTU1Ljk4OUM1MjYuMDcgMTc2LjIyMyA1NjAuNzY4IDE1Mi41MDEgNTg4LjUyNiAxOTAuNDU3QzU5OS41NTUgMjA1LjY2NyA2MTAuNzA4IDIwMy4xOCA2MDkuOTY1IDIzNC43MTdDNjA5LjM0NSAyNjAuMjU0IDYwMS4xNjYgMjc5LjIzMiA1OTYuNzA1IDI4OC4xNjNDNDQxLjA1OSAyODguNDQyIDE1Ni4xNjIgMjg4LjcyMSAwLjUxNjIxNSAyODlaIiBmaWxsPSIjRjlGOUY5Ii8+Cjwvc3ZnPgo=) white no-repeat bottom/100%; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup { width: 100%; user-select: none; min-height: 250px; } @media screen and (max-width: 624px) { .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup { min-height: 300px; } } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup.finish { min-height: 300px; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .main_p_logo { position: absolute; left: 0; right: 0; margin: 0 auto; transform: translateY(-9.5rem); z-index: 2; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .main_p_logo.search_list { margin: unset; transform: translateY(-3rem); right: unset; left: 1.7rem; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .main_p_logo.finish { transform: translateY(-7rem); } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .main_p_logo.none { visibility: hidden; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .exit_modal_wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 27px; -webkit-backdrop-filter: blur(0.2rem); backdrop-filter: blur(0.2rem); z-index: 20; display: none; flex-direction: row; align-items: center; justify-content: center; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .exit_modal_wrap.show { display: flex; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .exit_modal_wrap .exit_modal { width: 20rem; height: 9rem; background: #ffffff; box-shadow: 0px 4px 24px rgba(183, 203, 255, 0.7); border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: space-around; padding: 1.2rem 0 1.2rem 0; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .exit_modal_wrap .exit_modal .modal_title { font-weight: 500; font-size: 16px; color: #373431; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .exit_modal_wrap .exit_modal .modal_btn_wrap { display: flex; flex-direction: row; justify-content: space-around; width: 60%; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .exit_modal_wrap .exit_modal .modal_btn_wrap .modal_btn { width: 5rem; height: 2rem; background: linear-gradient(180deg, #fb8c08 0%, #fc5917 100%); border-radius: 30px; line-height: 2rem; cursor: pointer; font-size: 1rem; } @media screen and (max-width: 624px) { .popup-wrapper.visible.missingFiles .popup-box { background: white; width: 96vw; } } @media screen and (max-width: 624px) and (max-width: 430px), screen and (max-width: 624px) and (max-width: 414px), screen and (max-width: 624px) and (max-width: 412px) { .popup-wrapper.visible.missingFiles .popup-box { width: 91vw; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .main_p_logo { left: 0; right: 0; margin: 0 auto; transform: translateY(-6.5rem); width: 137.721px; height: 150.42px; } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .main_p_logo.search_list { left: 0; right: 0; margin: 0 auto; transform: translateY(-6.5rem); } .popup-wrapper.visible.missingFiles .popup-box .missing_files_popup .main_p_logo.finish { transform: translateY(-6rem); } } .popup-wrapper.visible.agentAddAddress .popup-box { width: max-content; min-width: unset; min-height: unset; border-radius: 50%; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup { display: flex; justify-content: center; align-items: center; position: relative; width: 498px; height: 498px; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .popup_close_btn { display: flex; justify-content: center; align-items: center; position: absolute; width: 44px; height: 44px; background-color: #fff; border-radius: 50%; box-shadow: 0px 5.176px 10.353px 0px rgba(161, 158, 158, 0.25); cursor: pointer; z-index: 1; top: 10px; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .popup_close_btn.success { animation: showCloseBtn 2s ease forwards; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content { display: flex; width: 100%; height: 100%; border-radius: 50%; background-color: white; z-index: 2; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address { display: flex; justify-content: center; align-items: center; flex-direction: column; translate: 0 -20px; width: 100%; height: 100%; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .main_img { width: 176.885px; height: 174.839px; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .success_inner_content { display: none; flex-direction: row; align-items: center; justify-content: space-between; height: 62px; width: 190px; translate: 22px 0; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .success_inner_content .success_title { color: #99DC0C; font-size: 14px; font-weight: 500; line-height: normal; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .success_inner_content .img_success { width: 37px; height: 37px; border-radius: 50%; box-shadow: 0 3.694px 24.01px rgba(197, 197, 197, 0.43); background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iODYiIHZpZXdCb3g9IjAgMCA4NSA4NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF81NDVfNTY3MCkiPgo8Y2lyY2xlIGN4PSI0Mi40MTI3IiBjeT0iMzkuNDEyNyIgcj0iMTguNDEyNyIgZmlsbD0id2hpdGUiLz4KPC9nPgo8Y2lyY2xlIGN4PSI0Mi40MTMiIGN5PSIzOS40MTI3IiByPSIxNC43OTQ1IiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjOTlEQzBDIiBzdHJva2Utd2lkdGg9IjAuOTIzNDQ4Ii8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF81NDVfNTY3MCkiPgo8cGF0aCBkPSJNNTEuNjY1MyAzMC42NTg1QzUxLjQ1NzggMjkuOTIxIDUwLjQ4NzEgMjkuNjk0OSA0OS45NDkyIDMwLjI1NzhDNDcuNzA3OSAzMi42MDA2IDQ2LjAzNTMgMzQuNjQ4MyA0NC40Mzk1IDM2LjgzMTNDNDMuNzgxMiAzNy43MzYgNDMuMTMwNiAzOC42NzUgNDIuNTIzNiAzOS42MTQxQzQxLjM5MTQgNDEuMzcxOCA0MC4zMzM2IDQzLjE3NjIgMzkuNDA4OSA0NS4wNDIxQzM5LjUwMTEgNDQuODU3NyAzOC43MDQ1IDQzLjc3MzYgMzguNTg0MSA0My41Nzk0QzM4LjMxNTIgNDMuMTQxOCAzOC4wMzM0IDQyLjcxNCAzNy43MzYzIDQyLjI5NjFDMzcuMTg4MSA0MS41MjQyIDM2LjU4NjIgNDAuNzg5MiAzNS45NDg0IDQwLjA4NjFDMzUuODc0MSA0MC4wMDUgMzUuMzk3NyAzOS41MzA1IDM0Ljk2OTkgMzkuMTA3N0MzNC42MDM3IDM4Ljc0MTQgMzMuOTgzOCAzOC43NzgzIDMzLjY2MzYgMzkuMTgxNUwzMi4wNjc4IDQxLjE4NUMzMS43NTc5IDQxLjU3MzQgMzEuODY4MSA0Mi4xMzM5IDMyLjMwMDkgNDIuMzg5NUMzMi45OTc2IDQyLjgwMDEgMzQuMDY1OCA0My41MTc5IDM1LjI3MjIgNDQuNjQzOEMzNS44MzgzIDQ1LjE3NDggMzYuNDMyNSA0NS43Mzc4IDM2Ljk0MjIgNDYuMzE3OUMzNy4zNjQ5IDQ2Ljc5MjQgMzcuNzY0NSA0Ny4yOTYzIDM4LjEyODIgNDcuODE1QzM4LjE5NzMgNDcuOTEzNCAzOC4yODcgNDguMDUzNSAzOC4zNTEgNDguMTQ2OUwzOC42NDgxIDQ4LjUxNTZDMzkuMTM3NCA0OS4xMzI3IDQwLjE4MjQgNDguOTMzNSA0MC4zODQ4IDQ4LjE3NjRDNDAuNTg0NiA0Ny44MjQ5IDQwLjgxIDQ3LjQ1MzYgNDEuMDI1MiA0Ny4xMDk1QzQyLjI3NzcgNDUuMTMwNSA0My42OTQyIDQzLjI0MjYgNDUuMjEwNSA0MS40NDMxQzQ2LjA5OTMgNDAuMzg4NSA0Ny4wNDcxIDM5LjM0NjIgNDguMDEyNyAzOC4zNTU1QzQ5LjIzOTYgMzcuMDk5MyA1MC44NjM2IDM1LjY0NjQgNTEuODIxNiAzNC44MDU3QzUyLjMxODUgMzQuMzcwNSA1Mi41MjA4IDMzLjcwNjggNTIuMzQ0MSAzMy4wODQ5TDUxLjY2NTMgMzAuNjU4NVoiIGZpbGw9IiM5OURDMEMiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzU0NV81NjcwIiB4PSItMC4wMDk2NDU0NiIgeT0iMC42ODQxNDUiIHdpZHRoPSI4NC44NDQ1IiBoZWlnaHQ9Ijg0Ljg0NDciIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMy42OTM3OSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMi4wMDQ4Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjc3MDgzMyAwIDAgMCAwIDAuNzcwODMzIDAgMCAwIDAgMC43NzA4MzMgMCAwIDAgMC40MyAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzU0NV81NjcwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzU0NV81NjcwIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU0NV81NjcwIj4KPHJlY3Qgd2lkdGg9IjIwLjUxNyIgaGVpZ2h0PSIxOC45Mzg4IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzEuODkxMSAyOS45NDMxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center -19px no-repeat; background-size: 80px 80px; translate: 0 -3px; overflow: hidden; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .success_inner_content.success { display: flex; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content { display: flex; justify-content: center; align-items: center; flex-direction: column; visibility: visible; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .main_title { color: #717171; font-size: 16.343px; font-weight: 500; margin: 24px 0; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section { display: flex; width: 397px; margin-bottom: 31px; position: relative; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section .error_title { position: absolute; color: #e74c3c; font-size: 0.85rem; opacity: 1; right: 31px; bottom: -20px; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section .disable_input { position: absolute; width: 100%; height: 39px; border-radius: 22px; z-index: 0; background-color: #a19f9f; opacity: .2; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section .disable_input.success { z-index: 2; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section .address_img { position: absolute; right: 12px; top: 10px; z-index: 6; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section .address-search-wrapper { z-index: 1; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section .address-search-wrapper input { color: #a19f9f; font-size: 12px; font-weight: 400; padding: 0 2.6rem 0 1rem; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section .address-search-wrapper input::placeholder { font-weight: 400; font-size: 12px; color: #a19f9f; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section .address-search-list { position: absolute; top: 30px; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_submit_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; min-height: 34px; width: 142px; font-size: 1.2rem; font-weight: 500; color: #fff; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); border-radius: 26.23px; cursor: pointer; padding: unset; border: none; line-height: 0; opacity: 0.5; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_submit_btn.address { opacity: unset; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_submit_btn.success { opacity: 0.5; } @media screen and (max-width: 624px) { .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup { width: 95vw; height: 95vw; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .main_img { width: 38%; height: 38%; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .main_title { font-size: 14px; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_input_section { width: 73vw; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .inner_content .address_submit_btn { width: 90px; height: 24px; min-height: 24px; font-size: 12px; } } @media screen and (max-width: 624px) and (max-width: 390px) { .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .success_inner_content .img_success { visibility: hidden; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address { translate: 0 -15px; } } @media screen and (max-width: 624px) and (max-width: 360px) { .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address { translate: 0 -10px; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .success_inner_content .img_success { visibility: hidden; } } @media screen and (max-width: 624px) and (max-width: 320px) { .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address { translate: 0 -5px; } .popup-wrapper.visible.agentAddAddress .popup-box .add_address_popup .add_address_content .content_add_address .success_inner_content .img_success { visibility: hidden; } } @keyframes showCloseBtn { 0% { top: 10px; } 50% { top: -85px; } 70% { top: -70px; } 100% { top: -70px; } } .popup-wrapper.visible.productsBundlePopup .popup-box { position: relative; min-height: unset; min-width: unset; box-shadow: unset; background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(228, 249, 251, 0.9) 58.6%, rgba(234, 249, 251, 0.9) 100%); width: 100%; height: 100%; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap { display: flex; flex-direction: row; justify-content: center; position: relative; flex-wrap: wrap; width: 1225px; gap: 29px 29px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .circle_bundle { display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; box-shadow: 0 0 40px rgba(92, 94, 98, 0.3); border-radius: 50%; cursor: pointer; position: absolute; translate: 0 -135px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bndl_title { color: #ffa800; font-size: 20px; font-weight: 500; position: absolute; translate: 0 -56px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 284.216px; height: 234.684px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 3.538px 35.38px rgba(108, 108, 108, 0.16); border-radius: 3rem; padding: 0 15px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .plus_bundle { translate: 0 12px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 125px; gap: 5px 0; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .urls_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; visibility: hidden; scale: 0; position: absolute; width: 92.332px; height: 84.209px; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 2.544px 10.175px rgba(0, 0, 0, 0.16); border-radius: 15px; z-index: 5; transition: all 0.5s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .urls_wrap .url_line { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: start; height: 23.53px; width: 77.582px; gap: 0 5px; border-bottom: 0.636px solid #e6e6e6; padding-right: 8px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .urls_wrap .url_line .url_code { color: #4d1a8e; font-size: 9.854px; font-weight: 600; line-height: normal; transition: all 0.1s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .urls_wrap .url_line .url_line_title { color: #43403e; font-size: 10.949px; font-weight: 400; line-height: normal; transition: all 0.1s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .urls_wrap .url_line:last-child { border-bottom: none; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .urls_wrap .url_line:hover .url_code { color: #ffa800; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .urls_wrap .url_line:hover .url_line_title { color: #ffa800; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .url_wrap { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; visibility: hidden; scale: 0; width: 54px; height: 54px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); transition: all 0.5s ease-in; z-index: 5; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .url_wrap .url_title { color: #43403e; font-size: 14px; font-style: normal; font-weight: 500; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .url_wrap .url_title:hover { color: #ffa800; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .bundle_title { color: #43403e; font-size: 15.331px; font-weight: 500; transition: all 0.5s ease-in; width: max-content; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .vector_bundle { position: absolute; z-index: 1; translate: 0 12px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .booklet_wrap { z-index: 2; width: 101px; height: 137px; translate: 10px 0; transition: all 0.5s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .booklet_wrap.gold .booklet { translate: 7px 1px; transition: all 0.5s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .booklet_wrap.gold_plus .booklet { translate: 12px -18px; transition: all 0.5s ease-in; width: 130%; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .booklet_wrap.smile .booklet { translate: -1px -4px; transition: all 0.5s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .booklet_wrap.soul .booklet { translate: 5px -3px; transition: all 0.5s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .booklet_wrap.best .booklet { translate: 4px -2px; transition: all 0.5s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column .booklet_wrap.critical .booklet { width: 130%; translate: 3px -11px; transition: all 0.5s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column:hover { cursor: pointer; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column:hover .urls_wrap { visibility: visible; scale: 1; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column:hover .url_wrap { visibility: visible; scale: 1; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column:hover .url_wrap .url_title:hover { color: #ffa800; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column:hover .bundle_title { color: #ffa800; translate: 0 -17px; scale: 1.2; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .bundle_item .bundle_column:hover .booklet_wrap .booklet { scale: 1.3; } @media screen and (max-width: 624px) { .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .circle_bundle { display: flex; justify-content: center; align-items: center; box-shadow: 0 0 40px rgba(92, 94, 98, 0.3); width: 37px; height: 37px; border-radius: 50%; cursor: pointer; align-self: center; margin-bottom: 15px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bndl_title { color: #ffa800; font-size: 16px; font-weight: 500; align-self: center; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .slide_btns { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0 4px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .slide_btns .left_btn svg, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .slide_btns .right_btn svg { width: 27px; height: 27px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .slide_btns .left_btn svg path, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .slide_btns .right_btn svg path { fill: #bdbdbd; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .slide_btns .left_btn.left svg, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .slide_btns .right_btn.left svg { transform: rotate(180deg); } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .slide_btns .left_btn.left svg path, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .slide_btns .right_btn.left svg path { fill: #bdbdbd; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap { width: 100%; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .alice-carousel .alice-carousel__dots-item:not(.__custom).__active { background-color: #ff8a04; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .alice-carousel .alice-carousel__dots { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; bottom: 10px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .alice-carousel .alice-carousel__dots li { height: 6px; width: 6px; margin: 2px; background-color: #393838; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100vw; padding-top: 35px; padding-bottom: 35px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-direction: row-reverse; width: 80vw; height: 234.684px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 3.538px 35.38px rgba(108, 108, 108, 0.16); border-radius: 3rem; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .plus_bundle { translate: 0 20px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; height: 100%; position: relative; padding-top: 25px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .bundle_title, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .bundle_title { font-size: 14px; color: #43403e; font-weight: 500; position: absolute; top: 35px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .urls_wrap, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .urls_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; visibility: hidden; scale: 0; position: absolute; width: 92.332px; height: 84.209px; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 2.544px 10.175px rgba(0, 0, 0, 0.16); border-radius: 15px; z-index: 5; transition: all 0.5s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .urls_wrap .url_line, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .urls_wrap .url_line { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: start; height: 23.53px; width: 77.582px; gap: 0 5px; border-bottom: 0.636px solid #e6e6e6; padding-right: 8px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .urls_wrap .url_line .url_code, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .urls_wrap .url_line .url_code { color: #4d1a8e; font-size: 9.854px; font-weight: 600; line-height: normal; transition: all 0.1s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .urls_wrap .url_line .url_line_title, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .urls_wrap .url_line .url_line_title { color: #43403e; font-size: 10.949px; font-weight: 400; line-height: normal; transition: all 0.1s ease-in; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .urls_wrap .url_line:last-child, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .urls_wrap .url_line:last-child { border-bottom: none; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .urls_wrap .url_line:hover .url_code, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .urls_wrap .url_line:hover .url_code { color: #ffa800; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .urls_wrap .url_line:hover .url_line_title, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .urls_wrap .url_line:hover .url_line_title { color: #ffa800; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .url_wrap, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .url_wrap { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; visibility: hidden; scale: 0; width: 54px; height: 54px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); transition: all 0.5s ease-in; z-index: 5; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .url_wrap .url_title, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .url_wrap .url_title { color: #43403e; font-size: 14px; font-style: normal; font-weight: 500; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .url_wrap .url_title:hover, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .url_wrap .url_title:hover { color: #ffa800; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .logo_wraps, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .logo_wraps { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .logo_wraps .booklet_wrap, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .logo_wraps .booklet_wrap { position: absolute; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .logo_wraps .booklet_wrap .booklet, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .logo_wraps .booklet_wrap .booklet { width: 116px; height: 147px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .logo_wraps .booklet_wrap.critical .booklet, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .logo_wraps .booklet_wrap.critical .booklet { width: 116px; height: 147px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .logo_wraps .booklet_wrap.gold .booklet, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .logo_wraps .booklet_wrap.gold .booklet { width: 116px; height: 147px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .logo_wraps .booklet_wrap.smile .booklet, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .logo_wraps .booklet_wrap.smile .booklet { width: 106px; height: 143px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .logo_wraps .booklet_wrap.soul .booklet, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .logo_wraps .booklet_wrap.soul .booklet { width: 114px; height: 156px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side .logo_wraps .booklet_wrap.best .booklet, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side .logo_wraps .booklet_wrap.best .booklet { width: 112px; height: 151px; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side:hover, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side:hover { cursor: pointer; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side:hover .urls_wrap, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side:hover .url_wrap, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side:hover .urls_wrap, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side:hover .url_wrap { visibility: visible; scale: 1; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side:hover .bundle_title, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side:hover .bundle_title { color: #ffa800; translate: 0 -17px; scale: 1.2; } .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .right_side:hover .booklet_wrap .booklet, .popup-wrapper.visible.productsBundlePopup .popup-box .bundle_popup_wrapper .bundle_list_wrap .mobile_slider .mobile_slider_inner .left_side:hover .booklet_wrap .booklet { scale: 1.3; } } .popup-wrapper.visible.publicInquiries .popup-box { position: relative; width: 543px; height: 100vh; min-height: unset; min-width: unset; background: unset; box-shadow: unset; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 716px; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box { width: 90vw; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding-bottom: 3%; padding-top: 140px; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper { height: 470px; padding-top: unset; padding-bottom: unset; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper { height: 670px; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px 0; position: relative; z-index: 1; width: 100%; height: 100%; max-height: 780px; border-radius: 32px; background: rgba(255, 255, 255, 0.6); box-shadow: 0 0 34.82px 0 rgba(204, 204, 204, 0.25); padding-top: 5.5rem; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content { display: flex; flex-direction: row; align-items: center; justify-content: center; align-items: start; padding-top: unset; gap: unset; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content { display: flex; flex-direction: column; align-items: center; justify-content: center; background: white; gap: 20px 0; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .public_inquiries_icon { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; overflow: hidden; top: -130px; z-index: 2; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .public_inquiries_icon { top: unset; right: 100px; bottom: 20px; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .public_inquiries_icon img { width: 122.715px; height: 136.741px; transform: rotateY(180deg); } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .public_inquiries_icon { display: none; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .close { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; overflow: hidden; top: 2rem; right: 2rem; cursor: pointer; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .close { top: 1.5rem; right: 1.5rem; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .close img { width: 12px; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px 0; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper { width: 50%; gap: 20px 0; margin-top: 56.3px; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper { width: unset; margin-top: 20px; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper .public_inquiries_title { color: #ffa800; font-size: 26px; font-weight: 500; line-height: normal; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper .public_inquiries_title { align-self: start; font-size: 20px; padding-right: 40px; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper .public_inquiries_title { align-self: unset; padding-right: unset; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper .inquiries_titles_section { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-left: 40px; padding-right: 40px; gap: 20px 0; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper .inquiries_titles_section { gap: 15px 0; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper .inquiries_titles_section { gap: 10px 0; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper .inquiries_titles_section .inquiry_title { color: #000; font-size: 14px; font-weight: 300; line-height: 23.527px; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper .inquiries_titles_section .inquiry_title { text-align: right; font-size: 11px; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .inquiries_titles_wrapper .inquiries_titles_section .inquiry_title { text-align: center; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px 0; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper { align-self: center; width: 50%; translate: 0 15px; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper { width: unset; translate: unset; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .inquiry_form_title { color: #515151; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .inquiry_form_title { padding: 0 50px 0 50px; text-align: right; font-size: 12px; } } @media screen and (max-width: 624px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .inquiry_form_title { padding: unset; width: 250px; text-align: center; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px 0; width: 100%; height: 441px; min-height: 441px; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form { height: unset; min-height: unset; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__input { width: 347px; height: 34px; min-height: 34px; border: none; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 14.116px rgba(226, 225, 225, 0.5); font-weight: 300; border-radius: 2rem; padding-right: 10px; padding-left: 10px; font-size: 13px; color: #393939; position: relative; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__input:focus { outline: none; box-shadow: 0 0 14.116px rgba(226, 225, 225, 0.9); } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__input:focus::placeholder { visibility: hidden; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__input::placeholder { font-weight: 300; font-size: 13px; color: #393939; bottom: 0; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__input { width: 265px; height: 26px; min-height: 26px; font-size: 10px; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__input::placeholder { font-size: 10px; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .input_err { font-weight: 300; font-size: 9px; color: red; line-height: 0; margin: -7.5px; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__textarea { resize: none; width: 345px; height: 137px; min-height: 137px; border-radius: 10.352px; background: #fff; box-shadow: 0 0 14.116px 0 rgba(226, 225, 225, 0.5); padding: 10px 10px 10px 10px; font-size: 13px; color: #393939; font-weight: 300; border: none; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__textarea:focus { outline: none; box-shadow: 0 0 14.116px rgba(226, 225, 225, 0.9); } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__textarea:focus::placeholder { visibility: hidden; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__textarea::placeholder { font-weight: 300; font-size: 13px; color: #393939; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__textarea { width: 265px; height: 94px; min-height: 94px; font-size: 10px; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .form__textarea::placeholder { font-size: 10px; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .submit__button { width: 291px; height: 33px; min-height: 33px; border: none; border-radius: 34px; background: linear-gradient(180deg, #ffa800 0%, #ff5c00 100%); font-weight: 500; font-size: 14px; cursor: pointer; color: #fff; margin-top: 15px; padding: unset; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .submit__button:focus { outline: none; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .submit__button { width: 222px; height: 25px; min-height: 25px; font-size: 10px; margin-top: unset; } } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .sent_success { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0 5px; opacity: 0; translate: 0 -8px; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .sent_success.show { animation: opacity 5s ease-in-out; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .sent_success .success_img { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; box-shadow: 0 3.694px 24.01px rgba(197, 197, 197, 0.43); } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .sent_success .success_img .success_icon { translate: 0 3.5px; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .sent_success .success_title { color: #99dc0c; font-size: 16px; font-weight: 500; } @media screen and (max-width: 1600px) { .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .sent_success { translate: unset; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .sent_success .success_title { font-size: 12px; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .sent_success .success_img { width: 25px; height: 25px; translate: 0 -4px; } .popup-wrapper.visible.publicInquiries .popup-box .public_inquiries_wrapper .public_inquiries_content .form_wrapper .submit_form .sent_success .success_img .success_icon { translate: 0 3px; width: 68px; } } @keyframes opacity { from { opacity: 1; } to { opacity: 0; } } .step_content_bottom { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; bottom: -35px; } .step_content_bottom .content_title { width: max-content; color: #656362; font-size: 14px; font-weight: 400; line-height: normal; } @media screen and (max-width: 624px) { .step_content_bottom { bottom: 10px; } .step_content_bottom .content_title { font-size: 12px; } .step_content_bottom .content_title { width: 243px; font-weight: 500; } } .close_popup_btn { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); background: white; cursor: pointer; top: -35px; right: -35px; } @media screen and (max-width: 624px) { .close_popup_btn { width: clamp(35px, 4.7svh, 40px); height: clamp(35px, 4.7svh, 40px); top: -55px; right: 0; left: 0; margin: 0 auto; } .close_popup_btn img { width: clamp(10px, 1.4svh, 12px); } } .rdg_initial_step_container { display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: end; position: relative; width: 515px; height: clamp(400px, 79svh, 690px); border-radius: 50px; border: 1px solid #e2e0e0; background: rgba(255, 255, 255, 0.6) url(data:image/png;base64,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) no-repeat 60% 112%; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); padding: 0 0 clamp(15px, 11svh, 35px) 0; } .rdg_initial_step_container .choose_type_payment__warning { position: absolute; bottom: 15px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px; } .rdg_initial_step_container .choose_type_payment__warning .payment__warning_title { color: #393939; font-size: 14px; font-weight: 400; } .rdg_initial_step_container .choose_type_payment__warning .payment__warning_title.red { font-size: 16px; color: #ff1313; font-weight: 500; } @media screen and (max-height: 770px) { .rdg_initial_step_container { padding: 0 0 10px 0; } } .rdg_initial_step_container .initial_toppic { position: absolute; top: -13%; } .rdg_initial_step_container .initial_step_content { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .rdg_initial_step_container .initial_step_content .initial_titles { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px 0; } .rdg_initial_step_container .initial_step_content .initial_titles .title { color: #ffa800; font-size: 20px; font-weight: 500; line-height: normal; } .rdg_initial_step_container .initial_step_content .initial_titles .sub_title { color: #656362; font-size: 16px; font-weight: 400; line-height: normal; } .rdg_initial_step_container .initial_step_content .initial_step_client_data { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 50px 0; margin: 50px 0 10px 0; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; width: 365px; height: 40px; min-height: 40px; border-radius: 2rem; cursor: pointer; z-index: 2; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_description { position: absolute; top: -25px; right: 3%; color: #808080; font-size: 14px; font-weight: 500; line-height: normal; } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper { width: clamp(100px, 90vw, 300px); height: 35px; min-height: 35px; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_description { color: #808080; font-size: 12px; font-weight: 500; line-height: normal; top: -20px; } } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: start; background-color: #fff; padding: 0 20px 0 0; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); position: absolute; right: 0; width: 100%; height: 100%; border-radius: 2rem; outline: 1px solid #e1e1e1; z-index: 2; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 14px; font-weight: 500; line-height: 0; text-align: right; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; padding: 20px 0; } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 12px; font-weight: 500; line-height: 0; } } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box .arrow_click { position: absolute; left: 20px; cursor: pointer; transition: 0.3s ease-in-out; transform: rotate(0deg); } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box .arrow_click.open { transform: rotate(-90deg); } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box.inactive { background-color: rgba(230, 230, 230, 0.2); } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list { display: grid; grid-template-rows: 0fr; position: absolute; width: 98%; right: 0; left: 0; margin: 0 auto; top: 26px; background-color: white; border-radius: 0 0 2rem 2rem; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); z-index: 1; overflow: hidden; transition: all 0.3s ease-in-out; padding: 0 0 0 0; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content { display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: start; width: 100%; min-height: 0; overflow: hidden; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; color: #a8a8a8; font-size: 14px; font-weight: 400; line-height: normal; text-align: center; height: 40px; min-height: 40px; width: 90%; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { direction: rtl; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item:hover { color: #ffa800; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item:last-child:before { display: none; } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item { color: #a8a8a8; font-size: 12px; font-weight: 400; line-height: 0; height: 30px; min-height: 30px; overflow: hidden; white-space: nowrap; text-align: right; justify-content: right; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { display: inline-block; direction: rtl; text-align: center; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.scroll { height: 0; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open { grid-template-rows: 1fr; padding: 15px 0 5px 0; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open.scroll { padding: 20px 5px 15px 12px; grid-template-rows: unset; height: 234px; direction: ltr; } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open.scroll { height: 145px; } } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open.scroll .select_list_content { height: 199px; overflow-y: auto; } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open.scroll .select_list_content { height: 110px; } } .rdg_initial_step_container .initial_step_content .initial_step_client_data .initial_step_client_textarea { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; width: 365px; height: clamp(150px, 23svh, 227px); border-radius: 2rem; background-color: #fff; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); outline: 1px solid #e1e1e1; z-index: 1; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .initial_step_client_textarea .textarea_description { position: absolute; top: -25px; right: 3%; color: #808080; font-size: 14px; font-weight: 500; line-height: normal; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .initial_step_client_textarea .text_input { border: none; width: 93%; height: 90%; resize: none; background-color: transparent; color: #46433f; font-size: 1rem; font-weight: 400; line-height: normal; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .initial_step_client_textarea .text_input:focus { outline: none; } .rdg_initial_step_container .initial_step_content .initial_upload_data { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; justify-content: start; width: 365px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count { position: absolute; bottom: -5px; right: 5px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .title_count { cursor: pointer; color: #b1abab; font-size: 1.2rem; font-weight: 400; line-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper { display: grid; grid-template-rows: 0fr; position: absolute; width: max-content; right: 0; bottom: 5px; background-color: white; border-radius: 1rem; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); overflow: hidden; transition: all 0.3s ease-in-out; z-index: 2; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper .title_wrap { min-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper .title_wrap .files_title { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: end; gap: 5px; cursor: pointer; position: relative; text-align: center; height: 25px; min-height: 25px; direction: ltr; color: #a8a8a8; font-size: 14px; font-weight: 400; line-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper .title_wrap .files_title:before { content: ''; position: absolute; bottom: -2px; width: 100%; height: 1px; border-top: 1px dashed #e1e1e1; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper .title_wrap .files_title .remove { translate: 0 -1px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper .title_wrap .files_title .remove svg { width: 18px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper .title_wrap .files_title:hover { color: #ffa800; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper .title_wrap .files_title:last-child:before { display: none; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count:hover .files_wrapper { grid-template-rows: 1fr; padding: 10px 15px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_upload_btn { padding: unset; background-color: transparent; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_upload_title { color: #555050; font-size: 14px; font-weight: 400; line-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_upload_type { position: absolute; right: 123px; color: #ffa800; font-size: 12px; font-weight: 400; line-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .load-wrapper { position: absolute; right: -30px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .error_files { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 3px; position: absolute; right: 193px; width: max-content; color: #ec1313; font-size: 12px; font-weight: 400; line-height: 0; animation: hideAfterDelay 3s forwards; } .rdg_initial_step_container .initial_step_content .initial_upload_data .error_files img { display: none; } .rdg_initial_step_container .initial_step_content .initial_upload_data .error_files.success { color: #92db14; font-size: 14px; right: 193px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .error_files.success img { display: block; } .rdg_initial_step_container .initial_step_content .submit_section { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 50px; } @media screen and (max-height: 770px) { .rdg_initial_step_container .initial_step_content .submit_section { margin-top: 10px; } } .rdg_initial_step_container .initial_step_content .submit_section .load-wrapper { position: absolute; right: -40px; bottom: 32px; } .rdg_initial_step_container .initial_step_content .submit_section .initial_step_submit { translate: 0 -35px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 13px 30px; background-color: #f90; border-radius: 2rem; line-height: 0; color: #fff; font-size: 12px; font-weight: 500; } .rdg_initial_step_container .initial_step_content .submit_section .initial_step_submit.disabled { visibility: hidden; } @media screen and (max-width: 624px) { .rdg_initial_step_container { justify-content: center; width: 100vw; height: 100svh; border-radius: unset; border: unset; background: transparent url(data:image/png;base64,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) no-repeat 55% 90svh; box-shadow: unset; padding: unset; gap: 10px 0; } .rdg_initial_step_container .choose_type_payment__warning { position: absolute; bottom: 10svh; display: flex; flex-direction: row; align-items: center; justify-content: center; } .rdg_initial_step_container .choose_type_payment__warning .payment__warning_title { font-size: 12px; } .rdg_initial_step_container .choose_type_payment__warning .payment__warning_title.red { font-size: 12px; } .rdg_initial_step_container .initial_toppic { position: relative; top: unset; width: 15svh; max-width: 111px; } .rdg_initial_step_container .close_popup_btn { top: 2rem; } .rdg_initial_step_container .initial_step_content .initial_titles .title { color: #ffa800; font-size: clamp(15px, 2.4svh, 20px); font-weight: 500; line-height: normal; } .rdg_initial_step_container .initial_step_content .initial_titles .sub_title { color: #656362; font-size: clamp(10px, 1.8svh, 14px); font-weight: 400; line-height: normal; } .rdg_initial_step_container .initial_step_content .initial_step_client_data { gap: 35px 0; margin: 40px 0 10px 0; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; width: 365px; height: 40px; min-height: 40px; border-radius: 2rem; cursor: pointer; z-index: 2; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_description { position: absolute; top: -25px; right: 3%; color: #808080; font-size: 14px; font-weight: 500; line-height: normal; } } @media screen and (max-width: 624px) and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper { width: clamp(100px, 90vw, 300px); height: 35px; min-height: 35px; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_description { color: #808080; font-size: 12px; font-weight: 500; line-height: normal; top: -20px; } } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: start; background-color: #fff; padding: 0 20px 0 0; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); position: absolute; right: 0; width: 100%; height: 100%; border-radius: 2rem; outline: 1px solid #e1e1e1; z-index: 2; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 14px; font-weight: 500; line-height: 0; text-align: right; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; padding: 20px 0; } } @media screen and (max-width: 624px) and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 12px; font-weight: 500; line-height: 0; } } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box .arrow_click { position: absolute; left: 20px; cursor: pointer; transition: 0.3s ease-in-out; transform: rotate(0deg); } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box .arrow_click.open { transform: rotate(-90deg); } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_shadow_box.inactive { background-color: rgba(230, 230, 230, 0.2); } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list { display: grid; grid-template-rows: 0fr; position: absolute; width: 98%; right: 0; left: 0; margin: 0 auto; top: 26px; background-color: white; border-radius: 0 0 2rem 2rem; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); z-index: 1; overflow: hidden; transition: all 0.3s ease-in-out; padding: 0 0 0 0; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content { display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: start; width: 100%; min-height: 0; overflow: hidden; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; color: #a8a8a8; font-size: 14px; font-weight: 400; line-height: normal; text-align: center; height: 40px; min-height: 40px; width: 90%; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { direction: rtl; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item:hover { color: #ffa800; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item:last-child:before { display: none; } } @media screen and (max-width: 624px) and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item { color: #a8a8a8; font-size: 12px; font-weight: 400; line-height: 0; height: 30px; min-height: 30px; overflow: hidden; white-space: nowrap; text-align: right; justify-content: right; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { display: inline-block; direction: rtl; text-align: center; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.scroll { height: 0; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open { grid-template-rows: 1fr; padding: 15px 0 5px 0; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open.scroll { padding: 20px 5px 15px 12px; grid-template-rows: unset; height: 234px; direction: ltr; } } @media screen and (max-width: 624px) and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open.scroll { height: 145px; } } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open.scroll .select_list_content { height: 199px; overflow-y: auto; } } @media screen and (max-width: 624px) and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .select_list_wrapper .select_list.open.scroll .select_list_content { height: 110px; } } @media screen and (max-width: 624px) { .rdg_initial_step_container .initial_step_content .initial_step_client_data .initial_step_client_textarea { width: clamp(100px, 90vw, 300px); height: 150px; border-radius: 1rem; } .rdg_initial_step_container .initial_step_content .initial_step_client_data .initial_step_client_textarea .textarea_description { top: -20px; color: #808080; font-size: 12px; font-weight: 500; line-height: normal; } .rdg_initial_step_container .initial_step_content .initial_upload_data { width: clamp(100px, 90vw, 300px); } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count { right: 2vw; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .title_count { color: #b1abab; font-size: 12px; font-weight: 400; line-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper .title_wrap .files_title { text-align: center; height: 20px; min-height: 20px; color: #a8a8a8; font-size: 12px; font-weight: 400; line-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count .files_wrapper .title_wrap .files_title .remove svg { width: 15px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_files_count:hover .files_wrapper { padding: 10px 15px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_upload_btn img { width: 30px; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_upload_title { color: #555050; font-size: 10px; font-weight: 400; line-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .initial_upload_type { right: 30%; color: #ffa800; font-size: 10px; font-weight: 400; line-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .error_files { top: 40px; left: 0; right: unset; color: #ec1313; font-size: 10px; font-weight: 400; line-height: 0; } .rdg_initial_step_container .initial_step_content .initial_upload_data .error_files.success { font-size: 10px; right: unset; left: 0; top: unset; } .rdg_initial_step_container .initial_step_content .initial_upload_data .error_files.success img { display: block; width: 16px; } .rdg_initial_step_container .initial_step_content .submit_section { margin-top: 40px; } } @keyframes hideAfterDelay { 0% { opacity: 1; visibility: visible; } 99% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } .iiz { margin: 0; position: relative; overflow: hidden; display: inline-block; cursor: zoom-in; } .iiz--drag .iiz__zoom-img--visible { cursor: grab; } .iiz__img { max-width: 100%; height: auto; display: block; pointer-events: none; visibility: visible; opacity: 1; } .iiz__img--invisible { visibility: hidden; opacity: 0; } .iiz__zoom-img { width: auto !important; max-width: none !important; position: absolute; visibility: hidden; opacity: 0; display: block; } .iiz__zoom-img--visible { visibility: visible; opacity: 1; cursor: zoom-out; } .iiz__zoom-portal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; } .iiz__btn { background: rgba(255, 255, 255, 0.8); width: 40px; height: 40px; border: none; outline: none; padding: 0; position: absolute; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-appearance: none; appearance: none; } .iiz__btn:before { content: " "; background-position: center; background-repeat: no-repeat; display: block; } .iiz__hint { bottom: 10px; right: 10px; pointer-events: none; } .iiz__hint:before { content: " "; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.9'%3E%3Cpath d='M13.9 7.4C13.9 3.8 11 .9 7.4.9S.9 3.8.9 7.4s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5zm5.3 12.5l-6.7-7.2c-1.4 1.3-3.2 2.1-5.1 2.1-4.1 0-7.4-3.3-7.4-7.4S3.3 0 7.4 0s7.4 3.3 7.4 7.4c0 1.7-.6 3.4-1.7 4.7l6.8 7.2-.7.6z' fill='%23000222'/%3E%3C/svg%3E"); width: 20px; height: 20px; } .iiz__close { top: 10px; right: 10px; visibility: hidden; opacity: 0; } .iiz__close--visible { visibility: visible; opacity: 1; } .iiz__close::before { content: " "; width: 29px; height: 29px; background-image: linear-gradient(#222, #222), linear-gradient(#222, #222); background-size: 100% 1px, 1px 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .help_module_container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width: 100%; height: 100%; position: relative; padding-top: 4rem; } .help_module_container .back_btn__help { position: absolute; right: 3rem; top: 3rem; cursor: pointer; } .help_module_container .help_module_titles { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; } .help_module_container .help_module_titles .help_module_title { color: #ffa800; text-align: center; font-size: 20px; font-weight: 500; } .help_module_container .help_module_titles .help_module_subtitle { width: 265px; color: #656362; text-align: center; font-size: 14px; font-weight: 400; line-height: 17px; } .help_module_container .help_module_slider__container { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 30px; width: 248px; height: 342px; position: relative; border-radius: 6px; outline: 0.6px solid #d8d8d8; } .help_module_container .help_module_slider__container .slider_track_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 248px; min-width: 248px; height: 342px; overflow: hidden; border-radius: 6px; z-index: 1; } .help_module_container .help_module_slider__container .slider_track_wrap .slider_track { display: flex; width: 248px; min-width: 248px; height: 342px; transition: transform 0.5s ease; position: relative; } .help_module_container .help_module_slider__container .slider_track_wrap .slider_track figure { display: flex; width: 248px; min-width: 248px; height: 342px; } .help_module_container .help_module_slider__container .help_module_slider__btn { background: unset; border-radius: unset; padding: unset; font-size: 32px; font-weight: 500; color: #ffa800; z-index: 2; } .help_module_container .help_module_slider__container .help_module_slider__btn.prev_disabled, .help_module_container .help_module_slider__container .help_module_slider__btn.next_disabled { color: #d8d8d8; } .help_module_container .help_module_wsap_link { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; translate: 0 32px; gap: 5px; } .help_module_container .help_module_wsap_link .wsap_link_title { color: #656362; font-size: 14px; font-weight: 400; line-height: normal; } .help_module_container .help_module_wsap_link .wsap_link_title:hover { color: #ffa800; } @media screen and (max-width: 624px) { .help_module_container { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: unset; } .help_module_container .back_btn__help { right: 1rem; top: 1rem; } .help_module_container .help_module_titles .help_module_title { font-size: clamp(15px, 2.4svh, 20px); } .help_module_container .help_module_titles .help_module_subtitle { width: 75vw; font-size: clamp(10px, 1.8svh, 14px); line-height: normal; } .help_module_container .help_module_slider__container { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; width: 228px; height: 312px; } .help_module_container .help_module_slider__container .slider_track_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 228px; min-width: 228px; height: 312px; } .help_module_container .help_module_slider__container .slider_track_wrap .slider_track { width: 228px; min-width: 228px; height: 312px; } .help_module_container .help_module_slider__container .slider_track_wrap .slider_track figure { width: 228px; min-width: 228px; height: 312px; } .help_module_container .help_module_slider__container .slider_track_wrap .slider_track figure img { width: 228px; min-width: 228px; } .help_module_container .help_module_wsap_link .wsap_link_title { font-size: clamp(10px, 1.8svh, 14px); } .help_module_container .help_module_wsap_link .wsap_link_icon { width: 30px; } } .choose_type_container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 572px; height: 470px; border-radius: 50px; border: 1px solid #e2e0e0; background: rgba(255, 255, 255, 0.6) url(data:image/png;base64,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) no-repeat -9px 115%; background-size: contain; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); } .choose_type_container.height_active { height: 520px; } .choose_type_container.height_active_plus { height: 520px; } .choose_type_container.example_mode { height: 585px; width: 600px; } .choose_type_container .back_btn__choose { position: absolute; right: 3rem; top: 3rem; cursor: pointer; } .choose_type_container .choose_type_payment__warning { position: absolute; bottom: 15px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px; } .choose_type_container .choose_type_payment__warning .payment__warning_title { color: #393939; font-size: 14px; font-weight: 400; } .choose_type_container .choose_type_payment__warning .payment__warning_title.red { font-size: 16px; color: #ff1313; font-weight: 500; } .choose_type_container .choose_type_payment__warning.none { display: none; } .choose_type_container .load-wrapper { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); border-radius: 50px; z-index: 10; } .choose_type_container .choose_type_toppic { position: absolute; top: -90px; } .choose_type_container .choose_type_toppic.move_up { top: -115px; } .choose_type_container .choose_type_content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .choose_type_container .choose_type_content.example_mode { display: none; } .choose_type_container .choose_type_content .choose_content_up { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; } .choose_type_container .choose_type_content .choose_content_up .content_up_titles { display: flex; flex-direction: column; align-items: center; justify-content: center; } .choose_type_container .choose_type_content .choose_content_up .content_up_titles .up_title { color: #ffa800; font-size: 20px; font-weight: 500; line-height: normal; } .choose_type_container .choose_type_content .choose_content_up .content_up_titles .up_subtitle { color: #656362; font-size: 14px; font-weight: 400; line-height: normal; } .choose_type_container .choose_type_content .choose_content_up .content_down_title { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; width: 365px; height: 40px; min-height: 40px; border-radius: 2rem; cursor: pointer; z-index: 3; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_description { position: absolute; top: -25px; right: 3%; color: #808080; font-size: 14px; font-weight: 500; line-height: normal; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper { width: clamp(100px, 90vw, 300px); height: 35px; min-height: 35px; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_description { color: #808080; font-size: 12px; font-weight: 500; line-height: normal; top: -20px; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: start; background-color: #fff; padding: 0 20px 0 0; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); position: absolute; right: 0; width: 100%; height: 100%; border-radius: 2rem; outline: 1px solid #e1e1e1; z-index: 2; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 14px; font-weight: 500; line-height: 0; text-align: right; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; padding: 20px 0; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 12px; font-weight: 500; line-height: 0; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box .arrow_click { position: absolute; left: 20px; cursor: pointer; transition: 0.3s ease-in-out; transform: rotate(0deg); } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box .arrow_click.open { transform: rotate(-90deg); } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box.inactive { background-color: rgba(230, 230, 230, 0.2); } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list { display: grid; grid-template-rows: 0fr; position: absolute; width: 98%; right: 0; left: 0; margin: 0 auto; top: 26px; background-color: white; border-radius: 0 0 2rem 2rem; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); z-index: 1; overflow: hidden; transition: all 0.3s ease-in-out; padding: 0 0 0 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content { display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: start; width: 100%; min-height: 0; overflow: hidden; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; color: #a8a8a8; font-size: 14px; font-weight: 400; line-height: normal; text-align: center; height: 40px; min-height: 40px; width: 90%; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { direction: rtl; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item:hover { color: #ffa800; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item:last-child:before { display: none; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item { color: #a8a8a8; font-size: 12px; font-weight: 400; line-height: 0; height: 30px; min-height: 30px; overflow: hidden; white-space: nowrap; text-align: right; justify-content: right; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { display: inline-block; direction: rtl; text-align: center; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.scroll { height: 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open { grid-template-rows: 1fr; padding: 15px 0 5px 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open.scroll { padding: 20px 5px 15px 12px; grid-template-rows: unset; height: 234px; direction: ltr; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open.scroll { height: 145px; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open.scroll .select_list_content { height: 199px; overflow-y: auto; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open.scroll .select_list_content { height: 110px; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title .content_up_help { position: absolute; right: -25px; cursor: pointer; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .content_up_help .content_up_tooltip { visibility: hidden; position: absolute; width: 74.744px; height: 45.525px; translate: 67px -70px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAuCAYAAABgd+QDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMSSURBVHgB7ds/TBNRHMDx37s/vaPSUmgglAFqojF1ERN1JAwmOmhg8g8BU1yYDDFxc2BydjExMQ6YNEhcqIlxMCHp4CYGlMTKYApCAEmxQOmf+/u8d6TQQmt8cWt/nwHo8drhm/fu3vBK4C+iKRowCntRIGQAgIZbJTEEdahgU6lI7UWgZIEAeRWL+BLVxpFaHzCUzE54BXjQH5D0K83SzlmvlIc6tqlTz9ec4fu4awV/aOash8oPJyNNy+VjTsSKJgthg5gzfS1i11CHut4sEAsazIeMHny3rXszBh2LnffHS9crYrnLrpidH+nwkGttShoaGJtpT1Zy53ZMersUTCgf4IR6er1NVho9FNPpIfrjnlNLikhestXGrh3GGk5m+7sU8daws/QAuViwG0E5b4AxwV4fzSxKx++2y2uAKgwGlS1VICPRVCYgsgvR+UzA3yS+uN/ZtArohH2LkqU9O+/OLFOVers8Yl1vDf5Ht0oKIJILbizibDi7VQFj1XBGlfNgQ1gA9M8wFgeMxQFjccBYHDAWB4zFAWNxwFgcMBYHjMUBY3HAWBwwFgeMxQFjccBYHDAWB4zFAWNxwFgcMBYHjMXhMFbepiKgqjZ1U2G/JfbDACuxWhS8gKr6ZVAPpfSLO7OmI63L6zrV93F2VfU9b/kEIsQPl6Fm28/epvUOQBU2NFv5lDWy7JypdHRZoBQoAVThTVoLUSCP2N/uzGIn29pkGLoawBN/5aa2tNBc1lycivgn2Ws3lkH1wcs+ycdOugFysVDvf2u6CdZo6drBMiRkHGfVgfl9wzeTNkMpzZzNqfZo/HTrTul/0vC3vcFLPpHNqu1abwzKVO9WpHy7B/RTdXbUO+fsAHIWiCtFy7umQVOqaH52Zs9YLOJPHB8rObf0gb4WuSIUewI839B6Sm9MFWhgjpi9zo2uB+qQs4faFQlZMEBOTEf8y7XGSapAbl5slt0BLBK7+7NHpU3JvddlB+YdcWhwkkbt1Rlnf/VTs7wsEntMTkVaJgGdQO4kM2EJhCj7kk+sciahY/4AIzczb8a3fvQAAAAASUVORK5CYII=) no-repeat center center; background-size: contain; display: flex; flex-direction: column; align-items: center; justify-content: center; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .content_up_help .content_up_tooltip .tooltip_title__content { color: #656362; text-align: center; font-size: 11px; font-style: normal; font-weight: 600; line-height: 13.358px; /* 121.435% */ width: 40px; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .content_up_help .content_up_tooltip { display: none; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title .content_up_help:hover .content_up_tooltip { visibility: visible; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; width: 365px; height: 40px; min-height: 40px; border-radius: 2rem; cursor: pointer; z-index: 2; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_description { position: absolute; top: -25px; right: 3%; color: #808080; font-size: 14px; font-weight: 500; line-height: normal; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper { width: clamp(100px, 90vw, 300px); height: 35px; min-height: 35px; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_description { color: #808080; font-size: 12px; font-weight: 500; line-height: normal; top: -20px; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: start; background-color: #fff; padding: 0 20px 0 0; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); position: absolute; right: 0; width: 100%; height: 100%; border-radius: 2rem; outline: 1px solid #e1e1e1; z-index: 2; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 14px; font-weight: 500; line-height: 0; text-align: right; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; padding: 20px 0; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 12px; font-weight: 500; line-height: 0; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box .arrow_click { position: absolute; left: 20px; cursor: pointer; transition: 0.3s ease-in-out; transform: rotate(0deg); } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box .arrow_click.open { transform: rotate(-90deg); } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box.inactive { background-color: rgba(230, 230, 230, 0.2); } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list { display: grid; grid-template-rows: 0fr; position: absolute; width: 98%; right: 0; left: 0; margin: 0 auto; top: 26px; background-color: white; border-radius: 0 0 2rem 2rem; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); z-index: 1; overflow: hidden; transition: all 0.3s ease-in-out; padding: 0 0 0 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content { display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: start; width: 100%; min-height: 0; overflow: hidden; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; color: #a8a8a8; font-size: 14px; font-weight: 400; line-height: normal; text-align: center; height: 40px; min-height: 40px; width: 90%; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { direction: rtl; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item:hover { color: #ffa800; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item:last-child:before { display: none; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item { color: #a8a8a8; font-size: 12px; font-weight: 400; line-height: 0; height: 30px; min-height: 30px; overflow: hidden; white-space: nowrap; text-align: right; justify-content: right; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { display: inline-block; direction: rtl; text-align: center; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.scroll { height: 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open { grid-template-rows: 1fr; padding: 15px 0 5px 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open.scroll { padding: 20px 5px 15px 12px; grid-template-rows: unset; height: 234px; direction: ltr; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open.scroll { height: 145px; } } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open.scroll .select_list_content { height: 199px; overflow-y: auto; } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open.scroll .select_list_content { height: 110px; } } .choose_type_container .choose_type_content .choose_content_down { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .choose_type_container .choose_type_content .choose_content_down .load-wrapper { position: absolute; right: 55px; bottom: -39px; width: unset; height: unset; background: unset; border-radius: unset; } .choose_type_container .choose_type_content .choose_content_down .content_down_descr { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; gap: 5px; width: 100%; } .choose_type_container .choose_type_content .choose_content_down .content_down_descr .content_down_descr_item { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 2px; color: #a8a8a8; font-size: 14px; font-weight: 400; line-height: normal; } .choose_type_container .choose_type_content .choose_content_down .content_down_topper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: #656362; font-size: 16px; font-weight: 500; line-height: normal; } .choose_type_container .choose_type_content .choose_content_down .content_down_topper .content_price__choose { color: #656362; } .choose_type_container .choose_type_content .choose_content_down .content_down_topper .content_items__choose { color: #5bd7f2; } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose { display: flex; flex-direction: row; align-items: center; justify-content: center; align-items: start; gap: 5px; } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_text__choose { display: flex; flex-direction: column; align-items: center; justify-content: center; align-items: start; } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_text__choose .text__checkbox { color: #393939; font-size: 14px; font-weight: 400; line-height: normal; } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_text__choose .link__checkbox { color: #ffa800; font-size: 14px; font-weight: 500; line-height: normal; } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_btn__choose { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: unset; background: unset; width: 18px; height: 18px; outline: 0.8px solid #999696; border-radius: 3px; } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_btn__choose .checkbox_icon__choose { visibility: hidden; translate: 0 -1px; } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_btn__choose.active { background: #ffa800; outline: 0.8px solid #fff; } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_btn__choose.active .checkbox_icon__choose { visibility: visible; } .choose_type_container .choose_type_content .choose_content_down .content_down_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; bottom: -36px; padding: unset; width: 102px; height: 26px; background-color: #f90; border-radius: 2rem; line-height: 0; color: #fff; font-size: 12px; font-weight: 500; } @media screen and (max-width: 624px) { .choose_type_container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 100vw; height: 100svh; border-radius: unset; border: unset; background: transparent url(data:image/png;base64,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) no-repeat 55% 90svh; background-size: contain; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); gap: 10px; } .choose_type_container.height_active, .choose_type_container.height_active_plus, .choose_type_container.example_mode { width: 100vw; height: 100svh; } .choose_type_container .back_btn__choose { right: 1rem; top: 1rem; } .choose_type_container .choose_type_payment__warning { position: absolute; bottom: 10svh; display: flex; flex-direction: row; align-items: center; justify-content: center; } .choose_type_container .choose_type_payment__warning .payment__warning_title { font-size: 10px; } .choose_type_container .choose_type_payment__warning .payment__warning_title.red { font-size: 12px; } .choose_type_container .close_popup_btn { top: 2rem; } .choose_type_container .load-wrapper { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); border-radius: unset; z-index: 10; } .choose_type_container .choose_type_toppic { position: relative; width: 15svh; max-width: 111px; top: -10svh; } .choose_type_container .choose_type_content { translate: 0 -10svh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .choose_type_container .choose_type_content .choose_content_up { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; } .choose_type_container .choose_type_content .choose_content_up .content_up_titles { display: flex; flex-direction: column; align-items: center; justify-content: center; } .choose_type_container .choose_type_content .choose_content_up .content_up_titles .up_title { color: #ffa800; font-size: clamp(15px, 2.4svh, 20px); font-weight: 500; line-height: normal; } .choose_type_container .choose_type_content .choose_content_up .content_up_titles .up_subtitle { color: #656362; font-size: clamp(10px, 1.8svh, 14px); font-weight: 400; line-height: normal; } .choose_type_container .choose_type_content .choose_content_up .content_down_title { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; width: 365px; height: 40px; min-height: 40px; border-radius: 2rem; cursor: pointer; z-index: 3; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_description { position: absolute; top: -25px; right: 3%; color: #808080; font-size: 14px; font-weight: 500; line-height: normal; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper { width: clamp(100px, 90vw, 300px); height: 35px; min-height: 35px; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_description { color: #808080; font-size: 12px; font-weight: 500; line-height: normal; top: -20px; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: start; background-color: #fff; padding: 0 20px 0 0; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); position: absolute; right: 0; width: 100%; height: 100%; border-radius: 2rem; outline: 1px solid #e1e1e1; z-index: 2; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 14px; font-weight: 500; line-height: 0; text-align: right; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; padding: 20px 0; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 12px; font-weight: 500; line-height: 0; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box .arrow_click { position: absolute; left: 20px; cursor: pointer; transition: 0.3s ease-in-out; transform: rotate(0deg); } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box .arrow_click.open { transform: rotate(-90deg); } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_shadow_box.inactive { background-color: rgba(230, 230, 230, 0.2); } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list { display: grid; grid-template-rows: 0fr; position: absolute; width: 98%; right: 0; left: 0; margin: 0 auto; top: 26px; background-color: white; border-radius: 0 0 2rem 2rem; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); z-index: 1; overflow: hidden; transition: all 0.3s ease-in-out; padding: 0 0 0 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content { display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: start; width: 100%; min-height: 0; overflow: hidden; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; color: #a8a8a8; font-size: 14px; font-weight: 400; line-height: normal; text-align: center; height: 40px; min-height: 40px; width: 90%; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { direction: rtl; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item:hover { color: #ffa800; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item:last-child:before { display: none; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item { color: #a8a8a8; font-size: 12px; font-weight: 400; line-height: 0; height: 30px; min-height: 30px; overflow: hidden; white-space: nowrap; text-align: right; justify-content: right; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { display: inline-block; direction: rtl; text-align: center; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.scroll { height: 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open { grid-template-rows: 1fr; padding: 15px 0 5px 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open.scroll { padding: 20px 5px 15px 12px; grid-template-rows: unset; height: 234px; direction: ltr; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open.scroll { height: 145px; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open.scroll .select_list_content { height: 199px; overflow-y: auto; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title .select_list_wrapper .select_list.open.scroll .select_list_content { height: 110px; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; width: 365px; height: 40px; min-height: 40px; border-radius: 2rem; cursor: pointer; z-index: 2; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_description { position: absolute; top: -25px; right: 3%; color: #808080; font-size: 14px; font-weight: 500; line-height: normal; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper { width: clamp(100px, 90vw, 300px); height: 35px; min-height: 35px; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_description { color: #808080; font-size: 12px; font-weight: 500; line-height: normal; top: -20px; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box { display: flex; flex-direction: row; align-items: center; justify-content: center; justify-content: start; background-color: #fff; padding: 0 20px 0 0; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); position: absolute; right: 0; width: 100%; height: 100%; border-radius: 2rem; outline: 1px solid #e1e1e1; z-index: 2; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 14px; font-weight: 500; line-height: 0; text-align: right; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; padding: 20px 0; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box .select_value { color: #a8a8a8; font-size: 12px; font-weight: 500; line-height: 0; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box .arrow_click { position: absolute; left: 20px; cursor: pointer; transition: 0.3s ease-in-out; transform: rotate(0deg); } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box .arrow_click.open { transform: rotate(-90deg); } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_shadow_box.inactive { background-color: rgba(230, 230, 230, 0.2); } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list { display: grid; grid-template-rows: 0fr; position: absolute; width: 98%; right: 0; left: 0; margin: 0 auto; top: 26px; background-color: white; border-radius: 0 0 2rem 2rem; box-shadow: 0 2.227px 23.381px rgba(103, 136, 213, 0.25); z-index: 1; overflow: hidden; transition: all 0.3s ease-in-out; padding: 0 0 0 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content { display: flex; flex-direction: column; align-items: center; justify-content: center; justify-content: start; width: 100%; min-height: 0; overflow: hidden; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; color: #a8a8a8; font-size: 14px; font-weight: 400; line-height: normal; text-align: center; height: 40px; min-height: 40px; width: 90%; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { direction: rtl; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item:hover { color: #ffa800; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item:last-child:before { display: none; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item { color: #a8a8a8; font-size: 12px; font-weight: 400; line-height: 0; height: 30px; min-height: 30px; overflow: hidden; white-space: nowrap; text-align: right; justify-content: right; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list .select_list_content .select_item .select_item_title { display: inline-block; direction: rtl; text-align: center; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.scroll { height: 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open { grid-template-rows: 1fr; padding: 15px 0 5px 0; } .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open.scroll { padding: 20px 5px 15px 12px; grid-template-rows: unset; height: 234px; direction: ltr; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open.scroll { height: 145px; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open.scroll .select_list_content { height: 199px; overflow-y: auto; } } @media screen and (max-width: 624px) and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_up .content_down_title.second .select_list_wrapper .select_list.open.scroll .select_list_content { height: 110px; } } @media screen and (max-width: 624px) { .choose_type_container .choose_type_content .choose_content_down { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .choose_type_container .choose_type_content .choose_content_down .load-wrapper { position: absolute; right: 12px; bottom: -2px; width: unset; height: unset; background: unset; border-radius: unset; } .choose_type_container .choose_type_content .choose_content_down .content_down_descr .content_down_descr_item { font-size: 10px; } .choose_type_container .choose_type_content .choose_content_down .content_down_topper { font-size: clamp(10px, 1.8svh, 14px); } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_text__choose .text__checkbox, .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_text__choose .link__checkbox { font-size: 12px; } .choose_type_container .choose_type_content .choose_content_down .content_down_checkbox__choose .checkbox_btn__choose { width: 16px; height: 16px; } .choose_type_container .choose_type_content .choose_content_down .content_down_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: unset; width: 102px; height: 26px; background-color: #f90; border-radius: 2rem; line-height: 0; color: #fff; font-size: 11px; font-weight: 500; } .choose_type_container.height_active .choose_type_toppic { top: -5svh; } .choose_type_container.height_active .choose_type_content { translate: 0 -5svh; } .choose_type_container.height_active_plus .choose_type_toppic { top: -2svh; } .choose_type_container.height_active_plus .choose_type_content { translate: 0 -2svh; } .choose_type_container.example_mode .choose_type_toppic { display: none; } .choose_type_container.example_mode .close_popup_btn { display: none; } } .first_step_success_container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 525px; height: 346px; border-radius: 50px; border: 1px solid #e2e0e0; background: rgba(255, 255, 255, 0.6) url(data:image/png;base64,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) no-repeat 60% 125%; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); } .first_step_success_container .container_icon { position: absolute; top: -100px; right: 100px; } .first_step_success_container .step_content { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; } .first_step_success_container .step_content .step_content_text { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; } .first_step_success_container .step_content .step_content_text .step_content_title, .first_step_success_container .step_content .step_content_text .step_content_subtitle { color: #ffa800; font-size: 20px; font-weight: 500; line-height: normal; } .first_step_success_container .step_content .step_content_buttons { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; } .first_step_success_container .step_content .step_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: unset; width: 120px; height: 32px; background-color: transparent; outline: 1px solid #42ccf0; border-radius: 2rem; line-height: 0; color: #42ccf0; font-size: 12px; font-weight: 500; } .first_step_success_container .step_content .load-wrapper { position: absolute; bottom: -38px; } @media screen and (max-width: 624px) { .first_step_success_container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 100vw; height: 100svh; border-radius: unset; border: unset; background: transparent url(data:image/png;base64,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) no-repeat 55% 90svh; box-shadow: unset; padding: unset; gap: 20px; } .first_step_success_container .container_icon { position: relative; top: unset; width: 185px; right: unset; translate: 33px 0; } .first_step_success_container .close_popup_btn { top: 2rem; } .first_step_success_container .step_content { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; } .first_step_success_container .step_content .step_content_text { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; } .first_step_success_container .step_content .step_content_text .step_content_title, .first_step_success_container .step_content .step_content_text .step_content_subtitle { color: #ffa800; font-size: clamp(15px, 2.4svh, 20px); font-weight: 500; line-height: normal; } .first_step_success_container .step_content .step_content_buttons { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; } .first_step_success_container .step_content .step_btn { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: unset; width: 120px; height: 32px; background-color: transparent; outline: 1px solid #42ccf0; border-radius: 2rem; line-height: 0; color: #42ccf0; font-size: 12px; font-weight: 500; } .first_step_success_container .step_content .load-wrapper { position: absolute; bottom: -38px; } } .rdg_iframe_container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 525px; height: 346px; border-radius: 50px; border: 1px solid #e2e0e0; background: rgba(255, 255, 255, 0.6) url(data:image/png;base64,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) no-repeat 60% 125%; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); } .rdg_iframe_container .container_icon { position: absolute; top: -100px; } .rdg_iframe_container .rdg_iframe__titles { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; } .rdg_iframe_container .rdg_iframe__titles .rdg_iframe__title { color: #ffa800; text-align: center; font-size: 20px; font-weight: 500; line-height: normal; } .rdg_iframe_container .rdg_iframe__titles .rdg_iframe__sub { color: #555; text-align: center; font-size: 16px; font-weight: 400; line-height: normal; width: 367px; } .rdg_iframe_container .rdf_iframe_onload { margin-top: 30px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: unset; width: 124px; height: 32px; background-color: transparent; outline: 1px solid #42ccf0; border-radius: 2rem; line-height: 0; color: #42ccf0; font-size: 12px; font-weight: 500; } .rdg_iframe_container #my-iframe { display: none; } @media screen and (max-width: 624px) { .rdg_iframe_container { width: 100vw; height: 100svh; border-radius: unset; border: unset; background: transparent url(data:image/png;base64,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) no-repeat 55% 90svh; box-shadow: unset; padding: unset; } .rdg_iframe_container .container_icon { position: relative; top: unset; width: 20svh; } .rdg_iframe_container .close_popup_btn { top: 3svh; } .rdg_iframe_container .rdg_iframe__titles { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; } .rdg_iframe_container .rdg_iframe__titles .rdg_iframe__title { font-size: 18px; } .rdg_iframe_container .rdg_iframe__titles .rdg_iframe__sub { font-size: 14px; width: 270px; } } .rdg_awaiting_container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 487px; height: 292px; border-radius: 50px; border: 1px solid #e2e0e0; background: rgba(255, 255, 255, 0.6) url(data:image/png;base64,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) no-repeat 60% 125%; box-shadow: 0 4px 43px 0 rgba(166, 163, 157, 0.22); gap: 5px; } .rdg_awaiting_container .container_icon { position: absolute; top: -80px; } .rdg_awaiting_container .step_content__awaiting { color: #9ee02b; text-align: center; font-size: 24px; font-weight: 500; line-height: 28px; } .rdg_awaiting_container .step_content__awaiting.error { width: fit-content; color: #ff1519; } .rdg_awaiting_container .sub_content__awaiting { width: 315px; color: #6d6464; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; } .rdg_awaiting_container .sub_content__awaiting.error { width: fit-content; font-size: 20px; line-height: 26px; } @media screen and (max-width: 624px) { .rdg_awaiting_container { width: 100vw; height: 100svh; border-radius: unset; border: unset; background: transparent url(data:image/png;base64,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) no-repeat 55% 90svh; box-shadow: unset; padding: unset; } .rdg_awaiting_container .close_popup_btn { top: 3svh; } .rdg_awaiting_container .step_content__awaiting { font-size: clamp(15px, 3svh, 24px); line-height: normal; } .rdg_awaiting_container .container_icon { position: relative; width: 120px; top: unset; translate: 0 -120px; } .rdg_awaiting_container .container_icon.error { translate: 0 -110px; width: 90px; } .rdg_awaiting_container .step_content__awaiting { width: fit-content; font-size: clamp(15px, 3svh, 24px); line-height: normal; translate: 0 -99px; } .rdg_awaiting_container .step_content__awaiting.error { translate: 0 -90px; } .rdg_awaiting_container .sub_content__awaiting { translate: 0 -90px; font-size: clamp(12px, 2.4svh, 20px); line-height: normal; } } .popup-wrapper.visible.rdgPopup .popup-box { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; min-height: unset; min-width: unset; overflow: hidden; width: 100vw; height: 100svh; background: rgba(255, 255, 255, 0.1); } .popup-wrapper.visible.rdgPopup .popup-box .main_popup_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; } .popup-wrapper.visible.rdgPopup .popup-box .main_popup_wrapper .load-wrapper .spinner.size img { width: 50px; } @media screen and (max-width: 624px) { .popup-wrapper.visible.rdgPopup .popup-box { background: url(/_next/static/images/payment_bg_main-d0a1542106102ffcf276a4c6f5d58808.jpg) no-repeat center center; background-size: cover; } } .old-popup-wrapper { position: fixed; width: 100%; height: 100vh; z-index: 9999; top: 0; right: 0; display: flex; align-items: center; justify-content: center; transition: all 200ms ease-in-out; } .old-popup-wrapper .old-popup-box { display: flex; flex-direction: column; width: 90%; position: relative; text-align: center; padding: 1rem 2rem; min-height: 30vh; max-height: 90vh; border: 1px solid #FFA800; max-width: 500px; border-radius: 1rem; background-color: #1d1d1e; transition: all 300ms ease-in-out; -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); -webkit-transform: scale(0.2); transform: scale(0.2); } .old-popup-wrapper .old-popup-box .old-close-btn { position: absolute; right: 0.6rem; top: 0.5rem; width: 2.3rem; height: 2.3rem; padding: 0; display: flex; justify-content: center; align-items: center; background-color: #1d1d1e; border: 1px solid #FFA800; text-align: center; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .old-popup-wrapper .old-popup-box .old-close-btn svg { width: 15px; display: block; height: 15px; margin-right: 1px; } .old-popup-wrapper .old-popup-box .old-close-btn svg g rect { fill: #FFA800; transition: all 300ms ease-in-out; } .old-popup-wrapper .old-popup-box .old-close-btn:hover { background-color: #FFA800; } .old-popup-wrapper .old-popup-box .old-close-btn:hover svg g rect { fill: white; } .old-popup-wrapper .old-popup-box .popup-body { display: flex; flex-direction: column; align-items: center; flex-grow: 1; font-size: 1.5rem; justify-content: center; overflow: auto; } .old-popup-wrapper .old-popup-box .popup-body h3 { text-align: center; color: white; } .old-popup-wrapper .old-popup-box .popup-footer { padding: 0.5rem 0 1rem; display: flex; justify-content: space-around; } .old-popup-wrapper .old-popup-box .btn-container { flex-direction: column; } .old-popup-wrapper .old-popup-box .btn-container a { text-decoration: none; } .old-popup-wrapper .old-popup-box .btn-container .btn { margin: 1.5% 0; } .old-popup-wrapper.old-visible { visibility: visible; opacity: 1; } .old-popup-wrapper.old-visible .old-popup-box { -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .old-popup-wrapper.old-hidden { visibility: hidden; opacity: 0; } .social-icons { display: flex; z-index: 101; position: absolute; left: 42px; right: auto; top: 160px; transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1); flex-direction: column; transform: translateY(-85%); } .social-icons.hide { z-index: 2; transition: unset; } .social-icons.open { transform: translateY(0); } .social-icons li { position: relative; margin: 1.9rem 0; opacity: 0; visibility: hidden; } .social-icons li a { display: flex; align-items: center; justify-content: center; } .social-icons li a img { height: 38px; width: 38px; position: absolute; } .social-icons li a img:hover { height: 45px; width: 45px; } .social-icons li.open { opacity: 1; visibility: unset; } @media screen and (max-width: 1024px) { .social-icons { left: 22px; top: 120px; } .social-icons li { margin: 1.3rem 0; } .social-icons li a img { height: 28px; width: 28px; } } @media screen and (max-width: 1023px) { .social-icons { left: 22.5px; top: 114px; } .social-icons li { margin: 1.2rem 0; } .social-icons li a img { height: 27px; width: 27px; } } @media screen and (width: 360px) { .social-icons { display: none; } } @media screen and (width: 280px) { .social-icons { display: none; } } @media screen and (max-width: 624px) { .social-icons { top: unset; bottom: 70px; left: 23px; } .social-icons.open { transform: unset; } } .bundle_icon_wrapper { display: flex; flex-direction: column; justify-content: end; align-items: center; cursor: pointer; position: absolute; box-shadow: 0 0 40px rgba(92, 94, 98, 0.3); border-radius: 50%; width: 82.957px; height: 87.093px; right: 2%; top: 5%; z-index: 5; } .bundle_icon_wrapper.agent { top: calc(5% + 85px); } .bundle_icon_wrapper .bundle_img_wrapper { overflow: hidden; height: 115px; min-height: 115px; width: 115px; } .bundle_icon_wrapper .bundle_img_wrapper .bundle_img { translate: -8px 20px; } .bundle_icon_wrapper .bndl_title { color: #ffa800; font-size: 12px; font-weight: 500; translate: 0 -8px; } .bundle_img_icon { display: none; } @media screen and (max-width: 624px) { .bundle_icon_wrapper { display: none; } .bundle_img_icon { position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: #F2F2F2; overflow: hidden; width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 0 36.614px rgba(92, 94, 98, 0.3); top: 15px; right: 15px; z-index: 5; } .bundle_img_icon.agent { top: 57px; } } .products_container-mobile { margin: 0; padding: 0; box-sizing: border-box; position: relative; height: 70em; background: none; background-size: cover; display: none; flex-direction: column; align-items: center; width: 100%; } .products_container-mobile.mobile { display: flex; } .products_container-mobile.hide .title_wrapper_mobile, .products_container-mobile.hide .product_slider_wrapper { display: none; } .products_container-mobile .title_wrapper_mobile { margin: 6em 0 1em 0; } .products_container-mobile .title_wrapper_mobile .main_title_product { font-size: 14px; color: #FFA800; font-weight: 500; margin: 0; } .products_container-mobile .product_slider_wrapper { width: 100%; } .products_container-mobile .product_slider_wrapper .alice-carousel .alice-carousel__stage-item { padding: 1.4rem 0; } .products_container-mobile .product_slider_wrapper .alice-carousel .alice-carousel__dots-item:not(.__custom).__active { background-color: #ff8a04; } .products_container-mobile .product_slider_wrapper .alice-carousel .alice-carousel__dots { margin-top: -2px; display: flex; justify-content: center; } .products_container-mobile .product_slider_wrapper .alice-carousel .alice-carousel__dots li { height: 6px; width: 6px; margin: 2px; background-color: #393838; } .products_container-mobile .product_slider_wrapper .alice-carousel .alice-carousel__dots li:active { background-color: white; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile { height: 48em; width: 80%; margin: 0 auto; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); border: solid 1px #e6e6e6; border-radius: 15px; display: flex; flex-direction: column; align-items: center; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .text_area_prod { text-align: center; margin-top: 2em; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .text_area_prod .main_title { font-size: 14px; font-weight: 500; color: #413f3d; margin: 0; line-height: 1.45; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .text_area_prod .sub_title { font-size: 12px; font-weight: normal; color: #000; direction: rtl; margin: 0; line-height: 1.25; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .text_area_prod .sub_title.Simple { width: 151px; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod { margin-top: 2em; height: 17em; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img { z-index: 1; position: relative; width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.soul_care { width: 14rem; height: 11.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.mediwho_fly { width: 14rem; height: 11.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.magen_david { width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.assistant { width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.mediwho_360 { width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.all_in { width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.gold_plus { width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.mediwho_gold { width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.simple_smile { width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.best_care_smile { width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img.best_care { width: 16rem; height: 12.5rem; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .img_wrapper_prod .logo_img_back { width: 17rem; height: 15rem; position: absolute; left: 23%; z-index: 0; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod { display: flex; flex-direction: column; justify-content: right; width: 100%; height: 23em; margin: -23px 0 4px 0; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .row_prod { display: flex; flex-direction: row; justify-content: right; width: 90%; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .row_prod .img_ok { width: 1em; height: 1em; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .row_prod .title { color: #707070; font-size: 12px; width: 90%; padding-right: 0.5em; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .row_prod .title .spec_text { color: #fd7200; font-weight: 500; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .row_prod .title.dentist { font-size: 12px; color: #fd7200; font-weight: 500; cursor: pointer; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .bottom-line { width: 80%; height: 5px; border-bottom: 1px dashed #d1d1d1; margin: 1rem auto; } .products_container-mobile .product_slider_wrapper .slider_items_product_mobile .lines_prod .prod_row_mobile .bottom-line-last { display: none; } .products_container-mobile .footer_divider_img { position: absolute; bottom: 0; width: 100vw; height: 100px; } .products_container-mobile .button_container_prod { height: 5%; margin-bottom: 4px; display: flex; } .products_container-mobile .button_container_prod .watch_btn .insider { padding: 4px 40px 4px 40px; border-radius: 30px; background-color: #3e3e3e; font-size: 12px; font-weight: 400; color: #fff; transition: 1s; } .products_container-mobile .button_container_prod .a_prod .prod_btn { padding: 4px 40px 4px 40px; border-radius: 30px; background-color: #3e3e3e; font-size: 12px; font-weight: 500; color: #fff; transition: 1s; margin-left: 10px; } .products_container-mobile .button_container_prod .a_prod .prod_btn:hover { background-color: #fd7200; transition: 1s; transform: scale(1.05); } .products-official-wrapper { position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 6.7em; width: 100%; height: 90em; background: white url(/_next/static/images/agentProd_BG-40948af64de14b8560f1c5032e43fe1a.jpg) no-repeat; background-size: 100% 95em; } .products-official-wrapper.hide .don_img_agent, .products-official-wrapper.hide .main_title, .products-official-wrapper.hide .cards, .products-official-wrapper.hide .bundle_img_icon { display: none; } .products-official-wrapper .don_img_agent { width: 300px; height: 700px; position: absolute; left: 2.3em; top: 10em; } .products-official-wrapper .main_title { color: #fd7200; margin: 3rem auto 1rem auto; font-size: 2rem; font-weight: bold; direction: ltr; } .products-official-wrapper .main_title.mobile { visibility: hidden; margin: 3rem auto .3rem auto; } .products-official-wrapper .cards { display: flex; flex-direction: row; align-items: center; justify-content: space-around; width: 80%; height: 60em; z-index: 4; } .products-official-wrapper .cards.mobile { display: none; } .products-official-wrapper .cards.laptop { width: 100%; } .products-official-wrapper .cards .slider-component-outer-wrapper.productsOfficial .slider-component .slider-component-inner-wrapper { padding-right: 40px; overflow: unset; overflow-x: clip; } .products-official-wrapper .cards .slider-component-outer-wrapper.productsOfficial .slider-component .slider-component-left-button { margin-right: 50px; } .products-official-wrapper .cards .slider-component-outer-wrapper.productsOfficial .slider-component .slider-component-right-button { margin-left: 20px; } .products-official-wrapper .cards .slider-component-outer-wrapper.productsOfficial .slider-component-progress-circles { display: none; } .products-official-wrapper .bottom_waves { position: absolute; bottom: 0; background: url(/_next/static/images/agentProd_BG_2-8e1f613d19f0032acca5231a59ab6f4e.png) no-repeat; background-size: 100% 100%; width: 100%; height: 20em; margin-bottom: -10px; } @media screen and (max-width: 624px) { .products-official-wrapper { height: 65em; background-size: 100% 65em; margin-top: 3.5em; } .products-official-wrapper .cards { display: flex; flex-direction: row; align-items: center; justify-content: space-around; width: 100%; height: 60em; } .products-official-wrapper .main_title { margin: 2rem auto 1rem auto; font-size: 1.6rem; } .products-official-wrapper .bottom_waves { height: 7em; } .products-official-wrapper .don_img_agent { display: none; } }