@font-face {
    font-family: ArialWalletSymbols;
    src: url(../fonts/account_symbols.ttf);
}

:root {
    --color_one: #F37949;
    --color_two: #4A4956;
    --color_three: #DD5D36;
    ;
}

.menu_back_to_top_color {
    background-color: var(--color_three);
}

.bg_top_right {
    background-image: url('../images/production/vmoola_new_background.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: calc(calc(750 / 750) * var(--seg_width));
    height: calc(calc(1038 / 750) * var(--seg_width));
    position: fixed;
    /* left: 50%;
    transform: translateX(-50%); */
    right: 0px;
    top: 0px;
}

#login_bg {
    width: var(--s_width);
    height: var(--s_height);
    float: left;
    background: #F37949;
}

#login_logo {
    width: calc(calc(450 / 750) * var(--seg_width));
    height: calc(calc(300 / 750) * var(--seg_width));
    /* background-size: calc(calc(280 / 750) * var(--seg_width)); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/production/vmoola_logo_white.svg);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    margin-top: calc(calc(150 / 750) * var(--seg_width));
}


/* var(--color_two) */

#cancel_province_selection_btn {
    display: block;
}

.account_symbols,
.card_account_symbols {
    font-family: 'ArialWalletSymbols';
    font-size: calc(calc(30 / 750) * var(--seg_width));
    line-height: calc(calc(90 / 750) * var(--seg_width));
    text-align: center;
    color: white;
}

.sov_symbols {
    font-size: calc(calc(30 / 750) * var(--seg_width));
    line-height: calc(calc(90 / 750) * var(--seg_width));
    text-align: center;
    color: white;
}

body {
    font-family: 'Helvetica', 'Arial';
    margin: 0px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
supported by Chrome and Opera */
}

#login_area {
    height: auto;
}

.generic_white_bottom_anchored_div {
    width: calc(calc(684 / 750) * var(--seg_width));
    float: left;
    position: fixed;
    background-color: #FCFCFC;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    border-top-left-radius: calc(calc(42 / 750) * var(--seg_width));
    border-top-right-radius: calc(calc(42 / 750) * var(--seg_width));
    -webkit-box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.6);
    box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.6);
    border-color: #efefef;
    border-style: solid;
    border-width: calc(calc(2 / 750) * var(--seg_width));
}

#login_spacer {
    width: calc(calc(684 / 750) * var(--seg_width));
    height: calc(calc(24 / 750) * var(--seg_width));
    float: left;
    background-color: transparent;
}

.generic_text_input_holder {
    width: calc(calc(558 / 750) * var(--seg_width));
    height: calc(calc(76 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    margin-top: calc(calc(32 / 750) * var(--seg_width));
    float: left;
    background-color: transparent;
    border-bottom: solid;
    border-bottom-color: var(--color_two);
    border-width: calc(calc(2 / 750) * var(--seg_width));
}

.generic_text_input_holder_spacer {
    width: calc(calc(558 / 750) * var(--seg_width));
    height: calc(calc(76 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    margin-top: calc(calc(32 / 750) * var(--seg_width));
    float: left;
    background-color: transparent;
}

.generic_text_input {
    width: calc(calc(432 / 750) * var(--seg_width));
    height: calc(calc(76 / 750) * var(--seg_width));
    line-height: calc(calc(76 / 750) * var(--seg_width));
    float: left;
    outline: none;
    background-color: transparent;
    color: var(--color_two);
    font-size: calc(calc(30 / 750) * var(--seg_width));
    text-align: left;
    border: none;
    border-radius: 0;
    padding: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.generic_body_text {
    width: calc(calc(558 / 750) * var(--seg_width));
    /* height: calc(calc(76 / 750) * var(--seg_width)); */
    height: auto;
    /* line-height: calc(calc(76 / 750) * var(--seg_width)); */
    float: left;
    color: var(--color_two);
    font-size: calc(calc(30 / 750) * var(--seg_width));
    text-align: left;
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    margin-top: calc(calc(39 / 750) * var(--seg_width));
}

.seg_width_generic_body_text {
    width: calc(calc(696 / 750) * var(--seg_width));
    margin: calc(calc(27 / 750) * var(--seg_width));
    /* height: calc(calc(76 / 750) * var(--seg_width)); */
    height: auto;
    /* line-height: calc(calc(76 / 750) * var(--seg_width)); */
    float: left;
    color: var(--color_two);
    font-size: calc(calc(30 / 750) * var(--seg_width));
    text-align: left;
    line-height: calc(calc(40 / 750) * var(--seg_width));
}

.font28 {
    font-size: calc(calc(28 / 750) * var(--seg_width));
}

.float_left {
    float: left;
}

.margin_left32 {
    margin-left: calc(calc(32 / 750) * var(--seg_width));
}


/* margin-right: calc(calc(32 / 750) * var(--seg_width)); */

.custom_search_clear {
    float: right;
    margin-right: calc(calc(32 / 750) * var(--seg_width));
}

.generic_text_input_text_right {
    display: none;
    width: calc(calc(126 / 750) * var(--seg_width));
    height: calc(calc(76 / 750) * var(--seg_width));
    line-height: calc(calc(76 / 750) * var(--seg_width));
    float: left;
    background-color: transparent;
    color: var(--color_one);
    font-size: calc(calc(24 / 750) * var(--seg_width));
    text-align: right;
}

#login_help {
    width: calc(calc(558 / 750) * var(--seg_width));
    height: calc(calc(76 / 750) * var(--seg_width));
    line-height: calc(calc(76 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    margin-top: calc(calc(32 / 750) * var(--seg_width));
    float: left;
}

#store_user_login_info {
    display: none;
}

#login_checkbox {
    border: calc(calc(2 / 750) * var(--seg_width)) solid #2D2C2B;
    height: calc(calc(28 / 750) * var(--seg_width));
    width: calc(calc(28 / 750) * var(--seg_width));
    margin-top: calc(calc(21 / 750) * var(--seg_width));
    margin-right: calc(calc(14 / 750) * var(--seg_width));
    float: left;
}

#login_remember_user_info {
    font-size: calc(calc(24 / 750) * var(--seg_width));
    width: calc(calc(275 / 750) * var(--seg_width));
    float: left;
    color: #2D2C2B;
}

#forgotten_password_button {
    float: right;
    font-size: calc(calc(24 / 750) * var(--seg_width));
    color: #2D2C2B;
    width: auto;
    text-align: right;
}

#login_btn {
    width: calc(calc(200 / 750) * var(--seg_width));
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    margin-top: calc(calc(16 / 750) * var(--seg_width));
    margin-bottom: calc(calc(16 / 750) * var(--seg_width));
    float: left;
    border-radius: calc(calc(46 / 750) * var(--seg_width));
    color: white;
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
}

.generic_button {
    width: calc(calc(558 / 750) * var(--seg_width));
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    margin-top: calc(calc(16 / 750) * var(--seg_width));
    margin-bottom: calc(calc(16 / 750) * var(--seg_width));
    float: left;
    border-radius: calc(calc(46 / 750) * var(--seg_width));
    color: white;
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
}

.seg_width_generic_button1 {
    width: calc(calc(686 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
}

.element_background_color_red {
    background-color: var(--color_one);
}

.generic_register_button {
    width: calc(calc(318 / 750) * var(--seg_width));
    height: calc(calc(86 / 750) * var(--seg_width));
    line-height: calc(calc(86 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    margin-top: calc(calc(16 / 750) * var(--seg_width));
    margin-bottom: calc(calc(16 / 750) * var(--seg_width));
    float: left;
    border-radius: calc(calc(46 / 750) * var(--seg_width));
    color: var(--color_one);
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
    border-color: var(--color_one);
    border-style: solid;
    border-width: calc(calc(4 / 750) * var(--seg_width));
    display: block;
}

.generic_text_link {
    float: left;
    width: calc(calc(684 / 750) * var(--seg_width));
    height: calc(calc(76 / 750) * var(--seg_width));
    line-height: calc(calc(76 / 750) * var(--seg_width));
    font-size: calc(calc(26 / 750) * var(--seg_width));
}

.text_centered {
    text-align: center;
}

.element_color_deep_red {
    color: var(--color_one);
}

.underline {
    display: inline;
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

#terms_copy {
    width: calc(calc(558 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    float: left;
    color: #282b29;
    font-size: calc(calc(18 / 750) * var(--seg_width));
    text-align: center;
    margin-bottom: calc(calc(20 / 750) * var(--seg_width));
}

#powered_by_copy {
    width: calc(calc(245 / 750) * var(--seg_width));
    margin-left: calc(calc(220 / 750) * var(--seg_width));
    float: left;
    color: #282b29;
    font-size: calc(calc(18 / 750) * var(--seg_width));
    text-align: center;
    margin-bottom: calc(calc(20 / 750) * var(--seg_width));
    line-height: calc(calc(35 / 750) * var(--seg_width));
}

#powered_by_icon {
    margin-top: -calc(calc(7 / 750) * var(--seg_width));
    margin-right: 0px;
}

#patent_pending_copy {
    width: calc(calc(558 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    float: left;
    color: #282b29;
    font-size: calc(calc(22 / 750) * var(--seg_width));
    text-align: center;
    position: relative;
    bottom: calc(calc(650 / 750) * var(--seg_width));
    display: none;
}

.vmoola_wallet_card_wallet_logo {
    background-image: url('../images/vmoola_logo_orange.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    margin-top: calc(calc(-18 / 750) * var(--seg_width));
    width: calc(calc(125 / 750) * var(--seg_width));
    height: calc(calc(36 / 750) * var(--seg_width));
    margin-right: calc(calc(22 / 750) * var(--seg_width));
}

#tryout_the_wallet_btn {
    width: 100%;
}

#login_checkbox {
    border: calc(calc(2 / 750) * var(--seg_width)) solid #2D2C2B;
    height: calc(calc(28 / 750) * var(--seg_width));
    width: calc(calc(28 / 750) * var(--seg_width));
    margin-top: calc(calc(21 / 750) * var(--seg_width));
    margin-right: calc(calc(14 / 750) * var(--seg_width));
    float: left;
}

.checked {
    background-image: url('../images/login_checkbox_checked.svg');
}

#custom_alert_popup_overlay {
    display: none;
    z-index: 10000
}

.popup_overlay {
    /* display: none; */
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: var(--s_height);
    /* z-index: 9998; */
}

#external_content_holder_bg {
    display: none;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* width: 100%; */
    height: var(--s_height);
    z-index: 9998;
    width: calc(var(--s_width) - var(--seg_width));
}

.custom_alert_div {
    width: calc(calc(684 / 750) * var(--seg_width));
    background-color: white;
    /* z-index: 10000; */
    position: relative;
    transform: translate(0px, -50%);
    top: 50%;
    margin: auto;
    border-top-left-radius: calc(calc(42 / 750) * var(--seg_width));
    border-top-right-radius: calc(calc(42 / 750) * var(--seg_width));
    border-bottom-left-radius: calc(calc(42 / 750) * var(--seg_width));
    border-bottom-right-radius: calc(calc(42 / 750) * var(--seg_width));
    -webkit-box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
}

.generic_white_bottom_anchored_div_header_spacer {
    float: left;
    width: calc(calc(684 / 750) * var(--seg_width));
    height: calc(calc(28 / 750) * var(--seg_width));
}

.extend_session_helper_text,
.custom_alert_body_text {
    width: calc(calc(558 / 750) * var(--seg_width));
    font-size: calc(calc(30 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
}

.wallet_topup_payment_gateway_48_px_spacer {
    float: left;
    height: calc(calc(48 / 750) * var(--seg_width));
    width: calc(calc(684 / 750) * var(--seg_width));
}

.element_background_color_purple {
    background-color: var(--color_one);
}

#yes_no_confirm_holder,
#now_later_confirm_holder,
#new_statement_confirm_holder,
#update_wallet_confirm_holder,
#mno_check_confirm_holder,
#remove_eft_ben_confirm_holder {
    width: auto;
    height: calc(calc(92 / 750) * var(--seg_width));
    display: none;
}

.generic_half_button {
    width: calc(calc(247.5 / 750) * var(--seg_width));
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    margin-bottom: calc(calc(16 / 750) * var(--seg_width));
    float: left;
    border-radius: calc(calc(46 / 750) * var(--seg_width));
    /* font-family: 'Helvetica', 'Arial'; */
    color: white;
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
}

#external_content_preloader {
    background-color: white;
    display: none;
    position: fixed;
    height: var(--s_height);
    width: var(--seg_width);
    z-index: 10000;
    right: 0px;
    color: #a4adb6;
    font-size: calc(calc(32 / 750) * var(--seg_width));
    text-align: center;
    line-height: var(--s_height);
}

#login_token_preloader {
    background-color: white;
    display: block;
    position: fixed;
    height: var(--s_height);
    width: var(--s_width);
    z-index: 10000;
    right: 0px;
    color: #a4adb6;
    font-size: calc(calc(32 / 750) * var(--seg_width));
    text-align: center;
    line-height: var(--s_height);
}

#external_content_back_btn {
    display: none;
    position: absolute;
    z-index: 10001;
    cursor: pointer;
    right: 0px;
    width: var(--seg_width);
}

.close_menu_bottom_button {
    width: var(--s_width);
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    float: left;
    position: fixed;
    bottom: 0;
    z-index: 3;
    color: white;
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
}

.terms_conditions_footer {
    color: #c4c6ca;
    float: left;
    font-size: calc(calc(18 / 750) * var(--seg_width));
    margin-top: calc(calc(24 / 750) * var(--seg_width));
    text-align: center;
    width: var(--s_width);
}

#terms_conditions_section_menu {
    background-color: #f7f7f7;
    /* height: calc(100vh); */
    z-index: 2;
}

