﻿/*_Layout.cshtml*/
main {
    min-height: 570px;
}

.loader_container {
    height: 100%;
}

.OTPPopup {
    margin-right: 10px;
}

.lblEmail {
    margin-left: 0px;
}

.lblPhone {
    margin-left: 0px;
    margin-right: -16px
}

/*MFAVerification.cshtml*/
.form-phone-email {
    display: contents;
}

#lblError,
.lblError {
    color: red;
}

.announcement-banner {
    height: 280px;
    width: auto;
}

.banner-overla {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    display: block
}

.banner-popup {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.banner-popup2 {
    display: none;
    justify-content: center;
    position: fixed;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.pdpa-overlay-css {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    display: none
}

.user-maintenan {
    margin-bottom: 30px;
    top: -2px;
    margin-left: 5px;
}

.wid-inh {
    width: inherit;
}

.wid-0 {
    width: 0;
}

.wid-a {
    width: auto;
}

.wid-a-imp {
    width: auto !important;
}

.wid35vw {
    width: 35vw;
}

.wid40vw {
    width: 40vw;
}

.wid65vw {
    width: 65vw;
}

.wid80vw {
    width: 80vw;
}

.wid20 {
    width: 20px;
}

.wid200 {
    width: 200px;
}

.wid450 {
    width: 450px;
}

.wid-1rem {
    width: 1rem;
}

.wid-3rem {
    width: 3rem;
}

.wid-6rem {
    width: 6rem;
}

.wid-10rem {
    width: 10rem;
}

.wid-12rem {
    width: 12rem;
}

.wid5-p {
    width: 5%;
}

.wid10-p {
    width: 10%;
}

.wid12-5-p {
    width: 12.5%;
}

.wid15-p {
    width: 15%;
}

.wid20-p {
    width: 20%;
}

.wid20-p-imp {
    width: 20% !important;
}

.wid30-p {
    width: 30%;
}

.wid40-p {
    width: 40%;
}

.wid45-p {
    width: 45%;
}

.wid50-p {
    width: 50%;
}

.wid60-p {
    width: 60%;
}

.wid80-p {
    width: 80%;
}

.wid88-p {
    width: 88%;
}

.wid90-p {
    width: 90%;
}

.wid100-p {
    width: 100%;
}

.wid117-p {
    width: 117%;
}

.wid-min-80 {
    min-width: 80px;
}

.wid-min-170 {
    min-width: 170px;
}

.wid-min-400 {
    min-width: 400px;
}

.wid-min-2rem {
    min-width: 2rem;
}

.wid-min-3rem {
    min-width: 3rem;
}

.wid-min-4rem {
    min-width: 4rem;
}

.wid-min-5rem {
    min-width: 5rem;
}

.wid-min-6rem {
    min-width: 6rem;
}


.wid-min-7-5rem {
    min-width: 7.5rem;
}

.wid-min-9rem {
    min-width: 9rem;
}

.wid-min-10rem {
    min-width: 10rem;
}

.wid-min-13rem {
    min-width: 13rem;
}

.wid35vw.ws {
    white-space: pre-wrap; /*  white-space: break-spaces; fallback for older browsers / tools */
}

.zidx1002 {
    z-index: 1002;
}

.bgWhite {
    background-color: #FFF;
}

    .bgWhite.pt0 {
        padding-top: 0px;
    }

    .bgWhite.overflowAuto {
        overflow: auto;
    }

.bgGray {
    background-color: lightgray;
}

.overflowAuto {
    overflow: auto;
}

.overflowWrap {
    overflow-wrap: anywhere;
}

.overflow-y-a {
    overflow-y: auto;
}

.overflow-x-h {
    overflow-x: hidden;
}

.overflow-x-scr {
    overflow-x: scroll;
}

.overflowBehav {
    overscroll-behavior: contain;
}

.ws_prewrap {
    white-space: pre-wrap;
}

.ws_nowrap {
    white-space: nowrap;
}

.ws_brek {
    white-space: break-spaces;
}

.ws_nowrap.lft {
    left: 55%;
}

.ws_unset {
    white-space: unset;
}

.ws_norma {
    white-space: normal;
}

.flexx {
    display: flex;
}

.align-conten-center {
    align-content: center;
}

.align-ite-center {
    align-items: center;
}

.align-self-fstart {
    align-self: flex-start;
}

.align-self-centre {
    align-self: center;
}

.align-self-start {
    align-self: start;
}

.text-align {
    text-align: center;
}

.text-align-j {
    text-align: justify;
}

.vr-align {
    vertical-align: middle;
}

.text-wrap-pr {
    text-wrap: pretty;
}

.text-decor-none {
    text-decoration: none;
}

.justify-content {
    justify-content: center;
}

.justify-content_flexend {
    justify-content: flex-end;
}

.justify-content_right {
    justify-content: right;
}

.justify-content_end {
    justify-content: end;
}

.justify-content_start {
    justify-content: start;
}

.paddingleft2p {
    padding-left: 2%;
}

.paddingleft3p {
    padding-left: 3%;
}

.paddingleft9p {
    padding-left: 9%;
}

.paddingleft0 {
    padding-left: 0px;
}

.paddingleft3 {
    padding-left: 3px;
}

.paddingleft5 {
    padding-left: 5px;
}

.paddingleft8 {
    padding-left: 8px;
}

.paddingleft10 {
    padding-left: 10px;
}

.paddingleft21 {
    padding-left: 21px;
}

.paddingleft22 {
    padding-left: 22px;
}

.paddingleft35 {
    padding-left: 35px;
}

.paddingRigh3 {
    padding-right: 3px;
}

.paddingRigh6rem {
    padding-right: 6rem;
}

.paddingRigh8p {
    padding-right: 8%;
}

.paddi0-5 {
    padding: 0.5rem;
}

.paddi {
    padding: 1rem;
}

.paddi1-5rem {
    padding: 1rem .5rem;
}

.paddi5-25rem {
    padding: .5rem .25rem;
}

.paddi-25-0rem {
    padding: .25rem 0;
}

.paddi-1-5vw {
    padding: 1.5vw 0 2% 0;
}

.paddi-1-5rem {
    padding: 1.5rem 0 0;
}

.paddi-0-1rem {
    padding: 0 1rem;
}

.paddi-5rem {
    padding: .5rem;
}

.paddi-5-0rem {
    padding: .5rem 0;
}

.paddi-0 {
    padding: 0;
}

.paddi-8 {
    padding: 8px;
}

.paddi-0-15 {
    padding: 0 15px;
}

.paddi-1p {
    padding: 1%;
}

.paddi-4p-5p {
    padding: 4% 5%;
}

.paddi-0-20p {
    padding: 0 20%;
}

.paddi-0-5re {
    padding: 0.5rem 0;
}

.paddi-1-3-0-2 {
    padding: 1.3vw 0 2% 0;
}

.paddi-7-0-1-6 {
    padding: 7px 0px 1px 6px;
}

.paddi-5-0-0-0 {
    padding: 5px 0 0 0;
}

.plt0 {
    padding-left: 0px;
}

.pt10p {
    padding-top: 10px;
}

.pt2p {
    padding-top: 2%;
}

.pb10 {
    padding-bottom: 0;
}

.pb3p {
    padding-bottom: 3%;
}

.mlt0 {
    margin-left: 0px;
}

.mlt2 {
    margin-left: 2px;
}

.mlt-15 {
    margin-left: -15px;
}

.mlt--30 {
    margin-left: -30px;
}

.mlt--64 {
    margin-left: -64px;
}

.mlt2p {
    margin-left: 2%;
}

.mlt6p {
    margin-left: 6%;
}

.mlt20p {
    margin-left: 20%;
}

.mlt2 {
    margin-left: 2px;
}

.mlt2-imp {
    margin-left: 2px !important;
}

.mlt7 {
    margin-left: 7px;
}

.mlt10 {
    margin-left: 10px;
}

.mlt13 {
    margin-left: 13px;
}

.mlt14 {
    margin-left: 14px;
}

.mlt15 {
    margin-left: 15px;
}

.mlt24 {
    margin-left: 24px;
}

.mlt34-imp {
    margin-left: 34px !important;
}

.mlt35 {
    margin-left: 35px;
}

.mlt_5rem {
    margin-left: 5rem;
}

.mlt_3-5p {
    margin-left: 3.5%;
}

.mlt_05rem {
    margin-left: .5rem;
}

.mlt-a {
    margin-left: auto;
}

.mrg-0 {
    margin-right: 0px;
}

.mrg-1 {
    margin-right: 1px;
}

.mrg-10 {
    margin-right: 10px;
}

.mrg-0-imp {
    margin-right: 0px !important;
}

.mgt0 {
    margin-top: 0px;
}

.mgt1 {
    margin-top: 1px;
}

.mgt7 {
    margin-top: 7px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt15 {
    margin-top: 15px;
}

.mg-top {
    margin-top: 15px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt22-imp {
    margin-top: 22px !important;
}

.mgt0-2p {
    margin-top: 0.2%;
}

.mgt0 {
    margin-top: 0;
}

.mgt1 {
    margin-top: 1px;
}

.mgt--25 {
    margin-top: -25px;
}

.mgt--15p {
    margin-top: -15%;
}

.mgt--25p {
    margin-top: -25%;
}

.mgt1p {
    margin-top: 1%;
}

.mgt3p {
    margin-top: 3%;
}

.mgt4p {
    margin-top: 4%;
}

.mgt7p {
    margin-top: 7%;
}

.mgt1rm {
    margin-top: 1rem;
}

.mgt2rm {
    margin-top: 2rem;
}

.mg-0 {
    margin: 0;
}

.mg-4p {
    margin: 4%;
}

.mg-0-im {
    margin: 0 !important;
}

.mg-0-0-0-0 {
    margin: 0 0 0 0;
}

.mg-0-0-0-1 {
    margin: 0 0 0 1px;
}

.mg-10-60-10-0 {
    margin: 10px 60px 10px 0px;
}

.mg-0-0-0-3p {
    margin: 0 0 0 3%;
}

.mg-0-15-0-24 {
    margin: 0 15% 0 24%;
}

.mg-0-25 {
    margin: 0px 25px;
}

.mg-10 {
    margin: 10px;
}

.mg-15 {
    margin: 15px;
}

.mg-5remm {
    margin: .5rem 0;
}

.mg-0-5remm {
    margin: 0 .5rem;
}

.mg-01remm {
    margin: 0 1rem;
}

.mg-1-675-1-1remm {
    margin: 1rem 6.75% 1rem 1rem;
}

.mg-5p-0-4p-0 {
    margin: 5% 0 4% 0;
}

.mg-0-a {
    margin: 0 auto;
}

.mg-a {
    margin: auto;
}

.mg-b-10-imp {
    margin-bottom: 10px !important;
}

.color23366F {
    color: #23366F;
}

.colorFF7569 {
    color: #FF7569;
}

.color706964 {
    color: #706964;
}

.colorc0c0c0 {
    color: #c0c0c0;
}

.colord0d0d0 {
    color: #d0d0d0;
}

.colorDDE4E3 {
    color: #DDE4E3;
}

.color000066 {
    color: #000066;
}

.color003399-imp {
    color: #003399 !important;
}

.colorWhite {
    color: white;
}

.colorGrey {
    color: grey;
}

.color77A984 {
    color: #77A984;
}

.colorFF7569 {
    color: #FF7569;
}

.fontweg600 {
    font-weight: 600;
}

.fontweg-norma {
    font-weight: normal;
}

.fontweg-b {
    font-weight: bold;
}

.lineHeig-18 {
    line-height: 18px;
}

.lineHeig-inherit {
    line-height: inherit;
}

.lineHeig-1-5vw {
    line-height: 1.5vw;
}

.lineBK-A {
    line-break: anywhere;
}

.wbreak {
    word-break: break-all;
}

.wbreak-w {
    word-break: break-word;
}

.transf1-2 {
    transform: scale(1.2);
}

.ht-a {
    height: auto;
}

.ht-0 {
    height: 0px;
}

.ht-19 {
    height: 19px;
}

.ht-25 {
    height: 25px;
}

.ht-50 {
    height: 50px;
}

.ht-25p-imp {
    height: 25% !important;
}

.ht-80vh {
    height: 80vh;
}

.ht-100p {
    height: 100%;
}

/*.ht-inherit {
    height: inherit;
}*/

.min-ht-a {
    min-height: auto;
}

.min-ht-0vh {
    min-height: 0vh;
}

.min-ht-70vh {
    min-height: 70vh;
}

.min-ht-100vh {
    min-height: 100vh;
}

.min-ht-140vh {
    min-height: 140vh;
}

.mb-2 {
    --mb-value: 2px;
}

.mb-5 {
    --mb-value: 5px;
}

.mb-10 {
    --mb-value: 10px;
}

.mb-15 {
    --mb-value: 15px;
}

.mb-18 {
    --mb-value: 18px;
}

.mb-20 {
    --mb-value: 20px;
}

.mb-34 {
    --mb-value: 34px;
}

.mb-1-5 {
    --mb-value: 1.5rem;
}

.mb-3p {
    --mb-value: 3%;
}

.mb-5p {
    --mb-value: 5%;
}

.mb {
    margin-bottom: var(--mb-value, 0);
}

.disInline {
    display: inline;
}

.disInlineFlex {
    display: inline-flex;
}

.disFlex-imp {
    display: flex !important
}

isDisplayUnset {
    display: unset;
}

.isDisplayNone {
    display: none !important;
}

.isDisplayBlk {
    display: block;
}

.isDisplayFlex {
    display: flex;
}

.isDisplayContent {
    display: contents;
}

.isDisplayInline {
    display: inline;
}

.modal.displayNone {
    display: none;
}

.disInherit {
    display: inherit;
}

.font-I {
    font-style: italic;
}

.font-S-12-imp {
    font-size: 12px !important;
}

.font-S-15 {
    font-size: 15px;
}

.font-S-16 {
    font-size: 16px;
}

.font-S-18 {
    font-size: 18px;
}

.font-S-80 {
    font-size: 80px;
}

.font-S-L {
    font-size: large;
}


.maxheg60vh {
    max-height: 60vh;
}

.maxheg70vh {
    max-height: 70vh;
}

.maxheg2-5vw {
    max-height: 2.5vw;
}

.policy-info-text-mobile {
    /* common styles here */
}

/* Example color classes */
.status-green {
    color: #00AA00;
}

.status-red {
    color: #CC0000;
}

.status-grey {
    color: #999999;
}

.zurich_slide_with_img_multi_product {
    background-image: url('/assets/img/Muti Product 1280x310.jpg');
}

.zurich_slide_with_img_ipad {
    background-image: url('/assets/img/2.0 iPad 1280 X 310 II.jpg');
}

.zurich_slide_with_img_icp_tpa_slider {
    background-image: url('/assets/img/icp-tpa_slider.jpg');
}

.zurich_slide_with_img_icp-doc_slider {
    background-image: url('/assets/img/icp-doc_slider.jpg');
}

.zurich_slide_with_img_bg-min {
    background-image: url('/../Images/login/bg/bg-min.png');
}

.bg_login {
    background: rgba(0,191,179,0.2);
}

.bg_redeem {
    background: rgba(224,226,124,0.2);
}

.bg_findOutMore {
    background: rgba(246,156,0,0.2);
}

.bg_startNow {
    background: rgba(229,229,247);
}

.bg_exploreNow {
    background: rgba(156,156,0,0.2)
}

.bg_padd {
    background: rgba(221, 228, 227, 0.3);
    border-radius: 0 0 8px 8px;
}

.bg_transpa {
    background-color: transparent;
}

.mychangesSideCss {
    height: 48px;
    width: auto;
    margin: auto;
    opacity: .6;
}

.listStyRomanColor23366F {
    list-style: lower-roman;
    color: #23366F;
}

.scrol-widt-unset {
    scrollbar-width: unset;
}

.policyList-p {
    font-size: calc(1rem + .5vw);
    line-height: calc(1.5rem + .5vw);
}

.overf-y-scroll {
    overflow-y: scroll;
}

.try-again-Css {
    color: Red;
    margin-top: 20px;
    font-size: 13px !important;
}

.bor_50p {
    border-radius: 50%;
}

.bor_6p {
    border-radius: 6px;
}

.bor_40p {
    border-radius: 40px;
}

.bor_40p-imp {
    border-radius: 40px !important;
}

.bor_1_sol_b {
    border: 1px solid black;
}

.bor_col_gry {
    border-color: grey;
}

.bor-collap-coll {
    border-collapse: collapse;
}

.pos_relat {
    position: relative;
}

.pos_ab {
    position: absolute;
}

.pos_ab_r {
    position: absolute;
    right: 0;
}

.pos_st {
    position: static;
}

.global-modalCss {
    min-height: auto;
    box-shadow: white 0 0 0 .2rem;
}

.global-modalCss2 {
    min-height: auto;
    margin: 0;
    background: #2167AE;
    border-radius: 10px;
    overflow-y: auto !important;
}

.global-modalCss3 {
    min-height: auto;
    margin: 0;
    padding: 1rem;
    background: #ded5b8;
    border-radius: 10px;
    overflow-y: auto !important;
}

.global-modalCss4 {
    font-size: calc(1rem + .5vw);
    line-height: calc(1.5rem + .5vw);
    word-wrap: break-word;
    margin-top: 1rem;
}

.global-modalCss5 {
    min-height: auto;
    margin: 0;
    padding: 1rem;
    background: #ded5b8;
    border-radius: 10px;
    overflow-y: auto !important;
}

.f-grow-1 {
    flex-grow: 1;
}

.f-wrap {
    flex-wrap: wrap;
}

.f-wrap_unset-imp {
    flex-wrap: unset !important;
}

.f-wrap-no {
    flex-wrap: nowrap;
}

.pol_list_c {
    color: #23366F;
    font-size: calc(1rem + .5vw);
    line-height: calc(1.5rem + .5vw);
    font-weight: bold;
}

.close-iconCss {
    font-weight: 900;
    color: white;
    margin: 2rem 0.5rem 0 0;
}

.zInx_2 {
    z-index: 2;
}

.zInx_3 {
    z-index: 3;
}

.cur_def {
    cursor: default;
}

.cur_not_allow {
    cursor: not-allowed;
}

.lst_lower {
    list-style-type: lower-alpha;
}

.swit_chkbx_css {
    width: 1.25rem;
    height: 1.25rem;
}

.swit_chkbx_css2 {
    width: 1.5rem;
    height: 1.5rem;
}

.swit_chkbx_css3 {
    width: calc(100% - 6rem);
    padding: 0 1rem;
    align-self: center;
    justify-content: right;
}

.top-2 {
    top: -2px;
}

.ll-2 {
    left: 2%;
}

.ll-10 {
    left: 10%;
}

.ll-42 {
    left: 42%;
}

.rr-0 {
    right: 0;
}

.rr-10 {
    right: 10%;
}

.vis_hid {
    visibility: hidden;
}

.floa_l {
    float: left;
}

.floa_r {
    float: right;
}

.overf_scroll {
    overflow: scroll;
}

.req_cancelCss {
    border: none;
    justify-content: center !important;
    display: flex;
}

.loading_spinner_css {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

.tp-10p {
    top: 10%;
}

.lrf_a {
    left: auto;
}

.flex-sh-0 {
    flex-shrink: 0;
}


/*AnnouncementMaintenance.cshtml*/
.labelMainPage {
    font-weight: bold;
    color: #006;
    font-size: 18px;
    background-color: #fff;
    border-bottom: solid 2px #006;
}

