/*Owner:IBS Date of release : 15Dec2021 UI developer : Jaison Joseph Elayidom */ /*Basic theme variables PS theme*/ /*icons color in overview page*/ /*Overview - Progressing bar*/ /*Overview - ads*/ /*:root { --primary: #0060a9; --secondary: #19a4a7; --textcolor: #999DAA; --labelcolor: #676869; --input-field:#9EC2ED; --light-grey:#dddddd; --danger: #ff0000; --success: #009933; --warning: #ff9900; --border-color: #c9c9c9; --white: #fff; --header:#fff; --sidebar:#f5f5f5; --sidebar-hover:#ff7800; --em-base: 14; }*/ /*theme variables AN theme. This will override _variables.scss*/ @font-face { font-family: "Air New Zealand Sans"; src: url("font/AirNewZealandSansSub-Regular.woff2") format("woff2"), url("font/AirNewZealandSansSub-Regular.woff") format("woff"); } @font-face { font-family: "airnewzald"; src: url("font/airnewzald-blackitalic.8f7d15feda31f0da69fe972061a1caad.woff2") format("woff2"), url("font/airnewzald-blackitalic.cd8d67d5a02bc95e3c32b29558cf21c8.woff") format("woff"); font-display: block; } @font-face { font-family: "airnewzald"; font-weight: 700; src: url("font/airnewzald-blackitalic.8f7d15feda31f0da69fe972061a1caad.woff2") format("woff2"), url("font/airnewzald-blackitalic.cd8d67d5a02bc95e3c32b29558cf21c8.woff") format("woff"); font-display: block; } @font-face { font-family: "airnewzald"; font-style: italic; src: url("font/airnewzald-blackitalic.8f7d15feda31f0da69fe972061a1caad.woff2") format("woff2"), url("font/airnewzald-blackitalic.cd8d67d5a02bc95e3c32b29558cf21c8.woff") format("woff"); font-display: block; } @font-face { font-family: "airnewzald"; font-style: italic; font-weight: 700; src: url("font/airnewzald-blackitalic.8f7d15feda31f0da69fe972061a1caad.woff2") format("woff2"), url("font/airnewzald-blackitalic.cd8d67d5a02bc95e3c32b29558cf21c8.woff") format("woff"); font-display: block; } @font-face { font-family: "airpoints-airnewzald"; src: url("font/AirpointsAirNewzald-BlkIt.2eba229f4c9a3eb1540edbab7a32aea2.woff") format("woff"); font-display: block; } @font-face { font-family: "airpoints-vlook"; src: url("font/AirpointsHelveticaNeue-Reg.4677543831c63bf630b7ce14c255d74b.woff") format("woff"); font-display: block; } @font-face { font-family: "airpoints-vlook"; font-weight: 700; src: url("font/AirpointsHelveticaNeue-Bold.eab48f60df058e1d60c7eac35ed7ea32.woff") format("woff"); font-display: block; } /*icons color in overview page*/ /*Overview - Progressing bar*/ /*Overview - ads*/ body { font-weight: 400; } @media only screen and (max-width: 991px) { body { padding-top: 56px; } } .flight-search__form .input-wrap input[type=text], .flight-search__form .input-wrap input[type=date], .flight-search__form .input-wrap select, .flight-search__form .input-wrap .p-multiselect { background: #fff; color: #008392; border-color: #75579a; } .flight-search__form .input-wrap input[type=text] option, .flight-search__form .input-wrap input[type=date] option, .flight-search__form .input-wrap select option, .flight-search__form .input-wrap .p-multiselect option { color: #000; } input[type=text], input[type=date], input[type=password], input[type=tel], input[type=email], select, .p-dropdown, textarea, .form-control, .utils > a { height: calc(2.6em + 2px); } textarea { min-height: 60px; color: #6d6d6d; } .link { font-size: 1rem; text-decoration: none; } .flight-search__form .btn.btn-primary { border: #ffffff52 solid 1px; } .form-group label { font-weight: 600; font-size: 15px; margin-bottom: 2px; } .flight-search, .footer__app { background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23000b0d' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23001619' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23002226' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23002d32' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%2300383F' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .footer { background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23040F1A' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23040F1A'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E"); } .footer__copy { background-color: #000; color: #fff; } .alert { text-align: left; border-radius: 2px; max-width: 700px; } .alert--custom svg { top: 22px; } .table { color: #000; } .table thead th { font-size: 0.882rem; border-top: 0px solid #dee2e6; font-weight: 600; } .table td { font-size: 0.882rem; vertical-align: middle; } .digital-card { background: linear-gradient(147.9946167919deg, #ac7921 0%, #d2bc55 100%); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); min-height: 600px; max-width: 375px; background: url("../../images/digital-card-bg.png") no-repeat center; background-size: cover; } .digital-card__bg { right: 0; bottom: 0; background: url("../../images/card-bg-white.svg") no-repeat; } .digital-card__status { display: none; } .digital-card__info { margin-top: 19.4117647059rem; } .digital-card__info .name { font-size: 2rem; font-weight: 500; line-height: 2.3435294118rem; padding-bottom: 0.5882352941rem; } @media only screen and (max-width: 575px) { .digital-card__info .name { font-size: 1.4117647059rem; font-weight: 600; line-height: 2.1176470588rem; } } .digital-card__info .number { font-size: 1.3529411765rem; font-weight: 300; line-height: 1.5588235294rem; } @media only screen and (max-width: 575px) { .digital-card__info .number { font-size: 1rem; font-weight: 400; line-height: 1.5rem; } } .digital-card__info .date { font-size: 1.0588235294rem; font-weight: 400; line-height: 1.2352941176rem; position: absolute; bottom: 65px; } @media only screen and (max-width: 575px) { .digital-card__info .date { font-size: 0.8823529412rem; font-weight: 400; line-height: 1.3235294118rem; bottom: 75px; } } .digital-card__info .date .icon { display: none; } .digital-card__blck { background: #fff; display: none; position: absolute; bottom: 44px; width: 100%; flex-direction: column; align-items: center; padding-bottom: 0.8823529412rem; } .digital-card__blck .bar-code { margin: -47px 0 0 0; } .digital-card__list { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } @media only screen and (max-width: 767px) { .digital-card__list { display: none; } } .digital-card__list li { display: flex; padding-bottom: 1.1764705882rem; margin-bottom: 1.1764705882rem; border-bottom: #dddddd solid 1px; align-items: center; } .digital-card__list li:last-child { border: none; margin: 0; padding: 0; } .digital-card__list li h6 { font-size: 0.9411764706rem; color: #333333; margin: 0 0 0.8823529412rem 0; } .digital-card__list .thumb { margin-left: 1.1764705882rem; } .digital-card__list .thumb img { max-width: none; } .digital-card__bottom { position: absolute; display: block; bottom: 0; left: 0; right: 0; border-radius: 0 0 7px 7px; padding: 15px 20px 17px; background: #392093; background: -webkit-linear-gradient(left, #392093 0%, #5c7fac 50%, #6aa4bf 100%); background: -o-linear-gradient(left, #392093 0%, #5c7fac 50%, #6aa4bf 100%); background: linear-gradient(to right, #392093 0%, #5c7fac 50%, #6aa4bf 100%); } .digital-card__bottom .extra-guest { display: none; justify-content: space-between; line-height: 1.1764705882rem; font-size: 1rem; } @media only screen and (max-width: 575px) { .digital-card__bottom .extra-guest { font-size: 0.8823529412rem; } } .digital-card--inactive { background-image: url("../../images/digital-card-bg-expired.png"); } .digital-card--inactive .digital-card__bottom { background: black; background: linear-gradient(90deg, black 0%, #3e3e3e 100%); } .digital-card--inactive .date .icon { display: block; text-align: center; position: absolute; left: 0; right: 0; top: -26px; } .digital-card--inactive .date .icon svg { width: 18px; } .digital-card--extra-guest .extra-guest { display: flex; } .digital-card--extra-guest .date .icon { display: block; text-align: center; position: absolute; left: 0; right: 0; top: -26px; } .digital-card--extra-guest .date .icon svg { width: 18px; } .digital-card .cobrand { display: flex; display: none; margin-top: auto; justify-content: center; margin-bottom: 0.5882352941rem; font-size: 0.7058823529rem; color: #252525; } .digital-card .cobrand strong { margin-left: 0.2941176471rem; } .digital-card.digital-card--custom.card-travel { background: #000; color: #fff; } .wrap-digital-card p { font-size: 0.8823529412rem; color: #767676; } @media only screen and (max-width: 575px) { .wrap-digital-card .btn-wrap .btn { width: 100%; } } .digital-card__bg { display: none; } .modal .utils-wrap { display: block; } .modal--digital .modal-dialog { max-width: 459px; } .modal--digital .modal-header { flex-direction: revert; } .header .fixed-top { height: 4.7058823529rem; display: flex; align-items: center; } @media only screen and (max-width: 991px) { .header .fixed-top { height: 56px; } } @media only screen and (max-width: 767px) { .header .fixed-top .compact-top-menu .logo .logo-falcon { height: 27px; } } @media only screen and (max-width: 767px) { .header .fixed-top .compact-top-menu__list { display: none; } } .header .fixed-top, .header__portal-menu { box-shadow: 0 0 3px 0 #dbdbdb; } @media only screen and (max-width: 991px) { .header .fixed-top, .header__portal-menu { position: fixed; } } .header .fixed-top .nav-text, .header__portal-menu .nav-text { display: none; } @media only screen and (max-width: 991px) { .header .fixed-top .nav-text, .header__portal-menu .nav-text { display: block; } } @media only screen and (max-width: 991px) { .header .fixed-top .navbar-collapse, .header__portal-menu .navbar-collapse { margin: 0; position: fixed; top: 2.9411764706rem; left: 0; z-index: 1035; right: 0; background: #19181B; height: 100%; overflow-y: auto; padding-top: 2.1176470588rem; } } .header .fixed-top .container, .header__portal-menu .container { max-width: 1366px; } .header .fixed-top .navbar-nav, .header__portal-menu .navbar-nav { justify-content: flex-start; } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item, .header__portal-menu .nav-item { background: none; display: block; } } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item .nav-link, .header__portal-menu .nav-item .nav-link { border-bottom: none; font-weight: 500; font-size: 1.2941176471rem; } } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item.active, .header__portal-menu .nav-item.active { border-bottom: none; } } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item .dropdown-menu, .header__portal-menu .nav-item .dropdown-menu { display: block; position: relative; left: 0; top: 0; background: none; margin: -5px 0 0 0; } } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item .dropdown-menu .nav-link, .header__portal-menu .nav-item .dropdown-menu .nav-link { font-weight: 400; padding-left: 0.8823529412rem; color: #898989; font-size: 1rem; padding-top: 0.7058823529rem; padding-bottom: 0.7058823529rem; } } .header .fixed-top .dropdown-menu, .header__portal-menu .dropdown-menu { border-radius: 0; } .header .fixed-top .dropdown-menu .nav-link:hover, .header__portal-menu .dropdown-menu .nav-link:hover { background: transparent; } .header .fixed-top .hasHover:after, .header__portal-menu .hasHover:after { display: none; } .header .fixed-top .hamburger span, .header__portal-menu .hamburger span { background-color: #fff; } @media only screen and (max-width: 991px) { .header .navbar-toggler:not(.collapsed) { right: auto; left: 0; z-index: 1036; position: absolute; top: -2rem; background: none; width: auto; height: auto; } } @media only screen and (max-width: 991px) { .header .navbar-toggler:not(.collapsed):before { background: #008392; content: ""; width: 56px; height: 3px; position: absolute; bottom: -13px; left: -16px; } } @media only screen and (max-width: 991px) { .header .navbar-toggler:not(.collapsed) .hamburger { left: 0; } } .header .userText { font-size: 1.2941176471rem; } .header .userText i img { width: 21px; height: 15px; margin: -2px 0 0 0; } .header__user { position: relative; } .header__user .nav-link { position: relative; padding-right: 1.2941176471rem; } @media only screen and (max-width: 767px) { .header__user .nav-link { padding-right: 0; } } .header__user .nav-link .arrow { position: absolute; top: 50%; right: 5px; } @media only screen and (max-width: 767px) { .header__user .nav-link .arrow { display: none; } } .header__user .nav-link .arrow::before, .header__user .nav-link .arrow::after { position: relative; content: ''; display: block; width: 11px; height: 2px; background: #fff; transition: 0.3s ease-in-out; } .header__user .nav-link .arrow::before { transform: rotate(45deg); } .header__user .nav-link .arrow::after { left: 7px; top: -2px; transform: rotate(-47deg); } .header__user .nav-link .arrow.close { display: block; top: 100%; right: -3px; } .header__user .nav-link .arrow.close::before, .header__user .nav-link .arrow.close::after { width: 20px; } .header__user .nav-link .arrow.close:after { left: 0; } @media only screen and (max-width: 767px) { .header__user .nav-link.expand:before { content: ""; background: #008392; width: 44px; height: 2px; position: absolute; bottom: -31px; right: -15px; z-index: 1; } } .header__user .nav-link.expand .arrow::before { transform: rotate(-45deg); } .header__user .nav-link.expand .arrow::after { transform: rotate(45deg); } .header__user .nav-link .thumb-user { width: 25px; height: 25px; } @media only screen and (max-width: 991px) { .header__user .nav-link .thumb-user { width: 20px; height: 20px; } } .header__user .user-panel { position: fixed; background: #000; padding: 20px; top: 4.6470588235rem; min-width: 300px; right: 0; color: #fff; display: none; font-size: 0.8823529412rem; } @media only screen and (max-width: 991px) { .header__user .user-panel { top: 3.2352941176rem; } } @media only screen and (max-width: 767px) { .header__user .user-panel { height: 100vh; border-radius: 0; right: 0; top: 3.2352941176rem; min-width: 100%; } } .header__user .user-panel__block { display: flex; flex-direction: column; padding-bottom: 1.1764705882rem; margin-bottom: 1.1764705882rem; border-bottom: #767676 solid 1px; } .header__user .user-panel__block:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .header__user .user-panel__block h2 { color: #fff; margin: 0.5882352941rem 0 0; } .header__user .user-panel__block li { display: flex; justify-content: space-between; margin-bottom: 0.2941176471rem; } .header__user .user-panel__block li span { font-size: 0.7647058824rem; } .header__user .user-panel__block li span img { width: 11px; height: 11px; } .header__user .user-panel__block li img { width: 14px; height: 14px; } .header__user .user-panel .link { color: #4CD6E6; } table th:first-child, table td:first-child { padding-left: 0 !important; } table th:last-child, table td:last-child { padding-right: 0 !important; } .fa.fa-trash { background-image: url("../../images/icons/delete.svg"); } .fa.fa-trash:before { display: none; } .card h5 { font-size: 1.5882352941rem; } .card.guest-card .card-text { font-weight: 600; } @media only screen and (max-width: 991px) { h1 { font-size: 2.5882352941rem !important; } } @media only screen and (max-width: 767px) { h1 { font-size: 1.7058823529rem !important; } h2 { font-size: 1.4117647059rem !important; } } .tab .nav-tabs .nav-item { font-size: 0.8823529412rem; } .header-tabs__navs ul a.active { border-bottom-color: #4CD6E6; } .compact-heading h2 { font-size: 27px !important; line-height: 40.5px; margin-bottom: 1.1764705882rem; } @media only screen and (max-width: 991px) { .compact-heading h2 { font-size: 1.4117647059rem !important; } } /*Global*/ .form-group .label--info { font-size: 1rem; } /*Header*/ @media only screen and (max-width: 991px) { .header .banner-img__txt { font-size: 1.7058823529rem; } } .logo-main { width: 208px; height: 40px; } /*Benefits page*/ .benefits .card h5 { font-size: 1.2941176471rem; font-weight: 600; } @media only screen and (max-width: 575px) { .benefits .card h5 { font-size: 1.1764705882rem; } } /*Modal*/ .confirm-modal .p-dialog-title h4 { font-size: 1.2941176471rem; } @media only screen and (max-width: 575px) { .confirm-modal .p-dialog-title h4 { font-size: 1.1764705882rem; } } .confirm-modal .modal-body p { color: #000; } /*Add Mmeber*/ .addmember-info { font-size: 0.8823529412rem; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after, .rContainer .checkmark:after { top: 11px; left: 11px; } .membership .rContainer .checkmark:after { top: 10px; left: 10px; } /*table*/ @media only screen and (max-width: 575px) { .table.cart-table th { font-size: 0.7647058824rem; } } @media only screen and (max-width: 575px) { .table.cart-table td { font-size: 0.8823529412rem; } } .table.cart-table td strong { font-weight: 400; } .p-multiselect-panel { box-shadow: 0 0 0 0 #000; border: 1px solid #bbbbbb; } .congrats, .t-graph-box { box-shadow: 0 1.4px 3.8px 0 #00000080; border-radius: 4px; } .t-graph__start path, .t-graph__path-txt, .t-graph__end, .t-graph__end.with-no-color { fill: #000 !important; color: #000 !important; font-size: 0.8823529412rem; } .theme__three .t-graph__start path, .theme__three .t-graph__path-txt, .theme__three .t-graph__end:not(.with-no-color) { fill: #fff !important; color: #fff !important; } .theme__one .card__benefits-page .card-top { border-width: 12px 0 0 0; border-style: solid; border-image: linear-gradient(to right, #B7BFC2, #DBDCDC, #B7BFC2) 1; } .theme__one .card__benefits-page .card-top__icon { color: #000; } .theme__one .card__benefits-page .card-top__icon svg { fill: #000; } .theme__two .card__benefits-page .card-top { border-width: 12px 0 0 0; border-style: solid; border-image: linear-gradient(to right, #F0D499, #D2AF70) 1; } .theme__two .card__benefits-page .card-top__icon { color: #000; } .theme__two .card__benefits-page .card-top__icon svg { fill: #000; } .theme__three .card__benefits-page .card-top { border-width: 12px 0 0 0; border-style: solid; border-image: linear-gradient(to right, #282928, #4A4B4B) 1; } .theme__three .card__benefits-page .card-top__icon { color: #fff; } .theme__three .card__benefits-page .card-top__icon svg { fill: #fff; } .theme__four .card__benefits-page .card-top { border-width: 12px 0 0 0; border-style: solid; border-top-color: #000; } .theme__four .card__benefits-page .card-top__icon { color: #fff; background: #000; } .theme__four .card__benefits-page .card-top__icon svg { fill: #fff; } .card-points .dropdown-menu.show { padding: 20px; font-size: 17px; } .card-points .dropdown-menu.show .information-link { display: block; margin-top: 16px; } /*banner starts here*/ .banner--black { background: #000; min-height: 196px; display: flex; align-items: center; border-width: 0 0 10px 0; border-style: solid; } .banner--black .points { letter-spacing: normal; font-size: 1rem; font-weight: 400; line-height: normal; } .banner--black .name { font-size: 1.5882352941rem; } @media only screen and (max-width: 767px) { .banner--black .name { font-size: 1.4117647059rem; } } @media only screen and (max-width: 767px) { .banner--black__status { margin-bottom: 6px; } } .banner--black__status .status { display: flex; align-items: center; } .banner--black__status .status .badge { border-radius: 50px; letter-spacing: normal; font-size: 0.8823529412rem; font-weight: 600; background: #5B5B63; padding: 0.2352941176rem 0.7058823529rem; margin-right: 15px; } .banner--black__status .status .status-name { font-size: 1.5882352941rem; line-height: normal; } @media only screen and (max-width: 767px) { .banner--black__status .status .status-name { font-size: 1.4117647059rem; } } .banner--black.status-koru { border-image: linear-gradient(to right, #7F5DAF, #58BCED) 1; } .banner--black.status-ep1 { border-color: #C43FDE; } .banner--black.status-elite { border-color: #E0D3B5; } .banner--black.status-gold { border-color: #E5C98A; } .banner--black.status-silver { border-color: #BBBBBB; } @media only screen and (max-width: 767px) { .banner--black.header-with-tabs .container .banner-img__txt { flex-direction: column-reverse; align-items: flex-start; } } @media only screen and (max-width: 575px) { .banner--black.header-with-tabs .container .banner-img__txt { display: flex; } } /*banner ends here*/ .parent-application .upload-wrap input[type=text] { border-color: #008392; } .parent-application h6 span { color: #767676; font-weight: 400; } .status-koru { border-image: linear-gradient(to right, #7F5DAF, #58BCED) 1; } .status-ep1 { border-color: #C43FDE; } .status-elite { border-color: #E0D3B5; } .status-elite-dark { border-color: #282928; } .status-gold { border-color: #E5C98A; } .status-silver { border-color: #BBBBBB; } .status-silver-gradient { border-image: linear-gradient(to right, #B7BFC2, #DBDCDC, #B7BFC2) 1; } .priority-box { display: flex; border-width: 12px 0 0 0; border-style: solid; } @media only screen and (max-width: 575px) { .priority-box { display: block; } } .priority-box p { font-size: 1.2941176471rem; } .priority-box i { min-width: 96px; height: 96px; border-radius: 50px; display: flex; align-items: center; justify-content: center; border: #000 solid 5px; font-size: 3.8235294118rem; margin-right: 4.1176470588rem; margin-top: 0.5882352941rem; } @media only screen and (max-width: 575px) { .priority-box i { width: 96px; margin: 0 0 1.1764705882rem 0; } } .help-box { display: flex; border-width: 12px 0 0 0; border-style: solid; } @media only screen and (max-width: 575px) { .help-box { display: block; } } .help-box__team { margin-right: 1.1764705882rem; } @media only screen and (max-width: 575px) { .help-box__team { margin-right: 0; } } .help-box__team p { font-size: 1.4117647059rem; } .gifted-box { display: flex; gap: 20px; } @media only screen and (max-width: 575px) { .gifted-box { flex-direction: column; } } .gifted-box .content-box { flex: 1 1 0; padding: 1.1764705882rem 2.3529411765rem; border-width: 12px 0 0 0; border-style: solid; } .gifted-box .status-name .status { letter-spacing: 5px; text-transform: uppercase; font-size: 1.5882352941rem; } .gifted-box .status-person { font-weight: 600; } .card__priority .card { box-shadow: none; border-top: #000 solid 2px; border-radius: 0; margin-bottom: 3.5294117647rem; } .card__priority .card .card-body { padding: 1.1764705882rem 0 0 0; } html { font-size: 87.5%; } @media only screen and (max-width: 767px) { html { font-size: 81.25%; } } @media (min-width: 1366px) { .container, .pageClassManageTraveller.container, .pageClassPermission.container { max-width: 1152px; } } @media (max-width: 990px) { .leftSidePanel { display: none !important; } .rightSidePanel { flex: 0 0 100% !important; max-width: 100% !important; } } body { box-sizing: border-box; padding: 0; margin: 0; padding-top: 80px; font-family: "Air New Zealand Sans", Helvetica Neue, Arial, sans-serif !important; color: #000; overflow-x: hidden; -webkit-font-smoothing: antialiased; } ::selection { background-color: #000; color: #fff; } html, body { -webkit-overflow-scrolling: touch; background: #fff; height: 100%; font-size: 17px; } app-root { display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } b, strong { font-weight: 600; } ul, li { margin: 0; padding: 0; list-style: none; } li.bullet { list-style: disc; margin-left: 1.1764705882rem; } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 700; font-family: "Air New Zealand Sans"; } ::-ms-clear { display: none; } button, input[type="submit"], input[type="button"] { outline: none; border: 0; } button:disabled, a:disabled, a.disabled, .disabled { opacity: 0.4; cursor: not-allowed; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } i { position: relative; font-style: normal; } *::placeholder { color: #767676; } *::-ms-input-placeholder { color: #767676; } *::-ms-input-placeholder { color: #767676; } select option:first-of-type { color: #767676; } img { max-width: 100%; height: auto; } hr { margin: 2.3529411765rem 0; border-top: solid 1px #bbbbbb; } .p-datatable-emptymessage td { text-align: center !important; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: none; } body h1 { color: #000; font-size: 44px; font-weight: 600; padding: 0; margin-bottom: 2.3529411765rem; margin: 2rem 0 1.176rem; display: flex; align-items: center; line-height: calc(44px + 12px); } @media only screen and (max-width: 991px) { body h1 { font-size: 1.8823529412rem; } } @media only screen and (max-width: 767px) { body h1 { margin: 2rem 0 1.176rem; font-size: calc(44px - 15px); } } body h1 span { font-weight: normal; } body h1 strong { margin-left: .5rem; } body h2 { color: #000; font-size: 27px; font-weight: 600; padding: 0; margin: 1.5rem 0 1.1764705882rem; line-height: calc(27px + 17px); } body h2 span { font-weight: normal; } @media only screen and (max-width: 767px) { body h2 { margin: 1.5rem 0 0.7058823529rem; font-size: calc(27px - 7px); line-height: calc(27px - 2px); } } body h3 { color: #000; font-size: 25px; font-weight: 600; padding: 0; margin: 1.5rem 0 0.5rem; line-height: calc(25px + 12px); } body h3 span { font-weight: normal; } @media only screen and (max-width: 767px) { body h3 { margin: 1rem 0 0.5rem; font-size: calc(25px - 6px); } } body h4 { color: #000; font-size: 23px; font-weight: 600; padding: 0; margin: 1rem 0 0.5rem; line-height: calc(23px + 10px); } @media only screen and (max-width: 767px) { body h4 { margin: 1rem 0 0.5rem; font-size: calc(23px - 5px); } } body h5 { color: #000; font-size: 21px; font-weight: 600; padding: 0; margin: 1rem 0 0.5rem; line-height: calc(21px + 10px); } @media only screen and (max-width: 767px) { body h5 { margin: 1rem 0 0.5rem; font-size: calc(21px - 4px); } } .loginComponent h1, .loginComponent h3 { margin: 0 0 0.3529411765rem 0; font-weight: normal; } .heading__2 { margin-top: 2.3529411765rem; } .heading--middle { text-align: center; } .small { font-size: 0.4705882353rem; line-height: 0.5882352941rem; } .link { display: inline-block; white-space: nowrap; font-size: 0.7058823529rem; } .icon-link { margin-left: 5px; } .title { display: flex; justify-content: space-between; margin-bottom: 0.5882352941rem; align-items: center; } @media only screen and (max-width: 767px) { .title { flex-wrap: wrap; } } .title h2 { color: #000; padding: 0; } .title--sub h3 { font-size: 0.9411764706rem; margin: 0; font-weight: normal; padding: 0; color: #008392; } .title--page h2 { margin-bottom: 0; } @media only screen and (max-width: 767px) { .title .btn-wrap { width: 100%; text-align: center; } } @media only screen and (max-width: 767px) { .title .btn-wrap .btn { width: 100%; } } @media only screen and (max-width: 767px) { .title .btn-wrap--grp .btn { width: 45%; } } .content-box { box-shadow: 0px 2.8px 7px rgba(0, 0, 0, 0.25); border-radius: 4px; padding: 1.6470588235rem 2.6470588235rem 2.3529411765rem; } @media only screen and (max-width: 991px) { .navbar-toggler:focus { outline: 0px auto -webkit-focus-ring-color; } } .navbar-toggler .hamburger { width: 1.1764705882rem; height: 0.8235294118rem; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; top: 5px; left: 8px; } .navbar-toggler .hamburger span { display: block; position: absolute; height: 2px; width: 1.0588235294rem; background: #000; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .navbar-toggler .hamburger span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .navbar-toggler .hamburger span:nth-child(2) { opacity: 0; left: -60px; } .navbar-toggler .hamburger span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .navbar-toggler.collapsed .hamburger { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .navbar-toggler.collapsed .hamburger span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .navbar-toggler.collapsed .hamburger span:nth-child(1) { top: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .navbar-toggler.collapsed .hamburger span:nth-child(2) { top: 7px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .navbar-toggler.collapsed .hamburger span:nth-child(3) { top: 14px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .switch-wrap .toggle-switch { height: 0; width: 0; visibility: hidden; } .switch-wrap label.switch-wrap-label { cursor: pointer; text-indent: -9999px; width: 36px; height: 12px; background: #dddddd; display: block; border-radius: 100px; position: relative; margin-bottom: 0; } .switch-wrap label.switch-wrap-label:after { content: ''; position: absolute; top: -5px; left: -5px; width: 22px; height: 22px; background: #fff; border-radius: 90px; transition: 0.3s; } .switch-wrap label.switch-wrap-label:before { display: none; } .switch-wrap .toggle-switch:checked + label { background: #008392; } .switch-wrap .toggle-switch:checked + label:after { left: calc(100% - -5px); transform: translateX(-100%); top: -5px; width: 22px; height: 22px; } .text-md { font-size: 27px; } .unit-g { display: flex; align-items: center; } .unit-g__symbol { margin-right: 2px; } .unit-g__symbol img, .unit-g__symbol svg { margin-top: -3px; } .l-flex-column-reverse { flex-direction: column-reverse !important; } @media only screen and (max-width: 767px) { .l-flex-column-reverse-md { flex-direction: column-reverse !important; } } /*slide down animation*/ @-webkit-keyframes slide-down { from { opacity: 0; transform: translateY(-50px); } to { opacity: 1; transform: none; } } @keyframes slide-down { from { opacity: 0; transform: translateY(-50px); } to { opacity: 1; transform: none; } } /*Prime react spinner loader color*/ @keyframes p-progress-spinner-color { 100%, 0% { stroke: #008392; } 40% { stroke: #008392; } 66% { stroke: #008392; } 80%, 90% { stroke: #008392; } } /* Mobile View */ .mobileWebView .fixed-top, .mobileWebView .menu2nd, .mobileWebView footer, .mobileWebView a.sr-only.sr-only-focusable { display: none !important; } body.mobileWebView { padding: 0 !important; } .header { position: relative; margin-bottom: 4.7058823529rem; } @media only screen and (max-width: 767px) { .header { margin-bottom: 0; } } .header .fixed-top { border-bottom: solid 1px #d0d0d0; background: #000000; } @media only screen and (max-width: 991px) { .header .fixed-top { border-bottom: none; } .header .fixed-top .navbar-brand { padding: 0; } } .header__top-menu { display: flex; justify-content: space-between; align-items: center; background: #000000; position: relative; } .header__top-menu img.logo-main { max-width: initial; } @media only screen and (max-width: 575px) { .header__top-menu img.logo-main { max-width: 150px; } } @media (max-width: 360px) { .header__top-menu img.logo-main { max-width: 125px; } } @media only screen and (max-width: 991px) { .header__top-menu .navbar { left: 0; width: 100%; padding: 0; } } @media only screen and (max-width: 991px) { .header__top-menu .navbar .navbar-collapse { top: calc(80px - 36px); background: white; width: 100%; left: 0; position: absolute; box-shadow: 1px 9px 12px -3px rgba(0, 0, 0, 0.43); } } @media only screen and (max-width: 767px) { .header__top-menu .navbar .navbar-collapse { position: fixed; top: calc(118px - 36px); left: auto; right: 0; } } .header__top-menu .logo-falcon { display: none; } .header__top-menu.falcon { padding: 4px 0; transition-duration: .5s; transition-timing-function: linear; } .header__top-menu.falcon .logo-main { display: none; } .header__top-menu.falcon .logo-falcon { display: inline-block; } @media only screen and (max-width: 575px) { .header__top-menu.falcon .logo-falcon { height: 33px; } } .header__top-menu .navbar .hamburger span { background: #fff !important; } @media only screen and (max-width: 991px) { .header__top-menu .logo { padding-left: 0; } } @media only screen and (max-width: 575px) { .header__top-menu .logo { padding-left: 0; } } .header .nav-link { color: #fff; } .header__site-menu { display: flex; align-items: center; } .header__site-menu .back-home { border-right: #dddddd dashed 1px; padding-right: 20px; } @media only screen and (max-width: 767px) { .header__site-menu .back-home { border: none; padding: 0; } } .header__site-menu .back-home a { align-items: flex-end; display: flex; } .header__site-menu .back-home span { color: #fff; margin-left: 5px; } @media only screen and (max-width: 767px) { .header__site-menu .back-home span { display: none; } } .header__site-menu .back-home .fa { font-size: 1.3529411765rem; } .header__site-menu .search-wrap { position: absolute; background: #fff; width: 100%; z-index: 2; display: flex; border-bottom: #008392 solid 1px; align-items: center; left: auto; display: none; width: 70%; right: 10px; } .header__site-menu .txt-wrap { width: 100%; } .header__site-menu .txt-wrap .txt { border: none; } .header__site-menu .btn-wrap { margin: 0 7px; } .header__site-menu .close { opacity: 1; } .header__site-menu .login-details .name1 { color: #fff; font-size: 12px; line-height: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 72px; } .header__site-menu .login-details .name2 { color: #fff; font-size: 11px; line-height: 11px; } .header__search { display: flex; align-items: center; margin-left: 1.1764705882rem; } @media only screen and (max-width: 767px) { .header__search .search { display: none; } } @media only screen and (max-width: 767px) { .header__search .langOption .text { display: none; } } .header__search .notification > a { position: relative; } .header__search .notification > a > img { max-width: none; } .header__search .notification .count { position: absolute; background: #EC040F; border-radius: 1.1764705882rem; width: 16px; height: 16px; text-align: center; color: #fff; font-size: 0.7058823529rem; line-height: 0.9411764706rem; right: 4px; top: 2px; } .header__search .notification__title { background: #ebebeb; padding: 0.8823529412rem; font-weight: 700; } .header__search .notification__text { display: flex; align-items: center; margin-right: 10px; } .header__search .notification__text i { margin-right: 0.5882352941rem; } .header__search .notification .date { font-size: 0.5882352941rem; color: #666666; font-style: italic; } .header__search .notification .dropdown-menu { padding: 0; max-width: 300px; } .header__search .notification .dropdown-menu li { padding: 0.5882352941rem 0.8823529412rem; border-bottom: #ebebeb solid 1px; font-size: 0.7058823529rem; display: flex; justify-content: space-between; } .header__search .notification .show-more { padding: 0.8823529412rem; text-align: center; } .header__menu-list { background: #000000; } .header__menu-list .sub-nav { position: absolute; color: #fff; transform: translate3d(-285px, -11px, 13px); transform: translate3d(12px, -25px, 13px); display: none; z-index: 2; } @media only screen and (max-width: 991px) { .header__menu-list .sub-nav { position: relative; transform: translate3d(0, 0, 0); } } @media only screen and (max-width: 575px) { .header__menu-list .sub-nav { transform: none; } } .header__menu-list .sub-nav ul { background: #008392; padding: 0.8823529412rem 1.4705882353rem; margin-top: 1.1764705882rem; display: flex; } @media only screen and (max-width: 991px) { .header__menu-list .sub-nav ul { background: #008392; flex-direction: column; margin-top: 0; border-top: #008392 solid 1px; padding: 0; } } .header__menu-list .sub-nav li { margin-right: 1.7647058824rem; } @media only screen and (max-width: 991px) { .header__menu-list .sub-nav li { margin: 0; } } .header__menu-list .sub-nav h6 { white-space: pre; margin-bottom: 1.1764705882rem; font-weight: normal; position: relative; } @media only screen and (max-width: 991px) { .header__menu-list .sub-nav h6 { border-bottom: #dddddd solid 1px; padding: 10px 10px 10px 20px; margin: 0; } } @media only screen and (max-width: 991px) { .header__menu-list .sub-nav h6:hover + .sub-nav__blck { display: block; } } .header__menu-list .sub-nav__item { color: #fff; white-space: pre; margin-bottom: 0.7058823529rem; font-size: 0.7058823529rem; display: block; position: relative; } @media only screen and (max-width: 991px) { .header__menu-list .sub-nav__item { border-bottom: #dddddd solid 1px; padding: 10px 10px 10px 35px; margin: 0; } } .header__menu-list .sub-nav__item:hover { color: #fff; } .header__menu-list .sub-nav .link { color: #fff; margin-top: 0.8823529412rem; } @media only screen and (max-width: 991px) { .header__menu-list .sub-nav .link { display: none; } } @media only screen and (max-width: 991px) { .header__menu-list .sub-nav__blck { display: none; } } .header__menu-list .nav-item { position: relative; } @media only screen and (max-width: 991px) { .header__menu-list .nav-item { border-bottom: #bbbbbb solid 1px; } } .header__menu-list .nav-item:hover .sub-nav { display: block; } .header__menu-list .nav-link { font-weight: 600; text-transform: uppercase; margin-left: 0.5882352941rem; white-space: nowrap; } @media only screen and (max-width: 1199px) { .header__menu-list .nav-link { font-size: 0.7058823529rem; margin: 0; } } @media only screen and (max-width: 991px) { .header__menu-list .nav-link { font-weight: normal; text-transform: none; padding: 0.5882352941rem 0; margin-left: 0.5882352941rem; } } .header__menu-list .nav-link:hover { color: #388190; } .header__user { z-index: 1; } .header__user img { max-width: none; width: 36px; height: 36px; border-radius: 50%; } .header__user .dropdown-menu span { padding: 0.5882352941rem 1.1764705882rem 0.2941176471rem; display: block; color: #008392; font-size: 0.7647058824rem; font-weight: 600; } .header__user .p-avatar { background: #008392; } .header__user .p-avatar span { font-weight: 600; color: #fff; font-size: 0.7647058824rem; } .header__user .p-avatar.p-avatar-lg { width: 2.2352941176rem !important; height: 2.2352941176rem !important; } .header__portal-menu { box-shadow: 0 2px 2px 0px #dbdbdb; position: relative; z-index: 100; background: #fff; min-height: 66px; display: flex; align-items: center; } @media only screen and (max-width: 991px) { .header__portal-menu { z-index: 1030; min-height: auto; } } .header__portal-menu nav, .header__portal-menu .breadcrumb { padding: 0; } @media only screen and (max-width: 991px) { .header__portal-menu .header__nav { margin: 1.1764705882rem 1.1764705882rem 0; border-top: #48464e solid 1px; padding-top: 10px; } } @media only screen and (max-width: 991px) { .header__portal-menu .header__nav .title { color: #898989; font-size: 0.8823529412rem; } } @media only screen and (max-width: 991px) { .header__portal-menu .header__nav ul { display: block; } } @media only screen and (max-width: 991px) { .header__portal-menu .header__nav ul a { font-size: 22px; padding: 0.7647058824rem 0; display: block; } } @media only screen and (max-width: 991px) { .header__portal-menu { padding: 0; } .header__portal-menu .navbar-collapse { margin: 0 -15px; } .header__portal-menu .nav-item { background: #008392; } .header__portal-menu .nav-item.active { border: none; } .header__portal-menu .nav-item .nav-link { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #e0e0e0; } .header__portal-menu .nav-item ul { background-color: #F8F8F8; box-shadow: 0px 0px 0px 0px #dcdcdc; border: 0; } .header__portal-menu .nav-item ul .nav-link { padding-left: 30px; } .header__portal-menu .hasHover { padding-right: 0px !important; } .header__portal-menu .hasHover:after { right: 15px; } } .header__portal-menu .navbar-nav { width: 100%; justify-content: space-between; } .header__portal-menu .nav-item { margin: 0 0.4117647059rem; display: flex; align-items: center; } @media only screen and (max-width: 1199px) { .header__portal-menu .nav-item { margin: 0; } } .header__portal-menu .nav-item:first-child { margin-left: 0; } .header__portal-menu .nav-item:first-child .nav-link { padding-left: 0; } @media only screen and (max-width: 991px) { .header__portal-menu .nav-item:first-child .nav-link { padding-left: 0.8823529412rem; } } .header__portal-menu .nav-item:last-child { margin-right: 0; } .header__portal-menu .nav-item.active { position: relative; } .header__portal-menu .nav-item.active::before { height: 3px; width: 100%; position: absolute; content: ""; background: #008392; bottom: -9px; left: 0; } @media only screen and (max-width: 991px) { .header__portal-menu .nav-item.active::before { display: none; } } .header__portal-menu .nav-item.active > .nav-link { color: #008392; } @media only screen and (max-width: 991px) { .header__portal-menu .nav-item.active > .nav-link { color: #fff; } } .header__portal-menu .nav-item.nav-head { display: flex; align-items: center; color: #000; } .header__portal-menu .nav-item.nav-head strong { font-weight: 600; } .header__portal-menu .nav-item.nav-head strong span { padding-left: 0.7058823529rem; } @media only screen and (max-width: 575px) { .header__portal-menu .nav-item.nav-head { padding: 10px 14px 0; display: none; } } .header__portal-menu .nav-item ul { display: none; margin: 0; padding: 0; } .header__portal-menu .nav-item ul .hasHover { padding-right: 0; } .header__portal-menu .nav-item ul .hasHover ul { left: 99%; top: 0; } .header__portal-menu .nav-item ul .hasHover:hover ul { display: block; } .header__portal-menu .nav-item:hover > ul { display: block; } .header__portal-menu .hasHover { position: relative; } .header__portal-menu .hasHover:after { position: absolute; right: 10px; content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; width: 10px; height: 10px; top: 35%; } .header__portal-menu .hasHover .hasHover:after { content: "\f0da"; } @media only screen and (max-width: 991px) { .header__portal-menu .hasHover .hasHover:after { content: "\f0d7"; } } .header__portal-menu .nav-link { color: #000; padding: 0.7647058824rem 0.5rem; display: block; } @media only screen and (max-width: 991px) { .header__portal-menu .nav-link { color: #fff; } } .header__portal-menu .nav-link:hover { color: #008392; } .header__portal-menu .breadcrumb { display: none; /*@include respond(sm) { display: flex; margin: 0; }*/ } .header__portal-menu .hamburger { top: -3px; } .header__portal-menu .hamburger span { background-color: #fff; } @media only screen and (max-width: 991px) { .header__portal-menu .dropdown-menu .active .nav-link { color: #fff !important; } } .header__portal-menu .dropdown-menu .nav-link { padding: 0.2941176471rem 0.7058823529rem; white-space: nowrap; } .header__portal-menu .dropdown-menu .nav-link:hover { background: #f6f6f6; } .header__portal-menu .navbar-toggler { padding: 0; } @media only screen and (max-width: 991px) { .header__portal-menu .navbar-toggler { position: absolute; top: -34px; } } .header__portal-menu .navbar-toggler:not(.collapsed) { position: absolute; top: 7px; right: 0; } .header__portal-menu .navbar-toggler .navbar-toggler-icon { color: #000; } .header__portal-menu .navbar-toggler .navbar-toggler-icon:after { content: "\f0c9"; display: block; width: 20px; height: 20px; font: normal normal normal 14px/1 FontAwesome; font-size: 30px; } .header .profile-overview { color: #555; border-radius: 0 0 6px 6px; margin-top: -15px; border: #981D97 solid 1px; border-top: 0; z-index: 99; padding: 1.4705882353rem 0 0 0; position: relative; } .header .profile-overview .dropdown-toggle { padding-right: 1.4705882353rem !important; position: relative; } .header .profile-overview .dropdown-toggle .text { min-width: 150px; } .header .profile-overview .dropdown-toggle__label { display: none; } .header .profile-overview .dropdown-toggle:after { position: absolute; right: 7px; top: 50%; margin-top: -2px; } .header .profile-overview .dropdown { margin-left: 1.1764705882rem; } @media only screen and (max-width: 1199px) { .header .profile-overview .dropdown { margin-left: 0; margin-bottom: 5px; } } @media only screen and (max-width: 991px) { .header .profile-overview .dropdown { margin-left: 0; } } @media only screen and (max-width: 767px) { .header .profile-overview .dropdown { margin-left: 0; } } .header .profile-overview .dropdown .btn { border-radius: 2.6470588235rem; padding: 5px 10px; font-size: 0.8235294118rem; position: relative; border-color: #063671; } .header .profile-overview .dropdown .btn em { font-weight: 600; font-style: normal; margin-right: 0.5882352941rem; text-transform: uppercase; } .header .profile-overview .dropdown .btn:focus { background: #fff !important; } .header .profile-overview .dropdown .btn:hover { background: #fff !important; color: #008392 !important; } .header .profile-overview .dropdown.show .dropdown-toggle:after { transform: rotate(180deg); position: relative; } .header .profile-overview .dropdown-v2 .btn { border-radius: 6px; background: #fff; color: #008392 !important; font-size: 13px; font-weight: 700; Line-height: 15.85px; } .header .profile-overview .dropdown-v2 .btn em { border-right: 1px solid #7E7E7E; padding-right: 1rem; margin-right: 0.8rem; font-weight: 700; } .header .profile-overview .dropdown-v2 .btn .dropdown-toggle__label { display: block; color: #989898; font-size: 10px; text-align: left; Line-height: 12.19px; } .header .profile-overview .dropdown-menu { padding: 0.7058823529rem; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35); border: none; border-radius: 0.7647058824rem; transform: translate3d(0px, -10px, 0px) !important; width: 120%; z-index: 9999; } @media only screen and (max-width: 767px) { .header .profile-overview .dropdown-menu { width: 90%; } } .header .profile-overview .dropdown-menu .dropdown-item { padding: 0; } .header .profile-overview .dropdown-menu li { display: flex; margin-bottom: 0.8823529412rem; } .header .profile-overview .dropdown-menu li i { width: 30px; display: inline-block; } .header .profile-overview .dropdown-menu li i svg { fill: #9e7804; } .header .profile-overview .dropdown-menu .tier-status { margin-bottom: 0.5882352941rem; } .header .profile-overview .dropdown-menu .tier-status .main-tier { display: block; font-size: 0.9411764706rem; } .header .profile-overview .dropdown-menu .tier-status .main-tier strong { text-transform: uppercase; } .header .profile-overview .dropdown-menu .tier-status .tier-total { display: block; font-size: 0.9411764706rem; line-height: 1.2941176471rem; } .header .profile-overview .dropdown-menu .tier-total { display: block; } .header .profile-overview__user { display: flex; align-items: center; } @media only screen and (max-width: 1199px) { .header .profile-overview__user { flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 575px) { .header .profile-overview__user { display: block; padding: 0; } } .header .profile-overview__user .ml-2 { margin-left: 15px !important; } @media only screen and (max-width: 1199px) { .header .profile-overview__user .ml-2 { margin-left: 5px !important; margin-bottom: 0.5882352941rem; } } @media only screen and (max-width: 991px) { .header .profile-overview__user .ml-2 { margin-left: 0 !important; margin-bottom: 0; } } @media only screen and (max-width: 575px) { .header .profile-overview__user .ml-2 { display: block; } } .header .profile-overview__user .ml-2 div { color: #063671; } @media only screen and (max-width: 991px) { .header .profile-overview__user .ml-2 div { display: inline-block; padding-right: 15px; padding-bottom: 10px; } } .header .profile-overview__user .ml-2 div span { font-weight: 600; } .header .profile-overview .profileSec2 { padding-left: 30px; align-items: center; display: flex; justify-content: flex-end; } .header .profile-overview .profileSec3 { text-align: right; } .header .profile-overview .profileSec3 a { position: relative; display: inline-block; margin-right: 20px; } .header .profile-overview .profileSec3 a span { position: absolute; background: #10406f; border-radius: 20px; width: 23px; height: 23px; text-align: center; color: #fff; font-size: 13px; line-height: 24px; right: -13px; } @media only screen and (max-width: 575px) { .header .profile-overview .profileSec3 { display: none; } .header .profile-overview .profileSec2 { padding-left: 93px; } } @media only screen and (max-width: 767px) { .header .profile-overview .profileSec2 { padding-left: 93px; } } @media only screen and (max-width: 1199px) { .header .profile-overview__links { display: flex; align-items: center; } } @media only screen and (max-width: 991px) { .header .profile-overview__links { justify-content: center; } } @media only screen and (max-width: 575px) { .header .profile-overview__links { padding: 0; } } .header .profile-overview__links .collapse { display: block; width: 100%; } @media only screen and (max-width: 991px) { .header .profile-overview__links .collapse { display: none; } } @media only screen and (max-width: 991px) { .header .profile-overview__links .collapse.show { display: block; } } .header .profile-overview__links li i { min-height: 1.4705882353rem; display: block; } .header .profile-overview__links li i svg { fill: #063671; } .header .profile-overview .icon-menu { display: none; position: absolute; top: 5rem; right: 1.1764705882rem; z-index: 99999; } @media only screen and (max-width: 991px) { .header .profile-overview .icon-menu { display: block; } } .header .profile-overview .icon-menu .fa { font-size: 1.1764705882rem; } .header .profile-overview .card-body { padding: 5px 17px; } @media only screen and (max-width: 991px) { .header .profile-overview .card-body { padding-bottom: 0.8823529412rem; } } .header .profile-overview .badge-million { width: 48px; margin-left: 1.1764705882rem; margin-top: -0px; padding-right: 10px; } @media only screen and (max-width: 991px) { .header .profile-overview .badge-million { margin-top: -15px; } } .header .profile-overview__info { display: flex; align-items: center; } .header .quick-nav { display: flex; justify-content: flex-end; } @media only screen and (max-width: 991px) { .header .quick-nav { flex-wrap: wrap; justify-content: flex-start; } } .header .quick-nav li { margin-left: 1.1764705882rem; text-align: center; } @media only screen and (max-width: 1199px) { .header .quick-nav li { margin-left: 0.5882352941rem; } } @media only screen and (max-width: 991px) { .header .quick-nav li { width: calc(100% / 3); margin-top: 1.1764705882rem; margin-left: 0; } } .header .quick-nav li span { display: block; margin-top: 0.5882352941rem; white-space: nowrap; } .header .quick-nav li a { font-size: 0.7058823529rem; color: #063671; display: inline-block; } .header .quick-nav li a:hover { color: #e7e7e7; } @media only screen and (max-width: 575px) { .header .quick-nav li a { font-size: 0.5882352941rem; } } @media only screen and (max-width: 991px) { .header .hasHover:after { position: absolute; right: 10px; content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; width: 10px; height: 10px; top: 12px; } } .header .banner-img { background: url("../../images/banner-xl.png") #fff center center no-repeat; height: 207px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } @media only screen and (max-width: 991px) { .header .banner-img { background: url("../../images/banner-lg.png") #fff center center no-repeat; height: 206px; } } @media only screen and (max-width: 767px) { .header .banner-img { background: url("../../images/banner-md.png") #fff center center no-repeat; height: 206px; } } @media only screen and (max-width: 575px) { .header .banner-img { background: url("../../images/banner-sm.png") #fff center center no-repeat; min-height: 178px; background-size: cover; } } .header .banner-img__txt { padding-top: 9rem; font-size: 2.0588235294rem; line-height: 3.0588235294rem; text-align: center; color: #fff; font-weight: 600; } .header .banner-img__txt span { font-size: 1.3235294118rem; line-height: 1.5294117647rem; font-weight: 300; letter-spacing: 0.58rem; opacity: 0.9; } @media only screen and (max-width: 575px) { .header .banner-img__txt { padding-top: 8rem; font-size: 1.7058823529rem; } .header .banner-img__txt span { font-size: 1.2941176471rem; } } .header .banner-img__txt > div { max-width: 65%; word-break: break-word; max-height: 129px; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; } @media only screen and (max-width: 575px) { .header .banner-img__txt > div { max-width: 100%; } } .header .banner-img--big { height: 665px; background: url("../../images/dashboard-big-xl.png") #fff center center no-repeat; display: flex; align-items: flex-end; } @media only screen and (max-width: 575px) { .header .banner-img--big { height: 445px; } } .header .banner-img--big .banner-img__txt { font-size: 3.7647058824rem; line-height: 4.5882352941rem; font-weight: 800; text-align: left; width: fit-content; max-width: 35.8823529412rem; background-color: #063671; color: #008392; padding: 0.2941176471rem 3.5294117647rem 0.2941176471rem 0.8823529412rem; } @media only screen and (max-width: 767px) { .header .banner-img--big .banner-img__txt { font-size: 225%; width: fit-content; line-height: 105%; padding: 0.4117647059rem 1.7647058824rem 0.4117647059rem 0.8823529412rem; } } .header .banner-img--heading-only { align-items: center; display: flex; height: 271px; } @media only screen and (max-width: 575px) { .header .banner-img--heading-only { height: 178px; } } .header .banner-img--heading-only .container { text-align: center; } @media only screen and (max-width: 575px) { .header .banner-img--heading-only .container { text-align: left; } } .header .banner-img--heading-only .banner-img__txt { padding: 0; font-size: 3.2941176471rem; display: inline-block; text-align: left; } @media only screen and (max-width: 575px) { .header .banner-img--heading-only .banner-img__txt { font-size: 1.7058823529rem; } } .header .banner-img--heading-only .banner-img__txt span { display: block; } .header__profile-overview { background: #fff; } .header__main { display: flex; } @media only screen and (max-width: 575px) { .header__main { display: block; } } .header__nav { display: flex; } .header__nav > ul { display: flex; align-items: center; } .header__nav > ul li { margin-right: 1.4117647059rem; } .header__nav > ul a { font-size: 1rem; color: #fff; } .banner-img-card-wrap { display: flex; } @media only screen and (max-width: 767px) { .banner-img-card-wrap { display: block; } } .banner-img__card { display: flex; align-items: center; padding: 1.5882352941rem 1.7647058824rem; margin: 2.3529411765rem 1.1764705882rem 2.3529411765rem 0; color: #063671; } @media only screen and (max-width: 767px) { .banner-img__card { padding: 0.8823529412rem 1.1764705882rem; margin: 1.1764705882rem 0rem 1.1764705882rem 0; } } .banner-img__card svg { margin-right: 1.7647058824rem; } @media only screen and (max-width: 575px) { .banner-img__card svg { margin-right: 0.8823529412rem; } } .banner-img__card__txt { font-size: 1.2352941176rem; line-height: 1.5294117647rem; } @media only screen and (max-width: 575px) { .banner-img__card__txt { font-size: 0.7647058824rem; line-height: 1.2941176471rem; } } .banner-img__card__amt { font-size: 2.9411764706rem; line-height: 3.5882352941rem; font-weight: 800; } @media only screen and (max-width: 575px) { .banner-img__card__amt { font-size: 1.4705882353rem; line-height: 1.7647058824rem; } } .banner-img__card--primary { background-color: #008392; } .banner-img__card--secondary { background-color: #004164; } .tier-wrap { display: flex; align-items: center; background-color: #008392; color: #063671; padding: 1.5294117647rem 3.5294117647rem; border-radius: 0.3529411765rem; } @media only screen and (max-width: 991px) { .tier-wrap { flex-wrap: wrap; justify-content: center; margin-bottom: 1.1764705882rem; } } @media only screen and (max-width: 767px) { .tier-wrap { flex-wrap: wrap; justify-content: center; } } .tier-wrap__text { width: 100%; } .tier-wrap__text strong { display: block; font-size: 1.2941176471rem; line-height: 1.2352941176rem; margin-bottom: 0.5882352941rem; } .tier-wrap__graph { position: relative; margin-right: 5.8823529412rem; margin-bottom: 1rem; } @media only screen and (max-width: 767px) { .tier-wrap__graph { margin-right: 0rem; margin-bottom: 1.1764705882rem; } } @media only screen and (max-width: 767px) { .tier-wrap__graph svg { zoom: 1 !important; } } .tier-wrap__graph__text-wrap { position: absolute; bottom: 1.7647058824rem; width: 8.8235294118rem; left: 46.6%; top: 29%; margin-left: -4.4117647059rem; text-align: center; } .tier-wrap__graph__text-wrap2 { position: absolute; right: -50px; bottom: 0px; } @media only screen and (max-width: 575px) { .tier-wrap__graph__text-wrap2 { text-align: right; position: static; } .tier-wrap__graph__text-wrap2 div { display: inline-block; padding-left: 0.5rem; } } .tier-wrap__graph__price { font-size: 2.1176470588rem; line-height: 2.5294117647rem; font-weight: 600; } .tier-wrap__graph__heading { font-size: 1.1764705882rem; line-height: 1.4117647059rem; padding-bottom: 0.5882352941rem; border-bottom: 1px solid #063671; margin-bottom: 0.5882352941rem; font-weight: 600; } .tier-wrap__graph__text { font-size: 0.7647058824rem; line-height: 0.9411764706rem; } @media only screen and (max-width: 991px) { .navbar-menu-dropdown { padding-top: 0; padding-bottom: 0; } .navbar-menu-dropdown .nav-item .nav-link { border-bottom: 0px solid #e0e0e0; padding-left: 15px; padding-right: 15px; } .navbar-menu-dropdown .navbar-collapse { margin: 0; } } @media only screen and (max-width: 575px) { .navbar-menu-dropdown { padding: 0.5882352941rem 0; } .navbar-menu-dropdown .navbar-collapse { margin: 0 -15px; } .navbar-menu-dropdown .nav-item { background: #fff; } .navbar-menu-dropdown .nav-item.active { border: none; } .navbar-menu-dropdown .nav-item .nav-link { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #e0e0e0; } .navbar-menu-dropdown .nav-item ul { background-color: #F8F8F8; box-shadow: 0px 0px 0px 0px #dcdcdc; border: 0; } .navbar-menu-dropdown .nav-item ul .nav-link { padding-left: 30px; } .navbar-menu-dropdown .hasHover { padding-right: 0px !important; } .navbar-menu-dropdown .hasHover:after { right: 15px; } } .navbar-menu-dropdown__heading, .navbar-menu-dropdown__btn, .navbar-menu-dropdown__btn-heading { display: none; } @media only screen and (max-width: 575px) { .navbar-menu-dropdown .breadcrumb { display: none !important; } .navbar-menu-dropdown__heading { font-weight: 600; display: block; font-size: 1rem; } .navbar-menu-dropdown .navbar-collapse { position: absolute; right: 3px; top: 35px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35); padding: 0; background: #fff; } .navbar-menu-dropdown .nav-item .nav-link { font-size: 0.882rem; line-height: 1.5882352941rem; padding: 0.2941176471rem 1.1764705882rem !important; border: 0 !important; min-width: 175px; } .navbar-menu-dropdown .navbar-toggler { display: flex; align-items: center; } .navbar-menu-dropdown .navbar-toggler .hamburger { display: none; } .navbar-menu-dropdown .navbar-toggler.collapsed .navbar-menu-dropdown__btn { transform: rotate(180deg); } .navbar-menu-dropdown__btn { display: block; transition: all 0.3s ease 0s; margin-left: 0.2941176471rem; } .navbar-menu-dropdown__btn svg { width: 1.1764705882rem; } .navbar-menu-dropdown__btn svg path { fill: #008392; } .navbar-menu-dropdown__btn-heading { display: block; font-size: 0.882rem; color: #008392; } } .header-with-tabs .container { display: flex; flex-direction: column; height: 100%; } .header-with-tabs .container .banner-img__txt { margin-bottom: auto; padding-top: 0rem; text-align: left; margin-top: auto; display: flex; justify-content: space-between; align-items: center; } @media only screen and (max-width: 575px) { .header-with-tabs .container .banner-img__txt { display: block; padding-right: 0; line-height: 38px; } } .header-with-tabs .container .banner-img__txt span { display: block; } .header-with-tabs .container .banner-img__validity { text-align: right; font-size: 1rem; font-weight: normal; line-height: 1.4705882353rem; } @media only screen and (max-width: 575px) { .header-with-tabs .container .banner-img__validity { text-align: left; padding-top: 0.7058823529rem; position: absolute; } } .header-with-tabs .container .banner-img__validity span { letter-spacing: 0rem; font-size: 1rem; opacity: 1; margin: 0; } @media only screen and (max-width: 575px) { .header-with-tabs .container .banner-img__validity span { display: inline-block; } } .header-tabs { z-index: 90; position: relative; } @media only screen and (max-width: 575px) { .header-tabs { display: block; } } .header-tabs__button { display: none; position: absolute; right: 0; bottom: 19px; } @media only screen and (max-width: 575px) { .header-tabs__button { display: block; } .header-tabs__button.collapsed { transform: rotate(180deg); } } .header-tabs__navs ul { display: flex; border-top: 1px solid #dddddd4a; } .header-tabs__navs ul a { margin-right: 2rem; padding: 1rem 0; display: block; color: #fff !important; } .header-tabs__navs ul a:hover { color: #4CD6E6 !important; } .header-tabs__navs ul a.active { border-bottom: 5px solid #008392; color: #4CD6E6 !important; } @media only screen and (max-width: 575px) { .header-tabs__navs ul a { padding: 0.3529411765rem 0; } .header-tabs__navs ul a.active { color: #4CD6E6; } } @media only screen and (max-width: 575px) { .header-tabs__navs { display: none; } .header-tabs__navs.show { display: block; position: absolute; background: #000000; display: block; padding: 0 15px 10px; right: -15px; left: -15px; top: 0px; } .header-tabs__navs ul { border: 0; display: block; } .header-tabs__navs ul a.active { border: 0; } } @media only screen and (max-width: 991px) { .compact-top-menu { justify-content: center; height: 2.9411764706rem !important; } .compact-top-menu .logo { margin: 0; text-align: center; display: flex; justify-content: center; align-items: center; height: 100%; } .compact-top-menu .logo .logo-main { display: none; } .compact-top-menu .logo .logo-falcon { display: block; } } .compact-top-menu__list { display: flex; } .compact-top-menu__list a.nav-link { color: #4CD6E6; } .compact-top-menu__list .userText { color: #fff; align-items: center; display: flex; } @media only screen and (max-width: 575px) { .compact-top-menu__list .userText { display: none; } } @media only screen and (max-width: 991px) { .compact-top-menu .header__site-menu { position: absolute; right: 0; top: 0.2352941176rem; } } .theme__one .header .profile-overview { background: url("../../images/overviewBG.svg") no-repeat #fff left bottom; background-size: cover; border: #d7d7d7 solid 1px; } .theme__one .header .profile-overview .dropdown .btn { color: #063671; border-color: #fff; } .theme__one .header .profile-overview .icon-menu { color: #fff; } .theme__one .header .profile-overview .dropdown-menu .tier-status { color: #00626e; } .theme__one .header .profile-overview .dropdown-menu li i svg { fill: #00626e; } .theme__one .header .profile-overview .ml-2 div { color: #063671; } .theme__one .header .profile-overview__links li a { color: #063671; } .theme__one .header .profile-overview__links li a i svg { fill: #063671; } .theme__one .header .profile-overview__links li a:hover { color: #e7e7e7; } .theme__one .header .profile-overview__links li a:hover i svg { fill: #e7e7e7; } .theme__two .header .profile-overview { background: url("../../images/tier-brand-silver-prod.svg") no-repeat; background-size: cover; border: #d7d7d7 solid 1px; } .theme__two .header .profile-overview .dropdown .btn { color: #063671; border-color: #fff; } .theme__two .header .profile-overview .icon-menu { color: #fff; } .theme__two .header .profile-overview .dropdown-menu .tier-status { color: #00626e; } .theme__two .header .profile-overview .dropdown-menu li i svg { fill: #00626e; } .theme__two .header .profile-overview .ml-2 div { color: #063671; } .theme__two .header .profile-overview__links li a { color: #063671; } .theme__two .header .profile-overview__links li a i svg { fill: #063671; } .theme__two .header .profile-overview__links li a:hover { color: #e7e7e7; } .theme__two .header .profile-overview__links li a:hover i svg { fill: #e7e7e7; } .theme__three .header .profile-overview { background: url("../../images/tier-brand-black-prod.svg") no-repeat; background-size: cover; } .theme__three .header .profile-overview .dropdown .btn { color: #063671; border-color: #fff; } .theme__three .header .profile-overview .icon-menu { color: #fff; } .theme__three .header .profile-overview .dropdown-menu .tier-status { color: #00626e; } .theme__three .header .profile-overview .dropdown-menu li i svg { fill: #00626e; } .theme__three .header .profile-overview .ml-2 div { color: #063671; } .theme__three .header .profile-overview__links li a { color: #063671; } .theme__three .header .profile-overview__links li a i svg { fill: #063671; } .theme__three .header .profile-overview__links li a:hover { color: #e7e7e7; } .theme__three .header .profile-overview__links li a:hover i svg { fill: #e7e7e7; } .theme__four .header .profile-overview { background: url("../../images/tier-brand-blue-prod.svg") no-repeat; background-size: cover; } .theme__four .header .profile-overview .dropdown .btn { color: #063671; border-color: #fff; } .theme__four .header .profile-overview .icon-menu { color: #fff; } .theme__four .header .profile-overview .dropdown-menu .tier-status { color: #00626e; } .theme__four .header .profile-overview .dropdown-menu li i svg { fill: #00626e; } .theme__four .header .profile-overview .ml-2 div { color: #063671; } .theme__four .header .profile-overview__links li a { color: #063671; } .theme__four .header .profile-overview__links li a i svg { fill: #063671; } .theme__four .header .profile-overview__links li a:hover { color: #e7e7e7; } .theme__four .header .profile-overview__links li a:hover i svg { fill: #e7e7e7; } .footer { background: #000; color: #fff; } .footer__app { background: #008392; padding: 1.4705882353rem 0; } .footer__appcontent { display: flex; justify-content: space-evenly; align-items: center; } @media only screen and (max-width: 767px) { .footer__appcontent { flex-direction: column; } } .footer__appcontent p { font-size: 1.0588235294rem; color: #fff; margin: 0; width: 42%; line-height: 20px; } @media only screen and (max-width: 767px) { .footer__appcontent p { width: 100%; margin-bottom: 0.5882352941rem; } } @media only screen and (max-width: 767px) { .footer__appcontent .btn { width: 100%; } } .footer__main { padding: 1.4705882353rem 0.8823529412rem; text-align: center; color: #fff; } @media only screen and (max-width: 767px) { .footer__main { padding: 1.4705882353rem 0.2941176471rem; } } .footer__main h6, .footer__main h2 { text-align: left; margin-bottom: 1.7647058824rem; color: #fff; font-size: 20px; line-height: 1.3rem; } @media only screen and (max-width: 767px) { .footer__main h6, .footer__main h2 { margin-bottom: 0.8823529412rem; } } .footer__main .footerLinks { text-align: left; } @media only screen and (max-width: 767px) { .footer__main .footerLinks { display: flex; flex-wrap: wrap; margin-bottom: 0.8823529412rem; } } .footer__main .footerLinks a { color: #fff; margin: 0 0 5px 0; } @media only screen and (max-width: 767px) { .footer__main .footerLinks a { margin: 0 15px 5px 0; } } .footer__main .footerLinks a:hover { color: #fff; } .footer__main .floating--goto-top a { width: 2.9411764706rem; height: 2.9411764706rem; display: block; background-color: #fff; color: #008392; font-size: 1.6rem; text-align: center; line-height: 3.5rem; position: fixed; bottom: 20rem; right: 2rem; z-index: 1031; } .footer--compact .footer__logo { text-align: right; } .footer--compact .footerLinks { display: block; margin-bottom: 0; } .footer--compact .footer__copy .container { flex-direction: column-reverse; text-align: right; } @media only screen and (max-width: 767px) { .footer--compact .footer__copy .container { align-items: flex-end; } } .footer--compact .footer__copy .container .footer3 { color: #898989; } .footer__mobile .footerLinks { text-align: center; } .footer__mobile .footerLinks a { font-size: 0.9411764706rem; margin: 0 10px 15px; white-space: pre; display: inline-block; } .footer__mobile .footer__social ul { justify-content: center; } .footer__mobile .footer__social ul li { margin-right: 0.8823529412rem; } .footer__network { display: flex; justify-content: space-between; align-items: center; margin-top: 2.9411764706rem; text-align: left; } @media only screen and (max-width: 767px) { .footer__network { flex-direction: column; } } .footer__network .subscribe .form-inline { align-items: center; flex-flow: row nowrap; } .footer__network .subscribe .form-inline .btn { margin-top: 0.9411764706rem; } .footer__network .subscribe .form-inline .form-group { width: 100%; } .footer__network .subscribe label { display: block; font-weight: 600; margin-bottom: 0.8823529412rem; color: #fff; } .footer__network .subscribe .txt { width: 100%; margin-right: 0.5882352941rem; } @media only screen and (max-width: 767px) { .footer__network .form-group { margin: 0 10px 0 0; } } @media only screen and (max-width: 767px) { .footer__social { margin: 0.8823529412rem 0 0 0; } } .footer__social h5, .footer__social h2 { color: #fff; margin-bottom: 0.8823529412rem; } .footer__social ul { display: flex; justify-content: space-between; } .footer__social ul a { color: #fff !important; font-size: 1.1764705882rem; } .footer__copy { background: #096B7E; padding: 1.4705882353rem 0.8823529412rem; display: flex; justify-content: space-between; font-size: 0.882rem; border-top: 1px solid #262626; } @media only screen and (max-width: 991px) { .footer__copy { flex-wrap: wrap; justify-content: center; } } .footer__copy .separator { border-right: 1px solid #585858; padding: 0 0.6rem; } .footer__copy .btn-link { color: #fff; margin-left: 0.8823529412rem; } .footer__copy .btn-link:first-child { margin-left: 0rem; } .footer__copy .btn-link:hover { color: #fff; } .footer__copy .container { display: flex; justify-content: space-between; } @media only screen and (max-width: 767px) { .footer__copy .container { flex-direction: column; align-items: center; } } .footer--view2 .footer__app { padding: 0.5882352941rem; } .footer--view2 .footer__appcontent .btn.btn-secondary { box-shadow: 0 0 0 0 #fff; color: #fff; background-color: #008392; } .footer--view2 .footer__appcontent .btn.btn-secondary:hover { background-color: #00626e; color: #fff; } @media only screen and (max-width: 575px) { .footer--view2 .footer__appcontent { padding: 15px 0; } } .footer--view2 .footer__appcontent-text { display: flex; align-items: center; } .footer--view2 .footer__appcontent-text div { margin: 0 1.1764705882rem; } .footer--view2 .footer__appcontent-text p { width: auto; font-size: 1rem; } .footer--view2 .footer__appcontent-text h5, .footer--view2 .footer__appcontent-text h2 { color: #fff; font-weight: 900 !important; font-size: 1.1176470588rem; margin: 0; } .footer--view2 .footer__appcontent-text img { width: 8.4705882353rem; } @media only screen and (max-width: 575px) { .footer--view2 .footer__appcontent-text { flex-wrap: wrap; } .footer--view2 .footer__appcontent-text div { margin: 1.1764705882rem 0; } } .footer--view2 .footer__network { justify-content: flex-end; margin: 0; } @media only screen and (max-width: 767px) { .footer--view2 .footer__network { flex-direction: initial; } } .footer--view2 .footer__network .footer__social li { margin-left: 1.4705882353rem; } .footer--view2 .footer__main h6, .footer--view2 .footer__main h2 { margin-bottom: 0.7058823529rem; } .footer--view2 .footer__main { padding-top: 2.9411764706rem; } .footer--view2 .footer__copy { padding: 0; } .footer--view2 .footer__copy .container { padding: 2.0588235294rem 0; flex-direction: row-reverse; } @media only screen and (max-width: 991px) { .footer--view2 .footer__copy .container { flex-direction: column-reverse; } .footer--view2 .footer__copy .container .footer3 { width: 100%; margin-top: 1.5rem; font-size: 11px; } .footer--view2 .footer__copy .container .terms { width: 100%; } } @media only screen and (max-width: 575px) { .footer--view2 .footer__copy .container .terms a { display: block; margin-left: 0; margin-bottom: 0.4rem; } .footer--view2 .footer__copy .container .terms .separator { display: none; } } .footer--view3 .footer__main h6, .footer--view3 .footer__main h2 { color: #d3d3d38c; font-size: 15px; padding-bottom: 30px; line-height: 18px; } @media only screen and (max-width: 575px) { .footer--view3 .footer__main h6, .footer--view3 .footer__main h2 { margin-bottom: 0; padding: 15px 0; border-bottom: 1px dashed #272b40; } .footer--view3 .footer__main h6:after, .footer--view3 .footer__main h2:after { content: " "; display: block; /* border: 1px solid red; */ width: 14px; height: 15px; position: absolute; right: 15px; top: 18px; background-image: url("../../images/icons/down-arrow.svg"); background-repeat: no-repeat; } } .footer--view3 .footer__main .footerLinks { display: grid; } @media only screen and (max-width: 575px) { .footer--view3 .footer__main .footerLinks { margin-top: 1rem; } } @media only screen and (max-width: 575px) { .footer--view3 .footer__main .footerLinks.collapse:not(.show) { display: none; } } @media only screen and (max-width: 575px) { .footer--view3 .social-row center { text-align: left; } } .footer--view3 .social-row__copy { text-align: left; } @media only screen and (max-width: 575px) { .footer--view3 .social-row__copy { order: 3; padding-top: 20px; } } @media only screen and (max-width: 575px) { .footer--view3 .social-row__social { width: auto; flex-grow: 1; } } @media only screen and (max-width: 575px) { .footer--view3 .social-row__download { width: auto; } } .mobile-visibility { display: none; } @media only screen and (max-width: 575px) { .mobile-visibility { display: block; width: 100%; } } @media only screen and (max-width: 575px) { .floating__footer { background: #fff; position: fixed; bottom: 0; left: 0; right: 0; z-index: 500; } .floating__footer div { text-align: center; } .floating__footer .icons { width: 18px; margin: 0 auto; } .floating__footer .floating__inner { display: flex; justify-content: space-between; align-items: center; } } @media only screen and (max-width: 575px) and (max-width: 575px) { .floating__footer .floating__inner.collapse:not(.show) { display: none; } } @media only screen and (max-width: 575px) { .floating__footer .floating__inner > div { padding: 15px 25px; align-items: center; display: flex; flex-direction: column; } .floating__footer .floating__inner > div.active path { fill: #fcaf2a; } .floating__footer .floating__inner .navbar-toggler { padding: 0px 0px; margin-bottom: 3px; } .floating__footer .floating__inner .navbar-toggler .hamburger { top: 0; left: 0; } } .floating__footer--expand .navbar-collapse { position: fixed; top: 0; bottom: 75px; left: 0; right: 0; background: #161b38; padding: 30px 20px; z-index: 1040; } .floating__footer--expand .navbar-collapse .nav-link, .floating__footer--expand .navbar-collapse .nav-link:hover { color: #fff; } .breadcrumb { padding: 0; } .flight-search { background: #063671; border: 1px solid #00000020; padding: 2.6470588235rem 0; border-radius: 3px; display: flex; justify-content: center; } @media only screen and (max-width: 767px) { .flight-search { padding: 5.8823529412rem 0 1.1764705882rem 0; } } .flight-search__travell { display: flex; margin-left: 5px; margin-bottom: 10px; } .flight-search__travell li { margin-right: 0.8823529412rem; display: flex; align-items: center; } @media only screen and (max-width: 767px) { .flight-search__travell li { margin-right: 0.5882352941rem; } } .flight-search__travell li.switch-wrap { margin-left: 1.1764705882rem; } .flight-search__travell li.switch-wrap span { color: #fff; margin-left: 0.8823529412rem; } .flight-search__travell li a, .flight-search__travell li a:link { color: #fff !important; padding-bottom: 5px; text-decoration: none; } .flight-search__travell li a.selected, .flight-search__travell li a:link.selected { color: #fff; font-weight: 700; border-bottom: #fff solid 3px; } .flight-search__travell li a:hover:not(.disabled), .flight-search__travell li a:link:hover:not(.disabled) { color: #fff; border-bottom: #fff solid 3px; text-decoration: none; } .flight-search__form { display: flex; align-items: flex-end; } @media only screen and (max-width: 767px) { .flight-search__form { flex-direction: column; } } .flight-search__form .form-group { flex-basis: 88%; margin: 0; } @media only screen and (max-width: 767px) { .flight-search__form .form-group { flex-basis: 100%; width: 100%; } } .flight-search__form .items { display: flex; } @media only screen and (max-width: 767px) { .flight-search__form .items { flex-direction: column; } } .flight-search__form .items + .items { margin-top: 10px; } @media only screen and (max-width: 767px) { .flight-search__form .items + .items { margin-top: 0; } } .flight-search__form input[type=text], .flight-search__form input[type=date], .flight-search__form input[type=datetime-local], .flight-search__form .p-multiselect, .flight-search__form select { border-color: #fff !important; } .flight-search__form .input-wrap { width: 100%; margin: 0 5px; position: relative; } @media only screen and (max-width: 767px) { .flight-search__form .input-wrap { margin: 0 0 0.5882352941rem 0; } } .flight-search__form .input-wrap label { position: absolute; z-index: 1; z-index: 1; top: 1px; left: 20px; font-size: 12px; } .flight-search__form .input-wrap input[type=text] { padding-top: 1rem; padding-bottom: 0.5294117647rem; } .flight-search__form .input-wrap .p-multiselect { width: 100%; padding-top: 1rem; padding-bottom: 0.5294117647rem; } .flight-search__form .input-wrap .p-multiselect .p-multiselect-label { padding: 0 0.5882352941rem; } .flight-search__form .input-wrap .p-multiselect .p-multiselect-trigger { display: none; } .flight-search__form .btn-wrap { margin-left: 0.8823529412rem; } .p-inputnumber-buttons-horizontal .p-inputnumber-input, .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up, .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down { height: 2.5rem; } .widgets__title { background: #f8f8f8; display: flex; align-items: center; justify-content: space-between; border-bottom: #dddddd solid 1px; padding: 0.8823529412rem; } .widgets__title h3 { font-size: 0.9411764706rem; color: #008392; font-weight: normal; margin: 0; line-height: 1; } .widgets .card { height: 100%; } .widgets .no-content { display: flex; flex-direction: column; align-items: center; padding: 3.5294117647rem 0; } .widgets .no-content .desc { color: #666666; } .widgets .upcommingWrap { border-bottom: #dddddd dashed 1px; } .widgets .upcommingWrap:last-child { border: none; } .widgets .upcommingWrap .heading { font-size: 0.9411764706rem; color: #000; } .widgets .upcommingWrap .heading .devider { margin: 0 5px; } .widgets .upcommingWrap .details { font-size: 0.7058823529rem; margin-bottom: 7px; color: #666666; } .widgets .upcommingWrap .details span { margin: 0 3px; } .widgets .upcommingWrap .offer { color: #EC040F; font-size: 0.7058823529rem; } .widgets .upcommingWrap .fa-ellipsis-v { font-size: 0.9411764706rem; color: #7f7f7f; } .widgets .upcommingWrap .dropdown-menu { padding: 0; } .widgets .activitiesList > li { border-bottom: #dddddd dashed 1px; margin-bottom: 0.5882352941rem; padding-bottom: 0.5882352941rem; position: relative; min-height: 67px; } .widgets .activitiesList > li:last-child { margin: 0; } .widgets .activitiesList .activitiesListName { color: #252525; max-width: 75%; } .widgets .activitiesList .activitiesListDate { color: #5c606d; font-size: 0.7058823529rem; font-style: italic; } .widgets .activitiesList .activitiesListRight { position: absolute; right: 0; top: 0; display: flex; height: 100%; } .widgets .activitiesList .activitiesListRight .toggle-items { display: none; } .widgets .activitiesList .activitiesListRight .toggle-items ul { display: flex; } .widgets .activitiesList .activitiesListRight .activitylist__toggle { display: flex; } .widgets .activitiesList .activitiesListRight .right-items { min-width: 56px; background: #f9f9f9; display: flex; flex-direction: column; align-items: center; justify-content: center; } .widgets .activitiesList .activitiesListRight .right-items.item-box-primary { background: #f2f2f2; } .widgets .activitiesList .activitiesListRight .right-items.item-box-secondary { background: #ebebeb; } .widgets .activitiesList .activitiesListRight .right-items span { display: block; } .widgets .activitiesList .activitiesListRight .right-items .head { font-size: 0.5882352941rem; color: #666666; text-transform: uppercase; padding: 0 5px; width: 4.4117647059rem; text-align: center; } .widgets .activitiesList .activitiesListRight .right-items .type { color: #009933; } .widgets .activitiesList .activitiesListRight .right-items .type.negative { color: #EC040F; } .widgets .activitiesList .activitiesListRight .button-toggle { background: #ebebeb; width: 20px; position: relative; cursor: pointer; } .widgets .activitiesList .activitiesListRight .button-toggle:before { position: absolute; left: 50%; top: 50%; font-family: FontAwesome; content: "\f0d9"; font-size: 0.7647058824rem; margin: -8px 0 0 -4px; } .widgets .activitiesList .activitiesListRight .button-toggle.active:before { content: "\f0da"; } .widgets .dashFamilyWrap .d-flex { margin: 10px 0 20px; } .widgets .dashFamilyWrap .membersHeading img { margin-left: -10px; width: 50px; height: 50px; border-radius: 50%; border: #fff solid 1px; } .widgets .dashFamilyWrap .membersHeading img:first-child { margin-left: 0px; } .widgets .dashFamilyWrap .btn-add { background: #008392; color: #fff; padding: 0.7647058824rem; border-radius: 1.1764705882rem; } .widgets .dashFamilyWrap .btn-add:hover { background-color: #00626e; border-color: #00626e; color: #fff; } .widgets .dashFamilyWrap ul { border-top: #dddddd dashed 1px; margin-top: 0.8823529412rem; padding-top: 0.8823529412rem; } .widgets .dashFamilyWrap li { border-bottom: #dddddd dashed 1px; margin-bottom: 0.8823529412rem; padding-bottom: 0.8823529412rem; display: flex; justify-content: space-between; } .widgets--ads .miles { display: flex; align-items: center; background: linear-gradient(180deg, #00b4b4 0%, #06808d 100%); border-radius: 3px; border: #00000020 solid 1px; padding: 0.5882352941rem; height: 100%; } @media only screen and (max-width: 767px) { .widgets--ads .miles { flex-direction: column; } } .widgets--ads .miles__img { width: 202px; margin-right: 1.7647058824rem; } .widgets--ads .miles__details { color: #fff; } .widgets--ads .miles__details h5 { font-size: 1.1764705882rem; color: #fff; margin-bottom: 0.8823529412rem; font-weight: normal; } .widgets--ads .miles__details .link { color: #fff; } .widgets--ads .miles__details .link img { fill: #fff; } .widgets--ads .shop { padding: 0.8823529412rem; background: #f2f2f2; border: #dddddd solid 1px; border-radius: 3px; } .widgets--ads .shop__title { font-size: 0.9411764706rem; color: #000; margin: 0 0 0.8823529412rem 0; font-weight: normal; } .widgets--ads .shop__content { display: flex; } @media only screen and (max-width: 767px) { .widgets--ads .shop__content { flex-direction: column; } } .widgets--ads .shop ul { display: flex; } @media only screen and (max-width: 767px) { .widgets--ads .shop ul { margin-bottom: 0.8823529412rem; } } .widgets--ads .shop li { display: flex; flex-direction: column; justify-content: space-between; margin-right: 0.8823529412rem; align-items: center; } .widgets--ads .shop li .desc { text-align: center; font-size: 0.7058823529rem; } .widgets--ads .shop__info span { font-size: 1.0588235294rem; display: block; color: #008392; } @media only screen and (max-width: 767px) { .widgets--membership-box h2 { margin-top: -52px !important; } } @media only screen and (max-width: 767px) { .widgets--slider { display: none; } } .widgets--slider__item { background: #fff; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.05); padding: 1.1764705882rem 1.1764705882rem 0.8823529412rem; text-align: center; height: 100%; display: flex !important; flex-direction: column; border-radius: 0.3529411765rem; position: relative; } .widgets--slider__item .btn { margin-top: auto; } .widgets--slider__item .badge { position: absolute; right: 0.5882352941rem; top: 0.5882352941rem; } .widgets--slider__title { margin-bottom: 0.8823529412rem; font-weight: 600; color: #000; } .widgets--slider__img { margin-bottom: 0.8823529412rem; min-height: 120px; align-items: center; display: flex; justify-content: center; flex-direction: column; } .widgets--slider__img img { display: inline; } .widgets--slider__img .img-content { width: 120px; height: 120px; background: #ECE0FF; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #000; flex-direction: column; font-weight: 600; } .widgets--slider__img .img-content strong { font-size: 2rem; display: block; line-height: 1.7058823529rem; } .widgets--slider__img .img-content span { font-size: 0.8235294118rem; display: block; } .widgets--slider__details { margin-bottom: 0.8823529412rem; font-size: 0.7058823529rem; } .widgets--slider__details p { margin: 0 0.8823529412rem 0.8823529412rem; } .widgets--benefits__item { background: #fff; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.05); height: 100%; display: flex !important; flex-direction: column; border-radius: 0.3529411765rem; position: relative; } .widgets--benefits__item.disable { background: #EFEFEF; } .widgets--benefits__item.disable .widgets--benefits__title { background: #EFEFEF; } .widgets--benefits__item.disable .badge-danger { background-color: transparent; color: #008392; font-weight: 700; } .widgets--benefits__title { display: flex; background: #FAF2F6; color: #008392; font-size: 16px; font-weight: 700; min-height: 65px; align-items: center; padding: 0 15px; margin-bottom: 15px; } .widgets--benefits__title .icon { border-radius: 50%; width: 40px; height: 40px; background: #008392; display: flex; justify-content: center; align-items: center; margin-right: 10px; } .widgets--benefits__info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.0588235294rem; flex-wrap: wrap; } .widgets--benefits__info .redeem { font-size: 11px; color: #008392; } .widgets--benefits__info .date-exp { width: 100%; font-weight: 600; font-size: 0.6470588235rem; color: #EC040F; } .widgets--benefits__content { padding: 0 0.8823529412rem 1.1764705882rem; display: flex; flex-direction: column; height: 100%; } .widgets--benefits__content p { font-size: 0.6470588235rem; } .widgets--benefits__content .btn { width: 100%; margin-top: auto; } /*Slider starts here*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; margin: 2px 8px 5px 8px; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slider .slick-slide { margin-left: 15px; margin-right: 15px; } .slider .slick-list { margin-left: -15px; margin-right: -15px; } .slider .slick-prev ~ .slick-list { margin-left: 40px; margin-right: 40px; } .slider .slick-arrow { border: #008392 solid 1px; width: 48px; height: 48px; border-radius: 50%; z-index: 100; background: transparent url(../../images/icons/icon-arw-color.svg) no-repeat center center; } @media only screen and (max-width: 991px) { .slider .slick-arrow { border: none; box-shadow: none; } } .slider .slick-next { transform: rotate(360deg); right: -0.4117647059rem; } @media only screen and (max-width: 767px) { .slider .slick-next { right: -10px; } } .slider .slick-prev { transform: rotate(180deg); left: -0.4117647059rem; } @media only screen and (max-width: 767px) { .slider .slick-prev { left: -10px; } } /*Slider ends here*/ .preloading-svg { text-align: center; } .preloading-svg .svg-calLoader { width: 230px; height: 230px; transform-origin: 115px 115px; animation: 2.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite loader-spin; } .preloading-svg .cal-loader__plane { fill: #008392; } .preloading-svg .cal-loader__path { stroke: #008392; opacity: .2; animation: 1.8s ease-in-out infinite loader-path; } @keyframes loader-spin { to { transform: rotate(360deg); } } @keyframes loader-path { 0% { stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0; } 50% { stroke-dasharray: 0, 450, 10, 30, 10, 30, 10, 30, 10; } 100% { stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0; } } .confitti { width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; z-index: 999; -webkit-animation: seconds 1.0s forwards; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 5s; animation: seconds 1.0s forwards; animation-iteration-count: 1; animation-delay: 5s; pointer-events: all; } @-webkit-keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; left: -9999px; } } @keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; left: -9999px; } } @media only screen and (max-width: 767px) { .promo-block { display: none; } } .promo-block__item { position: relative; } .promo-block__item .btn { position: absolute; bottom: 20px; left: calc(50% - 66px); } @media only screen and (max-width: 767px) { .partner-block { display: none; } } .partner-block__item { background: #fff; box-shadow: -1px 2px 6px -1px rgba(0, 0, 0, 0.46); padding: 0.5882352941rem 0.8823529412rem; height: 100%; } .partner-block__img { margin: 0.8823529412rem 0; } .partner-block__details { margin-bottom: 0.8823529412rem; font-size: 0.7058823529rem; } .refer__content { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .refer__content { flex-direction: column; align-items: flex-start; } } .refer__content p { font-size: 0.7058823529rem; margin: 0 0 0 0.5882352941rem; } .refer .card { height: 100%; } /*Profile section at top area*/ .profile__progress { position: relative; } .profile__progress.card { border-radius: 0.2941176471rem; } .profile__progress--img { position: relative; padding: 0.5882352941rem 1.1764705882rem 0.5882352941rem 0.5882352941rem; background: #fff; } .profile__progress--img .iconWrap, .profile__progress--img a { position: absolute; bottom: 0.1764705882rem; right: 0.1764705882rem; background-color: white; border-radius: 1.1764705882rem; width: 22px; text-align: center; } .profile__progress--img img { height: 5.8823529412rem; border-radius: 0.2941176471rem; } .profile__progress--name { padding-left: 0.8823529412rem; } .profile__progress .card-body { padding: 0 1.1764705882rem 0 0; position: relative; z-index: 2; background: #f2f2f2; } .profile__progress--bar { width: 70%; height: 0.1764705882rem; position: relative; margin: -0.1764705882rem 0.2352941176rem 0 0.2352941176rem; z-index: 1000; background-color: #008392; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; } .profile__progress--bar span { position: absolute; right: -9px; margin-right: -2.4rem; top: -30px; box-shadow: 4px 5px 10px 2px #00000070; padding: 0.2rem 1rem; border-radius: 5px; color: #fff; font-size: 0.75rem; background: #008392; } .profile__progress--bar span:after { content: " "; position: absolute; top: 100%; /* At the bottom of the tooltip */ left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #008392 transparent transparent transparent; } .profile__progress:after { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #ffffff7a; } .profile__progress .layout__profile-progress { position: relative; z-index: 4; } .profile__progress .btn-lg { margin-top: 0 !important; } .layout__buttons { margin-bottom: 2rem; padding-top: 1rem; } .btn-wrap--grp, .layout__buttons { text-align: left; } .btn-wrap--grp .btn, .btn-wrap--grp button, .layout__buttons .btn, .layout__buttons button { margin: 0 0.5882352941rem 0 0; } .btn-wrap--grp.text-right .btn, .btn-wrap--grp.text-right button, .btn-wrap--grp.text-lg-right .btn, .btn-wrap--grp.text-lg-right button, .layout__buttons.text-right .btn, .layout__buttons.text-right button, .layout__buttons.text-lg-right .btn, .layout__buttons.text-lg-right button { margin: 0 0 0 0.5882352941rem; } .btn-wrap-justify { display: flex; justify-content: space-between; } @media only screen and (max-width: 575px) { .btn-wrap-justify { display: block; } } .btn-wrap-justify .btn, .btn-wrap-justify button { margin: 0 0 0 0; } .btn-wrap-justify__group .btn:first-child { margin-right: 0.5882352941rem; } @media only screen and (max-width: 575px) { .btn-wrap-block__mobile .btn { width: 100% !important; margin: 0 0 10px 0 !important; } } .btn-special a.btn-link { text-decoration: underline; } .digital-card { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); min-height: 417px; border-radius: 7px; color: #fff; position: relative; margin-bottom: 1.1764705882rem; display: flex; flex-direction: column; } .digital-card__bottom { display: none; } .digital-card__status { text-transform: uppercase; font-size: 0.9411764706rem; padding: 0.8823529412rem; display: flex; justify-content: space-between; } .digital-card__status .badge-million { width: 41px; position: absolute; right: 15px; top: 41px; opacity: 0.8; } .digital-card__status .type { text-align: right; line-height: 1.05; } .digital-card__status .type span { font-size: 10px; text-transform: capitalize; display: block; font-weight: normal; white-space: nowrap; } .digital-card__status .type span em { padding-right: 5px; font-style: normal; white-space: nowrap; } .digital-card__info { display: flex; flex-direction: column; align-items: center; margin-top: 2.9411764706rem; } .digital-card__info .name { font-size: 0.9411764706rem; font-weight: 600; white-space: pre-wrap; padding: 0 20px; display: block; width: 100%; text-align: center; } .digital-card__info .number { font-size: 0.7647058824rem; white-space: nowrap; } .digital-card__info .date { font-size: 0.5882352941rem; white-space: nowrap; } .digital-card__info .date .icon { display: none; } .digital-card__info .flag { text-align: center; font-size: 1.0588235294rem; font-style: italic; line-height: 1; padding-top: 7px; } .digital-card__blck { background: #fff; display: flex; position: absolute; bottom: 44px; width: 100%; flex-direction: column; align-items: center; padding-bottom: 0.8823529412rem; } .digital-card__blck .bar-code { margin: -47px 0 0 0; } .digital-card__blck .bar-code img { max-width: 100px; } .digital-card__list { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } @media only screen and (max-width: 767px) { .digital-card__list { display: none; } } .digital-card__list li { display: flex; padding-bottom: 1.1764705882rem; margin-bottom: 1.1764705882rem; border-bottom: #dddddd solid 1px; align-items: center; } .digital-card__list li:last-child { border: none; margin: 0; padding: 0; } .digital-card__list li h6 { font-size: 0.9411764706rem; color: #333333; margin: 0 0 0.8823529412rem 0; } .digital-card__list .thumb { margin-left: 1.1764705882rem; } .digital-card__list .thumb img { max-width: none; } .digital-card .cobrand { display: flex; margin-top: auto; justify-content: center; margin-bottom: 0.5882352941rem; font-size: 0.7058823529rem; } .digital-card .cobrand strong { margin-left: 0.2941176471rem; } .digital-card__bg { position: absolute; background: url("../../images/card-bg.png") no-repeat; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.1; pointer-events: none; background-size: cover; } /*theme*/ .theme__one .digital-card { background-color: linear-gradient(270deg, #B7BFC2 5.16%, #DBDCDC 53.09%, #B7BFC2 100%); color: #fff; } .theme__one .digital-card__bg { color: #fff; } .theme__one .t-graph__start, .theme__one .t-graph__path:after, .theme__one .t-graph__end, .theme__one .card__benefits-page .card-top__icon { background: linear-gradient(270deg, #B7BFC2 5.16%, #DBDCDC 53.09%, #B7BFC2 100%); color: #fff; } .theme__one.card.congrats, .theme__one .card__benefits-page .card-top { border-top-color: #B7BFC2; } .theme__one .t-graph__end.with-no-color { border-color: #B7BFC2; } .theme__one .t-graph__start path, .theme__one .t-graph__path-txt { fill: #fff; color: #fff; } .theme__two .digital-card { background-color: linear-gradient(90deg, #F0D499 -13.64%, #D2AF70 121.59%); color: #fff; } .theme__two .digital-card__bg { color: #fff; } .theme__two .t-graph__start, .theme__two .t-graph__path:after, .theme__two .t-graph__end, .theme__two .card__benefits-page .card-top__icon { background: linear-gradient(90deg, #F0D499 -13.64%, #D2AF70 121.59%); color: #fff; } .theme__two.card.congrats, .theme__two .card__benefits-page .card-top { border-top-color: #D2AF70; } .theme__two .t-graph__end.with-no-color { border-color: #D2AF70; } .theme__two .t-graph__start path, .theme__two .t-graph__path-txt { fill: #fff; color: #fff; } .theme__three .digital-card { background-color: linear-gradient(270deg, #282928 2.1%, #4A4B4B 100%); color: #fff; } .theme__three .digital-card__bg { color: #fff; } .theme__three .t-graph__start, .theme__three .t-graph__path:after, .theme__three .t-graph__end, .theme__three .card__benefits-page .card-top__icon { background: linear-gradient(270deg, #282928 2.1%, #4A4B4B 100%); color: #fff; } .theme__three.card.congrats, .theme__three .card__benefits-page .card-top { border-top-color: #4A4B4B; } .theme__three .t-graph__end.with-no-color { border-color: #4A4B4B; } .theme__three .t-graph__start path, .theme__three .t-graph__path-txt { fill: #fff; color: #fff; } .theme__four .digital-card { background-color: linear-gradient(0deg, #AC9A73, #AC9A73), linear-gradient(8.3deg, rgba(255, 255, 255, 0) 48.72%, #FFFFFF 138.56%), linear-gradient(79.96deg, rgba(149, 133, 100, 0.5) 11.94%, rgba(172, 154, 115, 0.5) 27.33%, rgba(132, 139, 138, 0.5) 52.86%, #AC9A73 85.6%, rgba(117, 122, 123, 0.5) 101.4%); color: #fff; } .theme__four .digital-card__bg { color: #fff; } .theme__four .t-graph__start, .theme__four .t-graph__path:after, .theme__four .t-graph__end, .theme__four .card__benefits-page .card-top__icon { background: linear-gradient(0deg, #AC9A73, #AC9A73), linear-gradient(8.3deg, rgba(255, 255, 255, 0) 48.72%, #FFFFFF 138.56%), linear-gradient(79.96deg, rgba(149, 133, 100, 0.5) 11.94%, rgba(172, 154, 115, 0.5) 27.33%, rgba(132, 139, 138, 0.5) 52.86%, #AC9A73 85.6%, rgba(117, 122, 123, 0.5) 101.4%); color: #fff; } .theme__four.card.congrats, .theme__four .card__benefits-page .card-top { border-top-color: #AC9A73; } .theme__four .t-graph__end.with-no-color { border-color: #AC9A73; } .theme__four .t-graph__start path, .theme__four .t-graph__path-txt { fill: #fff; color: #fff; } .listing--family__title { display: flex; background: #f2f2f2; padding: 0.5882352941rem 0.8823529412rem; margin-bottom: 0.5882352941rem; font-weight: 700; color: #666666; } .listing--family__title li { position: relative; color: #555555; } .listing--family__title li:first-child { width: 50%; margin-left: 140px; } @media only screen and (max-width: 991px) { .listing--family__title li:first-child { margin: 0; width: 100%; } } .listing--family__title li:nth-child(2) { width: 19%; } .listing--family__content > li { margin-bottom: 0.5882352941rem; } .listing--family .items { display: flex; padding: 0.8823529412rem; border-radius: 5px; position: relative; } @media only screen and (max-width: 991px) { .listing--family .items { flex-direction: column; align-items: center; } } .listing--family .items__title { color: #666666; font-weight: 700; text-transform: uppercase; margin-bottom: 1.1764705882rem; } .listing--family .items__thumb { margin-right: 1.1764705882rem; display: flex; align-items: center; margin-top: 1.1176470588rem; } @media only screen and (max-width: 991px) { .listing--family .items__thumb { margin-bottom: 0.8823529412rem; } } .listing--family .items__thumb img { width: 100px; height: 100px; border-radius: 50%; } .listing--family .items__details { width: 40%; display: flex; justify-content: center; flex-direction: column; } @media only screen and (max-width: 991px) { .listing--family .items__details { text-align: center; align-items: center; width: 100%; margin-bottom: 1.1764705882rem; } } .listing--family .items__details h3 { font-size: 1.1764705882rem; color: #333333; margin: 0 0 3px 0; font-weight: 700; } .listing--family .items__details .badge { border-radius: 0.8823529412rem; } .listing--family .items__details .info { margin-top: 1.1764705882rem; } .listing--family .items__details .info span { display: block; font-size: 0.8235294118rem; color: #666666; } .listing--family .items__details .info span + span { font-size: 0.7058823529rem; } .listing--family .items__graph { display: flex; flex-direction: column; align-items: center; width: 30%; } @media only screen and (max-width: 991px) { .listing--family .items__graph { width: 100%; margin-bottom: 1.7647058824rem; } } .listing--family .items__graph .graph { margin-bottom: 7px; } .listing--family .items__graph span { font-size: 0.7058823529rem; } .listing--family .items__access { display: flex; align-items: center; } @media only screen and (max-width: 991px) { .listing--family .items__access { flex-direction: column; width: 100%; align-items: flex-start; } } .listing--family .items__access li { margin-bottom: 0.8823529412rem; display: flex; align-items: center; } .listing--family .items__access li i { margin-right: 0.8823529412rem; color: #333333; } .listing--family .items__utils { margin-left: auto; } @media only screen and (max-width: 991px) { .listing--family .items__utils { position: absolute; right: 10px; top: 10px; } } .listing--family .items__utils .fa { font-size: 1.2941176471rem; color: #7f7f7f; } .listing--family .items__utils .dropdown-menu { transform: translate3d(-135px, 23px, 0px); } .listing--family .list { background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.42); border: solid 3px transparent; border-radius: 5px; } .listing--family .list .tag { position: absolute; color: #fff; padding: 1px 12px; font-size: 0.9411764706rem; font-weight: 700; text-transform: uppercase; line-height: 21px; } .listing--family .list.gold { background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #9e7804, transparent, transparent, transparent); } .listing--family .list.gold .tag { background: #9e7804; } .listing--family .list.silver { background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #d7d7d7, transparent, transparent, transparent); } .listing--family .list.silver .tag { background: #d7d7d7; color: #000; } .listing--family .list.blue { background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #002b75, transparent, transparent, transparent); } .listing--family .list.blue .tag { background: #002b75; } .listing--family .list.black { background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #000, transparent, transparent, transparent); } .listing--family .list.black .tag { background: #000; } .listing--text { margin-bottom: 1.7647058824rem; } @media only screen and (max-width: 767px) { .listing--text { margin-top: 1.1764705882rem; } } .listing--text h5 { margin: 0 0 1.4705882353rem 0; font-size: 1.1764705882rem; color: #333333; font-weight: normal; } .listing--text li { list-style: disc; margin-bottom: 0.8823529412rem; margin-left: 1.1764705882rem; } .listing--booking .item { border: #dddddd solid 1px; margin-bottom: 0.5882352941rem; border-radius: 3px; display: flex; align-items: center; position: relative; padding: 0.8823529412rem 0.8823529412rem 0.8823529412rem 1.4705882353rem; } @media only screen and (max-width: 767px) { .listing--booking .item { flex-direction: column; } } .listing--booking .item__blck { width: 40%; display: flex; align-items: center; } @media only screen and (max-width: 767px) { .listing--booking .item__blck { width: 100%; margin-bottom: 1.1764705882rem; justify-content: left; } } .listing--booking .item__thumb { margin-right: 1.1764705882rem; } .listing--booking .item__thumb svg { fill: #008392; } @media only screen and (max-width: 767px) { .listing--booking .item__thumb svg { zoom: 1.5; } } .listing--booking .item__details .name { font-size: 1.1764705882rem; color: #000; display: flex; align-items: center; } .listing--booking .item__details .name span { margin: 0 0.8823529412rem; } .listing--booking .item__details .flight-info { color: #555555; } .listing--booking .item__details .flight-info a { text-decoration: underline; } .listing--booking .item__info { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .listing--booking .item__info { flex-direction: column; } } .listing--booking .item__info ul { display: flex; } @media only screen and (max-width: 767px) { .listing--booking .item__info ul { margin-bottom: 0.8823529412rem; } } .listing--booking .item__info li { margin: 0 0.8823529412rem; text-align: center; font-size: 0.7647058824rem; } .listing--booking .item__info li .type { display: block; color: #333333; } .listing--booking .item__info li .text { color: #008392; } @media only screen and (max-width: 767px) { .listing--booking .item__info .badge { display: block; width: 100%; } } .listing--booking .item__utils { margin-left: auto; } @media only screen and (max-width: 767px) { .listing--booking .item__utils { position: absolute; right: 10px; top: 10px; } } .listing--booking .item__utils .fa { font-size: 1.1764705882rem; color: #666666; } .listing--booking .item__utils .dropdown-menu { transform: translate3d(-145px, 21px, 0px); } .listing--booking .name-port { min-width: 45%; } .listing--booking .name-port .name-port--code { font-size: 16px; font-weight: 600; } .listing--booking .name-port .name-port--airport { font-size: 12px; line-height: 13px; color: #787878; } .listing--refferal:first-child { margin-bottom: 2.6470588235rem; } .listing--refferal h3 { font-size: 0.9411764706rem; margin-bottom: 1.4705882353rem; color: #555555; font-weight: 700; } .listing--refferal ul { display: flex; justify-content: space-between; margin: 0 -5px; } .listing--refferal ul li { width: 130px; margin: 0 5px; text-align: center; font-size: 0.7058823529rem; } .listing--refferal ul li .thumb { margin-bottom: 1.4705882353rem; } .plan-summary .list-group-item { display: flex; justify-content: space-between; padding: 1.1764705882rem 0; line-height: 1.5rem; } .plan-summary .list-group-item--total { border-top: 2px solid #000; } .plan-summary .list-group-item--total div { display: flex; white-space: nowrap; align-items: center; font-weight: 600; font-size: 1.5882352941rem; } .plan-summary .list-group-item--total div button { margin-left: 1rem; } .list-group-item.active { background-color: #fff; border-color: rgba(0, 0, 0, 0.125); color: inherit; border-left: 5px solid #008392; font-weight: 600; } .miles-view { padding-top: 30px; padding-left: 15px !important; } .miles-view__row { padding-bottom: 10px; align-items: center !important; } .miles-view__row--label { font-size: 11px; text-align: right; } .miles-view__row--bar { position: relative; height: 35px; } .miles-view__row--bar.currentMiles { background-color: #0c9faf; } .miles-view__row--bar.useMiles { background-color: #ebae1a; } .miles-view__row--bar.balanceMiles { background-color: #7ab921; color: #7ab921; } .miles-view__row--bar.balanceMiles span { font-size: 15px; top: 18%; } .miles-view__row--bar.noBalanceMiles { max-width: 20% !important; background-color: #bf0000; } .miles-view__row--bar.noBalanceMiles span { color: #bf0000; top: 18%; } .miles-view__row--bar.overMiles { max-width: 120% !important; } .miles-view__row--bar.overMiles:after { content: " "; display: block; position: absolute; width: 17%; right: 0; top: 0; bottom: 0; background-color: #bf0000; } .miles-view__row--bar span { position: absolute; left: 100%; padding-left: 5px; font-size: 12px; font-weight: 600; top: 22%; } .miles-view__row .col-5:after { content: " "; display: block; width: 1px; position: absolute; right: 0; top: -5px; bottom: -5px; border-right: 1px dashed #dcdcdc; } /*Profile section at top area*/ .description { color: #333333; } .description p { line-height: 1.4117647059rem; margin-bottom: 2.3529411765rem; } .description--password { align-self: center; } .description--password h1 { color: #00B432; } .description--membership h2 { margin-bottom: 1.1764705882rem; color: #252525; } .page__password-set main .col-lg-8.col-md-8 { display: flex; } /*thumb section at top area*/ .card-apply h2 { color: #252525; margin-bottom: 1.7647058824rem; } .card-apply .form-group { margin-bottom: 1.4705882353rem; } .card-apply .head-address { margin-bottom: 0.8823529412rem; display: block; color: #666666; } .card-apply address { margin-bottom: 1.1764705882rem; } .card-apply address strong, .card-apply address span { display: block; font-size: 0.9411764706rem; color: #252525; } .card-apply .modify-address { display: flex; justify-content: space-between; margin-bottom: 25px; } .card-apply .modify-address span { color: #666666; font-style: italic; } .card-apply .modify-address .modify-links .devider { font-style: normal; margin: 0 5px; } .card-apply .note { color: #C83232; font-size: 0.7058823529rem; padding-bottom: 1.4705882353rem; margin-bottom: 1.1764705882rem; border-bottom: #bbbbbb solid 1px; } .card-apply .btn-wrap { text-align: right; } /*.graph{ //margin-right: rem(15); p{ margin: 5px 0 0; line-height: 10px; } svg{ @include respond(md) { zoom: .74; } } &__tiername{ span{ margin: 0 24px; &:first-child{ margin-left: 0; } &:last-child{ margin-right: 0; } } } }*/ .reward { padding: 1.1764705882rem 1.7647058824rem; box-shadow: 0 0px 15px -4px #e1e1e1; border: 0; border-radius: 0.7058823529rem; display: flex; align-items: center; position: relative; } @media only screen and (max-width: 991px) { .reward { flex-direction: column; padding: 0.5882352941rem; } } @media only screen and (max-width: 767px) { .reward { padding: 0.5882352941rem; } } .reward__graph { display: flex; } @media only screen and (max-width: 767px) { .reward__graph { margin-bottom: 1.1764705882rem; flex-direction: column; align-items: center; } } .reward__graph .graph { margin-right: 0.8823529412rem; } .reward__graph .graph p { margin: 5px 0 0; line-height: 10px; } @media only screen and (max-width: 767px) { .reward__graph .graph svg { zoom: .74; } } .reward__graph .graph svg path { stroke: #008392; } .reward__graph .graph svg path:first-child { stroke: #bbbbbb; } .reward__graph .graph svg path.arc-path { stroke-width: 4px; } .reward__graph .graph svg circle { stroke: #fff; fill: #008392; } .reward__graph .graph svg g svg path { fill: #008392; } .reward__graph .graph svg g rect { fill: #bbbbbb; } .reward__graph .graph__tiername { line-height: 1; } .reward__graph .graph__tiername span { font-size: 0.6470588235rem; } .reward__graph .graph__tiername span:first-child { margin-right: 23px; } .reward__graph .graph__tiername span:last-child { margin-left: 23px; } .reward__graph .graph__icon path { stroke-width: 4px; stroke: #008392 !important; } .reward__graph .align-self-center { flex: auto; padding-left: 0; } @media only screen and (max-width: 767px) { .reward__graph .align-self-center { text-align: center; padding: 12px 0; } } .reward__desc { font-size: 1rem; color: #008392; padding-left: 1rem; } @media only screen and (max-width: 991px) { .reward__desc { padding: 0.8823529412rem 0rem 0rem; } } @media only screen and (max-width: 767px) { .reward__desc { margin-bottom: 1.1764705882rem; padding-left: 0rem; } } .reward__desc .text-important { display: block; font-size: 0.8235294118rem; } .reward__links { border-left: #bbbbbb dashed 1px; display: flex; flex-direction: column; padding-left: 0.8823529412rem; justify-content: center; margin-left: auto; } @media only screen and (max-width: 767px) { .reward__links { padding-left: 0; border: none; margin-right: auto; margin-left: 0; } } .reward__links .link { font-size: 0.8235294118rem; margin-bottom: 7px; } .reward .close { position: absolute; right: 10px; top: 10px; } .t-graph-box h2 span, h5.congrats__sub-title span { letter-spacing: 5px; padding-left: 5px; text-transform: uppercase; } .t-graph-box { padding: 50px 40px; box-shadow: 0px 0px 30px -2px #ededed; border-radius: 15px; font-size: 13px; } .t-graph-box h2 { margin: 0; font-size: 1.5882352941rem; line-height: 1; margin-bottom: 1rem; } .t-graph-box h2 span { letter-spacing: 5px; padding-left: 5px; text-transform: uppercase; } .t-graph-box h3 { margin: 0; font-size: 1.1764705882rem; font-weight: normal; color: #7b7b7b; margin-bottom: 0.7rem; line-height: 1; } .t-graph-box h3.needed-text { text-align: right; margin-bottom: -1.4117647059rem; padding-top: 0.6470588235rem; font-size: 1.1764705882rem; color: #000; } @media only screen and (max-width: 575px) { .t-graph-box h3.needed-text { padding-top: 0rem; margin-bottom: 0.7rem; text-align: left; } } @keyframes graph-text { 0% { right: 100%; } 100% { right: 48px; } } @keyframes graph-path { 0% { right: 100%; } 100% { right: 0%; } } .t-graph { height: 48px; position: relative; background: #f0f0f0; border-radius: 48px; margin-bottom: .7rem; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.1); overflow: hidden; } .t-graph__start { position: absolute; left: 0; height: 48px; border-radius: 48px; width: 48px; display: flex; align-items: center; justify-content: center; z-index: 99; background: transparent; } .t-graph__start path { fill: #fff; } .t-graph__end { position: absolute; background: transparent; right: 0; height: 48px; width: 48px; border-radius: 48px; display: flex; align-items: center; justify-content: center; z-index: 99; color: #fff; } .t-graph__end.with-no-color { background: transparent; border: 2px solid transparent; color: #000; } .t-graph__end span { display: inline-block; font-size: 0.8823529412rem; } .t-graph__path { height: 100%; position: relative; z-index: 98; animation-name: graph-path; animation-duration: 1s; min-width: 144px; } .t-graph__path:after { display: block; content: " "; background: transparent; border-radius: 48px; position: absolute; top: 0; left: 0; bottom: 0; right: 48px; } .t-graph__path[style*="width: 0%;"] { min-width: 0px; } .t-graph__path[style*="width: 0%;"] .t-graph__path-txt { right: -48px; } .t-graph__path[style*="width: 0%;"] .t-graph__path-txt span { display: none; } .t-graph__path[style*="width: 0%;"]:after { width: 48px; } .t-graph__path[style*="width: 98%;"], .t-graph__path[style*="width: 99%;"] { width: 100% !important; } .t-graph__path[style*="width: 100%;"] .t-graph__path-txt { right: 0; } .t-graph__path[style*="width: 100%;"] .t-graph__path-txt span { display: none; } .t-graph__path[style*="width: 100%;"]:after { right: 0; } .t-graph__path-txt { position: absolute; right: 0; animation-name: graph-text; animation-duration: 2s; z-index: 100; position: absolute; background: transparent; color: #fff; right: 48px; height: 48px; width: 48px; border-radius: 48px; display: flex; align-items: center; justify-content: center; } .t-graph--legend { margin-bottom: 1.5rem; } .t-graph--legend .t-graph__start, .t-graph--legend .t-graph__end, .t-graph--legend .t-graph__path-txt { position: relative; display: inline-block; width: 20px; height: 20px; animation: none; vertical-align: middle; margin-right: 2px; } .t-graph--legend .t-graph__start span, .t-graph--legend .t-graph__end span, .t-graph--legend .t-graph__path-txt span { display: flex; align-items: center; justify-content: center; height: 100%; } .t-graph--legend .t-graph__start span svg, .t-graph--legend .t-graph__end span svg, .t-graph--legend .t-graph__path-txt span svg { transform: scale(0.6); } .t-graph--legend__row { margin-bottom: 0.1rem; font-size: 0.8823529412rem; align-items: center; display: flex; } .t-graph--upgrade { font-size: 1rem; } .t-graph--upgrade strong { display: block; } .t-graph--upgrade-link { padding-top: 1rem; } .t-graph--upgrade-link a { text-decoration: none; display: flex; align-items: center; font-size: 1rem; } .t-graph--upgrade-link svg { margin-left: 5px; height: 16px; width: 16px; } .member-plan__title { margin-bottom: 0.8823529412rem; } .member-plan__title p { margin: 0; } .member-plan .package-wrap { padding-left: 1.7647058824rem; border-left: #bbbbbb dashed 1px; text-align: center; } .member-plan .rate { font-size: 1.4117647059rem; color: #008392; } .member-plan .rate-type { font-size: 0.7058823529rem; } .member-plan .boosterSec .rate { font-size: 1.1764705882rem; color: #252525; } .member-plan .alert { text-align: left; } .contact--address { margin-top: 1.5rem; } .contact--address p { margin-bottom: 0.75rem; } .total-value { display: flex; justify-content: space-between; font-size: 1.5882352941rem; font-weight: 600; border-top: 2px solid #000; padding-top: 0.8823529412rem; margin-top: -1rem; } @media only screen and (max-width: 767px) { .total-value { font-size: 1.2941176471rem; } } .benefits { background: #fff; border: #ddd solid 1px; border-radius: 4px; padding: 1.4705882353rem 1.7647058824rem; margin-bottom: 3.5294117647rem; } .benefits h2 { margin: 0 0 1.4705882353rem 0; line-height: 1; } .benefits li .list-item { position: relative; padding-left: 2.0588235294rem; } .benefits li .list-item:before { width: 12px; height: 12px; content: ""; background: #008392; left: 0; top: 0.1764705882rem; position: absolute; border-radius: 50%; } .benefits li h3 { font-size: 1rem; margin: 0 0 0.1764705882rem 0; line-height: 1; } .benefits li .link { margin-left: 2.0588235294rem; } .utils { margin: 0 0 0 8px; } .utils > a { width: 2.8235294118rem; height: 2.3529411765rem; border: #dddddd solid 1px; border-radius: 3px; display: flex; justify-content: center; align-content: center; padding: 0.7058823529rem; } .utils > a svg { fill: #004164; } .utils > a.active { background: #008392; } .utils > a.active svg { fill: #fff; } .utils.disable > a { cursor: no-drop; } .utils.disable > a svg { fill: #dddddd; } .utils.show > a { border: #008392 solid 1px; } .utils.export a svg { zoom: 1.3; } .utils.export .dropdown-menu .dropdown-item { margin-bottom: 1.1764705882rem; color: #333333; } .utils.export .dropdown-menu .dropdown-item:hover { color: #008392; } .utils.export .dropdown-menu .dropdown-item:last-child { margin: 0; } .utils.filtrate .dropdown-menu { padding: 0.8823529412rem; border: none; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.19); min-width: 210px; } .utils.filtrate .form-group { margin: 0 0 1.7647058824rem 0; display: flex; } .utils.filtrate .txt-wrap { position: relative; } .utils.filtrate .txt-wrap .search { position: absolute; right: 10px; top: 14px; } .utils.filtrate .check-wrap { margin-right: 0.8823529412rem; } .p-progressbar .p-progressbar-value-animate { background-color: #008392 !important; } .loginComponent hr:after { content: " OR "; display: block; width: 3rem; height: 1.4rem; position: absolute; background: #bbbbbb; text-align: center; color: #a7a7a7; border-radius: 1.4rem; line-height: 1.4rem; font-size: .7rem; top: 50%; left: 46.9%; margin-top: -.7rem; } /*Should formate- its added for demos */ .dashboard-bg-full .preferences__rate { top: 0; color: #fff; background: #ce138785; padding: 3px 10px; left: 0; position: absolute; } @media only screen and (max-width: 767px) { .dashboard-bg-full .preferences--with-img { flex-direction: column; } .dashboard-bg-full .preferences--with-img img { width: 100%; height: auto; } .dashboard-bg-full .preferences--with-img .card__img--mobile { display: none; } .dashboard-bg-full .preferences--with-img .card__img--web { display: block; } .dashboard-bg-full .preferences--with-img .card-body > div { justify-content: space-between; display: flex; width: 100%; align-items: center; } } .dashboard-bg-full .col-lg-6 > .preferences .card-body > div { justify-content: space-between; display: flex; width: 100%; align-items: center; } .dashboard-bg-full .col-lg-6 > .preferences .card-body .card-text { display: none; } .dashboard-bg-full .col-lg-6 .col-lg-4 .preferences .card-body .preferences__title { font-size: 0.85rem !important; } .dashboard__parners--viewall .card { border: 1px solid #bbbbbb !important; margin-bottom: 1.8rem !important; } .dashboard__parners--viewall img { width: 100% !important; margin-bottom: 1rem; } .dashboard__parners--viewall p { min-height: auto !important; } .dashboard-bg-full { padding: 3rem 0; background-color: #f2faff; margin: 2rem 0; } .carousel-item .preferences { margin-bottom: 0.9rem; box-shadow: 0 0px 14px -2px #20397647; } .carousel-indicators li { background-color: #ca1687; } .carousel-control-prev, .carousel-control-next { display: none; } .carousel-indicators { bottom: 100%; left: auto; margin-right: 0; } .dashboard__parners--viewall .card, .carousel-item .card { box-shadow: 0 0px 5px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05); transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12), 0.3s box-shadow, 0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12); cursor: pointer; } .dashboard__parners--viewall .card:hover, .carousel-item .card:hover { transform: scale(1.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06); z-index: 100; } .cart-view__timeline { margin-bottom: 4.7058823529rem; margin-top: 0.8823529412rem; padding: 0; display: flex; justify-content: space-between; position: relative; } .cart-view__timeline li { flex-grow: 1; position: relative; color: #00000050; font-weight: 400; text-align: center; } @media only screen and (max-width: 767px) { .cart-view__timeline li { font-size: 12px; } } @media only screen and (max-width: 575px) { .cart-view__timeline li { font-size: 0; } } .cart-view__timeline li:after { position: absolute; content: " "; height: 0.4117647059rem; left: -0.1176470588rem; right: -0.1176470588rem; background-color: #e5e5e5; display: block; bottom: -0.7647058824rem; border-radius: 0.2352941176rem; z-index: 2; } @media only screen and (max-width: 575px) { .cart-view__timeline li:after { left: 0.0588235294rem; right: 0.0588235294rem; } } .cart-view__timeline li span { margin-right: .5rem; } .cart-view__timeline--active { color: #8C2D92 !important; } .cart-view__timeline--active:after { background-color: #763181 !important; } .cart-view__timeline--current { font-weight: 600 !important; } @media only screen and (max-width: 575px) { .cart-view__timeline--current { font-size: 0.8823529412rem !important; text-align: center; } } .cart-view__timeline--current:after { z-index: 3 !important; } /*We created this area for latamClum but we used the same for later demos. These are for cart section*/ .latamClub .latamHeader { padding: 10px 0; } .latamClub .latamHeader h1 { margin: 0; padding: 0; font-weight: 600; font-size: 24px; padding-top: 17px; } .latamClub .cartRightSec .cartRightSecBox { border: 1px solid #bbbbbb; box-shadow: 26px 0px 60px #eaeaea; padding: 0 20px 20px 20px; margin-bottom: 2rem; } .latamClub .cartRightSec .cartRightSecBox .h4 { margin-bottom: 0; color: #1B0088; } .latamClub .cartRightSec .cartRightSecBox h2 { background: #008392; padding: 15px 20px; margin: 0px -20px 15px; border-bottom: 1px solid #bbbbbb; font-size: 0.9411764706rem; line-height: 1; color: #fff; } .latamClub .cartRightSec .cartRightSecBox h3 { margin: 0 0 0.5rem 0; font-size: 1.0588235294rem; line-height: 1; } .latamClub .cartRightSec .cartRightSecBox .h3 { font-size: 0.9411764706rem; line-height: 1; color: #008392; font-weight: 600; margin: 1.0588235294rem 0; display: flex; justify-content: space-between; } .latamClub .cartRightSec .cartRightSecBox hr { margin: 1rem 0; } .latamClub .cartRightSec .cartRightSecBox .d-flex { justify-content: space-between !important; font-size: 1rem; } .latamClub .cartRightSec .cartRightSecBox .d-flex div:first-child a { font-size: 0.7058823529rem; margin-right: 10px; } .latamClub .cartRightSec .cartRightSecBox .d-flex .text { color: #004164; font-size: 0.8235294118rem; } .latamClub .mainSec { margin-bottom: 15px; } .latamClub .mainSec .boosterSec { border: 1px solid #bbbbbb; padding: 20px 25px 20px 30px; position: relative; background: #fff; z-index: 99; margin-top: -1px; } .latamClub .mainSec .boosterSec h4 { margin: 0; padding-bottom: 3px; } .latamClub .mainSec .boosterSec p { margin: 0; padding-bottom: 15px; font-size: 14px; } .latamClub .mainSec .boosterSec .boosterBox { border-radius: 3px; margin-bottom: 10px; cursor: pointer; display: flex; justify-content: space-between; padding: 12px 10px; box-shadow: 0px 0px 2px #bbbbbb; background: #fff; } .latamClub .mainSec .boosterSec .boosterBox:hover { box-shadow: 0 0 9px 0px #ccc; } .latamClub .mainSec .boosterSec .boosterBox .btn-sm { border-radius: 14px; padding: 2px 10px; } .latamClub .mainSec .boosterSec .boosterBox .list-group { border-top: 1px solid #C7C9EA; } .latamClub .mainSec .boosterSec .boosterBox .list-group-item { padding: 10px 20px 0px; border: 0; font-size: 13px; } .latamClub .mainSec .mainLeftSec { position: relative; margin-bottom: 2rem; } .latamClub .mainSec .mainLeftSec .flag { position: absolute; left: 11px; padding: 4px 11px; margin: 0; font-size: 0.7647058824rem !important; line-height: 1 !important; background-color: #004164; color: #fff; } .latamClub .mainSec .mainLeftSec .flag.popular { background-color: #008392; } .latamClub .mainSec .cartRightSec { display: none; } .latamClub .mainSec.mainSecSelected .feturesSec { border: 1px solid #008392; } .latamClub .mainSec.mainSecSelected .cartRightSec { display: block; } .latamClub .feturesSec { border: 1px solid #bbbbbb; z-index: 100; position: relative; box-shadow: 0px 0px 26px #e8e8e8; padding: 1.1764705882rem 1.4705882353rem; } .latamClub .feturesSec .radio { margin-top: 0rem; padding-right: 1.7647058824rem; position: relative; } .latamClub .feturesSec .package-wrap .rate { font-size: 1.6rem; } .latamClub .feturesSec h4 { margin: 0; font-size: 0.875rem; } .latamClub .feturesSec .col-lg-4 .fa { font-size: 40px; color: #04A0FB; } .latamClub .feturesSec .col-lg-4 h3 { font-size: 1.5882352941rem; margin: 0; padding: 0; } .latamClub .feturesSec .col-lg-4 p { margin-bottom: 5px; font-size: 15px; } .latamClub .feturesSec .col-lg-4 .text-danger { font-size: 16px; } .latamClub .feturesSec .list-group { border-left: #ddd dashed 1px; padding: 15px 0; } .latamClub .feturesSec .list-group h3 { margin: 0 0 0 1.1764705882rem; } .latamClub .feturesSec .list-group-item { position: relative; border: none; border-radius: 5px; padding: 4px 6px 4px 20px; font-size: 10px; display: flex; align-items: center; } .latamClub .feturesSec .list-group-item i.fa-check { background: #008392; border-radius: 10px; padding: 3px; color: #fff; font-size: 8px; height: 14px; width: 14px; margin-right: 15px; } .latamClub .feturesSec .list-group-item .icons { position: absolute; left: 25px; font-size: 23px; } .latamClub .feturesSec .list-group-item div { font-size: 13px; } .latamClubConfirm .feturesSec { padding: 30px 40px 40px 30px; } .latamClubConfirm .feturesSec h3, .latamClubConfirm .feturesSec h2, .latamClubConfirm .feturesSec h4 { padding-top: 10px; } .latamClubConfirm .feturesSec .list-group-item { border: 0; background: transparent; padding-left: 23px; font-size: 12px; margin: 0; } .latamClubConfirm .feturesSec .list-group-item.items2 .fa { background-color: #ECE0FF; } .latamClubConfirm .feturesSec .list-group-item .fa { font-size: 9px !important; top: 26% !important; left: -2px !important; } .latamClubConfirm .feturesSec .cartSecConfirm .h3 { color: #000; font-size: 1.0588235294rem; } .latamClubConfirm .feturesSec .cartSecConfirm .h3 strong { color: #ECE0FF; } .latamClubConfirm .feturesSec .cartSecConfirm .form-check-label { font-size: 0.7058823529rem; } .latamClubConfirm .cardNum { position: relative; } .latamClubConfirm .cardNum .fa { position: absolute; font-size: 1.1764705882rem !important; right: 17px; top: 14px; color: #06808d !important; } .latamClubAddBooster .boosterRate { padding-right: 30px; } .latamClubAddBooster .boosterRate a { margin-left: 5px; } .guest-view { background-color: #F3F3F3; } .guest-view .box-wraper { display: flex; justify-content: center; padding-top: 4.7058823529rem; } .guest-view.page__login .container { width: 70%; } @media only screen and (max-width: 767px) { .guest-view.page__login .container { width: 100%; } } .guest-view.page__login .box-wraper { display: block; } .guest-view .box { padding: 45px 35px; border-radius: 10px; box-shadow: 0 0 18px 2px #bbb; background-color: #fff; height: 100%; } @media only screen and (max-width: 991px) { .guest-view .box { margin-bottom: 1.7647058824rem; height: auto; } } .guest-view .box.box--details ul { margin: 0px 0 30px 35px; } .guest-view .box.box--details li { list-style: disc; } .guest-view .box.box--details .display-1 { color: #000; font-size: 1.4117647059rem; margin-bottom: 1.4705882353rem; } .guest-view .box.box--details h2 { color: #008392; font-size: 1.1764705882rem; margin: 0 0 0.5882352941rem; } .guest-view .box.box--details h3 { color: #008392; font-weight: 400; font-size: 1.0588235294rem; margin-bottom: 0.5882352941rem; } .guest-view .box.box--details p { margin-bottom: 1.1764705882rem; } .guest-view .box .join-btn { margin-top: auto; } .guest-view .box .btn { width: 100%; margin: 0 0 1.1764705882rem; } .guest-view .recaptcha-login { padding-bottom: 10px; } .error-template { padding: 40px 15px; } .error-template .error-actions { margin-top: 15px; margin-bottom: 15px; } .error-template .message { font-weight: 600; font-size: 2.5882352941rem; display: block; } @media only screen and (max-width: 575px) { .error-template .message { font-size: 2rem; } } .error-template .header { font-weight: 700; color: #008392; font-size: 2.3529411765rem; display: block; } .error-template .header .done { color: green; font-size: 36px; } .status-page { padding-top: 50px; min-height: 450px; display: flex; align-items: center; } .status-page .status-page__inner { width: 450px; margin: 0 auto; } .status-page--with-pic .status-page__inner { width: 800px; } @media only screen and (max-width: 575px) { .status-page--with-pic .status-page__inner { width: 80%; text-align: center; } } @media only screen and (max-width: 767px) { .status-page--with-pic .status-page__inner { width: 60%; text-align: center; } } .status-page h1 { font-size: 2.5882352941rem; font-weight: 600 !important; margin: 2rem 0 0.8rem 0 !important; display: block; } @media only screen and (max-width: 575px) { .status-page h1 { font-size: 2rem; } } .status-page_img { flex-basis: fit-content; } .status-page_img svg path { fill: #008392; } .card-credit { display: flex; justify-content: space-between; } .card-credit .credit-card { margin: 15px 5px; border-radius: 7px; width: 340px; max-width: 340px; position: relative; transition: all 0.4s ease; box-shadow: 0 2px 4px 0 #cfd7df; min-height: 200px; padding: 13px; background: #1a1b1c; color: #efefef; display: flex; flex-direction: column; } .card-credit .credit-card__logo { width: 70px; margin-bottom: 0.8823529412rem; } .card-credit .credit-card__title { text-transform: uppercase; font-weight: 700; font-size: 1rem; line-height: 15px; margin-bottom: 0.5882352941rem; } .card-credit .credit-card__title span { display: block; font-weight: normal; font-size: 0.6470588235rem; } .card-credit .credit-card__date { margin-top: auto; font-size: 0.6470588235rem; } .card-credit .credit-card__date .date { font-weight: 700; } .card-credit .credit-card.selectable:hover { cursor: pointer; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .card-credit .credit-card-last4 { font-size: 24px; position: relative; } .card-credit .credit-card-last4 span { font-size: 10px; font-weight: bold; position: absolute; left: 0; top: 19px; text-transform: uppercase; color: #fff; } .card-credit .credit-card-last4:before { content: "**** **** **** "; color: #4f4d4d; font-size: 20px; } .card-credit .credit-card.american-express .credit-card-last4:before, .card-credit .credit-card.amex .credit-card-last4:before { content: "**** ****** *"; margin-right: -10px; } .card-credit .credit-card.diners-club .credit-card-last4:before, .card-credit .credit-card.diners .credit-card-last4:before { content: "**** ****** "; } .card-credit .credit-card-expiry { font-size: 18px; position: absolute; bottom: 8px; left: 15px; } .card-credit .credit-card.mastercard { background: #32a2d4; color: #e3e8ef; } .card-credit .credit-card.mastercard .credit-card-last4:before { color: #fff; } .card-credit .credit-card.american-express, .card-credit .credit-card.amex { background: #5c2451; color: #f2fcfa; } .card-credit .credit-card.american-express .credit-card-last4:before, .card-credit .credit-card.amex .credit-card-last4:before { color: #fff; } .card-credit .credit-card.diners, .card-credit .credit-card.diners-club { background: #4aa1ab; color: #f5efff; } .card-credit .credit-card.diners .credit-card-last4:before, .card-credit .credit-card.diners-club .credit-card-last4:before { color: #fff; } .card-credit .credit-card.discover { background: #f16821; color: #fff4ef; } .card-credit .credit-card.discover .credit-card-last4:before { color: #ffae84; } .card-credit .credit-card.jcb { background: #947e41; color: #f7e8e8; } .card-credit .credit-card.jcb .credit-card-last4:before { color: #f28a8a; } .card-credit .credit-card.unionpay { background: #5c2451; color: #fafdff; } .card-credit .credit-card.unionpay .credit-card-last4:before { color: #99dcff; } .card-credit .credit-card::after { content: " "; position: absolute; bottom: 10px; right: 15px; } .card-credit .credit-card.visa::after { height: 16px; width: 50px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAYAAABUWyyMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAC4jAAAuIwF4pT92AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAExUlEQVRIDXWWW4hWVRSA/9+ZNA3TtFJUZDIsTSNLUpIwHzTogl3oKkVERgQhvQRTINFDUdhDUdBDhBMUTUFRJnSzQglqIC+U3YZEI+wiWjmF42X07/v2WWs4M6MLvn+tvdbal7P23uf8zVar9Vyj0ZgL46EF/0ET2uEPeKzZbO4hbxT6BLoNfRy9klgnHIQzoBf/avzLsZ+APjgTPsO/ttZvBr7VcDXMgingnL/ATniK/G/IH4XdwsZsjcZ2zCXQD863ndgaYqhmq4ExARbDo7AThssGOpnnwHX96bDEpyP+4sn8EbuL2F+1uIURC6NWVkVuO7bFdM5HDAyTf2hPjbiFHyoEn4wOh0P/ip5kFrot9ELsI3AUXMR+mBmxfMB+fMoN4b+papZf+55MnNNdqhdsHL4fItl+xwIffGnklnWVTjjdPu1z4QAoJttxUcQy51mDSD7s+ohPxbe3RKqff1G5sG3hz4fYQvsWWAE3wjrohpwjd+NWfMpApcqva1IeinlLrnYRAnl8NpW0quKad5qA9sCeBbtBycGXRXxZ5R70bwv/PPw+tIXJ4pxn7FRCXq7lQ2zFfgfhEHgKlC77o9tKcm2wbH8ZvuOhL1GXS9VoXI/ZAUfBLd0MW0CZV6nGQGgvrzIOzPVlIlbwcRZwNtqFeB/KTkQ7XyyX014Ojuc9eAksTq7zIvqVl086iBVxEuWLSpXJNedHW3V3zdZczwOeCF85grV4T9jfo78D53NRznMPeNzWoF24960669WicTfuhfQdw+6CPaA454VQ7qaOQWEgn9oKTYH6Wf8x/Avwez5za3dhT4iYVf0alDxyVxpT8F0F+QJw0ZKyFWNO5JXzTnsa7MsEtDvvOGvDl3ftWv1DdsSjg6CafxLbYQLi8ZqFvwN9GziRx0p5nVy/I0oHzNZArOJv0GuDvu3kuZCl4NE4LXB3rPRl8DF508nTp9wO58BhG8jblWp8GzrVgjSGaCfVge4ExR3woq0CP1QpfRgXZGfslRHISn8S44zCb4XKEUGPhvvA3VTcXV8Eyrro4yt3e/FUP7+j8psxA9tvkf2Ud+xTFq1RE8+ekhfeXXNXOsHt13ZRG6leLwONQR+hfSkoxq34YOWIO6HFGYN/gPYr2H5o34UlkCcjXxYr8FnpnMt1vkwftcff8bPPHPxjaQ8VnCY66UTYDYo7kpKVWB55Dmr+hkjIs3tH+H1d+zdkhOB/Ifrk3XnTJHw5lndN6vPbxXb67Dt/xI5E9XyL+BfA89wBWRl3y934Cj4nTlrTo+f/tHJZ0T6YO1TuB3oxdJHjEXCX94PFsuoPgJLVfZ+8DtrX6ETMy1hxxI9+33yu63SYO+JBcCp2dtGb4eaw9eUDvcoDuDO++734s2EmeFEd8+cAVb4t7siDgb4U5/CyO04PY77GmM9gO0Y/jIWPwCLkn1ov//nwMDifhV0II4XBShXQi2C4ePEm2wudx+r+YUme/yL4rbKSR6F+LKpIq/UBxiSYDJ6EulyRY6UmOB7+riX1nGpH8sPohX0LpoMVmghvUDn/i1kJK6r45d4KB8CHfA98UI/A87APLoZpYNyq7oUd0M14G9HmX4f6CfrAMXeB35j6Oh3zEHSD/zg8xn3/A2haarqHiZpPAAAAAElFTkSuQmCC"); } .card-credit .credit-card.mastercard::after { width: 40px; height: 25px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAZCAYAAABD2GxlAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAGGElEQVRIDZVXzY8URRR/Vd0zPV/sFyu4ywIRORA10Y2Ek8m6sBouRGOyHMSoKMaLFyWeJGE8GCX6FygoiYkGPJhIvAi4BzAakYBRThAOwAwinyvz2dNdz9+r7mF2Z796H2zXVNX7+L1X9apeKeqio0TOTqKwPXyTRsaIeBv6T6EdIlJp/K4roqvonzFEx1dR+Zzw8yQ50qrvInn/0JonWavtIfNm8K9VirLGsE9KXUf/T1Lmp+zu66dERoiZNHigskPg6xATuRgIZATAdqF5N0X0dJ4iqZAY/wAAfw6+0k5DH8aOq0H6+KFbpSkMUf2LkWdJ8z4wbM3kdGTDgEuEhWRIIwoNQ35A5xzFB7w3ykdkiqeAYTzCIP1IWCZicNM0MuATH+4lvSPAaFX8gi7AwQ+Gg5GdGX23J63I9xU1Kfys8BVxOu28D4DUbEDCUKAUZJkjjyDfAUpOxoNK/G/WzTHPc15Tu67cnQnSAmyDu0HrNigKTvST88g9MjaSUCfL9sAR0T+LXJgLVEB9JjW49R7RY0yN9f1wV7fIsAvJhWUFKmM7KOJMQaeaFXORXZ7Ivlq+wkVEsgjN7T13FZHLEP3RS0rANaHVmwVkvg6WCRGyCHpfusOpgbohYDTrstp/YkBJ6KPPfMKdMctH1MR28Bo1c7lVoy0975Ru81FydDshAO7LvuWAE/2ILQNe7rkqpfrrin3l8Arl6FJdudeqmF8seB2AMZfXrJkGIrnBzfJBOztJBjGQhBh+uYfUC/GyLh05EUL2cEtRalNAuWGEDRsCK4XERDygwb10j/T9FrGAlBAlIJFsVEyQzTkv1g6umcTWZAsQKfWeZKhQMp/BGBvNbpRIoYsceCAsoHyALGMuscLYvOiFk0rTXhlR/9LwM2nSp+BrbDKBSgGEk9JZa6hv7AZpFxuxLW214oN5TmtqblltWyWnWzKwooldh3TAekxOpG1yzqGVrE2mwhU8WN41LdIpWBbjM0lMwAmFnNEVqI2Pwpksi/wWDKHr2QycwFePdutfRDiaiqPl9tiNZ8HOlYEdKNaV1typpUbEe9jAmo7i5uAhudfQTxY9UR5fhNqToC9AsTbVlLVegGehYZHFPtSkhnDekyfyidEJY+yNEumFqD0lWb18iiJILAtNjdhmMjViDwLSsEngVsKzsMu4LDJscAMx4LLcR2Kvi2nhLhJAKGwgW5Yg9iRblmDqnhYkNrFUGRFUZ0V+WTpi5mBaTmuRnc83jEG7yYNnuSQKYcMhPquRaCcrUckkmpIltE1e1Agll0xLDoIuBOKA5EZOkykgysvbh+Kt20IpFho6qR+m0m84CH4tADL0xvnZZbC7Cy4Fu0HJIf9OwQK0N0mbT4oyKDWr8yhTUDmK2wI6GQWZjFIAdzq3p/yL9R3p/GksK2rmW6+5qsEpzPWLOXuroOTrSIbY2biPg+F8Z2yuhvlGxLbFZJgtJjkoUAxf+75C9G0fLi30cYsmIERIpZlaF12ql/qi+xiQUeKjcAK4jf12eRXAJo2eSKKaceoNPpJ/s/wDF0kLWgkEVsTsuUvhhQHSci7CRIJIxnuxdiKPpc4ZAA7VfQ7N+pwJR3LYMNCUjISx6eV1plkJL2QL/h4rth/hBDrZwu4wlWsIw/Mouf5eCZBgkFMOBdUiiYO9hb0o31bleL+mm3mHHs87waZ+rIxqYdWNFDmLkLUhtjIrtNesmr8ClZ5QO29WpoqoqPEUeiAuINEJmEayt4g/RwHxioS3gkBiTu40NLMWyxZYkMGbRNN/vvDxvhVfownVR+mMojgTraykoH2XQIn8xD88Vcj1stCApKv75ptsi95Sb5drWFpb7kes8o1pCsbGIzBSxO6Apr0QH8MDynK0X3VIKjsiiPGqw3OJjtHK8MDg7X/OCGP10BCemc4HWvF2L6cz1i3JZKnowNyubhpVGaTTqP0+ybxe+lE6M8FJX9hnEVToDzFSjJcW9eIovB/H0Cj+hjGP+1FVsXpXwfo7+j+vomuXMBe9iyehdGd0XDUOr32UjJlAuDZjdD2iloNF2d9lYD2Pev5kYXfpvMgWi6T3o1XF2VvqfyBMXs6VwHVmAAAAAElFTkSuQmCC"); } .card-credit .credit-card.amex::after, .card-credit .credit-card.american-express::after { width: 50px; height: 19px; background-image: url("../../images/icon-ae.png"); } .card-credit .credit-card.diners::after, .card-credit .credit-card.diners-club::after { width: 30px; height: 24px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAED2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOkFDMEM4Rjk2NTQzRDExRTQ5MzZBQzlERDRCNDEwQzZDPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06RGVyaXZlZEZyb20gcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICA8c3RSZWY6aW5zdGFuY2VJRD54bXAuaWlkOkFDMEM4RjkzNTQzRDExRTQ5MzZBQzlERDRCNDEwQzZDPC9zdFJlZjppbnN0YW5jZUlEPgogICAgICAgICAgICA8c3RSZWY6ZG9jdW1lbnRJRD54bXAuZGlkOkFDMEM4Rjk0NTQzRDExRTQ5MzZBQzlERDRCNDEwQzZDPC9zdFJlZjpkb2N1bWVudElEPgogICAgICAgICA8L3htcE1NOkRlcml2ZWRGcm9tPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOkFDMEM4Rjk1NTQzRDExRTQ5MzZBQzlERDRCNDEwQzZDPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93czwveG1wOkNyZWF0b3JUb29sPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KetBeNQAAB1JJREFUSA2FVnts1eUZfn7Xc+k5PS29nLZwLNTWIgwwglFEzTaLJnN0mlA0mWMZQraFmIyZ3bKLbbKxubixbJo4XWY0U7OCYUydyB8Dht1IZh1lcmmpVegFCpzez2nPOb/Lnvc755SqifuStr9+l/d53+d93+f7NHx8tLfrwONAu+appetfSSBtrcAq+wZU2XHomgGHS7IaM7E0HkTQ0jCUdXIzjj9i2lqv4zinsbtlVJ3v7DTQ1uZB0/yFUNrCf9Du6/OAX37zFvj4atuaqjvvaIw2XFcdjiyKBmDoOtIZB8PJNE5+OIU956aVE5V0wvM9jMGY0DT0+bnsETjOy3ji8z0KY6FtTlwDLiw83XkqsvON4W9vao7u/MbnGqpvbi5HecRAwNIlRvFanXE9DzOzOQwMTuBA1xA63k36iBpanW3pI5oFzbDgO5lh7n8Ks6nf4cl7U/AZmJZnMg9cAH3s9+9U/upE6qmf3BF/cMfGBJZUhXM8SOp5gHi+719zVDxgaDJmycDhdwbRun/Ad3XfX2zp/rAHXzNs07cDgOvshZN+VNFfwNIgOW1v91Skh688t+fepQ9tv6fWjYRseJ5vSJA66fUZawHnWtj8cl0fhkG/OLpOjuCLfzoD4bqCeU+6nqsIKikz4GZfQyb1Nfy8JSkp1XFqhXJ758HhXd+9tfqhRzbWOgTVHNdjOjUFOpXOQqgtDjmQIs2ZnKdAXc8XNrBhdR32bW4iBQ7zDQR1wyBRGlKTOej2JhjhDmXjcTCi03t9bHtj3W1LSn/z07amSG1F2HcJajIKOfzm2wM42nMRaxorYZmc46RQ/J/ey3jlUD8aFkcRiwTUXp3z19WWonImjf1nJ1ETMTHFeobGFDlZDYa1Chu2/hctS3vzHKWMh3femYg3Lo469NwQ6iSK/X8/h/uePIXkVGY+n8Wohfof/G0E33n+BIZGp1jtGmn3YPLvF9YnsDpqssVclCo+NebKdUhPCLa9A7s6QzpaD9StaCy969YbF4lNTQzKOH5yGJv3DQD1AYRtkzOFBbWaz/cNy0J4uT+FZ17rU9SrXNNAoqYUW9dUANMOYoZClgM6cmlJ+XqEq9bqmNOWt9aXNMTLbDGpSV6nmdOXjg0BIdYWo3dYQJ8YnPpgzkNd3MbPToyhp++y2uISOGAZWNVQpnx1yJylVpgHKTYf9Ei7nVa9hkQ8FAsFDa/YLh+OTOLP51OoDhPYkZx+AlY8R47ghizy77v9SZUeqSUZdVUlWE7Hx+h0ID/FfvSkJwHTXqkjalaXK0XinDIHXJ2cw9ici4i0CSc/bbBfaIiSeXWOdGepqHmUcMhCLYEzBGZnFYeAy3eNTnlgrRJRtLQAIpUrI1956vP//NJY1dJS17ZJ5Cq9C+bmVyktOlK58Sn2JIVAukRtK4/aMGzmeqGl+VMf/WAyqEwe4mUswqClHJCpOarZFdaATnRmKz/EvjCi+ePUTn1gcDQ9O5d1yVKek/raGB6sCWGUdIMF/Wn4yiYZWt2wSPV5kbbRsTR60i6qCJwpAkPnF3l0nTM6aryz/xic/SA5LbJMfaCRilgID29YDEw43CfqxZX5w3nn5XdTUMfQeBbbG6NY21ytFiTHVD2cOj9Baz6CBM7Kikgbe4ZfKXhOl44XHnj/6LnJf/b0T8ryvC5+dl0Ce1pqgb60qtZCscqe+XHuUgZrwyYee6AZi2JBJSDC2qVkCn/tSQJ55SrudxEIMQr8G+7V44X68V588diF8YvJWYt97IrHoYCJHa034tltyyB5/Djd0tvbVpbipW/ehOXLKlRAogFCzJHuYRwazSDBqh5XhcpSFgHxXBe57B/wxJZJQ13+v206f2bJ5upEOLD+luYy1+R1RHAtSMVa3VSFxiWliIQt9QiQjpNSKAma2LiuTqmUsChVLbdY99lLaHv1fWRFA7gvw+uRvrgI86Xg8mFw+fRudL/uFSIGtq4r3/2tQxcOHnh71GKBuLwkPLmRTOaorioC21T1q0Al+oqykKoF0WdxRF4mvRfG8OO9vZhhlDWWjilXKYaDcJnFSLvgad/Hs1/Poa2TVmUULufP/PBo4r1x7/kX7m+6e9P6Kr48bFYXS5EPAGLleZQTEgOH5FNAJaju06P40b5eHBrP+YmI4Q86BNV10w9GqX6Zw8jObscvWgYEFHu3uPkwjnT4MnH5mfsm7r7/K2/9umusNJ1MrYzHwnZJyCDlhpcHESDecfkf5BwXQ1em/b8cHvBbX+1HP2UqEbEx6POuCkZ0XoYzfHc9x6fPo/jlPUOQh1/HFiV2+YjzAaDojUSotb7+JdRHH/neTRW3rW2MVdbHSxAtsaW7lDiMJmdx5gI1/b1x/GuM1yYvmTjTcYkvUOrSRdo4hlzuj9h911vKfCHSItRHgWW2QLt87uK9ueeYcTPq7NtRV7pyTcSIG5pvTmU9v3+OfAtf5RauZ7OOuciO++6I7mR72JPHcbCvB93Mp7zTOpim4nNZDHP8D1/dNabXr017AAAAAElFTkSuQmCC"); } .card-credit .credit-card.discover::after { width: 50px; height: 14px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAOCAYAAABth09nAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAA/tJREFUSA19ll2IVVUUx73jmEYgiUpYiIREkFqQD0FhKiVIoPaSRaEPQlATZmk9JERBQVCSldjHk9iDqE8KQaTQB0lFoljDSGKiFI3VWJZZfo6n32+fta5nrrcW/O/6r8+999n77HNbVVWNHnVZqlardSlNYj1yffAWVFt9qSNPX/axxzB2kehhfERdjNs5njmO4RyyBlok52W80pNziLmVpPaPA8fgnT4btyWL0bmAdixJt1inr9FnRP/s8X+aWuda6lqQmZHsUxxklX9qR8J0Ob7vwzcDPQHsx/cPOb3oixG7A309OIjvELEetDt5Nb5ZwAV/h++kdXB7/Yp9HBvlVKqx+G4Bx4H8WnAejAH6zoCJwB05Rc0faOd6lT8X7BByHv0OuCYSDsA/D64/ZQgyO/yz4P0ZCH1fxJZiH2nEfoGvjNg+eH9wF+ZcHo/ce9EfBE+1FvJkGL+jz4G3wFTQZ7GyHcwFG4CyOxoPwHeB2TqRl8EU8CKYDCaCU+Bv8DBwUW+AuWAeSHFnRMqDkAfCmONYCvZBcDS4D/EwuAvcDyaBV4GyGDxXWFU9gx6fC3m+dKqbZcIcEvaAj4Bc2ZB5Mdibtbu6vemP2LcRO4POhZwN3zH0DeA02B75Tlh5KuxD8E/lKdivm9CwNd8ttgx5pRG8sXZVK9Efg6+Mod8Pv5NaD3zR9oIjEdf2XJtrD3dJGa5V+zd35mY87YnB346MSdHj67B/Cv0Q2uOlrAFbCquqheaXsylpyLjgvkiuvuTwYi2ncD32KuBTGwJeDNcBxdxyXaPz+tTfFHOEN42Lfg88Td8X0EvBVsY5gVYcdxC8BBxjL/AiUNbVatQ88j+jvieP1toIaG8CimfyC2DiOOCNVATuEfHlfxYod2ZMjT0aeMaVbkfLm8rbz1z7p9ytT8ExAD6srfoXeyOwtg8oSyK31wLlS+CknLjSFwlH4Z8Aj5LX7QrgApRHI+fn2iz1C+Bu+T1gfvi7qcfqqZUJPxIJe9IXfV2It9Nq8Bq4DawD7qjz3iZHbi11kH5wGHgWXciiEqiTd2BvAtPBNyBlM8Tvgw2nAS+EFHdrfsSWwX/IANpFPxExvyvWjwe/gXx46d+Jz8vgBFBWBdyRMWACGAQ77dOCWNj5VyE/Zp55eX70bsI+i/0j2kk0P4hTcHlcjhF397JHfhDtNUDsL7S10FY+3am4hrB9CMWP9lvm3IaB79Q5YA/frdMkeWn4oXTMk+Cy2ARccQHgK08pMyOvvNjGtDPW1Pi79ept5v8Xb/bpxqkr42fMiafDR1GeUAZzEP3BSy62T6ktzRjOK3YXX44x4s9mNqDeB2WsPT6+rGmnBSGt/mObOdr/Ap6tK4eqKaaFAAAAAElFTkSuQmCC"); } .card-credit .credit-card.jcb::after { width: 30px; height: 15px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAACsklEQVQ4EX2U32uOYRjH32c2zIjyKyc7IDkRZw4cMEcjxIHSyoH4C6yNNJRJOZKWAyeEQqI4wQnlhE0phCHmR1NsI43ttdnm8fk8nktPWu+3Prvu676v57qv+3rve0kJpWk6FbMdVkICRemfS5LkiZPEbsSsgRpdUNpauEbc7WwiTVdjjXW+GDcd/4GJauAiVJJFGXusUhBrh/O4XYzHKsReryZwEzTBOFiZJ9ROgLIbgyRZgm11Ao1AsTPGzoAfxBl/CMxdzi3mX07jhl00YSjaZ1LHod8M6qEKxsB2TSbjFsG8fNFNJlPixkXFiT8y2Q1usAqmwC9QFvQUXoNdshhPth5cc3PVBf2gH9/OZtwIVX4UctP46AqXxIDN8BZMGK0/ztoK/Gb4Brb9IbyHOIixu4nbgu2BpXAH3+LaoM5AN1QmHwVPJ8obadstyPFnOADqLDSA2vHXlC5j4zDT8rlZ2DqYmftztG7sZbCtc2EhqPjIFsVls5gvVP2TC7SA8WJQFhWbZRP88TBx+nuM++A+qPkw4QdWdBc2wDN4BadBNcAy8ELZjeVsupbN/e3a4SvYbn/zIbC4uCfOq21wEHaC6oDUqgzYD1beAgOO2WAfdi/Es/F3U+dZO4J9B0fBFr6EPWCn3NgDbSXuObYTXsAbfA/n3fjuP4UWCA0z6IVyTOS2Ebvuvzld361vfEgHNUM9hO/cCBg3rpPrQvwOFJG10ncXby+eitVLyHm7IHFhohu2OjrEMHtudiE64Z3xTlWb0NYox7bbxCYqJvA2x+YRrzUuYFj6AM6bJxTrzsW3PSazAuVz0rcLVi76Z7hMj7BxOuNiPaw5bsFVKHatmMtYT/4YOlzoBRMPQpyKYVb1TewJHfQJboD/MIqyM51wigK9lGXGl6AWPG3IjbvhpK/iD/ZAl+AbzJMOAAAAAElFTkSuQmCC"); } .card-credit .credit-card.unionpay::after { width: 50px; height: 30px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAKZklEQVRYhd2YeXBV1R3HP3d5+5rlkQAhhCUD4sKiFRDZFFeoyIxVmcpMx62ldjpTZlprq7W2bq06rdjK1CpDVapOVWCKZVNLxUgwIMgOAUISwpaNl7e/d+89nXtvwPdCEtD/2t/Mb+459557zvn+9nP4fyEpH4dgQQ9YMqBxLHIIXcksknFOBRw9seckmYpsEg14ouIy/jxgBAlJBkPvXUzmqlkBBlDlgEoVFKCP4YX/Coi07uG1ex9l57jc2ddq/pi0u7HHTxJC4EKWNiM7xlsL9yABFGsZErLKjFFT2VlSCcko6Jr1f6+kdb8c54IKFeKG/a6P4QUkJOgsms20TaPZydxegZwKt58nOSHJjyvCM1425O5tn0/hbIofDLuKnZFhEGs7J4Q+KS2gulsTZ4xza100pd1QfvK2/PEFQGTNc764FXm+pfY+QHgMg4TTzbpABDLJi5Bo96ph2Tavb0KKDmnXxr6ByD1XlCoMmao+MFgU0nPs8gQ46vKBnr3wrnQBHgm8JpBvhsPyk6x7Q8He8zuKyGfZ1PZkC4NugJHnIGZfWEBxWkBC4PSCfhHeavqCCcJtRgndntc4O9/XIFn/JH9wgUYMWSuYyFBdk8loaG2nkBQ3avlAjEQX+pkOlFAxkt8HwmCbNwyK2qf5FZCJNazaiKIJ2wxMELkc+HwQ8IF2AYEIKYmq1fUJRPSQqNHVNVGKlFC+5k30M120fm8hzmGXEHl7MYkV60kvW0bOX0qtCaSvUFuwAN1hNsbIsuG8ePcshpUUIQnBpsZmntiwkZa2dvB4+p5DMkB3bCPtyuS/LvQKyfkVyy6Pluqc4BwzEs/N01GHV5LNtOCeNQXPTdMQsQTBzCn25CS2Sh7Qc9DUCq1RcKqQykIi3T2xgGQGulJgZMFIMLe6mltHjeT1HbtYV3+EB64az8Mzp8LJ07aJ6t1ml812a0wDTbMloWi1+BL0CUSWpG6WkSTpakHK7bzyMutb/NV3rKf7usnWM7lyLUF1CIeGVoE/CPEECx+azdzbJ8GXDTgDHgKRELTHLFCyz40vFEQp94BHZvbwEWQ0nWd//Xv+8Nnn1pzr6w/b2khnrPAtmWbncNh9BGVFIRtg1llLxlUApNC0hJ7XlqdLuHFNn2j1MzXbUXDinjmZ5IZPcU4cB+8uYbYkczClcctPl/LIXVN5acVmbrj1Kl59coG1+I9fWk06q7H8l3da/tGhpRi7eAkDvD5cqsKaJc9z8+VjeHPHLiqCAfY/8xjHuuLUt7WzubmFR2dM4aHV61g6bw4Prl7HmqbPwVe2GaMw8RSalpAsNkxOpq5RS4bgmTUFvStOYu9aVIaghIOk3l9L+O65RGWVpnU1DBpUzNhRg8npBo2tUda/8iNe+MenNJ2O8vT9N/LD2ydxJp5i/dZ6qiMlDCqNMCgYoLa5hbZEkvmvvsHizXUsmXsrj3z0CdePqKIs4GdfWzvVpSWsXnAXaV1nzaZaCPr34E2cIBDrG4gimSxQJWSRyV0th3ymiaEE/YS++yDln75jOWxy5Xo8D97N0dUbrTxSezLOFVVlDB9UTGlJ0JqrNZrk2suGsml3I7dNHs2bH+3EK1RqWlu4vLSYIo+bn/xrAwt++xxvv/9PFl07yfrv4OlW6/nu3v3UHW6w2k5FYfpf/waymQK8m+gKQjTYj0bMskKWEbJ0hVQULNJPHqfj4WfJHTjCgNdeRg4FaLn6FkQmC00tnKjdxb7ywaxbV4fX7WBtXT1vr9rCpl1HeereWfxpZS3PvPUJB5rbqN3TjC/gYmntDgaHguxrbWOPuelR1TBsKMu/2MmRjk7enX8HjWeifHKkERJ2pbB0+y6O7zkApaVm+VGLKwvOXAGQAkNrjozrhqcsFIrzZQwN7eQxZG8RsseN1t5q2b1j2HAqjjXyu4rL+PklUyHaAR6nHanM6KIqdr9mHwyNQHEAjkZhuApXKKApdv4oLYH2Tjsud8XB47bZFGg0xgPzbuWV22fjffQpUrE4BAJmUhiFzEErlD/5WO/OLhuS9V1I0iQhDCRk1PIhiHQGoWmokQGgOmxJKQp14VI7yzsUG4AiQygIDacwo8oLby6i5kALq1dtYd591xEc7UeNOHHrsiX9VbVbue/GmQwvLuJgaysVoRAuh4PXt+3g0NEmC8Rzn20h1dQMw4ZAjhOk/AetCrhHkVkIxDxDSKDJ0jQ7SduZWnLnhTph4EYQDYT5wl9s262qfPU9mqRkQIjFv5rPDRNGcGlRgAqngxcWzWV3ooNUUzuTLx3Fsu07LSCvzpvNX+q+YNkdc2no6ETTNK6tHMzJRJKtLSf42TsroazMrggUoxZ/vNdSudBHFIEhixECqUrqp9wI6zn2uf00uP32uSOf2roYP/VSy8HfWL+d3YdPUFlVhoFgxabtHE6lrMGL1nzIty4fY7VPx5M0R6M8X7OFjYePUhkOMa68jL9/ucsuXVxOu1DMOWrIOiHrsLkvIIYuzNA7ud+zhKlGq1AMgtNzfmkS9NK0u5FEOsuiO68l3tbFpOpBCENQHQzi9Xn44EA9nfsP8sz109nY0MjAgI+I14eWSoPTwYjiIg51drL9aLPVP1fDGfJ/0FTOcV9AEGZXnnzB0k9AnbcI5B6FoukvssR3brmSsN/NjsbTnNB0BhcFefqjGsKlRUwoL2NDQ5NVIE6vquR4V5ypQyt5b+9+jp9u4/4JYzkei1Nz4BD7ojEz8JzdZhRvcgfBLs5xX0AkM5HI0sT+SmqnMEg7XNT6wueblSzBmThJAS6HyrR7F9Mmy1RVFrNix35uHD2SNfWHWbXuY74/+0ZURebDww2MipTw3u79tOSyVt4a4PXwxy3bONV0DAJ+kHRTA3XEApqVQ85yn0AEQYEY259hhXSNepePve6AXSgWTCBZZwx3t/P/4p4ZjBlcgqEbPDVnJl3JNFXhEEdzOcYUhfn4QD2PzZhCTtd5ZPo1fPzQ/dyx7C1aE0me//bNtqCsityMUqIW1QzteZy/dH6nOXLlTUJR1/Z3rhiSSbC8pJJ7qqeAljn/QKQbqE6VSNiH3+umoaGNAVUB1LEe2mNJhoZC7Os4g4gnIJnCESkh4HRQ6vMSz+Q4frgB7+CBVh3WaY5RuiOibMxBEh8UrPWbx881CzxGksQ0Q7IDRG9kR2Sd7eaJ0MwnufT5o5wqWirLibYuu5zPKhxvPQ3tXkgZ7O2Igs9rRyKXk1wyRUcsToeZGE2xlg8gGYuRNH3DDPtGt0YS3lrbh3unwupXUq/vzz8cQpBTnGzxFRUefXtoxALg9HcfpAQM8YJHLdTe2choAsonc163235htiVLgntQ9fb+Lr56AGFif/7hFjptqovdZui92BOhuYJfprc7sQuSaRomxwJvWfmjH+rp7P/uL/SmJZmyXJpxqSiYtyYX3Ih5wQDEDHB9nYurPDJk06SeRdU5j/OoMKso8hxJ158AhltxsAeZV6MxRWF5w1YWGgYfhgfKKUMXwhJbLyIwZ3BKcDBnfy5TzIJBXMwdBZLIoamfIaQXKTv1zYTwP0fAfwGNu1G2zKQzagAAAABJRU5ErkJggg=="); } .productdetail__thumb img { width: 100%; border-radius: 10px; } .productdetail__content { padding: 10px; text-align: center; background: #fff; position: relative; box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.12); padding-bottom: 0px; bottom: 8px; } .productdetail__bonus { display: flex; flex-direction: row; align-items: center; padding: 20px; box-shadow: 0 6px 19px -7px rgba(0, 0, 0, 0.2); margin: 0 -10px 30px; text-align: left; } .productdetail__bonus img { margin: 0 20px 0 0; min-height: auto; } .productdetail__bonus .red-pill { border-radius: 13px; background-color: #008392; text-transform: uppercase; padding: 5px 15px; font-weight: normal; font-size: 12px; color: #fff; letter-spacing: 0.2px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table; } .members__icon { margin: 0.8823529412rem 0 0 0; } @media only screen and (max-width: 767px) { .members__icon { text-align: center; margin-bottom: 1.4705882353rem; } } .members__desc h2 { font-size: 1.5882352941rem; margin-top: 0; } .members__group-item { display: flex; align-items: center; margin-bottom: 1.4705882353rem; } .members__group-item p { margin: 0 0 0 1.4117647059rem; } .members__role .radio-wrap { display: block; } .members__role .radio-item { margin-bottom: 0.5882352941rem; } .members__role .form-group [type="radio"]:checked + label, .members__role .form-group [type="radio"]:not(:checked) + label { font-weight: 400; padding-left: 2.0588235294rem; } .members__role .form-group label { font-weight: 400; } .members__list h6 { font-size: 1.2941176471rem; } .members__list-item { box-shadow: 0px 2.8px 7px rgba(0, 0, 0, 0.25); border-radius: 4px; margin-bottom: 1.1764705882rem; padding: 2.0588235294rem 2.3529411765rem; display: flex; } @media only screen and (max-width: 767px) { .members__list-item { flex-direction: column; } } .members__list-item .members__graph { margin-right: 2.3529411765rem; display: flex; align-items: center; flex-direction: column; justify-content: center; } @media only screen and (max-width: 767px) { .members__list-item .members__graph { margin: 0 0 1.1764705882rem; } } .members__list-item .members__graph .semi-donut { width: 120px; height: 60px; position: relative; color: #000; font-size: 0.8823529412rem; font-weight: 400; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; box-sizing: border-box; } .members__list-item .members__graph .semi-donut__fill { display: block; width: 120px; height: 120px; border: 19px solid; border-color: #f0f0f0 #f0f0f0 #440099 #440099; position: absolute; border-radius: 50%; left: 0; top: 0; box-sizing: border-box; -webkit-animation: fillAnimation 1s ease-in; animation: fillAnimation 1s ease-in; box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.17); } .members__list-item .btn-remove { margin-left: auto; } @media only screen and (max-width: 767px) { .members__list-item .btn-remove { margin: 0.8823529412rem 0 0 0; } } .members__list-info h3 { margin: 0 0 0.7647058824rem; font-size: 1.5882352941rem; } .members__list-info .points-info { display: flex; } .members__list-info .points-info .text { margin-right: 2.3529411765rem; } .members__list-info .points-info strong { display: block; } .members__list-info .points-info span { display: block; } .members__additem { display: flex; justify-content: space-between; align-items: center; } .members__additem h2 { font-size: 1.5882352941rem; } .members--modalremove .points-info .text strong { display: block; } a, a:visited, a:hover, a:active, a[href^="tel"], a:not([href]), .btn-link { text-decoration: underline; transition: all 0.3s ease 0s; color: #008392; } a:hover, a:visited:hover, a:hover:hover, a:active:hover, a[href^="tel"]:hover, a:not([href]):hover, .btn-link:hover { color: #005c66; text-decoration: underline; } .header a, .footerLinks a, .nav-tabs a.nav-item, a.dropdown-item { text-decoration: none; font-size: 15px; } .header a:hover, .footerLinks a:hover, .nav-tabs a.nav-item:hover, a.dropdown-item:hover { text-decoration: none; } .btn, a.btn, .p-button { text-decoration: none; border: #008392 solid 1px; padding: 12px 24px 12px 24px; border-radius: 4px; white-space: nowrap; line-height: 1.334; font-size: 17px; } .btn .spinner-border, a.btn .spinner-border, .p-button .spinner-border { vertical-align: middle; } .btn.btn-lg, a.btn.btn-lg, .p-button.btn-lg { font-size: calc(17px + 3px); line-height: 1.5rem; padding: calc(12px + 3px) calc(24px + 2px) calc(12px + 3px) calc(24px + 2px); } .btn.btn-sm, a.btn.btn-sm, .p-button.btn-sm { font-size: calc(17px - 3px); padding: calc(12px - 4px) calc(24px - 2px) calc(12px - 4px) calc(24px - 2px); } .btn.fb, .btn.twitter, .btn.google, a.btn.fb, a.btn.twitter, a.btn.google, .p-button.fb, .p-button.twitter, .p-button.google { padding: calc(12px - 3px) calc(24px - 2px) calc(12px - 3px) calc(24px - 2px); color: #fff; border: 1px solid transparent; } .btn.fb:hover, .btn.twitter:hover, .btn.google:hover, a.btn.fb:hover, a.btn.twitter:hover, a.btn.google:hover, .p-button.fb:hover, .p-button.twitter:hover, .p-button.google:hover { background-color: inherit; color: inherit; border: 1px solid #3B5998; } .btn.fb strong, .btn.twitter strong, .btn.google strong, a.btn.fb strong, a.btn.twitter strong, a.btn.google strong, .p-button.fb strong, .p-button.twitter strong, .p-button.google strong { font-weight: normal; } .btn.fb, a.btn.fb, .p-button.fb { background-color: #3B5998; } .btn.fb:hover, a.btn.fb:hover, .p-button.fb:hover { border-color: #3B5998; } .btn.twitter, a.btn.twitter, .p-button.twitter { background-color: #55ACEE; } .btn.twitter:hover, a.btn.twitter:hover, .p-button.twitter:hover { border-color: #55ACEE; } .btn.google, a.btn.google, .p-button.google { background-color: #D13823; } .btn.google:hover, a.btn.google:hover, .p-button.google:hover { border-color: #D13823; } .btn.btn-primary, a.btn.btn-primary, .p-button.btn-primary { background: #008392; border: #008392 solid 1px; box-shadow: 0px 0px 0px 0px #b3b3b3; color: #fff; } .btn.btn-primary.disabled, .btn.btn-primary:disabled, a.btn.btn-primary.disabled, a.btn.btn-primary:disabled, .p-button.btn-primary.disabled, .p-button.btn-primary:disabled { background-color: #008392; border-color: #008392; } .btn:hover, a.btn:hover, .p-button:hover { background-color: #00626e; border-color: #00626e; color: #fff; text-decoration: none; } .btn:focus, a.btn:focus, .p-button:focus { background-color: #004f58; border-color: #004f58; color: #fff; box-shadow: none; } .btn:active, .btn:not(:disabled):not(.disabled):active, a.btn:active, a.btn:not(:disabled):not(.disabled):active, .p-button:active, .p-button:not(:disabled):not(.disabled):active { background-color: #004f58; border-color: #004f58; color: #fff; } .btn.btn-secondary, .btn.p-button-outlined, .btn.btn-outline-primary, .btn.p-button-secondary, a.btn.btn-secondary, a.btn.p-button-outlined, a.btn.btn-outline-primary, a.btn.p-button-secondary, .p-button.btn-secondary, .p-button.p-button-outlined, .p-button.btn-outline-primary, .p-button.p-button-secondary { background: #fff; border: #008392 solid 1px; color: #008392; box-shadow: 0px 0px 0px 0px #b3b3b3; } .btn.btn-secondary:disabled, .btn.p-button-outlined:disabled, .btn.btn-outline-primary:disabled, .btn.p-button-secondary:disabled, a.btn.btn-secondary:disabled, a.btn.p-button-outlined:disabled, a.btn.btn-outline-primary:disabled, a.btn.p-button-secondary:disabled, .p-button.btn-secondary:disabled, .p-button.p-button-outlined:disabled, .p-button.btn-outline-primary:disabled, .p-button.p-button-secondary:disabled { opacity: .45; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:enabled:hover, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.p-button-outlined:hover, .btn.p-button-outlined:focus, .btn.p-button-outlined:active, .btn.p-button-outlined:enabled:hover, .btn.p-button-outlined:not(:disabled):not(.disabled):active, .btn.p-button-outlined:not(:disabled):not(.disabled).active, .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active, .btn.btn-outline-primary:enabled:hover, .btn.btn-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-outline-primary:not(:disabled):not(.disabled).active, .btn.p-button-secondary:hover, .btn.p-button-secondary:focus, .btn.p-button-secondary:active, .btn.p-button-secondary:enabled:hover, .btn.p-button-secondary:not(:disabled):not(.disabled):active, .btn.p-button-secondary:not(:disabled):not(.disabled).active, a.btn.btn-secondary:hover, a.btn.btn-secondary:focus, a.btn.btn-secondary:active, a.btn.btn-secondary:enabled:hover, a.btn.btn-secondary:not(:disabled):not(.disabled):active, a.btn.btn-secondary:not(:disabled):not(.disabled).active, a.btn.p-button-outlined:hover, a.btn.p-button-outlined:focus, a.btn.p-button-outlined:active, a.btn.p-button-outlined:enabled:hover, a.btn.p-button-outlined:not(:disabled):not(.disabled):active, a.btn.p-button-outlined:not(:disabled):not(.disabled).active, a.btn.btn-outline-primary:hover, a.btn.btn-outline-primary:focus, a.btn.btn-outline-primary:active, a.btn.btn-outline-primary:enabled:hover, a.btn.btn-outline-primary:not(:disabled):not(.disabled):active, a.btn.btn-outline-primary:not(:disabled):not(.disabled).active, a.btn.p-button-secondary:hover, a.btn.p-button-secondary:focus, a.btn.p-button-secondary:active, a.btn.p-button-secondary:enabled:hover, a.btn.p-button-secondary:not(:disabled):not(.disabled):active, a.btn.p-button-secondary:not(:disabled):not(.disabled).active, .p-button.btn-secondary:hover, .p-button.btn-secondary:focus, .p-button.btn-secondary:active, .p-button.btn-secondary:enabled:hover, .p-button.btn-secondary:not(:disabled):not(.disabled):active, .p-button.btn-secondary:not(:disabled):not(.disabled).active, .p-button.p-button-outlined:hover, .p-button.p-button-outlined:focus, .p-button.p-button-outlined:active, .p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(:disabled):not(.disabled):active, .p-button.p-button-outlined:not(:disabled):not(.disabled).active, .p-button.btn-outline-primary:hover, .p-button.btn-outline-primary:focus, .p-button.btn-outline-primary:active, .p-button.btn-outline-primary:enabled:hover, .p-button.btn-outline-primary:not(:disabled):not(.disabled):active, .p-button.btn-outline-primary:not(:disabled):not(.disabled).active, .p-button.p-button-secondary:hover, .p-button.p-button-secondary:focus, .p-button.p-button-secondary:active, .p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(:disabled):not(.disabled):active, .p-button.p-button-secondary:not(:disabled):not(.disabled).active { color: #00626e; background: #fff; border-color: #00626e; } @media only screen and (max-width: 575px) { .btn.btn-block-sm, a.btn.btn-block-sm, .p-button.btn-block-sm { display: block; } } .p-button { box-shadow: 0px 0px 0px 0px #b3b3b3; background: #008392; border: #008392 solid 1px; box-shadow: 0px 0px 0px 0px #b3b3b3; color: #fff; } .p-button.disabled, .p-button:disabled { background-color: #008392; border-color: #008392; } .p-button:hover, .p-button:enabled:hover { background-color: #00626e; border-color: #00626e; color: #fff; text-decoration: none; } .p-button:focus { background-color: #004f58; border-color: #004f58; color: #fff; box-shadow: none; } .p-button:active, .p-button:not(:disabled):not(.disabled):active { background-color: #004f58; border-color: #004f58; color: #fff; } .btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-round { border: #008392 solid 1px; color: #008392; border-radius: 30px; background: #fff; padding: 0.5882352941rem 1.1764705882rem; } .btn-social .btn { width: 49%; border: none; } @media only screen and (max-width: 767px) { .btn-social .btn { width: 100%; margin-bottom: 0.5882352941rem; } } .btn-social .btn i { margin-right: 0.8823529412rem; } .date-wrap .p-button { background: #fff; border: #bbbbbb solid 1px; border-left: none; margin-left: -1px; } .date-wrap .p-button:enabled:hover { background: #fff; } .btn-outline-primary, .p-button.dt-outline-button { border-color: #008392; color: #008392; border-radius: 4px; } .btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-outline-primary:disabled:hover, .p-button.dt-outline-button.disabled, .p-button.dt-outline-button:disabled, .p-button.dt-outline-button:disabled:hover { color: #d0d0d0 !important; background-color: transparent !important; border: 1px solid !important; } .btn-outline-primary:hover, .p-button.dt-outline-button:hover { background-color: transparent !important; color: #00626e !important; } .btn-outline-primary:focus, .p-button.dt-outline-button:focus { background-color: transparent !important; color: #008392 !important; } .btn-outline-primary:active, .p-button.dt-outline-button:active { background-color: transparent !important; color: #008392 !important; } .p-button.dt-outline-button .p-button-text { color: #10406f; } .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.p-highlight, .p-multiselect-item:focus, .p-multiselect-item:hover, .p-multiselect-item.p-highlight { background-color: #f8f9fa !important; box-shadow: 0 0 0 0 #fff !important; } .dropdown-item.active, .dropdown-item:active, .p-multiselect-item.active, .p-multiselect-item:active { color: inherit; background-color: inherit; } @media only screen and (max-width: 575px) { .loginComponent .modal-body.p-5 { padding: 1.5rem !important; } } @media only screen and (max-width: 575px) { td .btn.btn-sm.btn-outline-primary { padding: 0; border: 0; text-decoration: underline; } } .nav-item.hasHover ul.dropdown-menu .hasHover.dropleft ul.dropdown-menu { left: auto; right: 99%; } @media only screen and (max-width: 575px) { .btn-100 { width: 100%; } } .carousel-inner { overflow: visible; } .carousel-control-next, .carousel-control-prev { background: #333333; width: 2.3529411765rem; height: 3.7058823529rem; top: 57px; } .slider .slick-slide { height: inherit !important; } .slider .slick-slide > div { height: 100%; } .slider .slick-track { display: flex !important; margin: 0; } .slider .slick-prev { left: 0.4705882353rem; } .slider .slick-next { right: 0.4705882353rem; transform: rotate(180deg); } .slider .slick-arrow { top: 50%; margin-top: -61px; position: absolute; font-size: 0; cursor: pointer; border: none; z-index: 9999; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); width: 48px; height: 48px; background: #fff url("../../images/arw-slider.svg") no-repeat center center; } .slider .slick-arrow.slick-disabled { opacity: 0.3; } .pagination { justify-content: space-between; } @media only screen and (max-width: 575px) { .pagination { flex-wrap: wrap-reverse; } .pagination .btn-wrap--grp { width: 100%; display: flex; justify-content: space-between; padding-bottom: 15px; } } .pagination__count { display: flex; align-items: center; } .pagination__count .text { margin-right: 0.8823529412rem; white-space: nowrap; } .pagination__count .form-group { margin: 0; } .pagination ul { display: flex; } .badge { display: inline-flex; align-items: center; padding: 5px 10px; font-weight: normal; width: fit-content; white-space: nowrap; font-size: 0.7058823529rem; } .badge--success { border: #00B432 solid 1px; color: #00B432; background: #fff; } .badge--disable { border: #dddddd solid 1px; color: #666666; background: #fff; } .badge--danger { background: #EC040F; color: #fff; } .badge--grey { background: #5B5B63; color: #fff; } .badge-warning { background: #fff; border: #FF6400 solid 1px; color: #FF6400; font-size: 0.7058823529rem; } .badge-brand { background: #f2f2f2; border: #bbbbbb solid 1px; color: #252525; font-size: 0.9411764706rem; border-radius: 1.1764705882rem; padding: 1px 12px; white-space: nowrap; display: inline-block; text-align: center; } .badge-brand--one { color: #9e7804; border: #9e7804 solid 1px; background: #f8f4ea; } .badge-brand--two { color: #252525; border: #dddddd solid 1px; background: #f2f2f2; } .badge-brand--four { color: #002b75; border: #002b75 solid 1px; background: #e7edf7; } .badge-brand--three { color: #000; border: #000 solid 1px; background: #f2f2f2; } .alert { background-color: transparent; padding: 0.8823529412rem 1.4117647059rem 0.8823529412rem 4.7058823529rem; font-size: 1rem; font-weight: normal; width: fit-content; border: #dddddd solid 1px; text-align: center; width: 100%; position: relative; } .alert--borderless { box-shadow: 0px 2.8px 7px rgba(0, 0, 0, 0.25); border: none; border-radius: 4px; } .alert--borderless:after { border-radius: 4px 0 0 4px; } .alert svg { position: absolute; left: 10px; z-index: 1000; top: 50%; margin-top: -11px; } .alert.hide-fontawesome:before { display: none; } @media only screen and (max-width: 575px) { .alert { padding-left: 3.2352941176rem; } } .alert h5 { margin: 0; font-size: 1rem; line-height: 1.85rem; } .alert--success { border: #74c5c9 solid 1px; background-color: #e0f7ea; color: #00B432; } .alert ul { text-align: left; margin-bottom: 0; } .alert ul li { list-style: inside; margin-left: 1em; } .alert:after { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 56px; z-index: 999; } @media only screen and (max-width: 575px) { .alert:after { width: 46px; } } .alert i { position: absolute; left: 12px; top: 50%; z-index: 1000; color: #fff; margin-top: -0.7rem; font-size: 21px; } .alert.hide-fontawesome svg, .alert.alert-info:before, .alert.alert-warning:before, .alert.alert-danger:before, .alert.alert-success:before, .alert.alert-light:before { left: 19px; } @media only screen and (max-width: 575px) { .alert.hide-fontawesome svg, .alert.alert-info:before, .alert.alert-warning:before, .alert.alert-danger:before, .alert.alert-success:before, .alert.alert-light:before { left: .788rem; } } .alert.alert--custom.hide-fontawesome svg { left: 0.5882352941rem; } .alert.alert-info:before, .alert.alert-warning:before, .alert.alert-danger:before, .alert.alert-success:before, .alert.alert-light:before { font: normal normal normal 21px/1 FontAwesome; -webkit-font-smoothing: antialiased; content: "\f06a"; position: absolute; color: #fff; z-index: 1029; top: 50%; margin-top: -11px; } .alert.alert-warning { border-color: #FF600A; color: #000; } .alert.alert-warning:after { background-color: #FF600A; } .alert.alert-warning:before { content: "\f06a"; } .alert.alert-warning i { display: none; } .alert.alert-danger { border-color: #EC040F; color: #EC040F; } .alert.alert-danger:after { background-color: #EC040F; } .alert.alert-danger:before { position: absolute; } .alert.alert-danger i { display: none; } .alert.alert-success { border-color: #65A500; color: #000; } .alert.alert-success:after { background-color: #65A500; } .alert.alert-success:before { content: "\f00c"; } .alert.alert-success i { display: none; } .alert.alert-info { border-color: #00819e; color: #000; } .alert.alert-info:after { background-color: #008392; } .alert.alert-info:before { content: "\f05a"; } .alert.alert-info i { display: none; } .alert.alert-light { color: #707070 !important; } .alert--custom { text-align: left; border: #dddddd solid 1px; border-width: 0; padding: 0.5294117647rem 0.5294117647rem 0.5294117647rem 2.3529411765rem; border-radius: 0; } .alert--custom:after { background-color: #fff !important; width: 2.3529411765rem; } .alert--custom:before { color: #000 !important; top: 50%; left: 0.7058823529rem !important; } .alert--custom button { margin-top: 15px; } .alert--custom__btn { padding-left: 2.3529411765rem; margin-top: -0.4117647059rem; margin-bottom: 1.1764705882rem; } .alert--custom.alert-success:before { color: #65A500 !important; } .alert--custom.alert-success.hide-fontawesome path { fill: #65A500; } .alert--custom.alert-warning:before { color: #FF600A !important; } .alert--custom.alert-warning.hide-fontawesome path { fill: #FF600A; } .alert--custom.alert-danger { color: #EC040F; } .alert--custom.alert-danger:before { color: #EC040F !important; } .alert--custom.alert-danger.hide-fontawesome path { fill: #EC040F; } .alert--custom.alert-info:before { color: #00819e !important; } .alert--custom.alert-info.hide-fontawesome path { fill: #00819e; } .alert--custom.alert-info.hide-fontawesome.violet path { fill: #440099; } .alert--status { padding: 0.5882352941rem 1.4705882353rem; border-color: #bbb !important; color: #000 !important; } .alert--status:before { display: none; } .alert--status:after { width: 4px; left: -1px; top: -1px; bottom: -1px; } .error-template { flex-direction: column; display: flex; } .error-template__img { width: 165px; margin-top: 4rem; } .error-template__img svg { fill: #008392; } .error-template h1 { margin: 0 0 1rem 0; font-size: 2rem; color: #008392; } .error-template h2 { font-size: 3.5rem; } .simple-alert { display: flex; } .simple-alert.float-right { justify-content: flex-end; } .simple-alert.float-right .alert { padding-right: 0; } .simple-alert .alert { width: auto; margin: 0 0 0 -0.5882352941rem; font-size: 1rem; } .simple-alert .alert--custom path { fill: #000; } @media only screen and (max-width: 575px) { .form-row + .alert.alert-danger { margin-top: 15px; } } .input-wrap { position: relative; } label { color: #000; } label .optional { color: #767676; padding-left: 5px; font-weight: normal; } input[type=text], input[type=date], input[type=datetime-local], input[type=password], input[type=tel], input[type=email], select, .p-dropdown, textarea, .p-multiselect { width: 100%; padding: 10px; border: 1px solid #bbb; border-width: 1px !important; border-radius: 4px !important; box-sizing: border-box; background: #fff; color: #000; font-family: "Air New Zealand Sans", Helvetica Neue, Arial, sans-serif; } input[type=text]:disabled, input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=email]:disabled, select:disabled, .p-dropdown:disabled, textarea:disabled, .p-multiselect:disabled { background-color: #f3f3f3 !important; color: #767676 !important; cursor: auto; } input[type=text]:placeholder, input[type=date]:placeholder, input[type=datetime-local]:placeholder, input[type=password]:placeholder, input[type=tel]:placeholder, input[type=email]:placeholder, select:placeholder, .p-dropdown:placeholder, textarea:placeholder, .p-multiselect:placeholder { color: #767676; } input[type=text][readonly], input[type=date][readonly], input[type=datetime-local][readonly], input[type=password][readonly], input[type=tel][readonly], input[type=email][readonly], select[readonly], .p-dropdown[readonly], textarea[readonly], .p-multiselect[readonly] { background-color: #f3f3f3; } input[type=text][readonly]::placeholder, input[type=date][readonly]::placeholder, input[type=datetime-local][readonly]::placeholder, input[type=password][readonly]::placeholder, input[type=tel][readonly]::placeholder, input[type=email][readonly]::placeholder, select[readonly]::placeholder, .p-dropdown[readonly]::placeholder, textarea[readonly]::placeholder, .p-multiselect[readonly]::placeholder { color: #5c606d; } input[type=text].is-invalid, input[type=date].is-invalid, input[type=datetime-local].is-invalid, input[type=password].is-invalid, input[type=tel].is-invalid, input[type=email].is-invalid, select.is-invalid, .p-dropdown.is-invalid, textarea.is-invalid, .p-multiselect.is-invalid { border-color: #EC040F !important; background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); } input[type=text].is-invalid + p.is-invalid-txt, input[type=date].is-invalid + p.is-invalid-txt, input[type=datetime-local].is-invalid + p.is-invalid-txt, input[type=password].is-invalid + p.is-invalid-txt, input[type=tel].is-invalid + p.is-invalid-txt, input[type=email].is-invalid + p.is-invalid-txt, select.is-invalid + p.is-invalid-txt, .p-dropdown.is-invalid + p.is-invalid-txt, textarea.is-invalid + p.is-invalid-txt, .p-multiselect.is-invalid + p.is-invalid-txt { display: block; } input[type=text] .p-multiselect-label, input[type=date] .p-multiselect-label, input[type=datetime-local] .p-multiselect-label, input[type=password] .p-multiselect-label, input[type=tel] .p-multiselect-label, input[type=email] .p-multiselect-label, select .p-multiselect-label, .p-dropdown .p-multiselect-label, textarea .p-multiselect-label, .p-multiselect .p-multiselect-label { padding: 0; } input[type=text].with-icon, input[type=date].with-icon, input[type=datetime-local].with-icon, input[type=password].with-icon, input[type=tel].with-icon, input[type=email].with-icon, select.with-icon, .p-dropdown.with-icon, textarea.with-icon, .p-multiselect.with-icon { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url("../../images/icons/Search-black.svg"); background-position: 15px center; background-repeat: no-repeat; } input[type=text].with-icon__search-icon, input[type=date].with-icon__search-icon, input[type=datetime-local].with-icon__search-icon, input[type=password].with-icon__search-icon, input[type=tel].with-icon__search-icon, input[type=email].with-icon__search-icon, select.with-icon__search-icon, .p-dropdown.with-icon__search-icon, textarea.with-icon__search-icon, .p-multiselect.with-icon__search-icon { background-image: url("../../images/icons/Search-black.svg"); padding-left: 50px; background-position: 15px center; } input[type=password].form-control.is-invalid { background-image: none !important; } select option:checked, select option:hover { background-color: #000000; color: #fff; } .p-multiselect:not(.p-disabled):hover { border: 1px solid #bbb !important; } .p-multiselect-item { font-size: 0.882rem; } .is-invalid-txt { display: none; color: #D60000; } .txt.is-valid { background-image: url("../../images/icon-tick.svg"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem); } select::-ms-expand { background: none; border: none; padding: 0; margin: 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url("../../images/icon-arrow-select.png"); background-position: calc(100% - 5px) center; background-repeat: no-repeat; padding-right: 32px !important; } } .p-dropdown:hover { border: 1px solid #bbbbbb; } .p-dropdown .p-dropdown-clear-icon { right: 2.6470588235rem; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding: 0; } .p-dropdown .p-dropdown-label.p-placeholder, .p-dropdown .p-dropdown-label.p-inputtext { padding: 0; color: #000; } .p-multiselect .p-multiselect-label.p-placeholder, .p-dropdown-label.p-placeholder { color: #767676 !important; } @media only screen and (max-width: 575px) { .p-dropdown-panel { width: 91%; min-width: auto; left: 15px !important; } .p-dropdown-item { white-space: normal; } } .p-autocomplete { padding: 0; border: none; width: 100%; } .p-autocomplete .p-autocomplete-panel { top: 47px !important; } .form-control { padding: 10px; } .form-control.p-autocomplete .p-autocomplete-input { border: 0 !important; padding: 2px 0 0 0 !important; width: 100%; } input[type=text], input[type=date], input[type=datetime-local], input[type=password], input[type=tel], input[type=email], select, .p-dropdown, textarea, .form-control, .utils > a { height: calc(2.5em + .75rem + 2px); } select, .p-dropdown-trigger-icon { /* needed */ -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background: url("../../images/arrowDropDown.png") no-repeat #fff; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.139 5.159a.5.5 0 0 1 .727.686l-8.501 8.998a.5.5 0 0 1-.727 0L1.137 5.845a.5.5 0 0 1 .726-.686l8.138 8.613 8.138-8.613z'/%3E%3C/svg%3E"); background-position: calc(100% - 15px) center; background-size: 12px 12px; background-repeat: no-repeat; } span.p-clickable.p-dropdown-trigger-icon { width: 18px; height: 6px; background-position: right; } span.p-clickable.p-dropdown-trigger-icon:before { display: none; } .custom-select:disabled { color: #5c606d !important; background-color: #f3f3f3 !important; } .p-dropdown:not(.p-disabled):hover { border-color: #bbbbbb; } .p-disabled, .p-component:disabled { opacity: 1; } .p-inputtext:enabled:hover, .form-control:enabled:hover, .p-autocomplete-input:enabled:hover, .p-multiselect-item:enabled:hover { border-color: #bbbbbb; } .p-inputtext:enabled:focus, .form-control:enabled:focus, .p-autocomplete-input:enabled:focus, .p-multiselect-item:enabled:focus { border-color: #000 !important; outline: auto; box-shadow: none; } .p-multiselect:not(.p-disabled).p-focus, .p-dropdown:not(.p-disabled).p-focus, .p-dropdown.p-focus { outline: auto; box-shadow: none; border-color: #000 !important; } @media only screen and (max-width: 575px) { .p-multiselect-panel .p-multiselect-items .p-multiselect-item { align-items: flex-start; } } .p-multiselect-panel .p-multiselect-items .p-multiselect-item > span { font-size: .882rem; color: #000 !important; width: 100%; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item > span.p-checkbox-icon { color: #fff !important; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item > span div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; align-items: center; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item > span div label { margin-bottom: 0; } /*calendar start here*/ .date-wrap { position: relative; } .date-wrap:before { content: "\f073"; position: absolute; top: 0.7058823529rem; right: 0.6470588235rem; font-family: FontAwesome; color: #008392; font-size: 1.0588235294rem; z-index: 1; pointer-events: none; } .date-wrap .p-calendar { width: 100%; } .date-wrap .p-calendar .p-inputtext { color: #000; } /* have to remove this START since I have created the 'form-check form-check-inline' instead of this styles */ .rContainer input { position: absolute; opacity: 0; cursor: pointer; } .rContainer .checkmark:after { display: none; } .rContainer:hover input ~ .checkmark { background-color: #ccc; } .rContainer input:checked ~ .checkmark { background-color: #fff; } .rContainer input:checked ~ .checkmark:after { display: block; } /* have to remove this END*/ .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: none; padding-right: 0; padding-left: 2.6470588235rem; padding-top: 0; padding-bottom: 0; } .p-datepicker hr { margin: 0; } .p-datepicker .p-datepicker-title { display: flex; } .p-datepicker .p-datepicker-title .p-dropdown { height: auto; } /*calendar ends here*/ /*radio starts here*/ .radio-wrap { display: flex; } .radio-wrap li { margin-right: 0.8823529412rem; } [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 2.0588235294rem; cursor: pointer; line-height: 1.1764705882rem; display: inline-block; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before, .rContainer .checkmark { content: ''; position: absolute; left: 0; top: 0; width: 1.2941176471rem; height: 1.2941176471rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #767676; border-radius: 100%; background: #fff; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after, .rContainer .checkmark:after { content: ''; width: 0.7058823529rem; height: 0.7058823529rem; background: #008392; position: absolute; top: 0.8rem; left: 0.8rem; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin: -6px 0 0 -6px; } [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after, .rContainer .checkmark:after { top: 11px; left: 11px; } .membership .rContainer .checkmark:after, .latamClub .mainSec .feturesSec .rContainer .checkmark:after { top: 10px; left: 10px; } /*radio ends here*/ /*check starts here*/ .check-wrap { display: flex; white-space: nowrap; } input[type="checkbox"] { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; position: absolute; width: 24px; height: 22px; margin-top: 2px !important; } input[type="checkbox"] + label { position: relative; cursor: pointer; padding: 0 0 5px 37px; line-height: 1.3; margin-left: 0; } input[type="checkbox"] + label:before { content: ''; -webkit-appearance: none; background-color: #fff; border: 1px solid #767676; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 0.5882352941rem; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 0.1176470588rem; margin-left: -1.4705882353rem; top: 0; left: 0; border-radius: 2px; } .form-check-inline { align-items: inherit; } .p-checkbox .p-checkbox-box.p-highlight, .p-checkbox .p-checkbox-box.p-highlight:hover { background-color: #008392 !important; border-color: #008392 !important; } .p-checkbox .p-checkbox-box:hover { background-color: #fff; border: 1px solid #767676 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); } input[type="checkbox"].is-invalid + label:before, [type="radio"]:checked.is-invalid + label:before { border: 1px solid #EC040F; } input[type="checkbox"]:checked + label:before, .p-checkbox .p-checkbox-box.p-highlight { background-color: #008392; } input[type="checkbox"]:checked + label:after { content: ''; display: block; position: absolute; top: 0.2352941176rem; left: 0.5294117647rem; width: 0.3529411765rem; height: 0.7058823529rem; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: 5px; width: 22px; height: 22px; top: 2px; visibility: hidden; } /*check starts here*/ .form .form-group label.form-check-label { margin-bottom: 0; font-size: 1rem !important; } .form .form-group .btn-outline-secondary.dropdown-toggle { border-color: transparent; box-shadow: 1px 1px 2px #d7d7d7; background: #fff; font-size: 0.875rem; } .form--horizontal { padding-bottom: 0.8823529412rem; } @media only screen and (max-width: 767px) { .form--horizontal { flex-direction: column; } } .form--horizontal .or-spacer { padding: 1.1764705882rem 0.8823529412rem 0; } .form--horizontal__left { display: flex; align-items: center; } .form--horizontal__right { width: 100%; display: flex; justify-content: flex-end; } .form--horizontal .input-wrap { margin-right: 0.5882352941rem; } @media only screen and (max-width: 767px) { .form--horizontal .input-wrap { width: 100%; margin-right: 0; } } .form--horizontal .form-group { margin: 0; } @media only screen and (max-width: 767px) { .form--horizontal .p-calendar { width: 100%; } } .form .form-group__with-icon span.f-icons { padding-left: 10px; } .form .form-group p.is-invalid-txt { color: #D60000; } .form--activity { margin-bottom: 0.8823529412rem; border-bottom: #dddddd solid 1px; } .form--activity .select-wrap { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .form--activity .select-wrap { flex-direction: column; } } .form--activity .select-wrap span { margin: 1.4705882353rem 0 0 0.5882352941rem; } .form--activity .p-calendar { width: 270px; } @media only screen and (max-width: 767px) { .form--activity .p-calendar { width: 100%; } } .form--activity .p-calendar input[type=text][readonly] { background: #fff; } @media only screen and (max-width: 575px) { .form--activity .align-items-center { flex-direction: column; } .form--activity .align-items-center .form-group { width: 100%; } .form--activity .align-items-center .or-spacer { padding: 0.5882352941rem 0; } } .form--family h2 { margin: 0 0 1.7647058824rem 0; font-size: 1.1764705882rem; color: #333333; font-weight: normal; } .form--family .radio-wrap { margin-bottom: 0.8823529412rem; padding-bottom: 0.8823529412rem; } @media only screen and (max-width: 767px) { .form--family .radio-wrap { display: none; } } @media only screen and (max-width: 767px) { .form--family .form-group { margin-bottom: 0.5882352941rem !important; } } .form--password .input-desc { display: block; margin-top: 1.4705882353rem; color: #333333; font-size: 0.7647058824rem; } @media only screen and (max-width: 767px) { .form--password .input-desc { margin: 0 0 1.1764705882rem; } } .form--password h2 { font-size: calc(27px - 12px); } .form--password .btn { width: 100%; } .form--cs-request .radio-block input[type="radio"] { display: none; } .form--cs-request .radio-block label { padding: 10px; display: inline-block; border: 1px solid #bbbbbb; cursor: pointer; width: 100%; text-align: center; word-break: break-word; display: flex; align-items: center; justify-content: center; border-radius: 4px; height: 50px; line-height: 1.2; } .form--cs-request .radio-block label:hover { border-color: #008392; } .form--cs-request .radio-block label:before { display: none; } .form--cs-request .radio-block label:after { display: none; } .form--cs-request .radio-block .blank-label { display: none; } .form--cs-request .radio-block input[type="radio"]:checked + label { background: #008392; color: #fff; } .form--cs-request .check-block input[type=checkbox] + label:before { border: 1px solid #008392; width: 18px; height: 18px; border-radius: 0; } .form--cs-request .check-block input[type=checkbox]:checked + label:before { color: #008392; font-size: 0.9411764706rem; } .form--cs-request .check-block input[type=checkbox] + label { font-size: 0.9411764706rem; color: #252525; } .form--cs-request .terms-block input[type=checkbox] + label { font-size: 0.8235294118rem; } .form--cs-request .terms-block input[type=checkbox] + label a { font-weight: 700; } .form .input-first { margin-bottom: .5rem; } @media only screen and (max-width: 575px) { .form--memberlist { border-bottom: #000 solid 2px; padding-bottom: 2.6470588235rem; } } .form--memberlist .txt { width: 30%; } @media only screen and (max-width: 575px) { .form--memberlist .txt { width: 100%; margin-bottom: 1.1764705882rem; } } @media only screen and (max-width: 575px) { .form--memberlist .btn-wrap-justify__group { display: flex; flex-direction: column-reverse; } } @media only screen and (max-width: 575px) { .form--memberlist .btn-wrap-justify__group .dropdown-menu { width: 94%; } } .form-group .lead { font-size: 1rem; font-weight: normal; line-height: 1; } .isdCodeSelectWrapper { width: 190px; } .single-col-view.form--addmem .form-group label { width: max-content; } .single-col-view.form--addmem .row [class*=col-] select { width: 40%; } @media only screen and (max-width: 767px) { .single-col-view.form--addmem .row [class*=col-] select { width: 100%; } } .single-col-view .row [class*=col-], .single-col-view .form-row [class*=col-] { flex: 0 0 100%; max-width: 100%; } .single-col-view .row [class*=col-] select, .single-col-view .row [class*=col-] input, .single-col-view .row [class*=col-] textarea, .single-col-view .form-row [class*=col-] select, .single-col-view .form-row [class*=col-] input, .single-col-view .form-row [class*=col-] textarea { width: auto; } @media only screen and (max-width: 575px) { .single-col-view .row [class*=col-] .isdCodeSelectWrapper, .single-col-view .form-row [class*=col-] .isdCodeSelectWrapper { width: 100%; margin: 0 0 10px 0 !important; } } .single-col-view .row [class*=col-] .isdCodeSelectWrapper select, .single-col-view .form-row [class*=col-] .isdCodeSelectWrapper select { width: 100%; } @media only screen and (max-width: 767px) { .single-col-view .row [class*=col-] .isdCodeSelectWrapper + .form-control, .single-col-view .form-row [class*=col-] .isdCodeSelectWrapper + .form-control { width: auto; } } @media only screen and (max-width: 575px) { .single-col-view .row [class*=col-] .isdCodeSelectWrapper + .form-control, .single-col-view .form-row [class*=col-] .isdCodeSelectWrapper + .form-control { width: 100%; } } .single-col-view .row [class*=col-] input, .single-col-view .row [class*=col-] .input-group, .single-col-view .row [class*=col-] .input-wrap.date-wrap, .single-col-view .row [class*=col-] .select-wrap, .single-col-view .form-row [class*=col-] input, .single-col-view .form-row [class*=col-] .input-group, .single-col-view .form-row [class*=col-] .input-wrap.date-wrap, .single-col-view .form-row [class*=col-] .select-wrap { width: 40%; } @media only screen and (max-width: 767px) { .single-col-view .row [class*=col-] input, .single-col-view .row [class*=col-] .input-group, .single-col-view .row [class*=col-] .input-wrap.date-wrap, .single-col-view .row [class*=col-] .select-wrap, .single-col-view .form-row [class*=col-] input, .single-col-view .form-row [class*=col-] .input-group, .single-col-view .form-row [class*=col-] .input-wrap.date-wrap, .single-col-view .form-row [class*=col-] .select-wrap { width: 100%; } } .single-col-view .form-check-inline { display: block; margin: 0.6rem 0; } .single-col-view .form-group label { display: block; } @media only screen and (max-width: 575px) { .single-col-view .row [class*=col-], .single-col-view .form-row [class*=col-] { flex: 0 0 100%; max-width: 100%; } .single-col-view .row [class*=col-] select, .single-col-view .row [class*=col-] input, .single-col-view .row [class*=col-] textarea, .single-col-view .form-row [class*=col-] select, .single-col-view .form-row [class*=col-] input, .single-col-view .form-row [class*=col-] textarea { width: 100%; } .single-col-view .row [class*=col-] input, .single-col-view .row [class*=col-] .input-group, .single-col-view .row [class*=col-] .input-wrap.date-wrap, .single-col-view .row [class*=col-] .select-wrap, .single-col-view .form-row [class*=col-] input, .single-col-view .form-row [class*=col-] .input-group, .single-col-view .form-row [class*=col-] .input-wrap.date-wrap, .single-col-view .form-row [class*=col-] .select-wrap { width: 100%; } } ul.imp-list li { list-style: disc; } ol.imp-list li { list-style: auto; } .imp-list { padding-left: 30px; margin-bottom: 2rem; } .imp-list li { margin-bottom: .2rem; } .imp-list--approve { border: 1px solid #c5c5c5; border-radius: .25rem; padding: 1.1764705882rem; } .imp-list--approve .form-group, .imp-list--approve label { margin-bottom: 0rem; } .imp-list--approve .form-group label, .imp-list--approve label label { font-weight: normal; font-size: inherit; } .imp-list--approve a { text-decoration: underline; } .imp-list--approve input[type="checkbox"] + label:before { top: 50%; position: absolute; left: 27px; margin-top: -12px; } .imp-list--approve input[type="checkbox"] + label:after { top: 50%; margin-top: -9px; } .subscription_checkout_tnc { border-color: #EC040F; } .p-fileupload .p-fileupload-buttonbar { background: #fff; border: #d0d0d0 solid 1px; color: #fff; border-radius: 4px; padding: 3px; display: flex; align-items: center; justify-content: flex-end; } .p-fileupload .p-fileupload-buttonbar .p-button { background: #008392; border: #008392 solid 1px; margin-right: 0; padding: 9px 15px; } .p-fileupload .p-fileupload-buttonbar .p-button:hover { background: #008392; border: #008392 solid 1px; } .p-fileupload .p-fileupload-content { padding: 0; border: 0; font-size: 0.8571428571rem; } .p-fileupload .p-fileupload-content > .p-progressbar { width: 100%; position: absolute; top: 0; left: 0; height: 0.25rem; background: transparent; } .p-fileupload .p-fileupload-content .p-button { box-shadow: 0 0 0 0 #fff; } .p-fileupload .p-fileupload-row > div { padding: 5px 10px; } .p-fileupload .p-fileupload-row > div:first-child:not(.p-fileupload-filename) { display: none; } .p-fileupload .p-fileupload-row > div .p-fileupload-filename { display: block; } .p-fileupload .p-fileupload-row .p-button-icon-only { background-color: transparent; border: 0; color: #031533; } .toggle-eye { position: absolute; right: 0.6470588235rem; bottom: 50%; height: 0.9411764706rem; margin-top: -0.5882352941rem; } .text-muted { color: #767676 !important; } .upload-wrap .upload-info { display: flex; justify-content: space-between; } .upload-wrap .upload-info span { color: #575757; } .upload-wrap .upload-info span em { font-style: normal; margin-left: 0.8823529412rem; } .fileupload-custom { position: absolute; overflow: hidden; border-radius: 4px; background: #008392; color: #fff; font-size: 0.8823529412rem; height: 30px; padding: 5px 10px; right: 7px; top: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .fileupload-custom .upload-input { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .membership { height: 97%; } @media only screen and (max-width: 767px) { .membership { height: auto; } } .membership__fees { display: flex; } .membership__fees strong { font-weight: 600; } .membership__fees div:first-child { margin-right: 0.8823529412rem; } .membership__fees strike { padding-left: 0.1764705882rem; color: #767676; } .membership__fees--total { margin-top: 0.6rem; } .membership__fees--total div:first-child div { font-size: 1.5882352941rem; line-height: 2.3823529412rem; font-weight: 600; } .membership__fees--offer div:first-child div { color: #981D97; font-size: 1.5882352941rem; line-height: 2.3529411765rem; } .membership__fees--offer div:first-child div strike { margin-left: 0.5rem; color: #767676; } .membership__fees--offer__text { font-size: 0.882rem !important; font-weight: 600 !important; } .membership__fees--offer__text span { background-color: #981D97; color: #fff; border-radius: 20px; padding: 3px 10px; display: inline-block; margin-right: 0.6rem; line-height: 1.3235294118rem; font-weight: 100 !important; } .membership__heading { margin-top: 0 !important; padding-top: 0 !important; line-height: 2.3823529412rem !important; margin-bottom: 1.1764705882rem !important; } .membership .card-body { padding: 1.1764705882rem 0.8823529412rem 1.1764705882rem 2.7647058824rem !important; } .membership .radio { margin-left: -33px; position: absolute; top: 1.6rem; } .membership .form-check.form-check-inline { position: absolute; left: 19px; top: 27px; } .membership--selected { border-bottom: 5px solid #008392; } .membership__validity { font-weight: 600; margin-bottom: 5px; } .membership__date { margin-bottom: 1.1764705882rem; font-size: 0.882rem; font-weight: normal; } .card h5 { font-weight: 600; font-size: 1.5882352941rem; margin: 0; line-height: 2.3823529412rem; } @media only screen and (max-width: 575px) { .card h5 { font-size: 1.1764705882rem !important; } } .card p { line-height: 1.5rem; } .card-preview { display: flex; margin-bottom: 2.3529411765rem; align-items: center; } .card-preview img { max-width: 150px; margin-right: 2rem; } @media only screen and (max-width: 767px) { .card-preview img { display: none; } } .card-preview h3 { font-size: 1.5882352941rem; line-height: 2.3529411765rem; margin: 1.3529411765rem 0 0.5882352941rem 0; } @media only screen and (max-width: 575px) { .card-preview h3 { font-size: 1.4117647059rem; } } .card-preview p { margin-bottom: 1.5294117647rem; } .card-preview__inner { display: flex; align-items: center; border: 1px solid #bbbbbb; border-width: 1px 0; flex: 1 1 auto; } @media only screen and (max-width: 767px) { .card-preview__inner { display: block; } } .card-preview__text { width: 100%; } .card-preview button { margin-left: 2rem; } @media only screen and (max-width: 767px) { .card-preview button { display: block; margin: 0 0 1rem 0; width: 100%; } } .card-preview ~ h2 { margin-top: 0 !important; } .preferences .card-body { display: flex; justify-content: space-between; padding: 1.5rem 1.2rem !important; } .preferences--selected { border-bottom: 5px solid #008392; box-shadow: 0 1.4px 3.8px 0 #00000080; } .preferences--with-img .card__img--mobile { display: none; } @media only screen and (max-width: 767px) { .preferences--with-img { flex-direction: row; } .preferences--with-img img { width: 134px; height: 195px; } .preferences--with-img .card__img--mobile { display: block; } .preferences--with-img .card__img--web { display: none; } } .preferences__rate { font-size: 1.5882352941rem; font-weight: 600; line-height: 2.3529411765rem; } .preferences h5 { font-weight: 600 !important; font-size: 1rem !important; line-height: 1.4705882353rem !important; } .preferences p { font-size: 0.7647058824rem !important; margin-bottom: 0rem; } .preferences .btn { margin-top: 0.5882352941rem; } .guest-card .card-body { display: flex; justify-content: space-between; padding: 1.1764705882rem 2.3529411765rem !important; } .guest-card .radio { display: inline-flex; align-items: center; padding-right: 2rem; margin: 1rem 0; } .guest-card .radio span { padding-left: 0.6rem; } .guest-card__rate { display: flex; align-items: center; } .btn.preferences__btn, .guest-card__rate .btn { font-size: 0.8823529412rem; line-height: 1.2941176471rem; padding: 0.3529411765rem 0.7058823529rem; } .btn.preferences__btn svg, .guest-card__rate .btn svg { width: 1.1176470588rem; margin-bottom: 4px; } .membership, .guest-card, .preferences { margin-bottom: 2rem; } .membership:hover, .guest-card:hover, .preferences:hover { box-shadow: 0 0px 7.4px -3.4px #00000080; } .membership--selected, .guest-card--selected, .preferences--selected { border-bottom: 5px solid #008392; } .membership--inactive:hover, .guest-card--inactive:hover, .preferences--inactive:hover { box-shadow: 0 0px 0px 0 #00000080; cursor: default; } .member-plan .card .card-body { padding: 2.8rem 3.3rem; } .editable .card-body { display: flex; justify-content: space-between; align-items: center; font-size: 0.882rem; } @media only screen and (max-width: 767px) { .editable .card-body { align-items: stretch; flex-flow: column; } } .editable__left h5 { font-size: 1rem !important; line-height: 1.471rem; padding-bottom: 0.5882352941rem; } .editable__right { font-weight: 600; } .editable__right a { display: block; font-weight: normal; } .editable--no-address { border-radius: 0; border-width: 1px 0; } .card-icon-inline { width: 50%; margin-bottom: 1rem; } @media only screen and (max-width: 767px) { .card-icon-inline { width: 100%; } } .card-icon-inline .card-body { display: flex; } .card-icon-inline__text { font-size: 1.0588235294rem; color: #333333; } .card-icon-inline h5 { font-size: 1.2941176471rem !important; font-weight: 600; line-height: 1.4705882353rem; } .card-icon-inline__icon { padding-right: 20px; } .card-icon-inline__expiry { padding: 0.2941176471rem 0 1.1764705882rem; font-size: 0.8823529412rem; } @media only screen and (max-width: 767px) { .card-photo-inline .col-auto { flex: 0 0 100%; text-align: center; padding-top: 20px; } .card-photo-inline .col { flex: 0 0 100% !important; } } .card-points { width: 100%; border: 0; border-top: 1px solid #000; border-radius: 0; } .card-points .card-icon-inline__popover { padding-left: 5px; } .card__without-border .card { border: 0; } .page__dashboard .card__benefit .card { margin-bottom: 3.8235294118rem; border: 0; } /* this is for dashboard*/ .card__benefit h5 { font-size: 0.8823529412rem; line-height: 1.2941176471rem; padding: 0.5882352941rem 0 0.2941176471rem 0; } .card__benefit img { width: 140px; } .card__benefit a { font-weight: 600; } .card__benefit a svg { margin-left: 4px; width: 6px; } .card__benefit a svg path { fill: #008392; } .card__benefit p { font-weight: 500; font-size: 0.7647058824rem; line-height: 0.9411764706rem; min-height: 78px; } .card__benefit .card-body { padding: 1rem; } .card__benefits { padding-top: 3.8235294118rem; } @media only screen and (max-width: 767px) { .card__benefits { padding-top: 2.6470588235rem; } } .card__benefits .card-body { padding: 0 0 4.7058823529rem; } @media only screen and (max-width: 767px) { .card__benefits .card-body { padding: 0 0 2.9411764706rem; } } .card__benefits .card h5 { padding: 0.5882352941rem 0; font-size: 1.2941176471rem; line-height: 1.9411764706rem; } @media only screen and (max-width: 767px) { .card__benefits .card h5 { font-size: 1.1764705882rem; line-height: 1.7647058824rem; } } .card-benefits-apply { font-size: 0.8823529412rem; } .card-benefits-apply span { color: #acacac; } .card__benefits-page { margin-right: -13px; margin-left: -13px; padding-top: 0.9411764706rem; } .card__benefits-page > .col, .card__benefits-page > [class*=col-] { padding-right: 12px; padding-left: 12px; display: flex; } .card__benefits-page .card { box-shadow: 0px 2.8px 7px rgba(0, 0, 0, 0.25); border-radius: 4px; overflow: hidden; margin-bottom: 1.5294117647rem; } .card__benefits-page .card-top { border-top: 12px solid; padding: 1.5294117647rem 1.5294117647rem 0.5882352941rem 1.5294117647rem; } .card__benefits-page .card-top span { font-size: 2.0588235294rem; font-weight: 400; } .card__benefits-page .card-top__icon { width: 50px; height: 50px; border-radius: 50px; background: linear-gradient(270deg, #B7BFC2 5.16%, #DBDCDC 53.09%, #B7BFC2 100%); display: flex; align-items: center; justify-content: center; } .card__benefits-page .card-body { padding: 0rem 1.5294117647rem 0rem 1.5294117647rem; } .card__benefits-page .card-body .card-title { font-size: 1.2941176471rem; font-weight: 600; line-height: 1.9411764706rem; } .card__benefits-page .card-bottom { padding: 1.5294117647rem 1.5294117647rem 1.5294117647rem 1.5294117647rem; } .affordable-rate .h6 a { padding: 5px 10px; background-color: #fff !important; color: #44719f !important; font-size: 14px; font-weight: 600; border-radius: 8px; border-color: #44719f !important; } .affordable-rate .affordable-rate__ads1 { position: relative; } .affordable-rate .affordable-rate__ads1 .h5 { position: absolute; left: 25px; top: 4px; right: 0; font-size: 44px; text-transform: uppercase; color: #fff; } .affordable-rate .affordable-rate__ads1 .h5 span { font-size: 16px; display: block; } .affordable-rate .affordable-rate__ads1 .h6 { position: absolute; left: 25px; top: 66%; right: 0; font-size: 26px; font-weight: 600; color: #fff; line-height: 26px; } .affordable-rate .affordable-rate__ads1 .h6 div { font-size: 12px; line-height: 15px; } .affordable-rate .affordable-rate__ads1 .h6 a { margin-top: 14px; } .affordable-rate .affordable-rate__ads2 { position: relative; } .affordable-rate .affordable-rate__ads2 .h5 { position: absolute; left: 37px; top: 9px; right: 0; font-size: 20px; text-transform: uppercase; color: #fff; } .affordable-rate .affordable-rate__ads2 .h5 span { font-size: 16px; display: block; } .affordable-rate .affordable-rate__ads2 .h6 { position: absolute; left: 37px; top: 65%; right: 0; font-size: 26px; font-weight: 600; color: #fff; line-height: 26px; } .affordable-rate .affordable-rate__ads2 .h6 div { font-size: 12px; line-height: 15px; } .affordable-rate .affordable-rate__ads2 .h6 a { margin-top: 14px; } .affordable-rate .affordable-rate__ads3 { position: relative; } .affordable-rate .affordable-rate__ads3 .h5 { position: absolute; left: 30px; top: 9px; right: 0; font-size: 20px; text-transform: uppercase; color: #fff; } .affordable-rate .affordable-rate__ads3 .h5 span { font-size: 16px; display: block; } .affordable-rate .affordable-rate__ads3 .h6 { position: absolute; left: 30px; top: 43%; right: 0; font-size: 23px; font-weight: 600; color: #fff; line-height: 26px; } .affordable-rate .affordable-rate__ads3 .h6 div { font-size: 20px; line-height: 15px; } .affordable-rate .affordable-rate__ads3 .h6 a { margin-top: 4px; } .affordable-rate .affordable-rate__ads3 .affordable-rate__ads3--1 .h6 { top: 55%; } .affordable-rate .affordable-rate__ads3 .affordable-rate__ads3--1 .carDiffer { width: 146px; display: inline-block; padding-left: 4px; vertical-align: middle; } .affordable-rate { margin-top: 35px !important; } .affordable-rate__ads3 .col-lg-12, .affordable-rate__ads2, .affordable-rate__ads1, .affordable-rate__ads3--1 { position: relative; } .affordable-rate__ads3 .col-lg-12:after, .affordable-rate__ads2:after, .affordable-rate__ads1:after, .affordable-rate__ads3--1:after { content: " "; position: absolute; top: 0; left: 5px; right: 0; bottom: 0; display: block; background: linear-gradient(to right, #008392, #0800b9); z-index: 90; opacity: .7; } .affordable-rate__ads3 .col-lg-12 .h5, .affordable-rate__ads2 .h5, .affordable-rate__ads1 .h5, .affordable-rate__ads3--1 .h5 { text-shadow: 5px 4px 16px #000; z-index: 91; } .affordable-rate__ads3 .col-lg-12 .h6, .affordable-rate__ads2 .h6, .affordable-rate__ads1 .h6, .affordable-rate__ads3--1 .h6 { text-shadow: 5px 4px 16px #000; z-index: 91; } .affordable-rate__ads3 .col-lg-12:after { left: 15px; } .affordable-rate h2 { color: #004481; } .affordable-rate h2 a { padding: 2px 6px; font-size: 12px; margin-left: 15px; } .affordable-rate .badge { margin-top: 12px; } .corner-img { height: 100%; border-radius: 0.3529411765rem; background: url("../../images/card-corner-img.png") right bottom no-repeat #EDDFFF; } .corner-img__title { color: #008392; font-size: 2.1176470588rem; line-height: 2.5882352941rem; margin: 0; } @media only screen and (max-width: 1360px) { .corner-img__title { font-size: 1.4705882353rem; line-height: 1.7647058824rem; } } .corner-img__title span { color: #004164; } .corner-img .card-text { padding: 0.9411764706rem 0; margin: 0; width: 59%; font-size: 1rem; line-height: 1.2352941176rem; } @media only screen and (max-width: 1360px) { .corner-img .card-text { font-size: 0.8235294118rem; line-height: 1.0588235294rem; } } .congrats { box-shadow: 0px 0px 30px -2px #ededed; border-radius: 15px; border-top: 1px solid #000; border-width: 12px 0 0 0; margin-bottom: 1.5294117647rem; } .congrats .card-body { padding: 50px 40px; } .congrats__title { font-size: 2.0588235294rem; line-height: 3.0882352941rem; font-weight: 600; padding-bottom: 0.3529411765rem; } .congrats__sub-title { font-size: 1.5882352941rem; line-height: 2.3823529412rem; font-weight: 600; padding-bottom: 0.3529411765rem; } .congrats__sub-title span { font-weight: 400; } .congrats p { width: 70%; } @keyframes fillAnimation { 0% { transform: rotate(-45deg); } 50% { transform: rotate(135deg); } } @keyframes fillGraphAnimation { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } } table { border: none; margin-bottom: 0; } table thead tr { color: #000; } table thead th { border-color: #000; border-top: 0; color: #000; background: #fff; border-bottom: 2px solid #000 !important; } table td { border-bottom: 1px solid #ebebeb; vertical-align: middle; padding: 1.05rem .75rem; } table td i { color: #008392; } table tbody tr:nth-of-type(even) { background: #fff; } .table { margin-top: 2rem; } .table .success { color: #009933; } .table .danger { color: #EC040F; } .table .icon-arw { margin-right: 0.8823529412rem; } .table--membership { margin-bottom: 1.7647058824rem; } .table--membership .status { color: #00B432; margin-left: 0.8235294118rem; } .table--membership .btn.btn-secondary { font-size: 0.9411764706rem; padding: 2px 7px; margin-right: 1.7647058824rem; } .table--membership .cell-btn { text-align: right; } .table--miles .cell-btn { text-align: right; } /*React table component - have to check with Amrutha */ .p-component { font-family: "Air New Zealand Sans", Helvetica Neue, Arial, sans-serif; } .p-component.p-datatable { font-size: 0.8823529412rem; margin-top: 2.3529411765rem; } .p-component.p-datatable .p-column-header-content { flex-direction: column; } .p-component.p-datatable .p-datatable-thead > tr > th { color: #000; background: #fff; padding: 0.5882352941rem 0.5882352941rem; font-size: 0.8823529412rem; vertical-align: top; } .p-component.p-datatable .p-datatable-thead > tr > th.number-column { width: 172px; text-align: right !important; } @media only screen and (max-width: 991px) { .p-component.p-datatable .p-datatable-thead > tr > th.number-column { width: 100%; text-align: left !important; } } .p-component.p-datatable .p-datatable-thead > tr > th.description-column { width: 450px; } @media only screen and (max-width: 991px) { .p-component.p-datatable .p-datatable-thead > tr > th.description-column { width: 100%; } } .p-component.p-datatable .p-datatable-thead > tr > th.date-column { width: 190px; } @media only screen and (max-width: 991px) { .p-component.p-datatable .p-datatable-thead > tr > th.date-column { width: 100%; } } .p-component.p-datatable .p-datatable-thead .p-column-title { white-space: nowrap; } .p-component.p-datatable .p-datatable-tbody > tr { color: #000; } .p-component.p-datatable .p-datatable-tbody > tr > td { border-top: 1px solid #ebebeb; padding: 0.5882352941rem 0.5882352941rem; } .p-component.p-datatable .p-datatable-tbody > tr > td select { padding: 2px 10px; } .p-component.p-datatable .p-datatable-tbody > tr > td.number-column { width: 166px; text-align: right !important; } @media only screen and (max-width: 991px) { .p-component.p-datatable .p-datatable-tbody > tr > td.number-column { width: 100%; text-align: left !important; } } .p-component.p-datatable .p-datatable-tbody > tr > td.description-column { width: 450px; } @media only screen and (max-width: 991px) { .p-component.p-datatable .p-datatable-tbody > tr > td.description-column { width: 100%; } } .p-component.p-datatable .p-datatable-tbody > tr > td.date-column { width: 190px; } @media only screen and (max-width: 991px) { .p-component.p-datatable .p-datatable-tbody > tr > td.date-column { width: 100%; } } .p-component.p-datatable .p-datatable-tbody > tr > td.status-column { width: 220px; } @media only screen and (max-width: 991px) { .p-component.p-datatable .p-datatable-tbody > tr > td.status-column { width: 100%; } } .p-component.p-datatable .p-datatable-tbody > tr > td .badge { margin-right: 0.5882352941rem; } .p-component.p-datatable .p-datatable-tbody > tr > td .desc-wrap { display: flex; align-items: center; } .p-component.p-datatable .p-datatable-tbody > tr > td .desc-icon { line-height: 12px; } .p-component.p-datatable .p-datatable-tbody > tr > td .actions { display: flex; } .p-component.p-datatable .p-datatable-tbody > tr > td .actions .fa { border: #008392 solid 1px; color: #008392; padding: 5px; border-radius: 3px; font-size: 17px; display: flex; width: 1.6470588235rem; align-items: center; justify-content: center; height: 1.6470588235rem; } .p-component.p-datatable .p-sortable-column:focus { box-shadow: none; } .p-component.p-datatable .p-sortable-column .p-sortable-column-icon { color: #000; } .p-component.p-datatable .p-sortable-column .p-sortable-column-icon:hover { color: #000 !important; } .p-component.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: #008392; color: #fff !important; } .p-component.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { background: #06808D; color: #fff; } .p-component.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { color: #fff; } .p-component.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { color: #fff; border: 0; } .p-component.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { border: 0; color: #fff; } .p-component.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon, .p-component.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { color: #fff; } .p-datepicker table thead th { text-align: center; } .p-datepicker .p-datepicker-header select { padding: 2px 10px; } .filter { display: flex; margin: 10px 0; } .filter__utils { display: flex; } .filter--table .filter__utils { margin-left: auto; align-items: center; } .filter--table .form-group { margin: 0; } .p-datatable-wrapper th.p-filter-column { background-color: white !important; padding: 0.05rem 1rem !important; } .p-datatable-wrapper th.p-filter-column .p-column-filter { padding: 0; border: 1px solid #ffffff !important; border-radius: 0; width: auto; padding-right: 25px; } .p-datatable-wrapper th.p-filter-column .p-column-filter .p-dropdown-label { padding: 1px 5px; } .p-column-filter-menu { margin: 0; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { padding-bottom: 0; } .p-column-filter-buttonbar { display: block; } .p-column-filter-buttonbar .p-button-outlined { margin-right: 0.5882352941rem; } .p-column-filter-menu { margin-bottom: -4px; } .p-column-filter-menu-button { width: 1.4117647059rem; height: 1.4117647059rem; } .p-column-filter-menu-button:focus { box-shadow: 0 0 0 0 #fff; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background-color: #f8f9fa; } .p-column-filter-menu-button.p-column-filter-menu-button-active .pi-filter-icon.pi-filter:before, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover .pi-filter-icon.pi-filter:before { background-image: url("../../images/icons/filter-on.svg"); } .p-column-filter-menu-button .pi-filter-icon.pi-filter:before { content: ""; background-image: url("../../images/icons/filter-off.svg"); width: 12px; height: 10px; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -4px; } .table-action__btns { display: flex; align-items: center; } .table-action__btns i { margin-left: 0.2352941176rem; } .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo .p-datatable-tbody .expiredRow { color: #EC040F !important; } .nav-tabs { margin-top: 2rem; } .nav-tabs--booking { justify-content: flex-start; } .nav-tabs .nav-item { color: #3A3A3A; position: relative; } .nav-tabs .nav-item span.count { background-color: red; border-radius: 10px; font-size: 11px; color: #fff; padding: 7px; margin-left: 4px; line-height: 6px; /* margin-bottom: 12px; */ position: absolute; right: -4px; top: -4px; } .nav-tabs .nav-item i { margin-right: 0.5882352941rem; } .nav-tabs .nav-item span { display: block; } .nav-tabs .nav-link.active { border-bottom: #008392 4px solid; border-color: #fff #fff #008392 !important; color: #414143; font-weight: 700; } .nav-tabs .nav-link.active:hover { border-color: #fff #fff #008392 !important; } .nav-tabs .nav-link:hover { border-color: #ffffff #ffffff #ffffff !important; color: #008392; } .tab { margin-bottom: 0.5882352941rem; } .tab .nav-tabs { justify-content: space-between; } @media only screen and (max-width: 767px) { .tab .nav-tabs { display: none; } } .tab .nav-tabs--booking { justify-content: flex-start; } .tab .nav-tabs--booking .nav-item { padding: 0.2352941176rem 1.5882352941rem 0.5882352941rem; min-width: 194px; text-align: center; display: block; justify-content: center; } .tab .nav-tabs--profile { margin-bottom: 2.6470588235rem; } .tab .nav-tabs--profile .nav-item { padding: 0.2352941176rem 1.1764705882rem 0.5882352941rem; min-width: auto; } .tab .nav-tabs .nav-item { border: none; color: #333333; display: flex; align-items: center; fill: #008392; } .tab .nav-tabs .nav-item.active { border-bottom: #008392 4px solid; border-color: #fff #fff #008392; font-weight: 700; border-color: #bbbbbb #bbbbbb #008392 !important; } .tab .nav-tabs .nav-item.active:hover { border-color: #bbbbbb #bbbbbb #008392 !important; } .tab .nav-tabs .nav-item i { margin-right: 0.5882352941rem; } .tab .nav-tabs .nav-item span { display: block; } .tab__mob { display: none; position: relative; } @media only screen and (max-width: 767px) { .tab__mob { display: block; } } .tab__mob .fa { position: absolute; right: 0.7058823529rem; top: 0.8823529412rem; font-size: 1.0588235294rem; color: #333333; } .tab__mob span.value { display: none; } .tab__mob dd { position: relative; z-index: 1071; } .tab__mob dd ul { background: #fff; display: none; list-style: none; padding: 5px 0; position: absolute; left: 0px; top: 0; width: 100%; z-index: 3; box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.64); } .tab__mob dd ul li { border-bottom: #dddddd solid 1px; padding: 5px; } .tab__mob dd ul li a { padding: 5px; display: block; color: #333333; outline: none; text-decoration: none; } .tab__mob dd ul li a:hover { background-color: #008392; color: #fff; text-decoration: none; } .tab__mob dt a { color: #333333; display: block; padding-right: 1.1764705882rem; text-decoration: none; border-bottom: #008392 4px solid; } .tab__mob dt a span { cursor: pointer; display: block; padding: 0.7058823529rem 0.7058823529rem 0.7058823529rem 0; color: #008392; font-weight: 700; text-decoration: none; } .vertical__tab--left .nav-link { color: #333 !important; background-color: #fff !important; border-radius: 0; } .vertical__tab--left .nav-link.active { font-weight: 600; color: #004164 !important; border-left: 2px solid #008392; } .vertical__tab--right .tabWrap { border: 1px solid #008392; border-width: 0 0 1px 1px; padding: 0 0 20px 30px; margin-bottom: 20px; } .vertical__tab--right .tabWrap .lead { font-size: 0.813rem; margin-bottom: 0.2rem; line-height: 1.5; font-weight: 400; } @media (max-width: 576px) { .vertical__tab--right .tabWrap { border-left: 0 solid red !important; padding: 10px 0 20px 18px; margin-top: 5px; border-top: 1px solid #d2d5d9; } } .overviewtab { margin-bottom: 0.5882352941rem; } .overviewtab .tab-pane { padding-top: 10px; } .overviewtab .badge.badge-pill { background: transparent; } .overviewtab .cardItems { width: 100%; padding-bottom: 10px; margin-bottom: 10px; margin-bottom: 10px; } .overviewtab .cardItems strong { font-size: 0.882; } .overviewtab .cardItems p { margin: 0; font-size: 0.824; } .overviewtab .btn.btn-block.btn-primary.btn-sm { position: absolute; left: 18px; /* width: 79%; */ right: 18px; bottom: 11px; width: auto; } .overviewtab .tab-pane2 .cardItems { padding-bottom: 60px; } .modal .modal-header { display: flex; align-items: center; flex-direction: column; border: none; position: relative; } .modal--digital .modal-dialog { max-width: 365px; margin: 0.5rem auto; } .modal--digital .modal-body .btn-secondary { line-height: 1; } .modal--digital .modal-body .btn-secondary img, .modal--digital .modal-body .btn-secondary i { margin-right: 6px; } .modal--digital .modal-content { padding: 1.4117647059rem; } .modal--digital .modal-content .p-progress-spinner.download-spinner { width: 30px; height: 30px; position: absolute; bottom: -24px; left: 50%; margin-left: -15px; } .modal--digital__title { font-size: 1.5882352941rem; margin: 0; } @media only screen and (max-width: 767px) { .modal--digital__title { font-size: 1.1764705882rem; } } .modal--digital__desc { text-align: left; font-size: 1.2941176471rem; margin: 1rem 0 0 0; } .modal--form .modal-dialog { max-width: 835px; margin: 0.5rem auto; } .modal--form .modal-header { padding: 0 0 0.8823529412rem 0.8823529412rem; align-items: flex-start; } .modal--form .modal-header h2 { color: #333333; } .modal--form .modal-header .close { top: -24px; } .modal--form .modal-content { height: auto; border-radius: 0; padding: 35px 15px; } .modal--form .form-check-label strong { color: #008392; } .modal--form .btn-wrap { text-align: right; } @media only screen and (max-width: 767px) { .modal--form .btn-wrap { width: 100%; text-align: left; } } @media only screen and (max-width: 767px) { .modal--form .btn-wrap .btn { margin: 0 1px; width: 48%; } } .modal .utils-wrap { display: flex; align-items: center; justify-content: center; } .modal .utils-wrap .utils { margin: 0 0.8823529412rem; } .modal .utils-wrap .utils span { margin-left: 7px; display: inline-block; } .modal .utils-wrap .utils.disabled { cursor: not-allowed; color: #5c606d; } .modal .utils-wrap .utils.disabled svg { fill: #5c606d; } .modal--global .modal-dialog { max-width: 900px; } .modal--global .modal-header { align-items: flex-start; padding: 2.3529411765rem; } .modal--global .modal-header h1 { font-size: 1.5882352941rem; font-weight: 600; } .modal--global .modal-header .close { opacity: 1; } .modal--global .modal-body { padding: 0 2.3529411765rem 2.3529411765rem; } .modal .modal-header .close, .p-dialog .p-dialog-header .p-dialog-header-icon { position: absolute; top: 1.7rem; right: 1.2941176471rem; width: 2rem; height: 2rem; color: #008392 !important; border: 0 none !important; background: transparent !important; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0 !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; } .modal .modal-header .close:focus, .p-dialog .p-dialog-header .p-dialog-header-icon:focus { box-shadow: 0 0 0.1764705882rem 0.0588235294rem #000; } .p-dialog .p-dialog-header .p-dialog-header-icon { right: 1.7rem; } .modal-lg, .modal-xl { max-width: 800px !important; } .tooltip.show { opacity: 1; } .tooltip-inner { color: #000; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8); opacity: 1 !important; } @media only screen and (max-width: 575px) { .tooltip-inner { width: 100%; max-width: 100%; } } .tooltip.bs-tooltip-right .arrow:before { border-right-color: #fff !important; } .tooltip.bs-tooltip-left .arrow:before { border-left-color: #fff !important; } .tooltip.bs-tooltip-bottom .arrow:before { border-bottom-color: #fff !important; } .tooltip.bs-tooltip-top .arrow:before { border-top-color: #fff !important; } body .p-datepicker table td.p-datepicker-today > span { background: #008392; color: #fff; } body .p-datepicker table { font-size: 0.8823529412rem; } body .p-fluid .p-calendar .p-inputtext { color: #031533; } body .p-datepicker .p-datepicker-header { color: #031533; } body .p-datepicker table tr:nth-of-type(even) { background: none; } body .p-datepicker table td { border: none; } body .p-datepicker table td.p-datepicker-other-month span { display: none; } body .p-datepicker table thead th { border: none !important; background: none !important; color: #000; } body .p-datepicker table td > span.p-highlight { color: #031533; background: #bbbbbb; } .page__activity-statement .nav-tabs { justify-content: space-between; } .page__activity-statement__mob { display: none; position: relative; } @media only screen and (max-width: 767px) { .page__activity-statement__mob { display: block; } } .page__activity-statement__mob .fa { position: absolute; right: 0.7058823529rem; top: 0.8823529412rem; font-size: 1.0588235294rem; color: #333333; } .page__activity-statement__mob span.value { display: none; } .page__activity-statement__mob dd { position: relative; } .page__activity-statement__mob dd ul { background: #fff; display: none; list-style: none; padding: 5px 0; position: absolute; left: 0px; top: 0; width: 100%; z-index: 1; box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.64); } .page__activity-statement__mob dd ul li { border-bottom: #dddddd solid 1px; padding: 5px; } .page__activity-statement__mob dd ul li a { padding: 5px; display: block; color: #333333; outline: none; text-decoration: none; } .page__activity-statement__mob dd ul li a:hover { background-color: #008392; color: #fff; text-decoration: none; } .page__activity-statement__mob dt a { color: #333333; background: #f8f8f8; display: block; padding-right: 1.1764705882rem; text-decoration: none; border: #dddddd solid 1px; } .page__activity-statement__mob dt a span { cursor: pointer; display: block; padding: 0.7058823529rem; font-weight: normal; text-decoration: none; } .page__overview .knowMoreTab { display: flex; } .page__overview .knowMoreTab .text-left { margin-left: 10px; align-items: stretch; position: relative; background-color: #008392; border-radius: 8px; padding: 55px 20px 20px; width: 100%; } @media (max-width: 768px) { .page__overview .knowMoreTab .text-left { margin-left: 0px !important; } } .page__overview .knowMoreTab .text-left .more { color: #fff; } .page__overview .knowMoreTab .text-left div { font-size: 24px; color: #FFFFFF; padding: 40px 0 30px; } .page__overview .knowMoreTab .text-left:after { content: " "; position: absolute; background: url("../../images/overviewBG2.svg") no-repeat right bottom; bottom: 0; width: 126px; height: 131px; display: block; right: 0; opacity: .34; } .page__overview .knowMoreTab2 { font-size: 24px; color: #004164; line-height: 30px; padding-left: 25px !important; } .page__overview .knowMoreTab2 h4 { font-size: 14px; color: #1FADAF; padding-top: 27px; } .page__overview .knowMoreTab2 a { margin: 5px 0 10px; font-size: 14px; color: #004164; } .page__overview .banner { background: url("../../images/overviewBG3.svg") no-repeat 15px bottom; padding: 20px 30px 20px 130px !important; justify-content: space-between; display: flex; margin: 20px 0; } .page__overview .banner p { font-size: 24px; color: #008392; margin: 0; line-height: 2.2rem; } .page__overview .banner p strong { display: block; color: #004164; font-weight: normal; } .page__overview .banner a { align-self: center !important; } @media (max-width: 768px) { .page__overview .banner { padding: 10px !important; display: inline-block; } .page__overview .banner a { display: block; } .page__overview .banner p strong { padding: 5px 0; } } .page__overview .more { font-size: 14px; } .page__overview .more:after { content: "\f061"; display: inline-block; margin-left: 10px; font: normal normal normal 14px/1 FontAwesome; } .page__overview .tabLeft > div, .page__overview .banner { background-color: #f2f2f2; } .page__overview .tabLeft, .page__overview .tabRight { margin-bottom: 15px; } .page__overview .progress { height: 15px !important; position: relative; } .page__overview .progress:after, .page__overview .progress:before { content: " "; display: block; width: 15px; height: 15px; background: #d1a700; border-radius: 15px; border: 2px solid #fff; position: absolute; left: 0; } .page__overview .progress:after { right: 0; left: auto; } .page__overview .progress .progress-bar { background-color: #ffcc02; border-radius: 0.8rem !important; } .page__overview .tabLeft > div { padding: 20px; } .page__overview .tabLeft > div .align-self-center { color: #333; font-size: 16px; } .page__overview .tabLeft > div .dotLine { border-bottom: 1px dotted #fff; border-top: 1px dashed #D7D7D7; margin: 10px 0 15px; } .page__overview .tabLeft > div .more { display: block; margin-top: 10px; } .page__overview .tabLeft > div .toRetainItems { padding-top: 10px; padding-right: 35px; } .page__overview .tabLeft > div .toRetainItems h5 { text-align: left; font-size: 0.8235294118rem; } .page__overview .tabLeft > div .toRetainItems .justify-content-between { color: #004164; font-size: 18px; font-weight: 600; } .page__overview .tabLeft > div .toRetainItems .justify-content-between span { display: block; font-size: 10px; color: #7F7F7F; font-weight: normal; padding-bottom: 6px; } .page__overview .tabLeft > div .toRetainItems .toRetainItemsNew .text-left { font-size: 25px; width: 100%; } .page__overview .tabLeft > div .toRetainItems .toRetainItemsNew .text-left i { color: #00c300; margin-right: 7px; } .page__overview .tabLeft > div .toRetainItems .toRetainItemsNew .text-left span { padding-left: 33px; } .page__overview .tabLeft > div .toRetainItems .toRetainItemsNew .text-right span { padding-top: 10px; font-size: 11px; } .page__overview .myBenafitsSec > div { padding: 0px; background-color: transparent; } .page__overview .myBenafitsSec .col-lg-2 { align-items: stretch; display: flex; } .page__overview .cardItems { background: #fff; border-radius: 0; border: 1px solid #ddd; padding: 10px; margin-bottom: 5px; height: 100%; display: flex; flex-direction: column; } .page__overview .cardItems .text-center { margin-top: auto; } .page__overview .cardItems .justify-content-between { align-items: center; padding-bottom: 8px; } .page__overview .cardItems .justify-content-between i { color: #fff; border-radius: 30px; width: 50px; height: 50px; text-align: center; } .page__overview .cardItems .justify-content-between i + span { font-size: 1.4285714286rem; font-weight: 700; } .page__overview .cardItems .justify-content-between i:before { font-size: 28px; line-height: 50px; } .page__overview .cardItems .btn, .page__overview .cardItems a { padding-top: 2px; padding-bottom: 2px; font-size: 12px; } .page__overview .myBenafitsSec .form-row .col { padding-bottom: 10px; } .page__overview .myBenafitsSec .form-row .col:nth-child(1) i { background-color: #ffc300; } .page__overview .myBenafitsSec .form-row .col:nth-child(2) i { background-color: #ff4100; } .page__overview .myBenafitsSec .form-row .col:nth-child(3) i { background-color: #86ad00; } .page__overview .myBenafitsSec .form-row .col:nth-child(4) i { background-color: #00ad8a; } .page__overview .myBenafitsSec .form-row .col:nth-child(5) i { background-color: #0049ad; } .page__overview .myBenafitsSec .form-row .col:nth-child(6) i { background-color: #6700ad; } .page__overview .myBenafitsSec .form-row .col:nth-child(7) i { background-color: #ad0083; } .page__overview .myBenafitsSec .form-row .col:nth-child(8) i { background-color: #ad0000; } .page__overview .dashItems .dashItem { margin-right: 0; margin-bottom: 1.1764705882rem; } .page__overview .dashItems .dashItem__type { display: flex; align-items: center; } .page__overview .dashItems .dashItem__type .txt { margin-left: 10px; white-space: nowrap; } .page__overview .dashItems .dashItem__type .txt strong { font-size: 1.1764705882rem; line-height: 1.1764705882rem; } .page__overview .dashItems .dashItem__details { margin-left: auto; margin-right: 2.6470588235rem; padding-left: 0.5882352941rem; } @media only screen and (max-width: 767px) { .page__overview .dashItems .dashItem__details { margin-right: 0.5882352941rem; } } .page__overview .dashItems .dashItem__details .txt { margin-left: 3.5294117647rem; } @media only screen and (max-width: 767px) { .page__overview .dashItems .dashItem__details .txt { margin-left: 1.7647058824rem; } } .page__overview .dashItems .dashItem__details .txt:first-child { margin-left: 0; } .page__overview .dashItems .dashItem__details .txt strong { display: inline; margin-left: 0.9411764706rem; font-size: 0.9411764706rem; } @media only screen and (max-width: 1199px) { .page__overview .dashItems .dashItem__details .txt strong { display: block; margin-left: 0; } } .page__overview .dashItems .dashItem__details p { margin: 0.4705882353rem 0 0 0; font-size: 0.7058823529rem; } .page__overview .dashItems .dashItem__details p a { font-weight: 700; } .page__overview .dashItems .d-flex.justify-content-between { justify-content: flex-start !important; border: 1px solid #008392; border-radius: 4px; padding: 13px 9px 13px 15px; min-height: 78px; align-items: center; height: 100%; } .page__overview .dashItems .d-flex.justify-content-between img { width: 36px; height: 30px; } .page__overview .dashItems .d-flex.justify-content-between i { font-size: 25px; color: #008392; } .page__overview .dashItems .btn-sm { padding: 0.05rem 0.5rem !important; } .page__overview .dashItems .hasHoverDetails { display: none; } .page__overview .dashItems .hasHover { position: relative; } .page__overview .dashItems .hasHover:hover .d-flex.justify-content-between { z-index: 3; border: 1px solid transparent; } .page__overview .dashItems .hasHover:hover .hasHoverDetails { display: block; position: absolute; background: white; top: 0px; left: 5px; right: 5px; box-shadow: 0px 0px 13px #d4d4d4; z-index: 2; padding-top: 48px; border: 1px solid #008392; padding: 64px 7px 20px; border-radius: 4px; } .page__overview .dashItems .hasHover:hover .hasHoverDetails p { padding-top: 20px; } .page__overview .dashItems .hasHover:hover .hasHoverDetails .text-info { border-top: 1px dashed #008392; display: block; padding-top: 11px; padding-bottom: 4px; margin-top: 15px; } .page__overview .dashItems .hasHover:hover .hasHoverDetails .text-danger { font-size: 11px; } .page__overview .dashItems .hasHover .d-flex.justify-content-between { position: relative; } .page__overview .dashItems .hasHover .d-flex.justify-content-between .expiry-data:after { position: absolute; content: " "; display: block; width: 8px; height: 8px; right: 10px; top: 10px; background-color: #EC040F; border-radius: 5px; } .page__overview .dashItems .txt strong { display: block; } .page__overview .dashItems--three-column .dashItem__details { margin-right: 1.4705882353rem; } .page__overview .dashItems--three-column .dashItem__details .txt strong { display: block; margin-left: 0; } @media only screen and (max-width: 1360px) { .page__overview .row-cols-lg-6 > * { /*-ms-flex: 0 0 14.28571428571429%; flex: 0 0 14.28571428571429%; max-width: 14.28571428571429%;*/ } } .page__calculator .milesBarView { padding-top: 30px; padding-left: 15px !important; } .page__calculator .milesBarView .milesBars { padding-bottom: 10px; align-items: center !important; } .page__calculator .milesBarView .milesBars .milesLabel { font-size: 11px; text-align: right; } .page__calculator .milesBarView .milesBars .milesBar { position: relative; height: 35px; } .page__calculator .milesBarView .milesBars .milesBar.currentMiles { background-color: #06808d; } .page__calculator .milesBarView .milesBars .milesBar.useMiles { background-color: #008392; } .page__calculator .milesBarView .milesBars .milesBar.balanceMiles { background-color: green; color: green; } .page__calculator .milesBarView .milesBars .milesBar.balanceMiles span { font-size: 15px; top: 18%; } .page__calculator .milesBarView .milesBars .milesBar.noBalanceMiles { max-width: 20% !important; background-color: #bf0000; } .page__calculator .milesBarView .milesBars .milesBar.noBalanceMiles span { color: #bf0000; top: -3%; } .page__calculator .milesBarView .milesBars .milesBar.noBalanceMiles span span.text { white-space: nowrap; font-weight: normal; color: #333; font-size: 12px; display: block; position: relative; left: 0; padding-left: 0; } .page__calculator .milesBarView .milesBars .milesBar.overMiles { max-width: 120% !important; } .page__calculator .milesBarView .milesBars .milesBar.overMiles:after { content: " "; display: block; position: absolute; width: 17%; right: 0; top: 0; bottom: 0; background-color: #bf0000; } .page__calculator .milesBarView .milesBars .milesBar span { position: absolute; left: 100%; padding-left: 5px; font-size: 12px; font-weight: 600; top: 22%; } .page__calculator .milesBarView .milesBars .col-5:after { content: " "; display: block; width: 1px; position: absolute; right: 0; top: -5px; bottom: -5px; border-right: 1px dashed #dcdcdc; } .page__calculator .list-group-item .col-3 { padding-top: 4px; } .page__calculator .list-group-item .text-right .btn { padding: 0.3529411765rem 0.7058823529rem; font-size: 0.8rem; } .page__calculator .tab-pane { padding-top: 15px; } .page__calculator .layout__buttons--nolabel { display: flex; align-items: flex-end; margin-bottom: 1rem; } .pageClassConvertMiles .conversionDetailsWrap { box-shadow: 0 0 5px -1px #cacaca; margin: 7px 0 13px; border: 1px solid #dcdcdc; } .pageClassConvertMiles .conversionDetailsWrap .col-lg-4 { border-left: 1px solid #dcdcdc; padding: 0 !important; } .pageClassConvertMiles .conversionDetailsWrap .col-lg-4 .cDHeading { padding: 10px 20px 10px 20px; text-align: center; font-weight: 700; background: #fbfbfb; } .pageClassConvertMiles .conversionDetailsWrap .col-lg-4 .d-flex.justify-content-between { padding: 8px 20px; text-transform: uppercase; font-size: 11px; color: #b5b5b5; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .pageClassConvertMiles .conversionDetailsWrap .col-lg-4 .d-flex.justify-content-between strong { display: block; font-size: 18px; color: #000; } .pageClassConvertMiles .conversionDetailsWrap .col-lg-4 .cDTotal { padding: 10px 20px 15px; background: #fbfbfb; border-top: 3px solid #272727; } .pageClassConvertMiles .conversionDetailsWrap .col-lg-4 .cDTotal strong { font-size: 24px; color: #000; } .pageClassConvertMiles .conversionDetailsWrap .col-lg-8 { padding: 14px 20px; } .pageClassConvertMiles .conversionDetailsWrap .col-lg-8 .heading { font-weight: 700; margin-bottom: 15px; } .pageClassConvertMiles .conversionDetails-wrap { display: flex; } .pageClassConvertMiles .conversionDetails-wrap__slider { display: flex; align-items: center; } .pageClassConvertMiles .conversionDetails-wrap__txt { font-size: 6rem; font-weight: 300; line-height: 1.2; color: #008392; opacity: .2; } .password { max-width: 400px; } @media only screen and (max-width: 767px) { .password { margin: 0rem auto 0 auto; } } .password p { font-size: 0.7058823529rem; } .password .txt-wrap { margin-bottom: 1.1764705882rem; } .password .option { margin: 0 0 1.1764705882rem; text-transform: uppercase; width: 100%; text-align: center; display: block; } .password .user-number { margin: 1.4705882353rem 0 1.4705882353rem 2.3529411765rem; } .password .resend { text-align: center; margin: 0 0 1.1764705882rem; } .password .user { display: flex; align-items: center; margin: 1.1764705882rem 0; } .password .user span { display: block; } .password .user .thumb { margin-right: 0.8823529412rem; } .password .success-bar { margin-bottom: 5.8823529412rem; } .profile-info .form-group { margin-bottom: 2.3529411765rem; } .profile-info .label { font-weight: 600; font-size: 1rem; margin: 0; line-height: 1.4705882353rem; } .profile-info .type { font-size: 0.8823529412rem; line-height: 1.2941176471rem; margin: 0; } .page__profile .profile-modify h2 { margin-bottom: 1.1764705882rem; color: #666666; } .page__profile .profile-modify li { display: table-row; } @media only screen and (max-width: 767px) { .page__profile .profile-modify li { display: flex; flex-wrap: wrap; margin-bottom: 0.5882352941rem; padding-bottom: 0.5882352941rem; border-bottom: #bbbbbb dashed 1px; } } .page__profile .profile-modify li > * { padding: 10px; } @media only screen and (max-width: 767px) { .page__profile .profile-modify li > * { padding: 5px 5px 5px 0; } } .page__profile .profile-modify li .text { display: table-cell; color: #666666; padding-left: 0; } .page__profile .profile-modify li .type { display: table-cell; } .page__profile .profile-modify li .link { display: table-cell; } @media only screen and (max-width: 767px) { .page__profile .profile-modify li .link { width: 100%; } } .page__enrollment.pageClassFeedback { background-color: transparent; } .page__enrollment .pageHeader { background: url("../../images/header-enrollment.jpg") 0; background-size: cover; color: #fff; font-weight: 600; margin-bottom: 4.1176470588rem; } .page__enrollment .alert-light { margin-top: 0.5rem; } .page__enrollment .enrollmentFeatures ol { counter-reset: my-awesome-counter; } .page__enrollment .enrollmentFeatures ol li { counter-increment: my-awesome-counter; } .page__enrollment .enrollmentFeatures ol li:before { content: counter(my-awesome-counter) ". "; color: #10406f; font-weight: 600; font-size: 20px; } .page__enrollment .enrollmentFeatures .list-group-item { background-color: transparent; position: relative; padding: 0.5882352941rem 0.8823529412rem 0.5882352941rem 0; list-style: disc; display: list-item; border: none; } .page__enrollment .enrollmentFeatures .list-group-item i { position: absolute; left: 5px; top: 14px; font-size: 17px; color: #21d851; } .page__enrollment .enrollmentForm h2 { /*margin-top: 20px; border-left: 3px solid $contrastColor2; padding: .4rem 10px;*/ } .page__cs-request h3 { font-size: 0.9411764706rem; color: #1f1f14; font-weight: 700; } body .page__referal h2 { color: #252525; margin-bottom: 1.4705882353rem; font-size: 1.0588235294rem; } body .page__referal .list-group-item { border: 0; list-style: disc; display: list-item; padding: 10px 0; margin-left: 21px; } body .page__referal .share-friends { padding-right: 1.7647058824rem; border-right: #bbbbbb dashed 1px; height: 100%; } @media only screen and (max-width: 767px) { body .page__referal .share-friends { border: 0; padding-right: 0; } } body .page__referal .share-friends textarea { height: 150px; } body .page__referal .share-friends .tag-item { height: auto; margin: 5px 3px 0 0; padding: 2px 4px 2px 14px; } body .page__referal .share-friends hr { margin: 2.3529411765rem 0; border-top: #bbbbbb dashed 1px; } @media only screen and (max-width: 767px) { body .page__referal .share-friends .social-share { margin-bottom: 1.1764705882rem; } } body .page__referal .share-friends .social-share img { width: 32px; } .view__compact.container, .view__compact .container { max-width: 1152px; } /*theme variables AN theme. This will override _variables.scss*/ @font-face { font-family: "Air New Zealand Sans"; src: url("font/AirNewZealandSansSub-Regular.woff2") format("woff2"), url("font/AirNewZealandSansSub-Regular.woff") format("woff"); } @font-face { font-family: "airnewzald"; src: url("font/airnewzald-blackitalic.8f7d15feda31f0da69fe972061a1caad.woff2") format("woff2"), url("font/airnewzald-blackitalic.cd8d67d5a02bc95e3c32b29558cf21c8.woff") format("woff"); font-display: block; } @font-face { font-family: "airnewzald"; font-weight: 700; src: url("font/airnewzald-blackitalic.8f7d15feda31f0da69fe972061a1caad.woff2") format("woff2"), url("font/airnewzald-blackitalic.cd8d67d5a02bc95e3c32b29558cf21c8.woff") format("woff"); font-display: block; } @font-face { font-family: "airnewzald"; font-style: italic; src: url("font/airnewzald-blackitalic.8f7d15feda31f0da69fe972061a1caad.woff2") format("woff2"), url("font/airnewzald-blackitalic.cd8d67d5a02bc95e3c32b29558cf21c8.woff") format("woff"); font-display: block; } @font-face { font-family: "airnewzald"; font-style: italic; font-weight: 700; src: url("font/airnewzald-blackitalic.8f7d15feda31f0da69fe972061a1caad.woff2") format("woff2"), url("font/airnewzald-blackitalic.cd8d67d5a02bc95e3c32b29558cf21c8.woff") format("woff"); font-display: block; } @font-face { font-family: "airpoints-airnewzald"; src: url("font/AirpointsAirNewzald-BlkIt.2eba229f4c9a3eb1540edbab7a32aea2.woff") format("woff"); font-display: block; } @font-face { font-family: "airpoints-vlook"; src: url("font/AirpointsHelveticaNeue-Reg.4677543831c63bf630b7ce14c255d74b.woff") format("woff"); font-display: block; } @font-face { font-family: "airpoints-vlook"; font-weight: 700; src: url("font/AirpointsHelveticaNeue-Bold.eab48f60df058e1d60c7eac35ed7ea32.woff") format("woff"); font-display: block; } /*icons color in overview page*/ /*Overview - Progressing bar*/ /*Overview - ads*/ body { font-weight: 400; } @media only screen and (max-width: 991px) { body { padding-top: 56px; } } .flight-search__form .input-wrap input[type=text], .flight-search__form .input-wrap input[type=date], .flight-search__form .input-wrap select, .flight-search__form .input-wrap .p-multiselect { background: #fff; color: #008392; border-color: #75579a; } .flight-search__form .input-wrap input[type=text] option, .flight-search__form .input-wrap input[type=date] option, .flight-search__form .input-wrap select option, .flight-search__form .input-wrap .p-multiselect option { color: #000; } input[type=text], input[type=date], input[type=password], input[type=tel], input[type=email], select, .p-dropdown, textarea, .form-control, .utils > a { height: calc(2.6em + 2px); } textarea { min-height: 60px; color: #6d6d6d; } .link { font-size: 1rem; text-decoration: none; } .flight-search__form .btn.btn-primary { border: #ffffff52 solid 1px; } .form-group label { font-weight: 600; font-size: 15px; margin-bottom: 2px; } .flight-search, .footer__app { background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23000b0d' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23001619' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23002226' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23002d32' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%2300383F' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } .footer { background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23040F1A' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23040F1A'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E"); } .footer__copy { background-color: #000; color: #fff; } .alert { text-align: left; border-radius: 2px; max-width: 700px; } .alert--custom svg { top: 22px; } .table { color: #000; } .table thead th { font-size: 0.882rem; border-top: 0px solid #dee2e6; font-weight: 600; } .table td { font-size: 0.882rem; vertical-align: middle; } .digital-card { background: linear-gradient(147.9946167919deg, #ac7921 0%, #d2bc55 100%); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); min-height: 600px; max-width: 375px; background: url("../../images/digital-card-bg.png") no-repeat center; background-size: cover; } .digital-card__bg { right: 0; bottom: 0; background: url("../../images/card-bg-white.svg") no-repeat; } .digital-card__status { display: none; } .digital-card__info { margin-top: 19.4117647059rem; } .digital-card__info .name { font-size: 2rem; font-weight: 500; line-height: 2.3435294118rem; padding-bottom: 0.5882352941rem; } @media only screen and (max-width: 575px) { .digital-card__info .name { font-size: 1.4117647059rem; font-weight: 600; line-height: 2.1176470588rem; } } .digital-card__info .number { font-size: 1.3529411765rem; font-weight: 300; line-height: 1.5588235294rem; } @media only screen and (max-width: 575px) { .digital-card__info .number { font-size: 1rem; font-weight: 400; line-height: 1.5rem; } } .digital-card__info .date { font-size: 1.0588235294rem; font-weight: 400; line-height: 1.2352941176rem; position: absolute; bottom: 65px; } @media only screen and (max-width: 575px) { .digital-card__info .date { font-size: 0.8823529412rem; font-weight: 400; line-height: 1.3235294118rem; bottom: 75px; } } .digital-card__info .date .icon { display: none; } .digital-card__blck { background: #fff; display: none; position: absolute; bottom: 44px; width: 100%; flex-direction: column; align-items: center; padding-bottom: 0.8823529412rem; } .digital-card__blck .bar-code { margin: -47px 0 0 0; } .digital-card__list { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } @media only screen and (max-width: 767px) { .digital-card__list { display: none; } } .digital-card__list li { display: flex; padding-bottom: 1.1764705882rem; margin-bottom: 1.1764705882rem; border-bottom: #dddddd solid 1px; align-items: center; } .digital-card__list li:last-child { border: none; margin: 0; padding: 0; } .digital-card__list li h6 { font-size: 0.9411764706rem; color: #333333; margin: 0 0 0.8823529412rem 0; } .digital-card__list .thumb { margin-left: 1.1764705882rem; } .digital-card__list .thumb img { max-width: none; } .digital-card__bottom { position: absolute; display: block; bottom: 0; left: 0; right: 0; border-radius: 0 0 7px 7px; padding: 15px 20px 17px; background: #392093; background: -webkit-linear-gradient(left, #392093 0%, #5c7fac 50%, #6aa4bf 100%); background: -o-linear-gradient(left, #392093 0%, #5c7fac 50%, #6aa4bf 100%); background: linear-gradient(to right, #392093 0%, #5c7fac 50%, #6aa4bf 100%); } .digital-card__bottom .extra-guest { display: none; justify-content: space-between; line-height: 1.1764705882rem; font-size: 1rem; } @media only screen and (max-width: 575px) { .digital-card__bottom .extra-guest { font-size: 0.8823529412rem; } } .digital-card--inactive { background-image: url("../../images/digital-card-bg-expired.png"); } .digital-card--inactive .digital-card__bottom { background: black; background: linear-gradient(90deg, black 0%, #3e3e3e 100%); } .digital-card--inactive .date .icon { display: block; text-align: center; position: absolute; left: 0; right: 0; top: -26px; } .digital-card--inactive .date .icon svg { width: 18px; } .digital-card--extra-guest .extra-guest { display: flex; } .digital-card--extra-guest .date .icon { display: block; text-align: center; position: absolute; left: 0; right: 0; top: -26px; } .digital-card--extra-guest .date .icon svg { width: 18px; } .digital-card .cobrand { display: flex; display: none; margin-top: auto; justify-content: center; margin-bottom: 0.5882352941rem; font-size: 0.7058823529rem; color: #252525; } .digital-card .cobrand strong { margin-left: 0.2941176471rem; } .digital-card.digital-card--custom.card-travel { background: #000; color: #fff; } .wrap-digital-card p { font-size: 0.8823529412rem; color: #767676; } @media only screen and (max-width: 575px) { .wrap-digital-card .btn-wrap .btn { width: 100%; } } .digital-card__bg { display: none; } .modal .utils-wrap { display: block; } .modal--digital .modal-dialog { max-width: 459px; } .modal--digital .modal-header { flex-direction: revert; } .header .fixed-top { height: 4.7058823529rem; display: flex; align-items: center; } @media only screen and (max-width: 991px) { .header .fixed-top { height: 56px; } } @media only screen and (max-width: 767px) { .header .fixed-top .compact-top-menu .logo .logo-falcon { height: 27px; } } @media only screen and (max-width: 767px) { .header .fixed-top .compact-top-menu__list { display: none; } } .header .fixed-top, .header__portal-menu { box-shadow: 0 0 3px 0 #dbdbdb; } @media only screen and (max-width: 991px) { .header .fixed-top, .header__portal-menu { position: fixed; } } .header .fixed-top .nav-text, .header__portal-menu .nav-text { display: none; } @media only screen and (max-width: 991px) { .header .fixed-top .nav-text, .header__portal-menu .nav-text { display: block; } } @media only screen and (max-width: 991px) { .header .fixed-top .navbar-collapse, .header__portal-menu .navbar-collapse { margin: 0; position: fixed; top: 2.9411764706rem; left: 0; z-index: 1035; right: 0; background: #19181B; height: 100%; overflow-y: auto; padding-top: 2.1176470588rem; } } .header .fixed-top .container, .header__portal-menu .container { max-width: 1366px; } .header .fixed-top .navbar-nav, .header__portal-menu .navbar-nav { justify-content: flex-start; } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item, .header__portal-menu .nav-item { background: none; display: block; } } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item .nav-link, .header__portal-menu .nav-item .nav-link { border-bottom: none; font-weight: 500; font-size: 1.2941176471rem; } } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item.active, .header__portal-menu .nav-item.active { border-bottom: none; } } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item .dropdown-menu, .header__portal-menu .nav-item .dropdown-menu { display: block; position: relative; left: 0; top: 0; background: none; margin: -5px 0 0 0; } } @media only screen and (max-width: 991px) { .header .fixed-top .nav-item .dropdown-menu .nav-link, .header__portal-menu .nav-item .dropdown-menu .nav-link { font-weight: 400; padding-left: 0.8823529412rem; color: #898989; font-size: 1rem; padding-top: 0.7058823529rem; padding-bottom: 0.7058823529rem; } } .header .fixed-top .dropdown-menu, .header__portal-menu .dropdown-menu { border-radius: 0; } .header .fixed-top .dropdown-menu .nav-link:hover, .header__portal-menu .dropdown-menu .nav-link:hover { background: transparent; } .header .fixed-top .hasHover:after, .header__portal-menu .hasHover:after { display: none; } .header .fixed-top .hamburger span, .header__portal-menu .hamburger span { background-color: #fff; } @media only screen and (max-width: 991px) { .header .navbar-toggler:not(.collapsed) { right: auto; left: 0; z-index: 1036; position: absolute; top: -2rem; background: none; width: auto; height: auto; } } @media only screen and (max-width: 991px) { .header .navbar-toggler:not(.collapsed):before { background: #008392; content: ""; width: 56px; height: 3px; position: absolute; bottom: -13px; left: -16px; } } @media only screen and (max-width: 991px) { .header .navbar-toggler:not(.collapsed) .hamburger { left: 0; } } .header .userText { font-size: 1.2941176471rem; } .header .userText i img { width: 21px; height: 15px; margin: -2px 0 0 0; } .header__user { position: relative; } .header__user .nav-link { position: relative; padding-right: 1.2941176471rem; } @media only screen and (max-width: 767px) { .header__user .nav-link { padding-right: 0; } } .header__user .nav-link .arrow { position: absolute; top: 50%; right: 5px; } @media only screen and (max-width: 767px) { .header__user .nav-link .arrow { display: none; } } .header__user .nav-link .arrow::before, .header__user .nav-link .arrow::after { position: relative; content: ''; display: block; width: 11px; height: 2px; background: #fff; transition: 0.3s ease-in-out; } .header__user .nav-link .arrow::before { transform: rotate(45deg); } .header__user .nav-link .arrow::after { left: 7px; top: -2px; transform: rotate(-47deg); } .header__user .nav-link .arrow.close { display: block; top: 100%; right: -3px; } .header__user .nav-link .arrow.close::before, .header__user .nav-link .arrow.close::after { width: 20px; } .header__user .nav-link .arrow.close:after { left: 0; } @media only screen and (max-width: 767px) { .header__user .nav-link.expand:before { content: ""; background: #008392; width: 44px; height: 2px; position: absolute; bottom: -31px; right: -15px; z-index: 1; } } .header__user .nav-link.expand .arrow::before { transform: rotate(-45deg); } .header__user .nav-link.expand .arrow::after { transform: rotate(45deg); } .header__user .nav-link .thumb-user { width: 25px; height: 25px; } @media only screen and (max-width: 991px) { .header__user .nav-link .thumb-user { width: 20px; height: 20px; } } .header__user .user-panel { position: fixed; background: #000; padding: 20px; top: 4.6470588235rem; min-width: 300px; right: 0; color: #fff; display: none; font-size: 0.8823529412rem; } @media only screen and (max-width: 991px) { .header__user .user-panel { top: 3.2352941176rem; } } @media only screen and (max-width: 767px) { .header__user .user-panel { height: 100vh; border-radius: 0; right: 0; top: 3.2352941176rem; min-width: 100%; } } .header__user .user-panel__block { display: flex; flex-direction: column; padding-bottom: 1.1764705882rem; margin-bottom: 1.1764705882rem; border-bottom: #767676 solid 1px; } .header__user .user-panel__block:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .header__user .user-panel__block h2 { color: #fff; margin: 0.5882352941rem 0 0; } .header__user .user-panel__block li { display: flex; justify-content: space-between; margin-bottom: 0.2941176471rem; } .header__user .user-panel__block li span { font-size: 0.7647058824rem; } .header__user .user-panel__block li span img { width: 11px; height: 11px; } .header__user .user-panel__block li img { width: 14px; height: 14px; } .header__user .user-panel .link { color: #4CD6E6; } table th:first-child, table td:first-child { padding-left: 0 !important; } table th:last-child, table td:last-child { padding-right: 0 !important; } .fa.fa-trash { background-image: url("../../images/icons/delete.svg"); } .fa.fa-trash:before { display: none; } .card h5 { font-size: 1.5882352941rem; } .card.guest-card .card-text { font-weight: 600; } @media only screen and (max-width: 991px) { h1 { font-size: 2.5882352941rem !important; } } @media only screen and (max-width: 767px) { h1 { font-size: 1.7058823529rem !important; } h2 { font-size: 1.4117647059rem !important; } } .tab .nav-tabs .nav-item { font-size: 0.8823529412rem; } .header-tabs__navs ul a.active { border-bottom-color: #4CD6E6; } .compact-heading h2 { font-size: 27px !important; line-height: 40.5px; margin-bottom: 1.1764705882rem; } @media only screen and (max-width: 991px) { .compact-heading h2 { font-size: 1.4117647059rem !important; } } /*Global*/ .form-group .label--info { font-size: 1rem; } /*Header*/ @media only screen and (max-width: 991px) { .header .banner-img__txt { font-size: 1.7058823529rem; } } .logo-main { width: 208px; height: 40px; } /*Benefits page*/ .benefits .card h5 { font-size: 1.2941176471rem; font-weight: 600; } @media only screen and (max-width: 575px) { .benefits .card h5 { font-size: 1.1764705882rem; } } /*Modal*/ .confirm-modal .p-dialog-title h4 { font-size: 1.2941176471rem; } @media only screen and (max-width: 575px) { .confirm-modal .p-dialog-title h4 { font-size: 1.1764705882rem; } } .confirm-modal .modal-body p { color: #000; } /*Add Mmeber*/ .addmember-info { font-size: 0.8823529412rem; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after, .rContainer .checkmark:after { top: 11px; left: 11px; } .membership .rContainer .checkmark:after { top: 10px; left: 10px; } /*table*/ @media only screen and (max-width: 575px) { .table.cart-table th { font-size: 0.7647058824rem; } } @media only screen and (max-width: 575px) { .table.cart-table td { font-size: 0.8823529412rem; } } .table.cart-table td strong { font-weight: 400; } .p-multiselect-panel { box-shadow: 0 0 0 0 #000; border: 1px solid #bbbbbb; } .congrats, .t-graph-box { box-shadow: 0 1.4px 3.8px 0 #00000080; border-radius: 4px; } .t-graph__start path, .t-graph__path-txt, .t-graph__end, .t-graph__end.with-no-color { fill: #000 !important; color: #000 !important; font-size: 0.8823529412rem; } .theme__three .t-graph__start path, .theme__three .t-graph__path-txt, .theme__three .t-graph__end:not(.with-no-color) { fill: #fff !important; color: #fff !important; } .theme__one .card__benefits-page .card-top { border-width: 12px 0 0 0; border-style: solid; border-image: linear-gradient(to right, #B7BFC2, #DBDCDC, #B7BFC2) 1; } .theme__one .card__benefits-page .card-top__icon { color: #000; } .theme__one .card__benefits-page .card-top__icon svg { fill: #000; } .theme__two .card__benefits-page .card-top { border-width: 12px 0 0 0; border-style: solid; border-image: linear-gradient(to right, #F0D499, #D2AF70) 1; } .theme__two .card__benefits-page .card-top__icon { color: #000; } .theme__two .card__benefits-page .card-top__icon svg { fill: #000; } .theme__three .card__benefits-page .card-top { border-width: 12px 0 0 0; border-style: solid; border-image: linear-gradient(to right, #282928, #4A4B4B) 1; } .theme__three .card__benefits-page .card-top__icon { color: #fff; } .theme__three .card__benefits-page .card-top__icon svg { fill: #fff; } .theme__four .card__benefits-page .card-top { border-width: 12px 0 0 0; border-style: solid; border-top-color: #000; } .theme__four .card__benefits-page .card-top__icon { color: #fff; background: #000; } .theme__four .card__benefits-page .card-top__icon svg { fill: #fff; } .card-points .dropdown-menu.show { padding: 20px; font-size: 17px; } .card-points .dropdown-menu.show .information-link { display: block; margin-top: 16px; } /*banner starts here*/ .banner--black { background: #000; min-height: 196px; display: flex; align-items: center; border-width: 0 0 10px 0; border-style: solid; } .banner--black .points { letter-spacing: normal; font-size: 1rem; font-weight: 400; line-height: normal; } .banner--black .name { font-size: 1.5882352941rem; } @media only screen and (max-width: 767px) { .banner--black .name { font-size: 1.4117647059rem; } } @media only screen and (max-width: 767px) { .banner--black__status { margin-bottom: 6px; } } .banner--black__status .status { display: flex; align-items: center; } .banner--black__status .status .badge { border-radius: 50px; letter-spacing: normal; font-size: 0.8823529412rem; font-weight: 600; background: #5B5B63; padding: 0.2352941176rem 0.7058823529rem; margin-right: 15px; } .banner--black__status .status .status-name { font-size: 1.5882352941rem; line-height: normal; } @media only screen and (max-width: 767px) { .banner--black__status .status .status-name { font-size: 1.4117647059rem; } } .banner--black.status-koru { border-image: linear-gradient(to right, #7F5DAF, #58BCED) 1; } .banner--black.status-ep1 { border-color: #C43FDE; } .banner--black.status-elite { border-color: #E0D3B5; } .banner--black.status-gold { border-color: #E5C98A; } .banner--black.status-silver { border-color: #BBBBBB; } @media only screen and (max-width: 767px) { .banner--black.header-with-tabs .container .banner-img__txt { flex-direction: column-reverse; align-items: flex-start; } } @media only screen and (max-width: 575px) { .banner--black.header-with-tabs .container .banner-img__txt { display: flex; } } /*banner ends here*/ .parent-application .upload-wrap input[type=text] { border-color: #008392; } .parent-application h6 span { color: #767676; font-weight: 400; } .status-koru { border-image: linear-gradient(to right, #7F5DAF, #58BCED) 1; } .status-ep1 { border-color: #C43FDE; } .status-elite { border-color: #E0D3B5; } .status-elite-dark { border-color: #282928; } .status-gold { border-color: #E5C98A; } .status-silver { border-color: #BBBBBB; } .status-silver-gradient { border-image: linear-gradient(to right, #B7BFC2, #DBDCDC, #B7BFC2) 1; } .priority-box { display: flex; border-width: 12px 0 0 0; border-style: solid; } @media only screen and (max-width: 575px) { .priority-box { display: block; } } .priority-box p { font-size: 1.2941176471rem; } .priority-box i { min-width: 96px; height: 96px; border-radius: 50px; display: flex; align-items: center; justify-content: center; border: #000 solid 5px; font-size: 3.8235294118rem; margin-right: 4.1176470588rem; margin-top: 0.5882352941rem; } @media only screen and (max-width: 575px) { .priority-box i { width: 96px; margin: 0 0 1.1764705882rem 0; } } .help-box { display: flex; border-width: 12px 0 0 0; border-style: solid; } @media only screen and (max-width: 575px) { .help-box { display: block; } } .help-box__team { margin-right: 1.1764705882rem; } @media only screen and (max-width: 575px) { .help-box__team { margin-right: 0; } } .help-box__team p { font-size: 1.4117647059rem; } .gifted-box { display: flex; gap: 20px; } @media only screen and (max-width: 575px) { .gifted-box { flex-direction: column; } } .gifted-box .content-box { flex: 1 1 0; padding: 1.1764705882rem 2.3529411765rem; border-width: 12px 0 0 0; border-style: solid; } .gifted-box .status-name .status { letter-spacing: 5px; text-transform: uppercase; font-size: 1.5882352941rem; } .gifted-box .status-person { font-weight: 600; } .card__priority .card { box-shadow: none; border-top: #000 solid 2px; border-radius: 0; margin-bottom: 3.5294117647rem; } .card__priority .card .card-body { padding: 1.1764705882rem 0 0 0; } body { /*Font*/ } body h5.modal-title { font-size: 21px; } body.rtl { direction: rtl; } body .breadcrumb { background-color: transparent; } body .noLabel { padding-top: 1.5rem !important; } body .noLabel .text-success { line-height: 2rem; } body .text-warning { color: #D60000 !important; } body .text-danger { color: #D60000 !important; } body .badge-success { background-color: #208337; } body .badge-primary { color: #fff; background-color: #008392; } body .card { background: #fff; } body .p-calendar .p-datepicker { z-index: 2000 !important; } body .p-datepicker table td > span { height: 2rem !important; width: 2rem !important; } body .mobileNavProfile .dropdown-menu.show { width: 250px; } body .menuWrap0 { display: none; } body .menuWrap0 .navbar { padding: 0rem 1rem; background-color: #272727 !important; } body .menuWrap0 .navbar .form-control { font-size: 11px !important; box-shadow: 0 0 0 0 red !important; } body .menuWrap0 .navbar .btn { height: 22px; border: 1px solid #001; margin-top: 0px; border-left: 0; } body .menuWrap0 .form-control { height: calc(1.85em + 2px); box-shadow: 0 0 0 0 #fff; border-color: #ffffff; border-radius: 0; width: 160px; font-size: 13px; } body .menuWrap0 .btn { padding: .0rem .75rem; border-radius: 0; } body .menuWrap0 .nav-item { line-height: 1; } body .menuWrap2 { margin-bottom: 1em; border-bottom: 1px solid #e0e0e0; background: #fff; } body .menuWrap2 .breadcrumb { margin-bottom: 0; padding: .65rem .9rem .65rem 0; font-size: 0.9285714285714286rem; line-height: 1.3rem; } body .menuWrap2 .breadcrumb a { font-size: 0.8571428571428571rem; } body .menuWrap2 .menuWrap3 .nav-item.active { border-bottom: 2px solid #10406f; } body .menuWrap2 .menuWrap3 .nav-item.active .nav-link { padding: .55rem 1rem; } body .menu1st .profileOption { position: relative; } body .menu1st .dropdown-menu { left: auto; right: 0; padding: 10px 18px; border-radius: 0; box-shadow: 2px 3px 8px -4px #000; } body .menu1st .navbar-toggler { padding: 0; } body .menu1st .navbar-toggler .navbar-toggler-icon:after { content: "\f0c9"; display: block; width: 20px; height: 20px; font: normal normal normal 14px/1 FontAwesome; font-size: 30px; } @media (max-width: 576px) { body .menu1st .navbar-toggler .mobileNavProfile { position: absolute; right: 0; top: 8px; } } body .menuWrap1 .navbar-brand { padding-top: 0; padding-bottom: 0; } body .menuWrap1 .nav-item { position: relative; } body .menuWrap1 .nav-item.langOption { padding-top: 2px; } body .menuWrap1 .nav-item.langOption .dropdown-menu { left: auto; right: 0; } body .menuWrap1 .nav-item.profileOption .dropdown-menu { left: auto; right: 0; } body .menuWrap1 .nav-item.profileOption .dropdown-menu span { font-weight: bold; padding: 7px 20px 14px; font-size: 13px; display: block; border-bottom: 1px solid #d0d6d9; margin-bottom: 10px; } body .menuWrap1 .nav-item.searchOption a { padding: 5px; } body .menuWrap1 .nav-item .nav-link i { border-radius: 1em; color: #10406f; width: 2em; line-height: 2; text-align: center; display: none; } body .menuWrap1 .nav-item .input-group { position: absolute; right: 0px; width: 1300%; top: 0px; } body .userDetails { padding: 0.938rem; position: relative; } body .userDetails:after { background: url("../../images/userDeatilsBG.png"); background-size: cover; content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; } body .userDetails h5 { margin: -1.4rem -1.4rem 1.4rem; padding: 10px 15px; font-size: 1rem; text-align: center; text-transform: uppercase; z-index: 101; position: relative; color: #fff; } body main { padding: 15px 0 80px 0; min-height: 550px; } body .btn-group-toggle label.btn.btn-primary { color: #333333; background-color: #f6f6f6; border-color: #ebebeb; } body .btn-group-toggle label.btn.btn-primary.active, body .btn-group-toggle label.btn.btn-primary:active { color: #fff; background-color: #004f58; border-color: #004f58; font-weight: 600; box-shadow: 1px 1px 2px #d7d7d7; } body .accordion .buttonWrap { margin-bottom: 0; } body .accordion .card { border-radius: 0 !important; margin-bottom: 5px; border: 1px solid #ddd !important; } body .accordion .card-header { padding: 0; } body .accordion .card-header h2 { padding: 0; margin: 0; } body .accordion .card-header h2 button, body .accordion .card-header h2 button:hover, body .accordion .card-header h2 button:active, body .accordion .card-header h2 button:focus { position: relative; background-color: transparent !important; border-color: transparent !important; border-radius: 0; color: #212529; text-decoration: none; } body .accordion .card-header h2 button:after, body .accordion .card-header h2 button:hover:after, body .accordion .card-header h2 button:active:after, body .accordion .card-header h2 button:focus:after { position: absolute; content: "\f106"; font: normal normal normal 20px/12px FontAwesome; display: block; width: 14px; height: 14px; right: 7px; top: 40%; } body .accordion .card-header h2 button.collapsed { border: 0px; } body .accordion .card-header h2 button.collapsed:after { position: absolute; content: "\f107"; font: normal normal normal 20px/12px FontAwesome; display: block; width: 14px; height: 14px; right: 7px; top: 40%; } .profileHeadWrap { position: relative; } .profileHeadWrap:after { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #ffffff7a; } .profileHeadWrap .card-body { position: relative; z-index: 2; } .profileHeadWrap .layout__profile-progress { position: relative; z-index: 4; } .profileHeadWrap .btn-lg { margin-top: 0 !important; } .topProgressBar, .p-progressbar { left: 0; right: 0; z-index: 1; } .topProgressBar .progress-bar, .topProgressBar .p-progressbar-value, .p-progressbar .progress-bar, .p-progressbar .p-progressbar-value { background-color: #10406f; } .modal-body .p-progressbar { bottom: auto; top: 0; } .pageClassDashBord .card.dash { transition: all .25s ease; margin-bottom: 10px; /*background-color: #fff; box-shadow: 0px 0px 10px -3px #cecece;*/ } .pageClassDashBord .card.dash h3 { font-size: 14px; } .pageClassDashBord .card.dash .dashFamilyWrap { background-color: #FEF3F1; border-radius: 10px; padding: 15px; } .pageClassDashBord .card.dash .dashFamilyWrap img { margin-left: -10px; } .pageClassDashBord .card.dash .dashFamilyWrap img:first-child { margin-left: 0px; } .pageClassDashBord .card.dash .dashFamilyWrap .membersHeading { color: #FE827A; font-size: 1rem; } .pageClassDashBord .card.dash .notificationItem { background-color: #000; margin-bottom: 3px; padding-left: 51px; padding-right: 6px; position: relative; color: #fff; } .pageClassDashBord .card.dash .notificationItem .txtHead { font-size: .7rem; text-transform: uppercase; padding-top: 5px; } .pageClassDashBord .card.dash .notificationItem .txtMiles { font-size: .9rem; padding-bottom: 5px; font-weight: 600; } .pageClassDashBord .card.dash .notificationItem .txtNoti { font-size: 0.7rem; padding-top: 1rem; padding-right: 3px; } .pageClassDashBord .card.dash .notificationItem:before { content: " "; display: block; width: 45px; position: absolute; left: 0; top: 0; bottom: 0; } .pageClassDashBord .card.dash .notificationItem:after { font: normal normal normal 14px/1 FontAwesome; display: block; width: 45px; position: absolute; left: 3.7%; top: 19%; bottom: 0; color: #fff; font-size: 1.5rem; } .pageClassDashBord .card.dash .notificationItem.notificationItemBg1 { background-color: #00a65a; } .pageClassDashBord .card.dash .notificationItem.notificationItemBg1:after { content: "\f0c0"; } .pageClassDashBord .card.dash .notificationItem.notificationItemBg1:before { background-color: #028448; } .pageClassDashBord .card.dash .notificationItem.notificationItemBg2 { background-color: #000; } .pageClassDashBord .card.dash .notificationItem.notificationItemBg2:after { content: "\f238"; } .pageClassDashBord .card.dash .notificationItem.notificationItemBg2:before { background-color: #005d75; } .pageClassDashBord .card.dash .notificationItem.notificationItemBg3 { background-color: #eab000; } .pageClassDashBord .card.dash .notificationItem.notificationItemBg3:after { content: "\f1fd"; } .pageClassDashBord .card.dash .notificationItem.notificationItemBg3:before { background-color: #bc8d00; } .pageClassDashBord .card.dash .slider1 .txtWraper { position: absolute; left: 6px; right: 14px; bottom: 0; top: 0; } .pageClassDashBord .card.dash .slider1 .txtWraper .txtHeading { position: absolute; bottom: 5px; padding-left: 8px; font-size: 1rem; color: #fff; font-weight: 600; } .pageClassDashBord .card.dash .slider1 .txtWraper .txtPrice { text-align: right; padding-right: 6px; font-size: 1.2rem; color: #fff; line-height: 20px; padding-top: 6px; } .pageClassDashBord .card.dash .slider1 .txtWraper .txtTag { font-size: .7rem; text-align: right; padding-right: 6px; color: #fff; text-transform: uppercase; } .pageClassDashBord .card.dash .slider2 .txtWraper { padding-left: 8px; } .pageClassDashBord .card.dash .slider2 .txtWraper .txtHeading { font-size: 1rem; font-weight: 600; } .pageClassDashBord .card.dash .slider2 .txtWraper .txtPrice { font-size: 1.4rem; color: #FFED00; line-height: 24px; } .pageClassDashBord .card.dash .slider2 .txtWraper .txtTag { font-size: .7rem; text-align: right; padding-right: 6px; text-transform: uppercase; } .pageClassDashBord .card.dash .txtPriceWrap .btn { height: 30px; margin-top: 4px; line-height: 1.2; } .pageClassDashBord .card.dash .dashA { font-size: 0.75rem; padding-top: 5px; } .pageClassDashBord .card.dash .carousel-control-next, .pageClassDashBord .card.dash .carousel-control-prev { top: -14%; bottom: 30%; } .pageClassDashBord .card.dash .carousel-indicators { right: auto; margin: 0; bottom: -27px; } .pageClassDashBord .card.dash .carousel-indicators li { background-color: #cecece; opacity: 0.2; } .pageClassDashBord .card.dash .carousel-indicators li.active { opacity: 1; } .pageClassDashBord .card.dash:hover { /*transform: translateY(-4px) scale(1.02); box-shadow: 0 14px 24px rgba(62,57,107,.2);*/ z-index: 30; } .pageClassDashBord .card.dash .activitiesList .list-group-item { border-width: 0; padding: 5px 10px 5px; margin-bottom: 4px; font-size: 0.7rem; } .pageClassDashBord .card.dash .activitiesList .list-group-item .justify-content-between div div { font-size: .9rem; font-weight: 600; color: #000; } .pageClassDashBord .card.dash .activitiesList .list-group-item .activitiesListName { width: 60%; } .pageClassDashBord .card.dash .activitiesList .list-group-item .activitiesListName div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pageClassDashBord .card.dash .activitiesList .list-group-item .activitiesListValue { width: 30%; } .pageClassDashBord .card.dash .activitiesList .list-group-item .activitiesListValue span { overflow: hidden; display: inherit; text-overflow: ellipsis; white-space: nowrap; } .pageClassDashBord .demoTabs .flight__right img { width: 30px !important; height: 30px !important; } .pageClassDashBord .demoTabs .demoTab1 .flight__details { padding-bottom: 15px !important; } .pageClassDashBord .demoTabs .demoTab1 .flight__date__time { font-size: 12px; } .pageClassDashBord .demoTabs .demoTab1 .flight__date { width: 45px !important; } .pageClassDashBord .demoTabs .txtWraper { position: relative; } .pageClassDashBord .demoTabs .txtCheckBox { position: absolute; bottom: 67px; z-index: 10000; left: 10px; } .pageClassDashBord .demoTabs ul.line3 { line-height: 12px; } .pageClassDashBord .demoTabs ul.line3 li { color: #000 !important; } .pageClassDashBord .demoTabs .nav-item { padding: 0; margin-bottom: 0; } .pageClassDashBord .demoTabs .nav-item .nav-link { padding: .5rem .5rem .2rem .5rem; } .pageClassDashBord .demoTabs .nav-item .nav-link.active { height: 100%; background-color: #06808d; } .pageClassDashBord .demoTabs .txtWraper { padding-left: 0 !important; } .pageClassDashBord .demoTabs .txtWraper .txtHeading { font-size: 0.7rem !important; padding-top: 5px; color: #fff; } .pageClassDashBord .demoTabs .txtWraper .txtParagraph { font-size: 0.7rem !important; color: #fff; } .pageClassDashBord .demoTabs .tab-content { background-color: #06808d; padding: 10px; } .leftSidePanel .demoSideBar h3 { font-size: 15px; } .leftSidePanel .demoSideBar .d-flex.justify-content-between { margin-bottom: 5px !important; } .pageClassManageTraveller .modal-dialog { max-width: 800px; } .pageClassManageTraveller .modal-dialog .card { padding: 10px; } .pageClassManageTraveller .modal-dialog .card ul { list-style-type: none; margin: 0 0 0 1.4rem; padding: 0; } .pageClassManageTraveller h3 { margin-top: 1.1rem; } .pageClassManageTraveller .btnWrapper { margin: 1.1rem 0; } .pageClassManageTraveller .userTabActionCol { width: 20%; text-align: right; } .pageClassManageTraveller .travellerTabActionCol { width: 50%; text-align: right; } .pageClassManageTraveller .actionBtn { margin: 0 10px 0 1rem; } .pageClassEntrollment { background-color: #f2f2f2; } .pageClassEntrollment.pageClassFeedback { background-color: transparent; } .pageClassEntrollment .pageHeader { background: url("../../images/header-enrollment.jpg") 0; background-size: cover; color: #fff; font-weight: 600; } .pageClassEntrollment main.container { max-width: 60rem; } .pageClassEntrollment .alert-light { margin-top: 0.5rem; } .pageClassEntrollment .enrollmentFeatures { border-radius: 9px; padding: 1.5rem 1.3rem; box-shadow: 0px 0px 9px -2px #dadada; background-color: #fff; } .pageClassEntrollment .enrollmentFeatures ol { counter-reset: my-awesome-counter; } .pageClassEntrollment .enrollmentFeatures ol li { counter-increment: my-awesome-counter; } .pageClassEntrollment .enrollmentFeatures ol li:before { content: counter(my-awesome-counter) ". "; color: #10406f; font-weight: 600; font-size: 20px; } .pageClassEntrollment .enrollmentFeatures .list-group-item { background-color: transparent; position: relative; padding: 0.75rem 1.25rem 0.75rem 2rem; } .pageClassEntrollment .enrollmentFeatures .list-group-item i { position: absolute; left: 5px; top: 14px; font-size: 17px; color: #21d851; } .pageClassEntrollment .enrollmentFeatures .h5 { color: #000; } .pageClassEntrollment .enrollmentFeatures .h3 { color: #ECE0FF; } .pageClassEntrollment .enrollmentForm h2 { margin-top: 20px; border-left: 3px solid #10406f; padding: .4rem 10px; } .pageClassChangeSecurity .questionsLabel label { font-size: 1rem; padding: 8px 0 0 0; margin: 0; } .pageClassReferal { margin-top: -0.7rem; } .pageClassReferal .list-group-item { border-width: 0 0 0px !important; padding: 0rem .3rem 0.3rem .3rem !important; } .pageClassReferal .list-group-item i { display: none; } .pageClassReferal .list-group + .h5 { border-top: 1px solid #00000020; margin-top: 1rem; padding-top: 1.5rem; } .pageClassReferal textarea { height: 2.2rem !important; } .pageClassReferal .social-media-btn { padding: 10px 10px 0 0; display: inline-block; } .pageClassReferalNew .enrollmentFeatures { border-radius: 5px; padding: 1.5rem 1.3rem; box-shadow: 0px 0px 9px -2px #dadada; background-color: #fff; margin-bottom: .7rem; } .pageClassReferalNew .enrollmentFeatures ol { counter-reset: my-awesome-counter; } .pageClassReferalNew .enrollmentFeatures ol li { counter-increment: my-awesome-counter; } .pageClassReferalNew .enrollmentFeatures ol li:before { content: counter(my-awesome-counter) ". "; color: #10406f; font-weight: 600; font-size: 20px; } .pageClassReferalNew .enrollmentFeatures .list-group-item { background-color: transparent; padding: 0.35rem 0rem 0.35rem 0rem; } .pageClassReferalNew .enrollmentFeatures .h5 { color: #000; } .pageClassReferalNew .enrollmentFeatures .h3 { color: #ECE0FF; } .pageClassReferalNew .social-share .social-media-btn { margin-right: 5px; } .pageClassReferalNew .social-share input { margin-bottom: 10px; } @media (max-width: 576px) { .pageClassClaim table { margin-top: 10px; } } .pageClassFamily .profileHeadWrap { box-shadow: 0px 0px 0px 0px #e4e4e4; border-color: #ddd; border-radius: 12px; } .pageClassFamily .profileHeadWrap .progressArea { padding-top: 0.7rem; } .pageClassFamily .profileHeadWrap .card-body { border-radius: 12px; padding: 0.65rem 1.25rem !important; } .pageClassFamily .profileHeadWrap .profileImgEdit { font-size: 3rem; color: #000; margin-right: 0.8rem; } .pageClassFamily .profileHeadWrap .progressValue { font-size: 1.3rem; } .pageClassFamily .totalMiles { font-size: 1.5rem !important; line-height: 1.5rem !important; color: #000; } .pageClassFamily .familyContentWrap { border-radius: 9px; box-shadow: 0px 0px 9px -2px #dadada; background-color: #fff; margin: 10px 0 3px 8px; border: 1px solid #dddddd; } .pageClassFamily .familyContentWrap .familyContentLeft { border-radius: 9px 0 0 9px; } .pageClassFamily .familyContentWrap .familyContentLeft h3 { margin-bottom: .2rem; font-size: 1rem; font-weight: 600; } .pageClassFamily .familyContentWrap .familyContentLeft .badge.badge-pill.badge-primary { margin-bottom: .8rem; display: inline-block; } .pageClassFamily .familyContentWrap .familyContentLeft .badge.badge-light { background-color: transparent; font-size: 0.775rem; padding-top: 15px; } .pageClassFamily .familyContentWrap .familyContentLeft .profileImgEdit { padding-bottom: 15px; padding-top: 10px; } .pageClassFamily .familyContentWrap .familyContentLeft .profileImgEdit .iconWrap { right: 43%; background-color: #03B615; bottom: 6px; } .pageClassFamily .familyContentWrap .familyContentLeft .familySkypassWrap div { font-size: 0.8em; } .pageClassFamily .familyContentWrap .previllageWrap { padding: 6px 10px; border-top: 1px solid #e9f0f5; } .pageClassFamily .familyContentWrap .previllageWrap .sep { background: #e2e2e2; height: 21px; width: 1px; } .pageClassFamily .familyContentWrap .dropdown-toggle:hover { background-color: transparent !important; border-color: transparent !important; } .pageClassFamily .familyContentWrap .dropdown-toggle:after, .pageClassFamily .familyContentWrap .dropdown-toggle:before { display: none; } .pageClassFamily .familyContentWrap .familyContentRight { padding: 1.2rem; } .pageClassFamily .familyContentWrap .familyContentRight .d-flex.justify-content-between div { font-size: 0.875rem; font-weight: 600; line-height: 1rem; } .pageClassFamily .familyContentWrap .familyContentRight .d-flex.justify-content-between span { color: #555; font-size: 0.75rem; font-weight: normal; display: block; } .pageClassFamily .familyContentWrap .familyContentRight .graphWrap { position: relative; } .pageClassFamily .familyContentWrap .familyContentRight .graphWrap .graphtext { position: absolute; left: 32.6%; font-size: 17px; font-weight: 600; bottom: 19px; } .pageClassFamily .familyContentWrap .familyContentRight .graphWrap .graphtext i { font-size: 35px; left: 27px; bottom: 5px; position: relative; } .pageClassFamily .familyContentWrap .familyContentRight .graphWrap .graphtext .fa-star { left: 5px; bottom: 2px; } .pageClassFamily .familyContentWrap .familyContentRight .graphWrap .graphtext .fa-star:before { color: #fff; } .pageClassFamily .familyContentWrap .familyContentRight .graphWrap .graphtext .fa-star:after { content: "\f006"; left: -33px; bottom: 0px; position: relative; } .pageClassFamily .addNewMember { margin: 10px 0 3px 4px; border: 1px solid red; text-align: center; border: 1px dashed #DEDEDE; border-radius: 9px; } .pageClassFamily .addNewMember a { padding: 4rem 0 2.1rem 0; display: block; color: #DEDEDE; background-color: #fff; border-radius: 9px; } .pageClassFamily .addNewMember a:hover { text-decoration: none; } .pageClassFamily .addNewMember a:hover { background-color: #ececec42; } .pageClassFamily .addNewMember a img { display: block; margin: 0 auto 10px; } .pageClassFamily .familyuserClass1 .graphWrap .graphtext { color: #aaaaaa; } .pageClassFamily .familyuserClass1 .familyContentLeft { background: url("../../images/tier/family-silver.jpg") 0 0 no-repeat; } .pageClassFamily .familyuserClass1 .familyContentLeft .profileImgEdit img { border-color: #7f7f7f; } .pageClassFamily .familyuserClass2 .graphWrap .graphtext { color: #ac7921; } .pageClassFamily .familyuserClass2 .familyContentLeft { background: url("../../images/tier/family-gold.png") 0 0 no-repeat; } .pageClassFamily .familyuserClass2 .familyContentLeft .profileImgEdit img { border-color: #97700c; } .pageClassFamily .familyuserClass2 .familyContentLeft .badge.badge-light { color: #ac7921; } .pageClassFamily .familyuserClass3 .graphWrap .graphtext { color: #323232; } .pageClassFamily .familyuserClass3 .familyContentLeft { background: url("../../images/tier/family-platinum.jpg") 0 0 no-repeat; } .pageClassFamily .familyuserClass3 .familyContentLeft .profileImgEdit img { border-color: #323232; } .pageClassFamily .familyuserClass3 .familyContentLeft .badge.badge-light { color: #323232; } .pageClassFamily .familyuserClass4 .graphWrap .graphtext { color: #162953; } .pageClassFamily .familyuserClass4 .familyContentLeft { background: url("../../images/tier/family-blue-bg.jpg") 0 0 no-repeat; } .pageClassFamily .familyuserClass4 .familyContentLeft .profileImgEdit img { border-color: #162953; } .pageClassFamily .familyuserClass4 .familyContentLeft .badge.badge-light { color: #fff; } .pageClassFamily .familyuserClass4 .familyContentLeft h3 { color: #fff; } .pageClassFamily .familyuserClass5 .graphWrap .graphtext { color: #0e7baa; } .pageClassFamily .familyuserClass5 .familyContentLeft { background: url("../../images/tier/family-diamond-bg.jpg") 0 0 no-repeat; } .pageClassFamily .familyuserClass5 .familyContentLeft .profileImgEdit img { border-color: #0e7baa; } .pageClassFamily .familyuserClass5 .familyContentLeft .badge.badge-light { color: #0e7baa; } .pageClassTransactionHistory .filterWrap { background-color: #000; border-radius: 6px; padding: 5px; } .pageClassTransactionHistory .filterWrap .form-control { box-shadow: 0px 0px 0px #d7d7d7 !important; } .pageClassTransactionHistory .p-datatable-header .d-inline-block { margin-left: 5px; } .pageClassReferal .filterWrap { background-color: #000; border-radius: 6px; padding: 5px; } .pageClassTransferMiles .profileHeadWrap .progressArea, .pageClassbuyMiles .profileHeadWrap .progressArea { padding-top: 0.1rem; } .pageClassTransferMiles .profileHeadWrap .profileImgEdit, .pageClassbuyMiles .profileHeadWrap .profileImgEdit { margin-right: 0rem; } .pageClassTransferMiles .profileHeadWrap .layout__profile-progress, .pageClassbuyMiles .profileHeadWrap .layout__profile-progress { display: none; } .pageClassTransferMiles2 h1 { margin-bottom: 0; } .pageClassTransferMiles2 .mb-3.d-flex.justify-content-between.align-items-center { font-size: 15px; } /*Dashboard styles from TCC*/ .flight__wrapper { margin: 0 -5px; } @media (max-width: 1199px) { .flight__wrapper { flex-wrap: wrap; } } .flight__wrapper .flight__list { background-color: #fff; border: solid 1px #ddd; margin: 0 5px 5px 5px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 4px; overflow: hidden; } @media (max-width: 767px) { .flight__wrapper .flight__list { width: 100%; margin: 0 0px 10px 0px; } } .flight__wrapper .flight__list.flight__list--orange .btn-primary { background-color: #ffcc01; color: #000; } .flight__wrapper .flight__list .flight__details { display: flex; padding: 10px 10px 0px 10px; justify-content: space-between; } .flight__wrapper .flight__list .flight__details .flight__left { display: flex; } .flight__wrapper .flight__list .flight__details .flight__left .flight__date { text-align: center; width: 35px; } .flight__wrapper .flight__list .flight__details .flight__left .flight__date .flight__date__month { line-height: 1; } .flight__wrapper .flight__list .flight__details .flight__left .flight__data { display: flex; flex-direction: column; margin-left: 10px; } .flight__wrapper .flight__list .flight__details .flight__left .flight__data strong { color: #062F87; } .flight__wrapper .flight__list .flight__details .flight__left .flight__data ul { display: flex; list-style: none; padding: 0; margin: 0; } .flight__wrapper .flight__list .flight__details .flight__left .flight__data ul li { font-size: 12px; margin-bottom: 4px; color: #7F7F7F; margin-right: 6px; position: relative; padding-right: 8px; } .flight__wrapper .flight__list .flight__details .flight__left .flight__data ul li:after { content: ""; position: absolute; right: 0; height: 12px; background-color: #7F7F7F; width: 1px; top: 3px; } .flight__wrapper .flight__list .flight__details .flight__left .flight__data ul li:last-child:after { display: none; } .flight__wrapper .flight__list .flight__details .flight__right { display: flex; flex-direction: column; text-align: right; font-size: 12px; } .flight__wrapper .flight__list .flight__details .flight__right label { margin-bottom: 0px; } .flight__wrapper .flight__list .flight__details .flight__right > span { color: #FE6E00; } .flight__wrapper .flight__list .flight__details .flight__right img { width: 40px; height: 40px; } .flight__wrapper .flight__list .flight__info { font-size: 12px; padding-left: 10px; text-align: center; padding-bottom: 2px; padding-right: 10px; } .flight__wrapper .flight__list .text-cut-outer { text-decoration: line-through; color: #CC2929; margin-right: 5px; } .flight__wrapper .flight__list .text-cut-outer span { color: #333; } .flight__wrapper .flight__list .flight__cta { display: flex; } .flight__wrapper .flight__list .flight__cta .btn-xs { width: 100%; border: none; border-radius: 0; font-size: 12px; padding: 4px; border: none; } .flight__wrapper .flight__list .flight__cta .btn-xs:hover { background-color: #02647d; color: #fff; } .flight__wrapper .flight__list .flight__cta .btn-xs.btn-outline { width: 50%; border-top: solid 1px #ddd; background-color: #000; color: #fff; } .flight__wrapper .flight__list .flight__cta .btn-xs.btn-outline:hover { background-color: #02647d; } .welcomeMsg { -moz-animation: cssAnimation 0s ease-in 5s forwards; /* Firefox */ -webkit-animation: cssAnimation 0s ease-in 5s forwards; /* Safari and Chrome */ -o-animation: cssAnimation 0s ease-in 5s forwards; /* Opera */ animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transition: visibility 0s linear 1s, opacity 1s linear; } .welcomeMsg .alert { padding: 50px 0; } .welcomeMsg .display-4 { color: #000; font-size: 2.8rem; } @keyframes cssAnimation { to { width: 100; height: 0; overflow: hidden; } } @-webkit-keyframes cssAnimation { to { width: 0; height: 0; visibility: hidden; } } /*START Have to review after KE demo*/ .p-sortable-column-icon { font-size: 13px; margin-left: 4px; } .p-datatable .p-paginator-bottom { border: 0; text-align: right; background: transparent; border-top: 1px solid #c8c8c8; } .claim-wrapper { margin: 0.7em 0em; background-color: transparent; } body .p-datatable .p-sortable-column .p-sortable-column-icon { font-size: 13px; } body .pi { font-size: 0.95em; } body .p-paginator .p-paginator-pages .p-paginator-page { height: 1.886em; line-height: 1.686em; } body .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background-color: #e6e6e6; color: #4c4c4c; } body .p-datatable .p-sortable-column.p-highlight { background-color: #ECE0FF; } .table-striped tbody tr:nth-of-type(odd) { background-color: #fff; } body .p-datatable.p-table-transaction .p-datatable-header { background-color: transparent !important; } body .p-datatable .p-datatable-header, body .p-datatable .p-datatable-footer { text-align: left; } .dashboard { margin-bottom: 10px; } @media (max-width: 991px) { .dashboard { margin-top: 0px; } } .dashboard .upgrade { font-size: 14px; border: solid 1px #ddd; border-radius: 4px; } @media (max-width: 991px) { .dashboard .upgrade { margin-top: 12px; } } .dashboard .upgrade .upgrade__top { display: flex; background: #f6f6f6; justify-content: flex-end; padding: 10px 15px; } @media (max-width: 991px) { .dashboard .upgrade .upgrade__top { padding: 20px 20px 35px 20px; } } .dashboard .upgrade .upgrade__top p { margin-bottom: 0; } .dashboard .upgrade .upgrade__details { display: flex; } @media (max-width: 991px) { .dashboard .upgrade .upgrade__details { flex-direction: column; } } .dashboard .upgrade .upgrade__details .card__thumb { margin-top: -34px; min-width: 210px; max-width: 285px; text-align: center; margin-left: 25px; } @media (max-width: 991px) { .dashboard .upgrade .upgrade__details .card__thumb { max-width: 100%; margin-left: 0; } } .dashboard .upgrade .upgrade__details .upgrade__data { display: flex; justify-content: space-between; padding: 10px 15px 0 10px; align-items: center; } @media (max-width: 991px) { .dashboard .upgrade .upgrade__details .upgrade__data { flex-direction: column; } } .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__title { position: absolute; top: 11px; font-size: 16px; } @media (max-width: 991px) { .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__title { position: relative; top: auto; } } .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__data__left { width: 50%; } @media (max-width: 991px) { .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__data__left { width: 100%; } } .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__data__left p { margin-bottom: 15px; } .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__data__right { width: 50%; padding-left: 15px; } .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__progress { display: flex; flex-direction: column; padding: 10px 15px; } .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__progress .progress__top { justify-content: space-between; display: flex; align-items: center; min-width: 150px; } .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__progress .progress__top span { font-size: 16px; } .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__progress .progress { margin: 3px 0px; height: 12px; } .dashboard .upgrade .upgrade__details .upgrade__data .upgrade__progress label { text-align: center; text-transform: uppercase; font-size: 11px; } /*END Have to review after KE demo*/ .membershipCard { color: #fff; font-size: 12px; cursor: pointer; text-transform: none; z-index: 101; position: relative; } .membershipCard:hover { color: #10406f; } .membershipCardModal .modal-content { background: transparent; border: 0; } .membershipCardModal .modal-header { padding: 0; border: 0; text-align: center; display: inline-block; } .membershipCardModal .modal-body { text-align: center; padding: 0; background: transparent; } .membershipCardModal .memWraper { border-radius: 10px; border-bottom: 4px solid red; width: 400px; display: inline-block; text-align: left; background: #fff; padding: 2rem; box-shadow: 3px 3px 14px 0px #5a5a5a; } .membershipCardModal .memWraper .memLogo { text-align: center; padding: 2rem 0 2rem; } .membershipCardModal .memLabel { text-align: center; text-transform: uppercase; padding: 0.6rem; color: #fff; margin: 2rem -2rem 0; } .membershipCardModal .memName, .membershipCardModal .memCard, .membershipCardModal .memExp { position: relative; z-index: 1000; color: #fff; font-size: .95rem; } .membershipCardModal .memName span, .membershipCardModal .memCard span, .membershipCardModal .memExp span { font-weight: 600; text-shadow: #4e4e4ec2 1px 1px 1px; } .membershipCardModal .memName { font-size: 1.35rem; text-transform: uppercase; } .membershipCardModal .memName span { font-weight: normal; } .membershipCardModal .memExp { margin-top: 11px; font-size: .8rem; } .membershipCardModal .memDetails { margin: 2rem -2rem -2rem; padding: 1.4rem 2rem 2rem; border-radius: 0 0 6px 6px; border: 0; } .membershipCardModal .memDetails img { margin-top: 6px; } .membershipCardModal .memDetails h5 { margin: 0 -2rem 0px; border-radius: 0; position: relative; top: -1.4rem; } .membershipCardModal .close { float: none; color: #000; text-shadow: 0 0px 0 #fff; font-weight: normal; width: 25px; height: 25px; border-radius: 10px; line-height: 25px; text-align: center; padding: 0 !important; margin: 0 0 10px 0 !important; background: white; } @media only screen and (max-width: 600px) { .membershipCardModal .memWraper { width: auto; } .pageClassEntrollment .container { width: auto; max-width: 540px; } } .CorLoginComponent .login-body { margin: 0 auto; width: 800px !important; } .CorLoginComponent .login-body .leftContent { position: relative; } .CorLoginComponent .login-body .leftContent:after { content: " "; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url("../../images/corporatelogin.png") left no-repeat; background-size: contain; } .CorLoginComponent .rightContent { background-color: #fff; padding: 50px 25px; } .CorLoginComponent .rightContent .corLogo { text-align: center; padding-bottom: 6px; } .CorLoginComponent .rightContent h2 { font-size: 16px; text-align: center; } .CorLoginComponent .leftContent span { position: absolute; bottom: 30px; width: 90%; text-align: center; color: white; font-size: 25px; margin-left: 0; } @media (max-width: 990px) { .pageClassDashBord .colTem { margin-bottom: 10px; height: auto !important; } } .pageClassDashBord .dashboard .upgrade__data, .pageClassDashBord .dashboard .upgrade__data__left { width: 100% !important; } .pageClassDashBord .p-carousel-item { flex: 1 0 25%; border: 1px dotted #d5d5d5; margin-right: 5px; padding: 5px; box-shadow: 1px 1px 7px -3px #c6c6c6; } .pageClassDashBord .p-carousel-next { right: 0; left: auto; z-index: 1000; } .pageClassDashBord .p-carousel-items-content { z-index: 999; } .pageClassDashBord .p-carousel-prev { z-index: 1000; } .pageClassDashBordNew .dashFamilyWrap img { margin-left: -10px; } .pageClassDashBordNew .dashFamilyWrap img:first-child { margin-left: 0px; } .pageClassDashBordNew .dashFamilyWrap a { background-color: #FEF3F1; padding: 10px 20px; border-radius: 20px; } .pageClassDashBordNew .u-r-m-wrap .card-body { min-height: 250px; } .pageClassDashBordNew .activitiesList .list-group-item .justify-content-between .activitiesListLeft { width: 60%; } .pageClassDashBordNew .activitiesList .list-group-item .justify-content-between .activitiesListRight { width: 30%; } .pageClassDashBordNew .activitiesList .list-group-item .justify-content-between .activitiesListRight .activitiesListValue { font-weight: 600; color: #000; } /*Common Styles*/ /*# sourceMappingURL=main.css.map */