#wallet_fees_section,
#card_fees_section {
    display: none;
}

#generic_grey_text_header_bar {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e7eff7;
    color: #a4adb6;
    /* font-family: 'Helvetica', 'Arial'; */
    font-size: calc(calc(24 / 750) * var(--seg_width));
    width: 100%;
    height: calc(calc(58 / 750) * var(--seg_width));
    line-height: calc(calc(58 / 750) * var(--seg_width));
    float: left;
    position: fixed;
    z-index: 2;
}

#login_tcs_navigation_text_left {
    margin-left: calc(calc(27 / 750) * var(--seg_width));
    float: left;
    width: calc(calc(423 / 750) * var(--seg_width));
}

#login_tcs_navigation_text_right {
    margin-right: calc(calc(33 / 750) * var(--seg_width));
    text-align: right;
    float: right;
    width: calc(calc(260 / 750) * var(--seg_width));
}

.bars_spacer {
    height: calc(calc(58 / 750) * var(--seg_width));
}

.generic_line_item {
    cursor: pointer;
    float: left;
    background-color: white;
    border-bottom: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
    width: var(--s_width);
    height: auto;
    z-index: 3;
}

.seg_width_generic_line_item {
    cursor: pointer;
    float: left;
    background-color: white;
    border-bottom: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
    width: var(--seg_width);
    height: auto;
    z-index: 3;
}

.top_underline {
    border-top: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
}

.seg_width_generic_line_item {
    cursor: pointer;
    float: left;
    background-color: white;
    border-bottom: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
    width: var(--seg_width);
    height: auto;
    z-index: 3;
}

.generic_line_item_icon {
    background-position: 0px 0px;
    background-size: calc(calc(60 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    float: left;
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    margin-top: calc(calc(30 / 750) * var(--seg_width));
    margin-bottom: calc(calc(30 / 750) * var(--seg_width));
    height: calc(calc(60 / 750) * var(--seg_width));
    width: calc(calc(60 / 750) * var(--seg_width));
    border-radius: calc(calc(60 / 750) * var(--seg_width));
}

.generic_line_item_heading {
    color: black;
    float: left;
    font-size: calc(calc(32 / 750) * var(--seg_width));
    margin-top: calc(calc(17 / 750) * var(--seg_width));
    margin-left: calc(calc(46 / 750) * var(--seg_width));
    height: auto;
    line-height: calc(calc(42 / 750) * var(--seg_width));
    /* width: calc(calc(612 / 750) * var(--seg_width)); */
    width: calc(100% - calc(calc(138 / 750) * var(--seg_width)));
}

.generic_line_item_subheading {
    color: #c8cacc;
    float: left;
    font-size: calc(calc(21 / 750) * var(--seg_width));
    line-height: calc(calc(48 / 750) * var(--seg_width));
    margin-left: calc(calc(46 / 750) * var(--seg_width));
    margin-bottom: calc(calc(13 / 750) * var(--seg_width));
    height: calc(calc(48 / 750) * var(--seg_width));
    /* width: calc(calc(612 / 750) * var(--seg_width)); */
    width: calc(100% - calc(calc(138 / 750) * var(--seg_width)));
}

.wallet_terms_icon {
    background-image: url('../images/wallet_terms_icon_new.svg');
}

.card_terms_icon {
    background-image: url('../images/card_terms_icon_new.svg');
}

.merchant_fees_icon {
    background-image: url('../images/merchant_fees_icon_new.svg');
}

.wallet_fees_icon {
    background-image: url('../images/wallet_fees_icon_new.svg');
}

.card_fees_icon {
    background-image: url('../images/card_fees_icon_new.svg');
}

.privacy_policy_icon {
    background-image: url('../images/customer_privacy_icon.svg');
}

.cookie_policy_icon {
    background-image: url('../images/cookie_policy_icon.svg');
}

#terms_and_conditions_section {
    height: calc(var(--s_height) - calc(calc(180 / 750) * var(--seg_width)));
    display: none;
    width: var(--s_width);
    height: var(--s_height);
}

#register_section {
    background-color: #F5F5F5;
    display: none;
    width: var(--s_width);
    height: var(--s_height);
}

#country_code_section {
    background-color: white;
    display: none;
    width: var(--s_width);
    height: var(--s_height);
}

.element_background_color_green {
    background-color: var(--color_one);
}

.close_popup_button_centered {
    float: left;
    color: var(--color_one);
    width: calc(calc(684 / 750) * var(--seg_width));
    font-size: calc(calc(26 / 750) * var(--seg_width));
    margin-bottom: calc(calc(15 / 750) * var(--seg_width));
    margin-top: calc(calc(15 / 750) * var(--seg_width));
    text-align: center;
}

#user_extend_session_popup {
    display: none;
    z-index: 9999;
}

#user_extend_session_popup_overlay {
    display: none;
    z-index: 9998;
}

.user_profile_bar {
    background-size: var(--s_width);
    background-repeat: no-repeat;
    /* background-color: var(--color_one); */
    color: white;
    float: left;
    font-size: calc(calc(30 / 750) * var(--seg_width));
    width: calc(var(--s_width) - var(--portrait_width));
    height: calc(calc(320 / 750) * var(--seg_width));
    line-height: calc(calc(90 / 750) * var(--seg_width));
    z-index: 2;
    text-align: center;
    background-image: url('../images/production/vmoola_new_background.svg');
    background-size: calc(var(--s_width) - var(--portrait_width));
    background-repeat: no-repeat;
    background-position: top center;
}

.user_profile_bar_links_holder {
    float: left;
    margin-left: calc(calc(33 / 750) * var(--seg_width));
    margin-right: calc(calc(33 / 750) * var(--seg_width));
    margin-top: calc(calc(32 / 750) * var(--seg_width));
    margin-bottom: calc(calc(32 / 750) * var(--seg_width));
    font-size: calc(calc(30 / 750) * var(--seg_width));
    height: calc(calc(25 / 750) * var(--seg_width));
    line-height: calc(calc(25 / 750) * var(--seg_width));
    /* width: calc(calc(684 / 750) * var(--seg_width)); */
    width: calc(var(--s_width) - calc(calc(66 / 750) * var(--seg_width)) - var(--portrait_width));
}

.wallet_menu_btn {
    float: left;
    text-align: left;
    width: calc(calc(120 / 750) * var(--seg_width));
}

.user_profile_bar_vmoola_wallet_link {
    float: left;
    text-align: center;
    /* width: calc(calc(260 / 750) * var(--seg_width)); */
    /* margin-left: calc(calc(444 / 750) * var(--seg_width)) - ((260/750)*$screen_width))/2); ?>px; */
    /* margin-left: calc(calc(92 / 750) * var(--seg_width)); */
    width: calc(100% - calc(calc(241 / 750) * var(--seg_width)));
}

#transfer_btn {
    text-align: right;
    float: right;
    width: calc(calc(120 / 750) * var(--seg_width));
}

#dashboard_header_section {
    background-color: white;
    display: none;
    width: calc(var(--s_width) - var(--portrait_width));
    height: var(--s_height);
    float: left;
}

#dashboard_value_store_cards_holder {
    /* position: fixed; */
    position: absolute;
    height: calc(calc(241 / 750) * var(--seg_width));
    top: calc(calc(80 / 750) * var(--seg_width));
    z-index: 5;
    width: var(--sov_holder_width);
    /* width: 100%; */
    /* z-index: -9999; */
    overflow: hidden;
}

.user_dashboard_value_store_card {
    border-radius: calc(calc(20 / 750) * var(--seg_width));
    height: calc(calc(214 / 750) * var(--seg_width));
    float: left;
    margin-left: calc(calc(33 / 750) * var(--seg_width));
    width: calc(calc(326 / 750) * var(--seg_width));
    z-index: 4;
    margin-bottom: calc(calc(27 / 750) * var(--seg_width));
}

