﻿.language-picker > a {
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 1.5em;
    margin: 0em .25em;
    width: 2.25em
}

    .language-picker > a:nth-of-type(1) {
        background-image: url("/asset/img/flag-uk.svg")
    }

    .language-picker > a:nth-of-type(2) {
        background-image: url("/asset/img/flag-malaysia.svg")
    }

    .language-picker > a:nth-of-type(3) {
        background-image: url("/asset/img/flag-china.svg")
    }

#modal-xxx > div {
    margin-bottom: 1rem
}

#modal-xxx p {
    display: block;
    font-size: .8rem;
    color: #F5F5F5
}

    #modal-xxx p:nth-of-type(1) {
        font-weight: 700;
        margin-bottom: .25rem
    }

    #modal-xxx p:nth-of-type(2) {
        background-color: rgba(255,255,255,0.05);
        padding: .5rem .5rem;
        border-radius: 3px;
        width: 100%
    }

#modal-xxx input {
    display: block;
    border: none;
    outline: none;
    width: 100%;
    padding: .5rem .5rem;
    border-radius: 3px;
    color: #333
}

.btn-aspnet {
    padding: .5rem 1rem; border: none !important;
}

.mobile-login-btn {
    vertical-align: middle;
    width: 100%;
    display: block;
    margin-bottom: .5rem;
    padding: 1rem .5rem;
    border: none;
    outline: none;
    border-radius: 3px;
    text-align: center;
}

.txt-mobile {
    background-image: url("/asset/img/icon-mobile.svg")
}

.txt-pass {
    background-image: url("/asset/img/icon-password.svg")
}

.txt-fullname {
    background-image: url("/asset/img/icon-full-name.svg")
}

.txt-dob {
    background-image: url("/asset/img/icon-date-of-birth.svg")
}

#segment-notification .notification-content.A {
    -webkit-box-shadow: inset .5rem 0rem 0rem 0rem #00ff7f;
    box-shadow: inset .5rem 0rem 0rem 0rem #00ff7f
}

#segment-notification .notification-content.N {
    -webkit-box-shadow: inset .5rem 0rem 0rem 0rem coral;
    box-shadow: inset .5rem 0rem 0rem 0rem coral
}

#segment-notification .notification-content.S {
    -webkit-box-shadow: inset .5rem 0rem 0rem 0rem red;
    box-shadow: inset .5rem 0rem 0rem 0rem red
}

.col-rej {
    color: #ff0000 !important;
}
.col-acpt {
    color: #00ff7f !important;
}
.col-pnd {
    color: #f77e4d !important;
}

.vip-4 {
    background-color: #360033 !important;
}

.vip-3 {
    background-color: #34e89e !important;
}

.vip-2 {
    background-color: #00b09b !important;
}

.vip-1 {
    background-color: #dd3e54 !important;
}

.vip-0 {
    background-color: #333 !important;
}

.modal-content > p { color: #fff !important; }

/*.get-downloaders > div > div > img {
    max-width: 100%;
    margin-top: -4.75em
}*/

input.dumbutt {
    font-size: 0px;
    background-color: transparent;
    border: 0px solid;
}

.view-mission-modal {
    display: block !important;
    text-align: center;
    padding: 0.25rem 0.25rem;
}

.div-new-mission {
    position: relative;
    margin-top: 10px;
}

.div-new-mission-img {
    width: 40px;
    display: inline-block;
    position: absolute;
    top: -10px;
    right: -13px;
}

.divSEO {
    display: block;
    padding: 2rem;
    background-color: rgba(0,0,0,0.5);
}
    .divSEO h1, .divSEO h2, .divSEO p {
        color: #aaa;
    }

    .divSEO a {
        color: gold;
    }

ol.seo {
    margin-top: 1rem;
    margin-left: 1rem;
}

    ol.seo li {
        color: #aaa;
        margin-bottom: 1rem;
    }

.divAnnLnk {
    background-color: gold;
    padding: 10px 0;
}

/* -- *************** UPDATE: 20241014.0958 -- OTP *************** */
.divOTP {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.txt-otp {
    width: 69% !important;
}
.btn-otp {
    width: 29%;
}

    .btn-otp:disabled {
        background-color: #808080;
    }

    #divOTPRet {
        margin-bottom: 15px;
        color: #ccc;
    }

.uCase {
    text-transform: uppercase;
}

/* -- *************** UPDATE: 20241014.0958 -- OTP *************** */

/* -- *************** UPDATE: 20250108.0856 -- MAST BG *************** */
#header-desktop .mast {
    /*background-image: url("/asset/img/headbg.png");*/
    background-repeat: no-repeat;
    background-size: cover;
}

#header-mobile .mast {
    /*background-image: url("/asset/img/headbg.png");*/
    background-repeat: no-repeat;
    background-size: cover;
}