/*this css file is used to customized or overwrite some existing */

/*common customization*/

/*proifle-index customization*/


/*For now the Flexweb version is too low that there are no css for video, just added the video css below temporary. 
    When upadted the Flexweb version, these video css added below can be removed*/

.video {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    width: 18.125em;
    height: 10.1825842697em
}

@media (min-width: 27.4375em) {
    .video {
        width:23.4375em;
        height: 13.1671348315em
    }
}

@media (min-width: 34em) {
    .video {
        width:30em;
        height: 16.8539325843em
    }
}

@media (min-width: 41.5em) {
    .video {
        width:37.5em;
        height: 21.0674157303em
    }
}

@media (min-width: 44em) {
    .video {
        width:40em;
        height: 22.4719101124em
    }
}

@media (min-width: 64em) {
    .video--large {
        width:60em;
        height: 33.7078651685em
    }
}

@media (min-width: 71.5em) {
    .video--full {
        width:67.3125em;
        height: 37.816011236em
    }
}

.modal .video {
    margin-bottom: 0
}

.video__player {
    width: 100%;
    height: 100%;
    background: #000
}

.modal .video__player {
    display: none
}

.modal--visible .video__player {
    display: block
}

.video__player iframe {
    width: 100%;
    height: 100%
}
/*
.my-profile-index-big-banner a.btn,
.my-profile-index-big-banner .disclaimer-copy {
    display: none;
}*/
/*
.my-profile-index-big-banner .n-column-image-above__heading {
    text-align: center;
}
.my-profile-index-big-banner .icon-account {
    color: white;
}*/
/*GDN-19511 & GDN-19469*/
.my-icon-close {
    color: #4FC143;
    cursor: pointer;
}
.my-modal-remove-card div.modal__inner { padding-bottom: 20px;}
.my-modal-remove-card button.modal__close {
    /* per GDN-19511's mockup, there is no close button in corner*/
    display: none;
}
.my-profile-cards .border-top + .border-top{
    border-top: none;
}

.my-profile-cards .my-all-row:nth-child(22) {
    /* per GDN-19511 it supports 20 cards at maxinum. there are 2 additional rows */
    display: none;
}


#modal-spinner {
    height: 100%;
    width: 100%;
}
#modal-spinner .modal__close{ display: none;}
#modal-spinner .modal__header-title {
    padding-top:0.425em; font-size:0.7em; text-transform: initial;
}
#modal-spinner .my-spinner-img{
    width: 50%;
}

/*END GDN-19511 & GDN-19469*/

.my-profile-loadsuccess-big-banner .tnt-heading {
    text-align: center;
    font-size: 2.5em;
}

.my-profile-loadsuccess-big-banner .tnt-subheading {
    text-align: center;
    font-weight: 400;
}

.my-profile-requesthelpsuccess-big-banner .tnt-heading {
    text-align: center;
    font-size: 2.5em;
}

.my-profile-requesthelpsuccess-big-banner .tnt-subheading {
    text-align: center;
    font-weight: 400;
}

/* workaround to work h2 tag in _divider block on mobile devices */
.divider.my-profile-loadnewcard-divider{
    padding-bottom: 6px;
}
.my-user-setup-big-banner a.underline {
    text-decoration: underline;
}

@media screen and (max-device-width: 375px) {
    .my-profile-loadnewcard-divider h2 .tnt-heading {
        font-size: 0.8em;
        letter-spacing: 0.2em;
    }
}

.forgot-password .btn-form{
    text-align:center;
    border-top:0px;
    margin-top:20px;
}

.forgot-password .btn-form .btn-form__inner{
    float:none;
}

.my-user-loginhelpsuccess-big-banner .tnt-heading {
    text-align: center;
    font-size: 2.5em;
}

.my-user-loginhelpsuccess-big-banner .tnt-subheading {
    text-align: center;
    font-weight: 400;
}

.forgot-password {
    padding-bottom: 0px;
}

.forgot-password .one-column-image-above{
    padding-bottom: 0px;
}

.forgot-password  .divider--heading{
    padding-bottom:30px;
}

.forgot-password .grid-row{
    padding-bottom:20px;
}

.forgot-password  .text-container{
    padding-bottom:0px;
}

#modal-login-phone .modal__secondary-link {
    white-space: nowrap;  
} 

#two-column-image-right .subTitle {
    font-weight: 600;
}

.form-vaf .btn-form
{
    text-align: center;
    border-top: 0px;
    margin-top: 20px;
}

    .form-vaf .btn-form .btn-form__inner
    {
        text-align: center;
        float: none;
    }


/*fix bug for moneypak.com's header btn 'Deposit to Card' while scroll down the screen. 20170919*/
.page-header > .page-navigation .page-navigation__btn.tnt-nav-button2 { max-width: none;}