.user_dashboard_wallet_card_bg_grey {
    background: #ECE9E6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #ECE9E6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.user_dashboard_selected_card {
    -webkit-box-shadow: 0px calc(calc(20 / 750) * var(--seg_width)) calc(calc(28 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px calc(calc(20 / 750) * var(--seg_width)) calc(calc(28 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0px calc(calc(20 / 750) * var(--seg_width)) calc(calc(28 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.8);
}

.user_dashboard_card_account_type {
    float: left;
    font-size: calc(calc(18 / 750) * var(--seg_width));
    margin-left: calc(calc(22 / 750) * var(--seg_width));
    margin-top: calc(calc(27 / 750) * var(--seg_width));
    height: calc(calc(40 / 750) * var(--seg_width));
    width: calc(calc(252 / 750) * var(--seg_width));
    line-height: calc(calc(40 / 750) * var(--seg_width));
    text-align: left;
}

.user_dashboard_value_store_card_balance {
    float: left;
    font-size: calc(calc(40 / 750) * var(--seg_width));
    height: calc(calc(50 / 750) * var(--seg_width));
    line-height: calc(calc(50 / 750) * var(--seg_width));
    margin-left: calc(calc(22 / 750) * var(--seg_width));
    text-align: left;
    width: calc(calc(252 / 750) * var(--seg_width));
}

.user_dashboard_card_spacer {
    float: left;
    height: calc(calc(36 / 750) * var(--seg_width));
    margin-left: calc(calc(22 / 750) * var(--seg_width));
    width: calc(calc(282 / 750) * var(--seg_width));
}

#user_dashboard_wallet_card_name,
#user_dashboard_wallet_card_mobile_number {
    width: calc(calc(146 / 750) * var(--seg_width));
}

.user_dashboard_card_second_grey_text_row {
    float: left;
    margin-left: calc(calc(22 / 750) * var(--seg_width));
    font-size: calc(calc(18 / 750) * var(--seg_width));
    width: calc(calc(226 / 750) * var(--seg_width));
    height: calc(calc(22 / 750) * var(--seg_width));
    line-height: calc(calc(22 / 750) * var(--seg_width));
    text-align: left;
}

.user_dashboard_card_third_grey_text_row {
    float: left;
    margin-left: calc(calc(22 / 750) * var(--seg_width));
    font-size: calc(calc(18 / 750) * var(--seg_width));
    width: calc(calc(146 / 750) * var(--seg_width));
    height: calc(calc(22 / 750) * var(--seg_width));
    line-height: calc(calc(22 / 750) * var(--seg_width));
    text-align: left;
}

.production_logo {
    background-image: url(../images/production/vmoola_logo_orange.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    float: right;
    margin-top: calc(calc(-37 / 750) * var(--seg_width));
    width: calc(calc(134 / 750) * var(--seg_width));
    height: calc(calc(55 / 750) * var(--seg_width));
    margin-right: calc(calc(22 / 750) * var(--seg_width));
}

.user_dashboard_value_store_card_bottom_right_icon {
    background-repeat: no-repeat;
    float: left;
    margin-top: calc(calc(-23 / 750) * var(--seg_width));
    height: calc(calc(36 / 750) * var(--seg_width));
    width: calc(calc(56 / 750) * var(--seg_width));
}

#landscape_banner_section {
    float: left;
    display: none;
    width: var(--s_width);
    height: calc(calc(155 / 750) * var(--seg_width));
    position: absolute;
    bottom: 0px;
    background-position: 0px calc(calc(621 / 750) * var(--s_width));
}

#portrait_banner_section {
    float: left;
    display: none;
    width: var(--portrait_width);
    height: var(--s_height);
    overflow: hidden;
    background-size: var(--portrait_width);
    border-top: none;
    bottom: 0;
    /* -webkit-box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2); */
    -webkit-box-shadow: inset calc(calc(-6 / 750) * var(--seg_width)) 0px calc(calc(8 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset calc(calc(-6 / 750) * var(--seg_width)) 0px calc(calc(8 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset calc(calc(-6 / 750) * var(--seg_width)) 0px calc(calc(8 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    background-position: 0px calc(calc(1870 / 750) * var(--s_width));
}

.element_background_color_blue {
    background-color: var(--color_one);
}

.generic_grey_header_bar {
    background-color: #f7f7f7;
    width: var(--s_width);
    height: calc(calc(58 / 750) * var(--seg_width));
    border-bottom: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
    color: #a4adb6;
    font-size: calc(calc(24 / 750) * var(--seg_width));
    line-height: calc(calc(58 / 750) * var(--seg_width));
    float: left;
    z-index: 2;
}

.seg_width_generic_grey_header_bar {
    background-color: #f7f7f7;
    width: var(--seg_width);
    height: calc(calc(58 / 750) * var(--seg_width));
    border-bottom: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
    color: #a4adb6;
    font-size: calc(calc(24 / 750) * var(--seg_width));
    line-height: calc(calc(58 / 750) * var(--seg_width));
    float: left;
    z-index: 2;
}

.generic_grey_header_bar_text_left {
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    float: left;
    width: calc(calc(342 / 750) * var(--seg_width));
    height: calc(calc(58 / 750) * var(--seg_width));
    line-height: calc(calc(58 / 750) * var(--seg_width));
}

.generic_grey_header_bar_text_right {
    text-align: right;
    float: right;
    width: calc(calc(344 / 750) * var(--seg_width));
    height: calc(calc(58 / 750) * var(--seg_width));
    line-height: calc(calc(58 / 750) * var(--seg_width));
    margin-right: calc(calc(32 / 750) * var(--seg_width));
}

#country_codes_list_section,
#province_list_section {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(225 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#comm_statement_list_section {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(315 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#statement_list_section {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(397 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#card_statement_list_section {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(397 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#prepaid_airtime_list,
#data_bundle_list {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(393 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#prepaid_electricity_list {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(240 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#wallet_profile_list {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(382 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#wallet_fees_list,
#card_fees_list {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(208 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#manage_bank_beneficiary_list_section,
#manage_beneficiary_list_section,
#beneficiary_list_section {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(444 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#bank_beneficiary_list_section {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(410 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#bank_list {
    width: 100%;
    height: calc(var(--s_height) - calc(calc(240 / 750) * var(--seg_width)));
    margin: left;
    overflow-y: scroll;
}

#dashboard_list {
    width: 100%;
    height: var(--dashboard_height);
    margin: left;
    overflow-y: scroll;
    background-color: #F7F7F7;
}

#card_list {
    width: 100%;
    height: var(--s_height);
    margin: left;
    overflow-y: scroll;
    /* background-color: #F7F7F7; */
}

#vodacom_airtime_list {
    display: block;
}

#mtn_airtime_list,
#cellc_airtime_list,
#virgin_mobile_airtime_list {
    display: none;
}

.velocity_scroll {
    -webkit-overflow-scrolling: touch;
}

#country_code_list_section {
    width: 100%;
    height: var(--s_height);
    margin: left;
    overflow-y: scroll;
}

.topup_section_579 {
    /* width: calc(calc(330 / 750) * var(--seg_width)); */
    /* width: calc(calc(612 / 750) * var(--seg_width)); */
    /* width: calc(var(--s_width) - calc(calc(46 / 750) * var(--s_width))); */
}

.bottom_anchored_close_button {
    display: none;
    color: white;
    position: fixed;
    bottom: 0;
    width: var(--s_width);
    height: calc(calc(92 / 750) * var(--seg_width));
    font-size: calc(calc(34 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    text-align: center;
    z-index: 3;
}

.make_payment_btn {
    /*background-color: #A020F0;*/
    background-color: #ec1346;
    display: block;
}

.back_to_top_btn {
    color: white;
    position: fixed;
    bottom: 0;
    width: calc(calc(92 / 750) * var(--seg_width));
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
    z-index: 8;
    right: 0;
}

.pay_back {
    /*background-color: #8217CE;*/
    background-color: #c60a3c;
}

.point_search_box {
    background-color: white;
    width: calc(calc(560 / 750) * var(--seg_width));
    height: calc(calc(75 / 750) * var(--seg_width));
    font-size: calc(calc(28 / 750) * var(--seg_width));
    line-height: calc(calc(75 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: none;
    padding: none;
    float: left;
}


/* .search_wrapper {
    width: var(--seg_width);
    height: calc(calc(75 / 750) * var(--seg_width));
    float: left;
    border-bottom: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
} */

#confirm_otp_panel,
#register_panel {
    display: none;
}

.South_Africa {
    background-image: url('../images/flags/south-africa_flag-eps-round.svg');
}

.Abkhazia {
    background-image: url('../images/flags/abkhazia_flag-eps-round.svg');
}

.Afghanistan {
    background-image: url('../images/flags/afghanistan_flag-eps-round.svg');
}

.Albania {
    background-image: url('../images/flags/albania_flag-eps-round.svg');
}

.Algeria {
    background-image: url('../images/flags/algeria_flag-eps-round.svg');
}

.American_Samoa {
    background-image: url('../images/flags/american_samoa_flag-eps-round.svg');
}

.Andorra {
    background-image: url('../images/flags/andorra_flag-eps-round.svg');
}

.Angola {
    background-image: url('../images/flags/angola_flag-eps-round.svg');
}

.Anguilla {
    background-image: url('../images/flags/anguilla_flag-eps-round.svg');
}

.Antigua_and_Barbuda {
    background-image: url('../images/flags/antigua_and_barbuda_flag-eps-round.svg');
}

.Argentina {
    background-image: url('../images/flags/argentina_flag-eps-round.svg');
}

.Armenia {
    background-image: url('../images/flags/armenia_flag-eps-round.svg');
}

.Aruba {
    background-image: url('../images/flags/aruba_flag-eps-round.svg');
}

.Ascension {
    background-image: url('../images/flags/ascension_island_flag-eps-round.svg');
}

.Australia {
    background-image: url('../images/flags/australia_flag-eps-round.svg');
}

.Australian_External_Territories {
    background-image: url('../images/flags/australia_flag-eps-round.svg');
}

.Austria {
    background-image: url('../images/flags/austria_flag-eps-round.svg');
}

.Azerbaijan {
    background-image: url('../images/flags/azerbaijan_flag-eps-round.svg');
}

.Bahamas {
    background-image: url('../images/flags/bahamas_flag-eps-round.svg');
}

.Bahrain {
    background-image: url('../images/flags/bahrain_flag-eps-round.svg');
}

.Bangladesh {
    background-image: url('../images/flags/bangladesh_flag-eps-round.svg');
}

.Barbados {
    background-image: url('../images/flags/barbados_flag-eps-round.svg');
}

.Barbuda {
    background-image: url('../images/flags/antigua_and_barbuda_flag-eps-round.svg');
}

.Belarus {
    background-image: url('../images/flags/belarus_flag-eps-round.svg');
}

.Belgium {
    background-image: url('../images/flags/belgium_flag-eps-round.svg');
}

.Belize {
    background-image: url('../images/flags/belize_flag-eps-round.svg');
}

.Benin {
    background-image: url('../images/flags/benin_flag-eps-round.svg');
}

.Bermuda {
    background-image: url('../images/flags/bermuda_flag-eps-round.svg');
}

.Bhutan {
    background-image: url('../images/flags/bhutan_flag-eps-round.svg');
}

.Bolivia {
    background-image: url('../images/flags/bolivia_flag-eps-round.svg');
}

.Bosnia_and_Herzegovina {
    background-image: url('../images/flags/bosnia-and-herzegovina_flag-eps-round.svg');
}

.Botswana {
    background-image: url('../images/flags/botswana_flag-eps-round.svg');
}

.Brazil {
    background-image: url('../images/flags/brazil_flag-eps-round.svg');
}

.British_Indian_Ocean_Territory {
    background-image: url('../images/flags/british_indian_ocean_territory_flag-eps-round.svg');
}

.British_Virgin_Islands {
    background-image: url('../images/flags/british_virgin_islands_flag-eps-round.svg');
}

.Brunei {
    background-image: url('../images/flags/brunei_flag-eps-round.svg');
}

.Bulgaria {
    background-image: url('../images/flags/bulgaria_flag-eps-round.svg');
}

.Burkina_Faso {
    background-image: url('../images/flags/burkina-faso_flag-eps-round.svg');
}

.Burundi {
    background-image: url('../images/flags/burundi_flag-eps-round.svg');
}

.Cambodia {
    background-image: url('../images/flags/cambodia_flag-eps-round.svg');
}

.Cameroon {
    background-image: url('../images/flags/cameroon_flag-eps-round.svg');
}

.Canada {
    background-image: url('../images/flags/canada_flag-eps-round.svg');
}

.Cape_Verde {
    background-image: url('../images/flags/cape-verde_flag-eps-round.svg');
}

.Cayman_Islands {
    background-image: url('../images/flags/cayman_islands_flag-eps-round.svg');
}

.Central_African_Republic {
    background-image: url('../images/flags/central-african-republic_flag-eps-round.svg');
}

.Chad {
    background-image: url('../images/flags/chad_flag-eps-round.svg');
}

.Chile {
    background-image: url('../images/flags/chile_flag-eps-round.svg');
}

.China {
    background-image: url('../images/flags/china_flag-eps-round.svg');
}

.Christmas_Island {
    background-image: url('../images/flags/christmas_island_flag-eps-round.svg');
}

.Cocos-Keeling_Islands {
    background-image: url('../images/flags/cocos_island_flag-eps-round.svg');
}

.Colombia {
    background-image: url('../images/flags/colombia_flag-eps-round.svg');
}

.Comoros {
    background-image: url('../images/flags/comoros_flag-eps-round.svg');
}

.Congo {
    background-image: url('../images/flags/republic_of_the_congo_flag-eps-round.svg');
}

.Dem_Rep_of_Zaire {
    background-image: url('../images/flags/democratic_republic_of_zaire_flag-eps-round.svg');
}

.Cook_Islands {
    background-image: url('../images/flags/cook_islands_flag-eps-round.svg');
}

.Costa_Rica {
    background-image: url('../images/flags/costa-rica_flag-eps-round.svg');
}

.Croatia {
    background-image: url('../images/flags/croatia_flag-eps-round.svg');
}

.Cuba {
    background-image: url('../images/flags/cuba_flag-eps-round.svg');
}

.Curacao {
    background-image: url('../images/flags/curacao_flag-eps-round.svg');
}

.Cyprus {
    background-image: url('../images/flags/cyprus_flag-eps-round.svg');
}

.Czech_Republic {
    background-image: url('../images/flags/czech-republic_flag-eps-round.svg');
}

.Denmark {
    background-image: url('../images/flags/denmark_flag-eps-round.svg');
}

.Diego_Garcia {
    background-image: url('../images/flags/diego_garcia_flag-eps-round.svg');
}

.Djibouti {
    background-image: url('../images/flags/djibouti_flag-eps-round.svg');
}

.Dominica {
    background-image: url('../images/flags/dominica_flag-eps-round.svg');
}

.Dominican_Republic {
    background-image: url('../images/flags/dominican-republic_flag-eps-round.svg');
}

.East_Timor {
    background-image: url('../images/flags/east-timor_flag-eps-round.svg');
}

.Easter_Island {
    background-image: url('../images/flags/easter_island_flag-eps-round.svg');
}

.Ecuador {
    background-image: url('../images/flags/ecuador_flag-eps-round.svg');
}

.Egypt {
    background-image: url('../images/flags/egypt_flag-eps-round.svg');
}

.El_Salvador {
    background-image: url('../images/flags/salvador_flag-eps-round.svg');
}

.Equatorial_Guinea {
    background-image: url('../images/flags/equatorial-guinea_flag-eps-round.svg');
}

.Eritrea {
    background-image: url('../images/flags/eritrea_flag-eps-round.svg');
}

.Estonia {
    background-image: url('../images/flags/estonia_flag-eps-round.svg');
}

.Ethiopia {
    background-image: url('../images/flags/ethiopia_flag-eps-round.svg');
}

.Falkland_Islands {
    background-image: url('../images/flags/falkland_islands_flag-eps-round.svg');
}

.Faroe_Islands {
    background-image: url('../images/flags/faroe_islands_flag-eps-round.svg');
}

.Fiji {
    background-image: url('../images/flags/fiji_flag-eps-round.svg');
}

.Finland {
    background-image: url('../images/flags/finland_flag-eps-round.svg');
}

.France {
    background-image: url('../images/flags/france_flag-eps-round.svg');
}

.French_Antilles {
    background-image: url('../images/flags/france_flag-eps-round.svg');
}

.French_Guiana {
    background-image: url('../images/flags/french_guiana_flag-eps-round.svg');
}

.French_Polynesia {
    background-image: url('../images/flags/french_polynesia_flag-eps-round.svg');
}

.Gabon {
    background-image: url('../images/flags/gabon_flag-eps-round.svg');
}

.Gambia {
    background-image: url('../images/flags/gambia_flag-eps-round.svg');
}

.Georgia {
    background-image: url('../images/flags/georgia_flag-eps-round.svg');
}

.Germany {
    background-image: url('../images/flags/germany_flag-eps-round.svg');
}

.Ghana {
    background-image: url('../images/flags/ghana_flag-eps-round.svg');
}

.Gibraltar {
    background-image: url('../images/flags/gibraltar_flag-eps-round.svg');
}

.Greece {
    background-image: url('../images/flags/greece_flag-eps-round.svg');
}

.Greenland {
    background-image: url('../images/flags/greenland_flag-eps-round.svg');
}

.Grenada {
    background-image: url('../images/flags/grenada_flag-eps-round.svg');
}

.Guadeloupe {
    background-image: url('../images/flags/guadeloupe_flag-eps-round.svg');
}

.Guam {
    background-image: url('../images/flags/guam_flag-eps-round.svg');
}

.Guatemala {
    background-image: url('../images/flags/guatemala_flag-eps-round.svg');
}

.Guinea {
    background-image: url('../images/flags/guinea_flag-eps-round.svg');
}

.Guinea-Bissau {
    background-image: url('../images/flags/guinea-bissau_flag-eps-round.svg');
}

.Guyana {
    background-image: url('../images/flags/guyana_flag-eps-round.svg');
}

.Haiti {
    background-image: url('../images/flags/haiti_flag-eps-round.svg');
}

.Honduras {
    background-image: url('../images/flags/honduras_flag-eps-round.svg');
}

.Hong_Kong_SAR_China {
    background-image: url('../images/flags/hongkong_flag-eps-round.svg');
}

.Hungary {
    background-image: url('../images/flags/hungary_flag-eps-round.svg');
}

.Iceland {
    background-image: url('../images/flags/iceland_flag-eps-round.svg');
}

.India {
    background-image: url('../images/flags/india_flag-eps-round.svg');
}

.Indonesia {
    background-image: url('../images/flags/indonesia_flag-eps-round.svg');
}

.Iran {
    background-image: url('../images/flags/iran_flag-eps-round.svg');
}

.Iraq {
    background-image: url('../images/flags/iraq_flag-eps-round.svg');
}

.Ireland {
    background-image: url('../images/flags/ireland_flag-eps-round.svg');
}

.Israel {
    background-image: url('../images/flags/israel_flag-eps-round.svg');
}

.Italy {
    background-image: url('../images/flags/italy_flag-eps-round.svg');
}

.Ivory_Coast {
    background-image: url('../images/flags/ivory_coast_flag-eps-round.svg');
}

.Jamaica {
    background-image: url('../images/flags/jamaica_flag-eps-round.svg');
}

.Japan {
    background-image: url('../images/flags/japan_flag-eps-round.svg');
}

.Jordan {
    background-image: url('../images/flags/jordan_flag-eps-round.svg');
}

.Kazakhstan {
    background-image: url('../images/flags/kazakhstan_flag-eps-round.svg');
}

.Kenya {
    background-image: url('../images/flags/kenya_flag-eps-round.svg');
}

.Kiribati {
    background-image: url('../images/flags/kiribati_flag-eps-round.svg');
}

.Kuwait {
    background-image: url('../images/flags/kuwait_flag-eps-round.svg');
}

.Kyrgyzstan {
    background-image: url('../images/flags/kyrgyzstan_flag-eps-round.svg');
}

.Laos {
    background-image: url('../images/flags/laos_flag-eps-round.svg');
}

.Latvia {
    background-image: url('../images/flags/latvia_flag-eps-round.svg');
}

.Lebanon {
    background-image: url('../images/flags/lebanon_flag-eps-round.svg');
}

.Lesotho {
    background-image: url('../images/flags/lesotho_flag-eps-round.svg');
}

.Liberia {
    background-image: url('../images/flags/liberia_flag-eps-round.svg');
}

.Libya {
    background-image: url('../images/flags/libya_flag-eps-round.svg');
}

.Liechtenstein {
    background-image: url('../images/flags/liechtenstein_flag-eps-round.svg');
}

.Lithuania {
    background-image: url('../images/flags/lithuania_flag-eps-round.svg');
}

.Luxembourg {
    background-image: url('../images/flags/luxembourg_flag-eps-round.svg');
}

.Macau_SAR_China {
    background-image: url('../images/flags/macau_flag-eps-round.svg');
}

.Macedonia {
    background-image: url('../images/flags/macedonia_flag-eps-round.svg');
}

.Madagascar {
    background-image: url('../images/flags/madagascar_flag-eps-round.svg');
}

.Malawi {
    background-image: url('../images/flags/malawi_flag-eps-round.svg');
}

.Malaysia {
    background-image: url('../images/flags/malaysia_flag-eps-round.svg');
}

.Maldives {
    background-image: url('../images/flags/maldives_flag-eps-round.svg');
}

.Mali {
    background-image: url('../images/flags/mali_flag-eps-round.svg');
}

.Malta {
    background-image: url('../images/flags/malta_flag-eps-round.svg');
}

.Marshall_Islands {
    background-image: url('../images/flags/marshall-islands_flag-eps-round.svg');
}

.Martinique {
    background-image: url('../images/flags/martinique_flag-eps-round.svg');
}

.Mauritania {
    background-image: url('../images/flags/mauritania_flag-eps-round.svg');
}

.Mauritius {
    background-image: url('../images/flags/mauritius_flag-eps-round.svg');
}

.Mayotte {
    background-image: url('../images/flags/mayotte_flag-eps-round.svg');
}

.Mexico {
    background-image: url('../images/flags/mexico_flag-eps-round.svg');
}

.Micronesia {
    background-image: url('../images/flags/micronesia_flag-eps-round.svg');
}

.Midway_Island {
    background-image: url('../images/flags/midway_islands_flag-eps-round.svg');
}

.Moldova {
    background-image: url('../images/flags/moldova_flag-eps-round.svg');
}

.Monaco {
    background-image: url('../images/flags/monaco_flag-eps-round.svg');
}

.Mongolia {
    background-image: url('../images/flags/mongolia_flag-eps-round.svg');
}

.Montenegro {
    background-image: url('../images/flags/montenegro_flag-eps-round.svg');
}

.Montserrat {
    background-image: url('../images/flags/montserrat_flag-eps-round.svg');
}

.Morocco {
    background-image: url('../images/flags/morocco_flag-eps-round.svg');
}

.Myanmar {
    background-image: url('../images/flags/myanmar_flag-eps-round.svg');
}

.Namibia {
    background-image: url('../images/flags/namibia_flag-eps-round.svg');
}

.Nauru {
    background-image: url('../images/flags/nauru_flag-eps-round.svg');
}

.Nepal {
    background-image: url('../images/flags/nepal_flag-eps-round.svg');
}

.Netherlands {
    background-image: url('../images/flags/netherlands_flag-eps-round.svg');
}

.Netherlands_Antilles {
    background-image: url('../images/flags/netherlands_holland_flag-eps-round.svg');
}

.Nevis {
    background-image: url('../images/flags/nevis_flag-eps-round.svg');
}

.New_Caledonia {
    background-image: url('../images/flags/new-caledonia_flag-eps-round.svg');
}

.New_Zealand {
    background-image: url('../images/flags/new-zealand_flag-eps-round.svg');
}

.Nicaragua {
    background-image: url('../images/flags/nicaragua_flag-eps-round.svg');
}

.Niger {
    background-image: url('../images/flags/niger_flag-eps-round.svg');
}

.Nigeria {
    background-image: url('../images/flags/nigeria_flag-eps-round.svg');
}

.Niue {
    background-image: url('../images/flags/niue_flag-eps-round.svg');
}

.Norfolk_Island {
    background-image: url('../images/flags/norfolk_island_flag-eps-round.svg');
}

.North_Korea {
    background-image: url('../images/flags/north-korea_flag-eps-round.svg');
}

.Northern_Mariana_Islands {
    background-image: url('../images/flags/northern-mariana-islands_flag-eps-round.svg');
}

.Norway {
    background-image: url('../images/flags/norway_flag-eps-round.svg');
}

.Oman {
    background-image: url('../images/flags/oman_flag-eps-round.svg');
}

.Pakistan {
    background-image: url('../images/flags/pakistan_flag-eps-round.svg');
}

.Palau {
    background-image: url('../images/flags/palau_flag-eps-round.svg');
}

.Palestinian_Territory {
    background-image: url('../images/flags/palestinian_flag-eps-round.svg');
}

.Panama {
    background-image: url('../images/flags/panama_flag-eps-round.svg');
}

.Papua_New_Guinea {
    background-image: url('../images/flags/papua-new-guinea_flag-eps-round.svg');
}

.Paraguay {
    background-image: url('../images/flags/paraguay_flag-eps-round.svg');
}

.Peru {
    background-image: url('../images/flags/peru_flag-eps-round.svg');
}

.Philippines {
    background-image: url('../images/flags/philippines_flag-eps-round.svg');
}

.Poland {
    background-image: url('../images/flags/poland_flag-eps-round.svg');
}

.Portugal {
    background-image: url('../images/flags/portugal_flag-eps-round.svg');
}

.Puerto_Rico {
    background-image: url('../images/flags/puerto-rico_flag-eps-round.svg');
}

.Qatar {
    background-image: url('../images/flags/qatar_flag-eps-round.svg');
}

.Reunion {
    background-image: url('../images/flags/reunion_flag-eps-round.svg');
}

.Romania {
    background-image: url('../images/flags/romania_flag-eps-round.svg');
}

.Russia {
    background-image: url('../images/flags/russia_flag-eps-round.svg');
}

.Rwanda {
    background-image: url('../images/flags/rwanda_flag-eps-round.svg');
}

.Samoa {
    background-image: url('../images/flags/samoa_flag-eps-round.svg');
}

.San_Marino {
    background-image: url('../images/flags/san_marino_flag-eps-round.svg');
}

.Saudi_Arabia {
    background-image: url('../images/flags/saudi-arabia_flag-eps-round.svg');
}

.Senegal {
    background-image: url('../images/flags/senegal_flag-eps-round.svg');
}

.Serbia {
    background-image: url('../images/flags/serbia_flag-eps-round.svg');
}

.Seychelles {
    background-image: url('../images/flags/seychelles_flag-eps-round.svg');
}

.Sierra_Leone {
    background-image: url('../images/flags/sierra-leone_flag-eps-round.svg');
}

.Singapore {
    background-image: url('../images/flags/singapore_flag-eps-round.svg');
}

.Slovakia {
    background-image: url('../images/flags/slovakia_flag-eps-round.svg');
}

.Slovenia {
    background-image: url('../images/flags/slovenia_flag-eps-round.svg');
}

.Solomon_Islands {
    background-image: url('../images/flags/solomon-islands_flag-eps-round.svg');
}

.South_Georgia_and_the_South_Sandwich_Islands {
    background-image: url('../images/flags/south-georgia_flag-eps-round.svg');
}

.South_Korea {
    background-image: url('../images/flags/south-korea_flag-eps-round.svg');
}

.Spain {
    background-image: url('../images/flags/spain_flag-eps-round.svg');
}

.Sri_Lanka {
    background-image: url('../images/flags/sri_lanka_flag-eps-round.svg');
}

.Sudan {
    background-image: url('../images/flags/sudan_flag-eps-round.svg');
}

.Suriname {
    background-image: url('../images/flags/suriname_flag-eps-round.svg');
}

.Swaziland {
    background-image: url('../images/flags/switzerland_flag-eps-round.svg');
}

.Sweden {
    background-image: url('../images/flags/sweden_flag-eps-round.svg');
}

.Switzerland {
    background-image: url('../images/flags/switzerland_flag-eps-round.svg');
}

.Syria {
    background-image: url('../images/flags/syria_flag-eps-round.svg');
}

.Taiwan {
    background-image: url('../images/flags/taiwan_flag-eps-round.svg');
}

.Tajikistan {
    background-image: url('../images/flags/tajikistan_flag-eps-round.svg');
}

.Tanzania {
    background-image: url('../images/flags/tanzania_flag-eps-round.svg');
}

.Thailand {
    background-image: url('../images/flags/thailand_flag-eps-round.svg');
}

.Timor_Leste {
    background-image: url('../images/flags/timor_leste_flag-eps-round.svg');
}

.Togo {
    background-image: url('../images/flags/togo_flag-eps-round.svg');
}

.Tokelau {
    background-image: url('../images/flags/tokelau_flag-eps-round.svg');
}

.Tonga {
    background-image: url('../images/flags/tonga_flag-eps-round.svg');
}

.Trinidad_and_Tobago {
    background-image: url('../images/flags/trinidad-and-tobago_flag-eps-round.svg');
}

.Tunisia {
    background-image: url('../images/flags/tunisia_flag-eps-round.svg');
}

.Turkey {
    background-image: url('../images/flags/turkey_flag-eps-round.svg');
}

.Turkmenistan {
    background-image: url('../images/flags/turkmenistan_flag-eps-round.svg');
}

.Turks_and_Caicos_Islands {
    background-image: url('../images/flags/turks_and_caicos_flag-eps-round.svg');
}

.Tuvalu {
    background-image: url('../images/flags/tuvalu_flag-eps-round.svg');
}

.US_Virgin_Islands {
    background-image: url('../images/flags/us_virgin_islands_flag-eps-round.svg');
}

.Uganda {
    background-image: url('../images/flags/uganda_flag-eps-round.svg');
}

.Ukraine {
    background-image: url('../images/flags/ukraine_flag-eps-round.svg');
}

.United_Arab_Emirates {
    background-image: url('../images/flags/united-arab-emirates_flag-eps-round.svg');
}

.United_Kingdom {
    background-image: url('../images/flags/united-kingdom_flag-eps-round.svg');
}

.United_States {
    background-image: url('../images/flags/united-states-of-america_flag-eps-round.svg');
}

.Uruguay {
    background-image: url('../images/flags/uruguay_flag-eps-round.svg');
}

.Uzbekistan {
    background-image: url('../images/flags/uzbekistan_flag-eps-round.svg');
}

.Vanuatu {
    background-image: url('../images/flags/vanuatu_flag-eps-round.svg');
}

.Venezuela {
    background-image: url('../images/flags/venezuela_flag-eps-round.svg');
}

.Vietnam {
    background-image: url('../images/flags/vietnam_flag-eps-round.svg');
}

.Wake_Island {
    background-image: url('../images/flags/wake_island_flag-eps-round.svg');
}

.Wallis_and_Futuna {
    background-image: url('../images/flags/wallis_futuna_flag-eps-round.svg');
}

.Yemen {
    background-image: url('../images/flags/yemen_flag-eps-round.svg');
}

.Zambia {
    background-image: url('../images/flags/zambia_flag-eps-round.svg');
}

.Zanzibar {
    background-image: url('../images/flags/zanzibar_flag-eps-round.svg');
}

.Zimbabwe {
    background-image: url('../images/flags/zimbabwe_flag-eps-round.svg');
}

#resent_otp_btn {
    width: calc(calc(558 / 750) * var(--seg_width));
    height: calc(calc(76 / 750) * var(--seg_width));
    line-height: calc(calc(76 / 750) * var(--seg_width));
    margin-left: calc(calc(63 / 750) * var(--seg_width));
    float: left;
    text-align: right;
    color: var(--color_one);
    text-decoration: underline;
}

#enter_password_input_toggle,
#confirm_password_input_toggle {
    display: block;
}

#external_content_holder {
    display: none;
    width: var(--seg_width);
    height: var(--s_height);
    float: left;
    background-color: white;
    right: 0px;
    z-index: 9999;
    position: absolute;
    margin-left: calc(var(--s_width) - var(--seg_width));
}

.seg_width_input_holder {
    width: calc(calc(696 / 750) * var(--seg_width));
    margin-left: calc(calc(27 / 750) * var(--seg_width));
}

.id_number_holder,
.passport_number_holder {
    display: none;
}

.seg_width_header_bar {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e7eff7;
    color: #a4adb6;
    /* font-family: 'Helvetica', 'Arial'; */
    font-size: calc(calc(24 / 750) * var(--seg_width));
    width: 100%;
    height: calc(calc(58 / 750) * var(--seg_width));
    line-height: calc(calc(58 / 750) * var(--seg_width));
    float: left;
    z-index: 2;
}

.seg_width_header_bar_text_left {
    margin-left: calc(calc(27 / 750) * var(--seg_width));
    float: left;
    width: calc(calc(423 / 750) * var(--seg_width));
}

.seg_width_header_bar_text_right {
    margin-right: calc(calc(33 / 750) * var(--seg_width));
    text-align: right;
    float: right;
    width: calc(calc(260 / 750) * var(--seg_width));
}

#id_number_check,
#passport_number_check,
#male_check,
#female_check,
#id_book_check,
#id_card_check {
    border: calc(calc(2 / 750) * var(--seg_width)) solid #2D2C2B;
    height: calc(calc(28 / 750) * var(--seg_width));
    width: calc(calc(28 / 750) * var(--seg_width));
    margin: calc(calc(22 / 750) * var(--seg_width));
    margin-left: calc(calc(27 / 750) * var(--seg_width));
    float: left;
}

.generic_checkbox_txt {
    font-size: calc(calc(30 / 750) * var(--seg_width));
    width: calc(calc(275 / 750) * var(--seg_width));
    float: left;
    color: #2D2C2B;
    height: calc(calc(76 / 750) * var(--seg_width));
    line-height: calc(calc(76 / 750) * var(--seg_width));
}

.seg_width_bottom_button {
    width: var(--seg_width);
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    float: left;
    position: absolute;
    bottom: 0;
    z-index: 3;
    color: white;
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
}

.seg_width_generic_text_input {
    width: calc(calc(570 / 750) * var(--seg_width));
    height: calc(calc(76 / 750) * var(--seg_width));
    line-height: calc(calc(76 / 750) * var(--seg_width));
    float: left;
    outline: none;
    background-color: transparent;
    color: var(--color_two);
    font-size: calc(calc(30 / 750) * var(--seg_width));
    text-align: left;
    border: none;
    border-radius: 0;
    padding: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.account_balance_holder {
    width: var(--seg_width);
    height: calc(calc(90 / 750) * var(--seg_width));
    float: left;
    background-color: var(--color_one);
}

#identity_type_screen {
    display: block;
}

#id_selfie_screen {
    display: none;
}

#id_upload_screen {
    display: none;
}

#passport_upload_screen {
    display: none;
}

#passport_details_screen {
    display: none;
}

#poa_screen {
    display: none;
}

#province_selection_screen {
    display: none;
}

#review_screen {
    display: none;
}

#in_review_screen {
    display: none;
}

#rejected_screen {
    display: none;
}

#poa_upload_screen {
    display: none;
}

#selfie_preview,
#id_preview,
#poa_preview,
#passport_preview {
    width: calc(calc(400 / 750) * var(--seg_width));
    height: auto;
    margin-left: calc(calc(175 / 750) * var(--seg_width));
    margin-top: calc(calc(50 / 750) * var(--seg_width));
    margin-bottom: calc(calc(50 / 750) * var(--seg_width));
    display: none;
}

#selfie_placeholder {
    width: calc(calc(400 / 750) * var(--seg_width));
    height: calc(calc(400 / 750) * var(--seg_width));
    margin-left: calc(calc(175 / 750) * var(--seg_width));
    margin-top: calc(calc(50 / 750) * var(--seg_width));
    margin-bottom: calc(calc(50 / 750) * var(--seg_width));
    background-size: calc(calc(400 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/selfie_icon.svg);
    float: left;
}

#id_placeholder {
    width: calc(calc(400 / 750) * var(--seg_width));
    height: calc(calc(400 / 750) * var(--seg_width));
    margin-left: calc(calc(175 / 750) * var(--seg_width));
    margin-top: calc(calc(50 / 750) * var(--seg_width));
    margin-bottom: calc(calc(50 / 750) * var(--seg_width));
    background-size: calc(calc(400 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/id_icon.svg);
    float: left;
}

.review_placeholder {
    width: calc(calc(400 / 750) * var(--seg_width));
    height: calc(calc(400 / 750) * var(--seg_width));
    margin-left: calc(calc(175 / 750) * var(--seg_width));
    margin-top: calc(calc(50 / 750) * var(--seg_width));
    margin-bottom: calc(calc(50 / 750) * var(--seg_width));
    background-size: calc(calc(400 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/review_icon.svg);
    float: left;
}

.rejected_placeholder {
    width: calc(calc(400 / 750) * var(--seg_width));
    height: calc(calc(400 / 750) * var(--seg_width));
    margin-left: calc(calc(175 / 750) * var(--seg_width));
    margin-top: calc(calc(50 / 750) * var(--seg_width));
    margin-bottom: calc(calc(50 / 750) * var(--seg_width));
    background-size: calc(calc(400 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/rejected_icon.svg);
    float: left;
}

#poa_placeholder {
    width: calc(calc(400 / 750) * var(--seg_width));
    height: calc(calc(400 / 750) * var(--seg_width));
    margin-left: calc(calc(175 / 750) * var(--seg_width));
    margin-top: calc(calc(50 / 750) * var(--seg_width));
    margin-bottom: calc(calc(50 / 750) * var(--seg_width));
    background-size: calc(calc(400 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/poa_icon.svg);
    float: left;
}

#passport_placeholder {
    width: calc(calc(400 / 750) * var(--seg_width));
    height: calc(calc(400 / 750) * var(--seg_width));
    margin-left: calc(calc(175 / 750) * var(--seg_width));
    margin-top: calc(calc(50 / 750) * var(--seg_width));
    margin-bottom: calc(calc(50 / 750) * var(--seg_width));
    background-size: calc(calc(400 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/passport_icon.svg);
    float: left;
}

.seg_width_generic_button {
    width: calc(calc(558 / 750) * var(--seg_width));
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    margin-left: calc(calc(96 / 750) * var(--seg_width));
    margin-top: calc(calc(16 / 750) * var(--seg_width));
    margin-bottom: calc(calc(16 / 750) * var(--seg_width));
    float: left;
    border-radius: calc(calc(46 / 750) * var(--seg_width));
    color: white;
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
}

.profile_line_item {
    cursor: pointer;
    float: left;
    background-color: white;
    width: var(--seg_width);
    height: auto;
    z-index: 3;
}

.profile_line_item_heading {
    color: black;
    float: left;
    font-size: calc(calc(32 / 750) * var(--seg_width));
    margin-top: calc(calc(31 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    height: auto;
    line-height: calc(calc(32 / 750) * var(--seg_width));
    width: calc(calc(552 / 750) * var(--seg_width));
}

.profile_line_item_heading_extra {
    width: calc(calc(658 / 750) * var(--seg_width));
    margin-bottom: calc(calc(25 / 750) * var(--seg_width));
}

.profile_line_item_arrow {
    background-position: 0px 0px;
    background-size: calc(calc(28 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    float: left;
    height: calc(calc(28 / 750) * var(--seg_width));
    width: calc(calc(28 / 750) * var(--seg_width));
    margin-top: calc(calc(31 / 750) * var(--seg_width));
    background-image: url(../images/next_arrow.svg);
}

.profile_line_item_underline {
    width: calc(calc(718 / 750) * var(--seg_width));
    height: calc(calc(2 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    float: left;
    background-color: #e7eff7;
}

.profile_line_item_underline_top {
    width: var(--seg_width);
    margin-left: 0px;
}

.close_all {
    float: none;
}

.user_dashboard_debit_card_vmoola {
    background-size: calc(calc(340 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background-color: #2D2C2B;
    /* background-image: url('../images/production/pm_comm_sov_bg.svg'); */
}

.savings_sov {
    background-size: calc(calc(340 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background: #56CCF2;
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    background: linear-gradient(to right, #2F80ED, #56CCF2);
}

.loyalty_sov {
    background-size: calc(calc(340 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(to right, #9733EE, #DA22FF);
    background: linear-gradient(to right, #9733EE, #DA22FF);
}

#card_sov {
    display: block;
}

#link_card_btn,
#refresh_card_btn,
#loading_card_details {
    width: calc(calc(326 / 750) * var(--seg_width));
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    margin-top: calc(calc(61 / 750) * var(--seg_width));
    float: left;
    border-radius: calc(calc(46 / 750) * var(--seg_width));
    color: white;
    font-size: calc(calc(30 / 750) * var(--seg_width));
    text-align: center;
    display: none;
}

#link_savings_wallet_btn,
#link_loyalty_wallet_btn {
    /* width: calc(calc(200 / 750) * var(--seg_width)); */
    width: calc(calc(326 / 750) * var(--seg_width));
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    /* margin-left: calc(calc(63 / 750) * var(--seg_width)); */
    margin-top: calc(calc(61 / 750) * var(--seg_width));
    float: left;
    border-radius: calc(calc(46 / 750) * var(--seg_width));
    color: white;
    font-size: calc(calc(30 / 750) * var(--seg_width));
    text-align: center;
}

li.bullet {
    list-style-position: outside;
    margin-left: calc(calc(27 / 750) * var(--seg_width));
}

.seg_width_small_nav {
    left: 0px;
    display: block;
    color: white;
    background-color: var(--color_three);
    width: calc(calc(92 / 750) * var(--seg_width));
    height: calc(calc(92 / 750) * var(--seg_width));
    line-height: calc(calc(92 / 750) * var(--seg_width));
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
}

#mastercard_icon {
    background-image: url(../images/mastercard_icon.svg);
    background-position: right;
}

#mastercard_icon {
    background-image: url(../images/mastercard_icon.svg);
    background-position: right;
}

.commission_icon {
    background-image: url(../images/commission_icon.svg);
    background-position: right;
}

.savings_icon {
    background-image: url(../images/savings_icon.svg);
    background-position: right;
}

.coupon_icon {
    background-image: url(../images/coupon_icon.svg);
    background-position: right;
}

.color_white {
    color: white;
}

.mobile_purchases_section_input_holder {
    color: white;
    float: left;
    background: #56CCF2;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2F80ED, #56CCF2);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    width: var(--seg_width);
    height: calc(calc(154 / 750) * var(--seg_width));
}

.withdraw_instore_gradient {
    background: #56ab2f;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #a8e063, #56ab2f);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.topup_card_gradient {
    background: #37E1B0;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #37E1B0, #05C98C);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #37E1B0, #05C98C);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.card_withdraw_gradient {
    background: #F37949;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #F37949, #F45727);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #F37949, #F45727);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#scan_card_barcode_btn,
#scan_replace_card_barcode_btn {
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    margin-top: calc(calc(48 / 750) * var(--seg_width));
    margin-bottom: calc(calc(48 / 750) * var(--seg_width));
}

.vodacom_red_gradient {
    background: #ed2024;
}

.cellc_orange_gradient {
    background: #f05a22;
}

.mtn_yellow_gradient {
    background: #fcc500;
}

.telkom_mobile_blue_gradient {
    background: #0083C2;
}

.dstv_blue_gradient {
    background: #4397D6;
}

.electricity_yellow_gradient {
    background: #FED547;
}

.comm_withdraw_blue_gradient {
    background: #2F80ED;
}

.eft_red_gradient {
    background: #ec1346;
}

.round_vodacom_icon {
    background-image: url('../images/mno_logos/round_vodacom_icon.svg');
}

.round_cellc_icon {
    background-image: url('../images/mno_logos/round_cellc_icon.svg');
}

.round_mtn_icon {
    background-image: url('../images/mno_logos/round_mtn_icon.svg');
}

.round_telkom_mobile_icon {
    background-image: url('../images/mno_logos/round_telkom_mobile_icon.svg');
}

.vodacom_logo {
    background-image: url('../images/mno_logos/vodacom_logo.svg');
}

.cellc_logo {
    background-image: url('../images/mno_logos/cellc_logo.svg');
}

.mtn_logo {
    background-image: url('../images/mno_logos/mtn_logo.svg');
}

.telkom_mobile_logo {
    background-image: url('../images/mno_logos/telkom_mobile_logo.svg');
}

.mno_logo_holder {
    float: left;
    margin-top: calc(calc(30 / 750) * var(--seg_width));
    margin-left: calc(calc(50 / 750) * var(--seg_width));
    width: calc(calc(136 / 750) * var(--seg_width));
    height: calc(calc(123 / 750) * var(--seg_width));
    background-repeat: no-repeat;
}

.mno_selected {
    border-bottom: calc(calc(3 / 750) * var(--seg_width)) solid;
    overflow: visible;
    opacity: 1;
    color: var(--color_three);
}

.mobile_purchases_section_input_header {
    font-size: calc(calc(21 / 750) * var(--seg_width));
    height: calc(calc(20 / 750) * var(--seg_width));
    line-height: calc(calc(20 / 750) * var(--seg_width));
    margin-top: calc(calc(28 / 750) * var(--seg_width));
    margin-left: calc(calc(38 / 750) * var(--seg_width));
}

.mobile_purchases_section_input {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: calc(calc(2 / 750) * var(--seg_width)) solid transparent;
    border-radius: 0;
    padding: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: transparent;
    color: white;
    font-size: calc(calc(60 / 750) * var(--seg_width));
    margin-left: calc(calc(38 / 750) * var(--seg_width));
    /* width: calc(calc(674 / 750) * var(--seg_width)); */
    width: calc(calc(500 / 750) * var(--seg_width));
    outline: none;
}

.amount_input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
}

.amount_input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
}

.amount_input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
}

.amount_input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

#dashboard_transfer_section_clear_input_button {
    display: none;
    position: fixed;
    font-size: calc(calc(26 / 750) * var(--seg_width));
    right: calc(calc(38 / 750) * var(--seg_width));
    width: calc(calc(90 / 750) * var(--seg_width));
    height: calc(calc(71 / 750) * var(--seg_width));
    line-height: calc(calc(71 / 750) * var(--seg_width));
    top: calc(calc(209 / 750) * var(--seg_width));
}

.element_color_white {
    color: white;
}

.auto_height {
    height: auto;
}

.line_item_icon {
    background-position: 0px 0px;
    background-size: calc(calc(60 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    float: right;
    margin-right: calc(calc(32 / 750) * var(--seg_width));
    margin-top: calc(calc(30 / 750) * var(--seg_width));
    margin-bottom: calc(calc(30 / 750) * var(--seg_width));
    height: calc(calc(60 / 750) * var(--seg_width));
    width: calc(calc(60 / 750) * var(--seg_width));
}

.selection_header {
    color: #c8cacc;
    float: left;
    font-size: calc(calc(24 / 750) * var(--seg_width));
    margin-top: calc(calc(17 / 750) * var(--seg_width));
    margin-left: calc(calc(46 / 750) * var(--seg_width));
    height: auto;
    line-height: calc(calc(42 / 750) * var(--seg_width));
    width: calc(calc(580 / 750) * var(--seg_width));
}

.selection_body {
    color: black;
    float: left;
    font-size: calc(calc(28 / 750) * var(--seg_width));
    line-height: calc(calc(48 / 750) * var(--seg_width));
    margin-left: calc(calc(46 / 750) * var(--seg_width));
    margin-bottom: calc(calc(13 / 750) * var(--seg_width));
    height: auto;
    width: calc(calc(580 / 750) * var(--seg_width));
}

#dof_btn,
#via_btn {
    display: none;
}

#sof_screen,
#dof_screen,
#once_off_transfer_screen,
#dof_btn,
#manage_wallet_benenficiaries_screen,
#add_wallet_benenficiary_screen,
#own_amount_screen,
#data_own_amount_screen,
#dstv_subscriber_screen,
#electricity_own_amount_screen,
#qr_code_screen,
#comm_withdraw_screen,
#add_bank_benenficiary_screen,
#select_bank_screen,
#pay_bank_benenficiary_screen {
    display: none;
}

.round_wallet_icon {
    background-image: url('../images/round_wallet_icon.svg');
}

.round_card_icon {
    background-image: url('../images/round_card_icon.svg');
}

.round_beneficiary_icon {
    background-image: url('../images/round_beneficiary_icon.svg');
}

.round_qr_icon {
    background-image: url('../images/round_qr_icon.svg');
}

.round_eft_icon {
    background-image: url('../images/round_eft_icon.svg');
}

.round_proof_of_wallet_icon {
    background-image: url('../images/round_proof_of_wallet_icon.svg');
}

.round_kyc_icon {
    background-image: url('../images/round_kyc_icon.svg');
}

.round_transfer_icon {
    background-image: url('../images/round_transfer_icon.svg');
}

.round_eft_icon {
    background-image: url('../images/round_eft_icon.svg');
}

.round_transfer_credit_icon {
    background-image: url('../images/round_transfer_credit_icon.svg');
}

.round_transfer_debit_icon {
    background-image: url('../images/round_transfer_debit_icon.svg');
}

.round_deposit_icon {
    background-image: url('../images/round_deposit_icon.svg');
}

.round_link_wallet_icon {
    background-image: url('../images/round_link_wallet_icon.svg');
}

.round_facebook_icon {
    background-image: url('../images/round_facebook_icon.svg');
}

.round_twitter_icon {
    background-image: url('../images/round_twitter_icon.svg');
}

.round_whatsapp_icon {
    background-image: url('../images/round_whatsapp_icon.svg');
}

.round_sms_icon {
    background-image: url('../images/round_sms_icon.svg');
}

.round_email_icon {
    background-image: url('../images/round_email_icon.svg');
}

.round_clipboard_icon {
    background-image: url('../images/round_clipboard_icon.svg');
}

.round_prepaid_airtime_icon {
    background-image: url('../images/round_prepaid_airtime_icon.svg');
}

.round_data_bundle_icon {
    background-image: url('../images/round_data_bundle_icon.svg');
}

.border_top {
    border-top: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
}

#transfer_amount_input_clear,
#prepaid_airtime_amount_input_clear,
#dstv_amount_input_clear,
#prepaid_electricity_amount_input_clear,
#withdraw_amount_input_clear,
#eft_amount_input_clear,
#withdraw_instore_amount_input_clear,
#topup_card_amount_input_clear,
#card_withdraw_amount_input_clear {
    display: none;
    float: right;
    margin-right: calc(calc(32 / 750) * var(--seg_width));
    font-size: calc(calc(24 / 750) * var(--seg_width));
    margin-top: calc(calc(20 / 750) * var(--seg_width));
}

#another_wallet_btn {
    margin-top: calc(calc(22.4 / 750) * var(--seg_width));
}

#transaction_modal {
    width: var(--seg_width);
    height: var(--s_height);
    float: left;
    position: fixed;
    background-color: white;
    z-index: 10002;
    display: none;
}

#transaction_success {
    width: 100%;
    height: calc(calc(var(--s_height)/3)*2);
    float: left;
    background-color: #49F87E;
}

#transaction_amount_copy {
    color: white;
    float: left;
    font-size: calc(calc(40 / 750) * var(--seg_width));
    height: auto;
    width: 100%;
    text-align: center;
    margin-top: 25%;
}

#round_tick_icon {
    width: calc(calc(158 / 750) * var(--seg_width));
    height: calc(calc(158 / 750) * var(--seg_width));
    float: left;
    background-image: url('../images/round_tick_icon.svg');
    background-position: 0px 0px;
    background-size: calc(calc(158 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    margin-left: calc(calc(296 / 750) * var(--seg_width));
    /* margin-top: <?php echo(((62/750)*$screen_width)); ?>px; */
    position: absolute;
    /* margin-top: <?php echo((($screen_height/3)*2-((158/750)*$screen_width))/2); ?>px; */
    /* margin-top: calc(calc(calc(var(--s_height / 3)) * 2) - calc(calc(158 / 750) * calc(var(--seg_width) / 2))); */
    margin-top: calc(calc(calc(var(--s_height)/3)*2)/2);
}

#tick_circle {
    transform: rotate(-90deg);
    transform-origin: center;
}

#transaction_body_copy {
    color: black;
    float: left;
    font-size: calc(calc(30 / 750) * var(--seg_width));
    margin-top: calc(calc(24 / 750) * var(--seg_width));
    height: auto;
    width: 100%;
    text-align: center;
}

#transaction_modal_close_btn {
    background-color: #49F87E;
    margin-left: calc(calc(96 / 750) * var(--seg_width));
    bottom: calc(calc(64 / 750) * var(--seg_width));
    position: absolute;
}

#transaction_summary_header {
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
    height: calc(calc(40 / 750) * var(--seg_width));
}

#transaction_summary_body {
    border-top: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
    line-height: calc(calc(50 / 750) * var(--seg_width));
    border-bottom: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
    overflow: scroll;
    /* height: calc(var(--s_height) - calc(calc(416 / 750) * var(--seg_width))); */
    height: calc(var(--s_height) - calc(calc(540 / 750) * var(--seg_width)));
}

.round_transaction_icon {
    background-size: calc(calc(120 / 750) * var(--seg_width));
    margin-top: calc(calc(90 / 750) * var(--seg_width));
    margin-left: calc(calc(315 / 750) * var(--seg_width));
    height: calc(calc(120 / 750) * var(--seg_width));
    width: calc(calc(120 / 750) * var(--seg_width));
    float: left;
}

#transaction_summary_screen {
    display: none;
    width: var(--seg_width);
    height: var(--s_height);
}

.absa_icon {
    background-image: url('../images/banks/absa_icon.svg');
}

.african_bank_icon {
    background-image: url('../images/banks/african_bank_icon.svg');
}

.bidvest_icon {
    background-image: url('../images/banks/bidvest_icon.svg');
}

.capitec_icon {
    background-image: url('../images/banks/capitec_icon.svg');
}

.fnb_icon {
    background-image: url('../images/banks/fnb_icon.svg');
}

.investec_icon {
    background-image: url('../images/banks/investec_icon.svg');
}

.postbank_icon {
    background-image: url('../images/banks/postbank_icon.svg');
}

.standard_bank_icon {
    background-image: url('../images/banks/standard_bank_icon.svg');
}

.nedbank_icon {
    background-image: url('../images/banks/nedbank_icon.svg');
}

.grobank_icon {
    background-image: url('../images/banks/grobank_icon.svg');
}

.grindrod_icon {
    background-image: url('../images/banks/grindrod_icon.svg');
}

.discovery_icon {
    background-image: url('../images/banks/discovery_icon.svg');
}

.tyme_icon {
    background-image: url('../images/banks/tyme_icon.svg');
}

.bank_zero_icon {
    background-image: url('../images/banks/bank_zero_icon.svg');
}

.sasfin_icon {
    background-image: url('../images/banks/sasfin_icon.svg');
}

.mercantile_icon {
    background-image: url('../images/banks/mercantile_icon.svg');
}

.ubank_icon {
    background-image: url('../images/banks/ubank_icon.svg');
}

.om_icon {
    background-image: url('../images/banks/om_icon.svg');
}

.firstrand_icon {
    background-image: url('../images/banks/firstrand_icon.svg');
}

.old_mutual_icon {
    background-image: url('../images/banks/old_mutual_icon.svg');
}

.access_bank_icon {
    background-image: url('../images/banks/access_bank_icon.svg');
}

.citi_bank_icon {
    background-image: url('../images/banks/citi_bank_icon.svg');
}

.hsbc_bank_icon {
    background-image: url('../images/banks/hsbc_icon.svg');
}

.standard_chartered_bank_icon {
    background-image: url('../images/banks/standard_chartered_icon.svg');
}

.windhoek_bank_icon {
    background-image: url('../images/banks/windhoek_bank_icon.svg');
}

#nav_bar {
    background-color: white;
    font-size: calc(calc(26 / 750) * var(--seg_width));
    float: left;
    /* width: var(--s_width); */
    width: var(--sov_holder_width);
    top: calc(calc(90 / 750) * var(--seg_width));
    background-color: white;
}

.nav_bar_btn {
    float: left;
    height: calc(calc(72 / 750) * var(--seg_width));
    line-height: calc(calc(72 / 750) * var(--seg_width));
    text-align: center;
    /* width: calc(var(--seg_width) / 4); */
    width: calc((calc(var(--s_width) - var(--portrait_width))) / 4.01);
    /* background-color: rgb(153, 204, 255); */
    background-color: #f06339;
    color: white;
}

.selected_nav_bar_btn {
    background-color: #F7F7F7;
    /* color: rgb(53, 157, 71); */
    color: #f06339;
}

.generic_line_item_amount {
    display: inline-block;
    font-size: calc(calc(36 / 750) * var(--seg_width));
    height: calc(calc(120 / 750) * var(--seg_width));
    width: calc(calc(220 / 750) * var(--seg_width));
    line-height: calc(calc(120 / 750) * var(--seg_width));
    text-align: right;
    margin-right: calc(calc(32 / 750) * var(--seg_width));
}

.debit {
    color: #f87056;
}

.credit {
    color: #37e1b0;
}

.extended_line_item_width {
    width: calc(calc(580 / 750) * var(--seg_width));
  height: calc(calc(50 / 750) * var(--seg_width));
  margin-bottom: calc(calc(30 / 750) * var(--seg_width));
  line-height: calc(calc(30 / 750) * var(--seg_width));
  margin-top: calc(calc(10 / 750) * var(--seg_width));
}

.line_item_width {
    width: calc(100% - calc(calc(390 / 750) * var(--seg_width)));
}

.line_item_width1 {
    width: calc(100% - calc(calc(290 / 750) * var(--seg_width)));
}

#statements_back_to_top_btn,
#beneficiary_back_to_top_btn,
#manage_beneficiary_back_to_top_btn,
#prepaid_airtime_back_to_top_btn,
#data_bundle_back_to_top_btn,
#prepaid_electricity_back_to_top_btn,
#wallet_fees_back_to_top_btn,
#card_fees_back_to_top_btn,
#comm_statements_back_to_top_btn,
#manage_bank_beneficiary_back_to_top_btn,
#bank_beneficiary_back_to_top_btn,
#province_back_to_top_btn,
#pay_instore_list_back_to_top_btn {
    display: none;
}

#card_sov_holder,
#savings_sov_holder,
#loyalty_sov_holder {
    display: none;
}

.terms_copy {
    font-size: calc(calc(22 / 750) * var(--seg_width));
    text-align: center;
}

#topup_table {
    width: calc(calc(696 / 750) * var(--seg_width));
    margin: calc(calc(27 / 750) * var(--seg_width));
    font-size: calc(calc(26 / 750) * var(--seg_width));
}

.dashboard_button {
    -webkit-box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    box-shadow: calc(calc(2 / 750) * var(--seg_width)) calc(calc(2 / 750) * var(--seg_width)) calc(calc(5 / 750) * var(--seg_width)) 0px rgba(0, 0, 0, 0.2);
    float: left;
    border-radius: calc(calc(14 / 750) * var(--seg_width));
    margin-left: calc(calc(33 / 750) * var(--seg_width));
    margin-top: calc(calc(33 / 750) * var(--seg_width));
    color: white;
    height: calc(calc(206 / 750) * var(--seg_width));
    width: calc(calc(206 / 750) * var(--seg_width));
    cursor: pointer;
}

#scan_pay_btn {
    background-image: url('../images/scan_pay_btn_icon.svg');
    background-color: #FF8100;
}

#prepaid_airtime_btn {
    background-image: url('../images/prepaid_airtime_btn_icon.svg');
    background-color: #f17981;
}

#data_bundles_btn {
    background-image: url('../images/data_bundles_btn_icon.svg');
    background-color: #2bc6ec;
}

#dstv_btn {
    background-image: url('../images/dstv_btn_icon.svg');
    background-color: #166DB4;
}

.round_dstv_icon {
    background-image: url('../images/round_dstv_icon.svg');
}

#prepaid_electricity_btn {
    background-image: url('../images/prepaid_electricity_btn_icon.svg');
    background-color: #fed547;
}

#card_payment_btn {
    background-image: url('../images/card_payment_btn_icon.svg');
    background-color: #8E2DE2;
}

#pay_instore_btn {
    background-image: url('../images/pay_instore_btn_icon.svg');
    background-color: #FF416C;
}

#withdraw_cash_btn {
    background-image: url('../images/withdraw_cash_btn_icon.svg');
    background-color: #A8E063;
}

#imaliexpress_btn {
    background-image: url('../images/imaliexpress_btn_icon2.svg');
    background-color: #1C3E73;
}

#card_payment_btn {
    background-image: url('../images/card_payment_btn_icon.svg');
    background-color: #8E2DE2;
}

#topup_card_btn {
    background-image: url('../images/topup_card_btn.svg');
}

#card_withdraw_btn {
    background-image: url('../images/card_withdraw_btn.svg');
}

#card_statements_btn {
    background-image: url('../images/card_statements_btn.svg');
}

#card_fees_btn1 {
    background-image: url('../images/card_fees_btn.svg');
}

.round_topup_card_icon {
    background-image: url('../images/topup_card_icon.svg');
}

.round_card_withdraw_icon {
    background-image: url('../images/card_withdraw_icon.svg');
}

.round_card_statements_icon {
    background-image: url('../images/card_statements_icon.svg');
}

.round_card_fees_icon {
    background-image: url('../images/card_fees_icon1.svg');
}

.success_card_transaction_icon {
    background-image: url('../images/success_card_transaction_icon.svg');
}

.failed_card_transaction_icon {
    background-image: url('../images/failed_card_transaction_icon.svg');
}

.round_pay_instore_icon {
    background-image: url('../images/round_pay_instore_icon.svg');
}

.round_withdraw_cash_icon {
    background-image: url('../images/round_withdraw_cash_icon.svg');
}

#prepaid_electricity_btn_txt {
    font-size: calc(calc(24 / 750) * var(--seg_width));
}

.round_prepaid_electricity_icon {
    background-image: url('../images/round_prepaid_electricity_icon.svg');
}

.round_credit_transfer_icon {
    background-image: url('../images/round_credit_transfer_icon.svg');
}

.round_debit_transfer_icon {
    background-image: url('../images/round_debit_transfer_icon.svg');
}

.round_commission_icon {
    background-image: url('../images/round_commission_icon.svg');
}

.round_link_icon {
    background-image: url('../images/round_link_icon.svg');
}

.round_vas_refund_icon {
    background-image: url('../images/round_vas_refund_icon.svg');
}

.round_monthly_subscription_icon {
    background-image: url('../images/round_monthly_subscription_icon.svg');
}

.round_imali_express_icon {
        background-image: url('../images/imaliexpress_icon.svg');
}

.round_monthly_subscription_icon {
    background-image: url('../images/round_monthly_subscription_icon.svg');
}

.round_otp_icon {
    background-image: url('../images/round_otp_icon.svg');
}

.dashboard_button_text {
    float: left;
    height: calc(calc(46 / 750) * var(--seg_width));
    font-size: calc(calc(26 / 750) * var(--seg_width));
    line-height: calc(calc(46 / 750) * var(--seg_width));
    margin-top: calc(calc(146 / 750) * var(--seg_width));
    text-align: center;
    width: calc(calc(206 / 750) * var(--seg_width));
}

#profile_image {
    background-image: url('../images/round_profile_icon.svg');
    border-radius: calc(calc(182 / 750) * var(--seg_width));
    background-color: #e8e8e8;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    margin-top: calc(calc(54 / 750) * var(--seg_width));
    margin-bottom: calc(calc(54 / 750) * var(--seg_width));
    overflow: hidden;
    height: calc(calc(182 / 750) * var(--seg_width));
    width: calc(calc(182 / 750) * var(--seg_width));
    background-size: cover;
}

#user_profile_popup_user_name {
    float: left;
    font-size: calc(calc(34 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    margin-top: calc(calc(108 / 750) * var(--seg_width));
    margin-bottom: calc(calc(24 / 750) * var(--seg_width));
    color: #000;
    width: calc(calc(472 / 750) * var(--seg_width));
}

#user_profile_popup_mobile_number {
    float: left;
    color: #808080;
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    font-size: calc(calc(24 / 750) * var(--seg_width));
    width: calc(calc(150 / 750) * var(--seg_width));
}

#user_profile_logout_button {
    float: right;
    font-size: calc(calc(24 / 750) * var(--seg_width));
    width: calc(calc(140 / 750) * var(--seg_width));
    color: white;
    height: calc(calc(60 / 750) * var(--seg_width));
    line-height: calc(calc(60 / 750) * var(--seg_width));
    text-align: center;
    background-color: var(--color_one);
    border-radius: calc(calc(30 / 750) * var(--seg_width));
    position: relative;
    top: -calc(calc(15 / 750) * var(--seg_width));
    right: calc(calc(32 / 750) * var(--seg_width));
}

.element_color_blue {
    color: #2bc6ec;
}

#reader {
    width: var(--seg_width);
    height: var(--s_height);
    float: left;
}

.profile_line_item_icon {
    margin-top: calc(calc(14 / 750) * var(--seg_width));
    margin-bottom: calc(calc(14 / 750) * var(--seg_width));
    margin-right: calc(calc(14 / 750) * var(--seg_width));
}

#wallet_beneficiaries_back_btn,
#bank_beneficiaries_back_btn,
#eft_back_btn,
#pay_instore_back_btn,
#withdraw_instore_back_btn,
#withdraw_qr_code_back_btn,
#withdraw_list_qr_code_back_btn {
    background-color: var(--color_three);
    left: 0px;
    position: absolute;
}

.prepaid_airtime_own_amount_txt {
    margin-top: calc(calc(42 / 750) * var(--seg_width));
    color: white;
}

.prepaid_electricity_own_amount_txt {
    margin-top: calc(calc(42 / 750) * var(--seg_width));
    color: white;
}

.prepaid_electricity_margin_top,
.refer_margin_top {
    margin-top: calc(calc(42 / 750) * var(--seg_width));
}

.tcs_modal_table_row {
    float: left;
    height: calc(calc(58 / 750) * var(--seg_width));
    line-height: calc(calc(58 / 750) * var(--seg_width));
    width: 100%;
    font-size: calc(calc(24 / 750) * var(--seg_width));
}

.tcs_modal_table_heading_green {
    color: white;
    background-color: #46f9bd;
}

.tcs_modal_table_heading_orange {
    color: white;
    background-color: #EA7700;
}

.tcs_modal_table_heading_blue {
    color: white;
    background-color: #2bc6ec;
}

.tcs_modal_table_text_left {
    float: left;
    text-align: left;
    border-bottom: calc(calc(1 / 750) * var(--seg_width)) solid #e7eff7;
    margin-left: calc(calc(33 / 750) * var(--seg_width));
    /* width: calc(calc(342 / 750) * var(--seg_width)); */
    width: calc(calc(var(--s_width) / 2) - calc(calc(33 / 750) * var(--seg_width)));
}

.tcs_modal_table_text_right {
    float: right;
    border-bottom: calc(calc(1 / 750) * var(--seg_width)) solid #e7eff7;
    text-align: right;
    margin-right: calc(calc(33 / 750) * var(--seg_width));
    /* width: calc(calc(342 / 750) * var(--seg_width)); */
    width: calc(calc(var(--s_width) / 2) - calc(calc(33 / 750) * var(--seg_width)));
}

.tcs_modal_table_text_borderless {
    border-bottom: none;
}

.modal_table_text_disclaimer {
    color: #a4adb6;
    float: left;
    font-size: calc(calc(18 / 750) * var(--seg_width));
    margin: calc(calc(35 / 750) * var(--seg_width));
    width: calc(var(--s_width) - calc(calc(35 / 750) * var(--seg_width)));
    height: calc(calc(58 / 750) * var(--seg_width));
}

.profile_line_item_spacer {
    width: var(--seg_width);
    height: calc(calc(44 / 750) * var(--seg_width));
    float: left;
    background-color: #f2f2f2;
}

#my_qr_code,
#instore_qr_code,
.withdraw_qr_code {
    float: left;
    width: calc(calc(500 / 750) * var(--seg_width));
    height: calc(calc(500 / 750) * var(--seg_width));
    margin-left: calc(calc(125 / 750) * var(--seg_width));
}

.get_electricity_voucher_btn {
    margin-left: -calc(calc(32 / 750) * var(--seg_width));
}

.electronic_receipt_btn {
    /* width: calc(calc(318 / 750) * var(--seg_width)); */
    height: calc(calc(86 / 750) * var(--seg_width));
    line-height: calc(calc(86 / 750) * var(--seg_width));
    /* margin-left: calc(calc(32 / 750) * var(--seg_width)); */
    margin-left: -calc(calc(32 / 750) * var(--seg_width));
    margin-top: calc(calc(16 / 750) * var(--seg_width));
    margin-bottom: calc(calc(16 / 750) * var(--seg_width));
    float: left;
    border-radius: calc(calc(46 / 750) * var(--seg_width));
    color: var(--color_one);
    font-size: calc(calc(36 / 750) * var(--seg_width));
    text-align: center;
    border-color: var(--color_one);
    border-style: solid;
    border-width: calc(calc(4 / 750) * var(--seg_width));
    display: block;
}

#select_bank_btn {
    border-top: calc(calc(2 / 750) * var(--seg_width)) solid #e7eff7;
}

#mos_btn {
    background-image: url('../images/mos_btn_icon.svg');
    background-color: white;
    background-size: calc(calc(180 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    background-position: center center;
    color: #4d9bd1;
}

#bus_ticket_btn {
    background-image: url('../images/bus_btn_icon.svg');
    background-color: white;
    background-size: contain;
}

#plane_ticket_btn {
    background-image: url('../images/plane_btn_icon.svg');
    background-color: white;
    background-size: contain;
    font-size: calc(calc(24 / 750) * var(--seg_width));
}

#pay_subscription_holder {
    width: var(--seg_width);
    height: var(--s_height);
    float: left;
    position: fixed;
    background-color: white;
    z-index: 10002;
    display: block;
}


/* <?php echo(($screen_height/3)*2); ?>px; */

#subscription_blue {
    width: 100%;
    height: calc(calc(var(--s_height) / 3) * 2);
    float: left;
    background-color: var(--color_one);
}

#subscription_amount_copy {
    color: white;
    float: left;
    font-size: calc(calc(40 / 750) * var(--seg_width));
    /* margin-top: <?php echo(((24/750)*$screen_width));?>px; */
    height: auto;
    width: calc(calc(686 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    text-align: center;
    margin-top: 12%;
}

#subscription_balance_copy {
    color: white;
    float: left;
    font-size: calc(calc(40 / 750) * var(--seg_width));
    /* margin-top: <?php echo(((24/750)*$screen_width));?>px; */
    height: auto;
    width: calc(calc(686 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    text-align: center;
    margin-top: 55%;
}

#lock_icon {
    width: calc(calc(158 / 750) * var(--seg_width));
    height: calc(calc(158 / 750) * var(--seg_width));
    float: left;
    background-image: url('../images/round_lock_icon.svg');
    background-position: 0px 0px;
    background-size: calc(calc(158 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    margin-left: calc(calc(296 / 750) * var(--seg_width));
    position: absolute;
    /* margin-top: calc(calc(calc(var(--seg_height) / 3) * 2) - calc(calc(158 / 750) * var(--seg_width)))/2; */
    /* <?php echo((($screen_height/3)*2-((158/750)*$screen_width))/2);?>px; */
    margin-top: 55%;
}

#subscription_sub_copy {
    color: black;
    float: left;
    font-size: calc(calc(30 / 750) * var(--seg_width));
    margin-top: calc(calc(24 / 750) * var(--seg_width));
    height: auto;
    width: calc(calc(686 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    text-align: center;
}

.subscription_btn {
    width: calc(calc(327 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    background-color: var(--color_one);
    bottom: calc(calc(32 / 750) * var(--seg_width));
    position: absolute;
}

.subscription_btn1 {
    width: calc(calc(327 / 750) * var(--seg_width));
    margin-left: calc(calc(391 / 750) * var(--seg_width));
    background-color: white;
    color: var(--color_one);
    border-color: var(--color_one);
    border-style: solid;
    border-width: calc(calc(4 / 750) * var(--seg_width));
    bottom: calc(calc(32 / 750) * var(--seg_width));
    position: absolute;
}

#force_logout_bth {
    color: #5888D6;
    float: left;
    font-size: calc(calc(30 / 750) * var(--seg_width));
    /* margin-top: <?php echo(((24/750)*$screen_width));?>px; */
    height: auto;
    width: calc(calc(686 / 750) * var(--seg_width));
    margin-left: calc(calc(32 / 750) * var(--seg_width));
    text-align: center;
    bottom: calc(calc(45 / 750) * var(--seg_width));
    position: absolute;
}

.instore_logos {
    background-image: url('../images/instore_logos.svg');
    width: var(--seg_width);
    height: calc(calc(98 / 750) * var(--seg_width));
    background-size: var(--seg_width);
    background-repeat: no-repeat;
    position: absolute;
    bottom: calc(calc(92 / 750) * var(--seg_width));
}

.hidden_div {
    display: none;
}

.wi_code_header {
    width: calc(calc(315 / 750) * var(--seg_width));
    text-align: right;
    font-size: calc(calc(50 / 750) * var(--seg_width));
    margin-bottom: calc(calc(5 / 750) * var(--seg_width));
    float: left;
    margin-top: calc(calc(10 / 750) * var(--seg_width));
}

.wi_code_footer {
    width: calc(calc(315 / 750) * var(--seg_width));
    text-align: right;
    font-size: calc(calc(20 / 750) * var(--seg_width));
    margin-top: 0px;
    float: left;
}

.yoyo_logo {
    background-image: url('../images/yoyo_dark_logo.svg');
    width: calc(calc(150 / 750) * var(--seg_width));
    height: calc(calc(98 / 750) * var(--seg_width));
    background-size: calc(calc(150 / 750) * var(--seg_width));
    background-repeat: no-repeat;
    float: left;
    margin-left: calc(calc(142.5 / 750) * var(--seg_width));
    margin-top: calc(calc(10 / 750) * var(--seg_width));
}

#generate_withdraw_code_btn {
    margin-top: calc(calc(50 / 750) * var(--seg_width));
}

#withdraw_qr_code_screen,
#withdraw_list_qr_code_screen {
    display: none;
}

.copy_to_clipboard {
    display: none;
}

#clipboard_btn {
    display: none;
}

.mno_holder {
    width: var(--seg_width);
    height: calc(calc(155 / 750) * var(--seg_width));
    float: left;
}


/* Swiper Override. START */

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(../images/prev_arrow_icon.svg);
    left: 10px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/next_arrow_icon.svg);
    right: 10px;
    left: auto;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: white;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0px;
    left: 0;
    width: 100%;
}

:root {
    --swiper-navigation-size: calc(calc(60 / 750) * var(--seg_width));
    --swiper-theme-color: #d3d3d3;
}

.swiper-pagination-bullet {
    width: calc(calc(10 / 750) * var(--seg_width));
    height: calc(calc(10 / 750) * var(--seg_width));
}

#own_amount_icon {
    background-color: white;
}


/* Swiper Override. END */


#card_call_center_btn {
    background-image: url('../images/card_call_center_btn.svg');
}

#replace_card_btn {
    background-image: url('../images/replace_card_btn.svg');
}