/* CSS Document */
html {
height: 100%;
box-sizing: border-box;
}
body {
font-family: Tahoma, Helvetica, sans-serif;
position: relative;
min-height: 100%;
}
.DnnModule {
z-index: inherit;
}
.lookNfeel_page {
padding: 0;
margin: 0;
width: 100%;
border: 0;
min-height: calc(100vh - 30px);
/*padding-bottom: 87px;*/
}
.fl_login_footer {
position: absolute;
bottom: 0;
width: 100%;
}
.lookNfeel_page .fl_width_containt {
width: 970px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.lookNfeel_page .lf_header {
border-top: 11px solid #0066B2;
}
.lookNfeel_page .fl_header_content {
height: 90px;
}
.lookNfeel_page .fl_header_content .fl_header_menu {
text-align: right;
padding-top: 45px;
width: 50%;
display: inline-block;
float: right;
}
.lookNfeel_page .fl_header_content .fl_header_menu a{
font-size: 12px;
color: #0066B2;
padding-left: 20px;
line-height: 18px;
}
.lookNfeel_page .fl_header_content .fl_header_logo {
margin-top: 10px;
width: 40%;
display: inline-block;
float: left;
}
.lookNfeel_page .fl_header_content .fl_header_logo .fl_logo_title{
display: inline-block;
height: 30px;
padding-left: 30px;
line-height: 30px;
font-size: 16px;
font-weight: 600;
color: #000;
border-left: 1px solid #c6c6c6;
margin-left: 20px;
position: relative;
top: 18px;
}
.lookNfeel_page .fl_footer {
height: 80px;
/*background: #4A4A4A;*/
background: #fff none;
color: #000;
font-size: 14px;
/*position: absolute;
right: 0;
bottom: 0;
left: 0;*/
border-top: 0;
position: relative;
}
.lookNfeel_page .fl_footer .fl_footer_content {
padding-top: 35px;
}
.lookNfeel_page .fl_footer .fl_footer_content .fl_footer_left {
width: 50%;
float: left;
text-align: left;
color: #000;
}
.lookNfeel_page .fl_footer .fl_footer_content .fl_footer_right {
width: 50%;
float: right;
text-align: right;
color: #0066b2;
}
.lookNfeel_page .fl_footer .fl_footer_content .fl_footer_right a {
color: #0066b2;
text-decoration: underline;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}
.lookNfeel_page .fl_footer .fl_footer_content .fl_footer_right a:hover {
}
.lookNfeel_page .fl_footer .fl_footer_content .fl_footer_right a:visited {
}
.lookNfeel_page .fl_login {
position: relative;
}
.lookNfeel_page .fl_login .fl_login_bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
height: calc(100vh - 199px);
min-height: 400px;
}
.lookNfeel_page .fl_login .fl_login_bg_overlay{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=40);
opacity: 0.4;
background: #000;
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.fl_bg_overlay{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
background: #000;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100%;
z-index: 9998;
}
.lookNfeel_page .fl_login .fl_login_form {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
color: #fff;
text-align: center;
height: 75%;
width: 600px;
}
.lookNfeel_page .fl_login .fl_login_form_content {
position: absolute;
top: 0;
width: 290px;
margin: 0 auto;
color: #fff;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_login_title {
font-size: 22px;
color: #fff;
line-height: 30px;
white-space: nowrap;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group {
margin-top: 10px;
margin-bottom: 5px;
position: relative;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group .fl_control_form{
width: 190px;
height: 45px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0 none;
padding-left: 10px;
font-size: 14px;
color: #000;
outline: none;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group .fl_control_form::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #B4B4B4;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group .fl_control_form::-moz-placeholder { /* Firefox 19+ */
color: #B4B4B4;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group .fl_control_form:-ms-input-placeholder { /* IE 10+ */
color: #B4B4B4;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group .fl_control_form:-moz-placeholder { /* Firefox 18- */
color: #B4B4B4;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: #fff;
background-image: inherit;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group .fl_login_username{
background-color: #fff;
background-image: url(../images/ico_username.png);
background-position: left 10px center;
background-repeat: no-repeat;
padding-left: 28px;
padding-right: 69px;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group .fl_login_password{
background: #fff url(../images/ico_password.png) left 10px center no-repeat;
padding-left: 28px;
padding-right: 95px;
width: 164px;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group .fl_btn_inline{
background: #0064b5;
border: 0 none;
color: #fff;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: absolute;
right: 14px;
top: 11px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_form_group input:disabled{
background-color: #999 !important;
color: #fff !important;
}
.lookNfeel_page .my-placeholder {
color: #B4B4B4 !important;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_login_forgot_pass {
text-align: right;
margin-top: 15px;
padding-right: 5px;
position: relative;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_login_forgot_pass .fl_lbl_show_password{
font-size: 14px;
color: #fff;
position: absolute;
left: 0;
top: -13px;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_login_forgot_pass #fl_show_password{
width: 19px;
height: 19px;
position: relative;
top: 7px;
background: #fff;
-webkit-appearance: initial;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-left: 1px;
outline: none;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_login_forgot_pass #fl_show_password:checked{
background: url(../images/icon-checked.png) center center no-repeat;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_login_forgot_pass a {
color: #fff;
font-size: 12px;
text-decoration: none;
}
.lookNfeel_page .fl_login .fl_login_form_content .fl_login_forgot_pass a:hover {
color: #fff;
font-size: 12px;
text-decoration: underline;
}
.lookNfeel_page .fl_login .fl_login_form_bottom {
color: #fff;
font-size: 12px;
width: auto;
white-space: nowrap;
position: absolute;
bottom: 0;
}
.lookNfeel_page .fl_login .fl_login_form_bottom a {
color: #fff;
font-size: 14px;
white-space: nowrap;
display: inline-block;
margin-left: 20px;
margin-right: 20px;
}
.lookNfeel_page .fl_login .fl_login_form_bottom a.fl_link_register {
background: url(../images/ico_register.png) left 25px center no-repeat;
padding-left: 25px;
margin-right: 3px;
display: inline-block;
padding: 10px 25px;
padding-left: 50px;
background-color: rgb(54, 25, 25);
background-color: rgba(54, 25, 25, .2);
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.lookNfeel_page .fl_login .fl_login_form_bottom a.fl_link_open_account {
background: url(../images/ico_openAcc.png) left 25px center no-repeat;
padding-left: 20px;
margin-left: 2px;
display: inline-block;
padding: 10px 25px;
padding-left: 50px;
background-color: rgb(54, 25, 25);
background-color: rgba(54, 25, 25, .2);
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.lookNfeel_page .fl_login_banner {
padding-top: 40px;
/*position: absolute;
bottom: 0;
width: 100%;*/
}
.lookNfeel_page .fl_login_banner #fl_banner_slide {
text-align: center;
}
.lookNfeel_page .fl_login_banner #fl_banner_slide img{
max-width: 970px;
position: relative;
bottom: -4px;
margin: 0;
padding: 0;
}
.lookNfeel_page .fl_login_banner #fl_banner_slide .owl-prev {
background: #fff url(../images/ico_arrowLeft.png) center center no-repeat !important;
webkit-border-radius: 30px !important;
-moz-border-radius: 30px !important;
border-radius: 30px !important;
width: 40px !important;
height: 40px !important;
padding: inherit;
left: 30px;
}
.lookNfeel_page .fl_login_banner #fl_banner_slide .owl-next {
background: #fff url(../images/ico_arrowRight.png) center center no-repeat !important;
webkit-border-radius: 30px !important;
-moz-border-radius: 30px !important;
border-radius: 30px !important;
width: 40px !important;
height: 40px !important;
padding: inherit;
right: 30px;
}
.lookNfeel_page .fl_login_banner #fl_banner_slide .owl-pagination {
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
#fl_dialog {
display: none;
}
.fl-dialog-modal {
display: none;
}
.fl_dialog .fl_dialog_title {
text-align: center;
font-weight: bold;
font-size: 18px;
min-height: 20px;
}
.fl_dialog .fl_dialog_content {
text-align: center;
font-size: 16px;
padding: 0px 40px;
}
.fl_dialog.error .fl_dialog_title {
color: red;
}
.fl_dialog.error .fl_dialog_content {
color: red;
}
/*added 22/3/2017*/
.hidden {
display: none;
}
.fl_login_msg_err {
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F5821F;
color: #fff;
font-size: 12px;
position: absolute;
top: 0;
text-align: justify;
width: 290px;
}
.fl_login_msg_err_content {
padding: 5px 5px 5px 55px;
width: 225px;
}
.fl_icon_remove {
width: 34px;
height: 34px;
background: url(../images/Information.png) center center no-repeat;
cursor: pointer;
}
.fl_align_middle {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.fl_align_right_5 {
right: 5px;
}
.fl_align_right_10 {
right: 10px;
}
.fl_align_left_5 {
left: 5px;
}
.fl_align_left_10 {
left: 10px;
}
.fl_width_100percen {
width: 100%;
}
/*end added 22/3/2017*/
@media screen and (max-width: 1060px){
.lookNfeel_page .fl_login_banner #fl_banner_slide .owl-prev {
left: 10px;
}
.lookNfeel_page .fl_login_banner #fl_banner_slide .owl-next {
right: 10px;
}
}
#menu-main ul li ul.menu_style_1 li a.active {
padding: 0px 20px 9px 20px;
font-weight: bold;
border-bottom: 2px solid #f5821f;
}
/*#menu-main ul li div.menu_style_2 {
top: -21px;
}
#menu-main ul li ul.menu_style_1 {
top: -10px;
}
#menu-main ul li.actives ul.menu_ViewAccounts_vi-VN {
left: 0 !important;
}
#menu-main, #menu-main ul {
position: initial;
}*/
#wrapper {
min-width: 969px;
}
#container, .container{
width: 969px;
margin: 0 auto;
padding-top: 13px;
background: none;
}
.main_footer {
background: #0066b3 url(../images/gra.png) no-repeat 50% 0%;
width: 100%;
height: 80px;
margin: 0 auto;
position: relative;
z-index: 1000;
border-top: 10px solid #dcdcdc;
color: #fff;
text-align: center;
}
.footer_copyright {
font-size: 12px;
font-weight: normal;
margin-top: 36px;
}
.fl-account-information-header {
height: 85px;
background: #f3f3f3;
}
.fl-account-header-container {
position: relative;
height: 100%;
font-size: 10px;
padding-top: 0;
}
.fl-account-info-content {
padding-top: 20px;
}
.fl-account-header-left {
width: 60%;
float: left;
text-align: left;
}
.fl-account-header-left .fl-account-header-info {
margin-top: 9px;
}
.fl-account-header-left .fl-account-header-info .fl-account-header-title{
font-weight: bold;
}
.fl-account-header-left .fl-account-header-info .fl-account-header-name{
color: #0066b2;
text-transform: uppercase;
}
.fl-account-header-left .fl-account-header-info .fl-account-logout{
line-height: 17px;
background: #000;
color: #fff;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 10px;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
margin-top: 6px;
}
.fl-account-header-right {
width: 35%;
float: right;
text-align: right;
position: relative;
padding-right: 30px;
margin-top: 7px;
}
.fl-account-header-right .fl-account-header-notice {
color: #868686;
text-transform: uppercase;
}
.fl-account-header-right .fl-account-header-new-notice {
}
.fl-account-header-right .fl-account-header-new-notice a{
color: #000;
text-decoration: none;
font-size: 10px;
white-space: nowrap;
max-width: 330px;
overflow: hidden;
text-align: left;
display: inline-block;
}
.fl-account-header-right .fl-information {
width: 14px;
height: 14px;
background: url(../images/ico_information-but.png) center center no-repeat;
}
.fl-account-header-avatar {
width: 55px;
float: left;
position: relative;
}
.fl-box-edit-avatar {
width: 290px;
min-height: 300px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.16);
position: absolute;
top: 60px;
z-index: 998;
left: -50px;
}
.fl-box-edit-avatar-containt {
position: relative;
padding: 10px;
}
.fl-edit-avatar-narrow-up {
position: absolute;
width: 27px;
height: 15px;
background: url(../images/icon-narrow-up.png) center top no-repeat;
background-size: auto 100%;
top: -15px;
z-index: 9999;
left: 58px;
}
@media (max-width: 1020px){
.fl-box-edit-avatar {
left: 1px;
}
.fl-edit-avatar-narrow-up {
left: 5px;
}
}
@media (min-width: 1200px){
.fl-box-edit-avatar {
left: -125px;
}
.fl-edit-avatar-narrow-up {
left: 45%;
}
}
.fl-box-edit-avatar-header {
text-align: center;
font-size: 14px;
line-height: 30px;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 10px;
}
.fl-account-header-avatar img{
width: 40px;
height: 40px;
webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
border: 0 none;
}
.fl-box-edit-avatar-drag {
margin-top: 20px;
text-align: center;
}
.fl-box-edit-avatar-drag .fl-box-avatar-drag-drop {
width: 70px;
height: 70px;
webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #d8d8d8;
text-align: center;
vertical-align: middle;
font-size: 11px;
margin: 0 auto;
cursor: pointer;
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}
.fl-box-edit-avatar-drag .fl-box-avatar-drag-drop .fl-drag-drop-title {
padding: 10px 10px;
}
.fl-box-edit-avatar-drag .fl-box-avatar-drag-drop .fl-box-avatar-drag-drop-img, .fl-box-edit-avatar-drag .fl-box-avatar-drag-drop img {
width: 100%;
height: 100%;
}
.fl-box-edit-avatar-choose-file {
margin-top: 20px;
text-align: center;
}
.fl-box-edit-avatar-choose-file .fl-choose-your-photo {
display: inline-block;
height: 26px;
line-height: 26px;
font-size: 12px;
text-align: center;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: linear-gradient(-180deg, #FFFFFF 0%, #F4F4F4 100%);
border: 1 solid #979797;
padding-left: 15px;
padding-right: 15px;
}
.fl-box-edit-avatar-choose-file .fl-choose-your-photo input[type="file"] {
display: none;
}
.fl-box-edit-avatar-list {
margin-top: 20px;
}
.fl-box-edit-avatar-save-btn {
height: 50px;
color: #fff;
background: #0066b2;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.fl-box-edit-avatar-save-btn a{
width: 100%;
line-height: 50px;
display: block;
color: #fff;
font-size: 14px;
text-align: center;
text-decoration: none;
}
.fl-box-edit-avatar-list .fl-box-edit-avatar-item {
width: 70px;
float: left;
margin: 10px;
cursor: pointer;
}
.fl-box-edit-avatar-list .fl-box-edit-avatar-item img{
width: 100%;
height: auto;
webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.fl-account-information-total {
height: 95px;
background: url(../images/bg_home_account.png) no-repeat;
background-size: 100% 100%;
}
.fl-account-information-col {
width: 33%;
float: left;
text-align: center;
height: 100%;
font-size: 12px;
}
.fl-account-information-col .fl-information-title {
margin-top: 17px;
color: #fff;
font-size: 13px;
}
.fl-account-information-col .fl-information-amount {
font-size: 20px;
font-weight: 600;
color: #fff;
line-height: 32px;
}
.fl-account-information-col .fl-information-currency {
text-transform: uppercase;
color: #fff;
}
.fl-account-border-left {
border-left-color: #C1C1C1;
border-left-width: 1px;
border-left-style: solid;
}
.fl-home-my-account {
margin-top: 13px;
}
.fl-home-my-account .spec-tit, .fl-home-all-history-tranaction .spec-tit{
margin-top: 0;font-weight:bold;
}
.fl-home-my-account-content {
background: #f1f1f1;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 18px 8px 18px 18px;
margin-top: -5px;
}
.fl-home-my-account-scroll {
max-height: 270px;
overflow-y: visible;
overflow-x: hidden;
padding: 0px 10px 0px 0px;
}
.fl-scroll {
overflow-y: visible;
overflow-x: hidden;
}
.fl-scroll::-webkit-scrollbar {
width: 5px;
background: transparent;
}
.fl-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: none;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: transparent;
}
.fl-scroll::-webkit-scrollbar-thumb {
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #f1f1f1;
}
ul.fl-my-account-list {
list-style: outside none;
margin: 0;
padding: 0;
}
ul.fl-my-account-list li {
list-style: outside none;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
height: 56px;
position: relative;
font-size: 10px;
margin-bottom: 16px;
}
ul.fl-my-account-list li:last-child {
margin-bottom: 0px;
}
ul.fl-my-account-list li .fl-list-item-content{
width: 100%;
margin-top: 13px;
}
ul.fl-my-account-list li .fl-list-item-subject{
width: 45%;
float: left;
height: 100%;
position: relative;
}
ul.fl-my-account-list li .fl-list-item-subject .fl-list-icon{
width: 24px;
height: 24px;
float: left;
/*background: url(../images/icon-current-account.png) center left no-repeat;*/
margin-left: 10px;
margin-right: 10px;
margin-top: 2px;
}
ul.fl-my-account-list li .fl-list-item-subject .fl-list-icon img{
max-width: 100%;
}
ul.fl-my-account-list li.master .fl-list-item-subject .fl-list-icon {
/*background: url(../images/icon-master-card.png) center left no-repeat;*/
}
ul.fl-my-account-list li.saving .fl-list-item-subject .fl-list-icon {
/*background: url(../images/icon-saving-account.png) center left no-repeat;*/
}
ul.fl-my-account-list li .fl-list-item-subject .fl-item-title {
font-weight: bold;
color: #0066b2;
font-size: 12px;
}
ul.fl-my-account-list li .fl-list-item-subject .fl-item-num {
color: #999;
font-size: 12px;
}
ul.fl-my-account-list li .fl-list-item-fund {
width: 25%;
float: left;
border-left: 0.1em solid #f6f6f6;
height: 100%;
position: relative;
}
ul.fl-my-account-list li .fl-list-item-fund .fl-list-item-title {
font-size: 10px;
color: #999;
margin-left: 10px;
line-height: 13px;
}
ul.fl-my-account-list li .fl-list-item-fund .fl-list-item-amount {
font-size: 12px;
color: #0066b2;
margin-left: 10px;
}
ul.fl-my-account-list li .fl-list-item-balance .fl-list-item-title {
font-size: 10px;
color: #999;
margin-left: 10px;
line-height: 13px;
}
ul.fl-my-account-list li .fl-list-item-balance .fl-list-item-amount {
font-size: 12px;
color: #0066b2;
margin-left: 10px;
}
ul.fl-my-account-list li .fl-list-item-balance {
width: 29%;
float: left;
border-left: 0.1em solid #f6f6f6;
height: 100%;
position: relative;
}
ul.fl-my-account-list li .fl-list-item-balance .fl-list-item-arrow{
width: 5px;
height: 9px;
background: url(../images/right-arrow.png) center center no-repeat;
cursor: pointer;
}
.fl-home-all-history-tranaction {
margin-top: 13px;
font-size: 10px;
position: relative;
}
.fl-home-all-history-tranaction-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
z-index: 999;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: none;
}
.fl-mycard-content.card-disabled .fl-home-all-history-tranaction-overlay {
display: block;
}
.fl-home-all-history-tranaction-header {
background: #F1F1F1;
height: 59px;
margin-top: -5px;
position: relative;
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
}
.fl-home-transaction-arrow {
width: 44%;
float: left;
height: 35px;
margin-top: 20px;
text-align: center;
position: relative;
margin-left: 25px;
}
.my-card-transaction-arrow {
/*width: 44%;*/
float: left;
height: 35px;
margin-top: 20px;
text-align: center;
position: relative;
width: 100%;
margin-left: 0px;
}
.fl-home-transaction-select-card {
width: 48%;
float: right;
height: 35px;
margin-top: 13px;
text-align: center;
}
.fl-home-transaction-select-card .fl-select {
font-size: 12px;
border: 1px solid #979797;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 35px;
width: 317px;
color: #0066b2;
background: #fff;
position: relative;
line-height: 12px;
cursor: pointer;
}
.fl-home-transaction-select-card .icon-card{
width: 16px;
height: 16px;
display: inline-block;
margin-right: 5px;
vertical-align: text-top;
position: relative;
}
.fl-home-transaction-select-card .fl-select .fl-icon-select {
width: 10px;
}
.fl-home-transaction-select-card .fl-select .fl-icon-select .fl-icon-select-up{
width: 10px;
height: 6px;
background: url(../images/icon-select-up.png) center center no-repeat;
display: block;
}
.fl-home-transaction-select-card .fl-select .fl-icon-select .fl-icon-select-down{
width: 10px;
height: 6px;
background: url(../images/icon-select-down.png) center center no-repeat;
display: block;
margin-top: 6px;
}
.fl-home-transaction-select-card .fl-select-box {
text-align: left;
font-size: 12px;
border: 1px solid #979797;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #0066b2;
background: #fff;
width: 317px;
position: absolute;
top: 15px;
z-index: 99;
}
.fl-home-transaction-select-card .fl-select-box .fl-select-box-item {
padding: 10px;
position: relative;
border-bottom: 1px solid #dcdcdc;
cursor: pointer;
}
.fl-home-transaction-select-card .fl-select-box .fl-select-box-item.fl-select-box-title {
color: #000;
}
.fl-home-transaction-select-card .fl-select-box .fl-select-box-item:last-child {
border-bottom: 0 none;
}
.fl-home-transaction-select-card .fl-select-box .fl-icon-cancel{
background: url(../images/icon-cancel-small.png) center center no-repeat;
width: 12px;
height: 12px;
cursor: pointer;
}
.fl-home-transaction-month-slide {
height: 22px;
display: block;
position: relative;
overflow: hidden;
}
.fl-home-transaction-no-transaction-title {
text-align: center;
font-size: 20px;
color: #818181;
padding-top: 17px;
}
#fl-home-transaction-month-slide {
position: relative;
margin: 0 auto;
}
.fl-home-transaction-arrow .fl-owl-prev {
position: absolute;
height: 6px;
width: 6px;
background: url(../images/icon-arrow-left-12.png) center center no-repeat !important;
background-size: 100% auto;
left: -15px;
top: 5px;
padding: 3px 6px;
cursor: pointer;
}
.fl-home-transaction-arrow .fl-owl-next {
position: absolute;
top: 5px;
height: 6px;
width: 6px;
background: url(../images/icon-arrow-right-12.png) center center no-repeat !important;
background-size: 100% auto;
right: -20px;
padding: 3px 6px;
cursor: pointer;
}
.fl-home-transaction-month-slide .fl-home-month-slide-item {
font-weight: normal;
color: #000;
line-height: 22px;
display: inline-block;
padding-left: 12px;
padding-right: 12px;
font-size: 10px;
cursor: pointer;
}
.my-card-transaction-arrow .fl-home-transaction-month-slide .fl-home-month-slide-item {
padding-left: 28px;
padding-right: 28px;
font-weight: normal;
font-size: 12px;
}
.fl-home-transaction-month-slide .fl-home-month-slide-item.active {
background: #0066b2;
color: #fff;
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.fl-home-all-history-tranaction-content {
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
padding: 0px 15px 0px 20px;
max-height: 272px;
min-height: 150px;
overflow-y: visible;
overflow-x: hidden;
}
.fl-home-all-history-tranaction-content::-webkit-scrollbar {
width: 5px;
}
.fl-home-all-history-tranaction-footer {
border: 1px solid #D5D5D5;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
height: 32px;
padding-left: 20px;
padding-right: 20px;
position: relative;
text-align: left;
}
.fl-transaction-quick-view {
cursor: pointer;
}
.fl-icon-tranaction-success, .tranaction-success .fl-icon-tranaction {
height: 10px;
width: 10px;
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #7ED321;
display: inline-block;
position: relative;
top: 1px;
margin-right: 3px;
}
.fl-icon-tranaction-fail, .tranaction-fail .fl-icon-tranaction {
height: 10px;
width: 10px;
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #D0011B;
display: inline-block;
position: relative;
top: 1px;
margin-right: 3px;
}
.fl-icon-tranaction-revert, .tranaction-revert .fl-icon-tranaction {
height: 10px;
width: 10px;
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #F8E81C;
display: inline-block;
position: relative;
top: 1px;
margin-right: 3px;
}
.clear {
clear: both;
}
ul.fl-home-tranaction-list {
list-style: outside none;
margin: 0;
padding: 0;
}
ul.fl-home-tranaction-list li {
list-style: outside none;
padding: 12px;
display: block;
min-height: 10px;
font-size: 10px;
position: relative;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail {
/*width: 100%;*/
background: #F6F5F5;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.17);
margin-left: -10px;
margin-right: -10px;
top: -10px;
position: relative;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .fl-transaction-detail-title {
height: 40px;
background: #fff;
position: relative;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .fl-transaction-detail-content {
background: #EDEDED;
height: 93px;
border-top: 1px solid #c9c9c9;
position: relative;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .fl-transaction-detail-col {
float: left;
height: 100%;
border-right: 1px solid #dadada;
padding: 0 13px;
font-size: 10px;
font-weight: bold;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .fl-transaction-detail-col.fl-detail-col-05 {
border-right: 0 none;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .fl-transaction-detail-print {
width: 35px;
height: 35px;
background: url(../images/icon-printer.png) center no-repeat;
background-size: 100%;
cursor: pointer;
right: 15px;
display: inline-block;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .fl-transaction-detail-col .fl-transaction-detail-col-text {
font-size: 10px;
font-weight: bold;
margin-top: 20px;
color: #7b7b7b;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .fl-transaction-detail-col .fl-transaction-detail-col-val {
font-size: 10px;
font-weight: normal;
margin-top: 8px;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .fl-transaction-detail-col .fl-currency {
color: #f5821f;
}
ul.fl-home-tranaction-list li.tranaction-success .fl-home-transaction-detail .fl-transaction-detail-col .fl-currency {
color: #0066B2;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .fl-transaction-detail-title .fl-home-tranaction-item-name{
font-size: 14px;
text-transform: uppercase;
padding-left: 10px;
}
ul.fl-home-tranaction-list li .fl-home-transaction-detail .icon-calcel-black {
width: 12px;
height: 12px;
background: url(../images/icon-calcel-black.png) center no-repeat;
background-size: 100%;
cursor: pointer;
right: 10px;
display: inline-block;
position: absolute;
}
ul.fl-home-tranaction-list li:nth-child(even) {
background: #F6F5F5;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul.fl-home-tranaction-list li .fl-home-tranaction-item-name{
text-transform: uppercase;
text-align: left;
width: 60%;
float: left;
cursor: pointer;
}
ul.fl-home-tranaction-list li .fl-home-tranaction-item-amount{
text-align: right;
width: 27%;
float: left;
color: #0066B2;
font-weight: bold;
}
ul.fl-home-tranaction-list li .fl-home-tranaction-item-time{
text-align: right;
width: 13%;
float: left;
}
.fl-transaction-detail-col-val {
color: #0066B2;
}
ul.fl-home-tranaction-list li .fl-home-tranaction-item-amount.out, .fl-transaction-detail-col-val.out {
color: #f4b577;
}
.fl-pannel-blue {
}
.fl-right-pane {
margin-top: 0;
}
.fl-pannel-blue .fl-panel-header {
height: 50px;
background: url(../images/bg-pannel-header.png) repeat-x;
background-size: auto 100%;
color: #fff;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 2;
}
.fl-pannel-blue .fl-panel-header .fl-panel-header-content{
width: 100%;
line-height: 50px;
white-space: nowrap;
}
.fl-pannel-blue .fl-panel-header .fl-panel-header-title{
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 0 20px;
text-shadow: #0066b2 0.5px 0.5px 0.5px;
float: left;
}
.fl-pannel-blue .fl-panel-header .fl-panel-header-right{
padding-right: 10px;
text-align: right;
float: right;
}
.fl-pannel-blue .fl-panel-header .fl-panel-header-right a{
color: #fff;
text-decoration: none;
font-size: 12px;
border-bottom: 1px solid #fff;
padding-bottom: 1px;
}
.fl-pannel-blue .fl-panel-body {
background: #f1f1f1;
padding: 13px 14px;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -5px;
padding-top: 18px;
position: relative;
z-index: 1;
}
.fl-mycard-right {
}
.fl-mycard-right .fl-mycard-right-slide {
position: relative;
padding-top: 20px;
width: 160px;
margin: 0 auto;
}
.fl-mycard-right-slide-item {
text-align: center;
position: relative;
}
.fl-mycard-right-slide-item .fl-mycard-info{
position: absolute;
bottom: 8px;
left: 10px;
width: 100%;
text-align: left;
}
.fl-mycard-right-slide-item .fl-mycard-info .fl-mycard-info-name{
font-size: 12px;
color: #fff;
text-transform: uppercase;
line-height: 13px;
}
.fl-mycard-right-slide-item .fl-mycard-info .fl-mycard-info-number{
font-size: 11px;
color: #fff;
line-height: 15px;
}
.fl-mycard-right-slide-item .fl-mycard-info .fl-mycard-info-expire{
font-size: 9px;
color: #b7b7b7;
line-height: 14px;
margin-top: 3px;
}
.fl-lock-card-content .fl-mycard-info .fl-mycard-info-expire{
margin-top: 10px;
}
.fl-mycard-right .fl-mycard-right-slide img{
width: 160px;
height: 105px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fl-mycard-right .owl-pagination {
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.fl-mycard-right .owl-controls .owl-page span {
width: 5px;
height: 5px;
background: #fff;
}
.fl-mycard-right .owl-controls .owl-page.active span {
background: #f78100;
}
.fl-mycard-right .owl-prev {
position: absolute;
height: 12px;
width: 7px;
background: url(../images/icon-arrow-left-6.png) center center no-repeat !important;
left: 0px;
top: 60px;
padding: 0px !important;
cursor: pointer;
}
.fl-mycard-right .owl-next {
position: absolute;
top: 60px;
height: 12px;
width: 7px;
background: url(../images/icon-arrow-right-6.png) center center no-repeat !important;
right: 0px;
padding: 0px !important;
cursor: pointer;
}
.fl-mycard-right-status {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.fl-mycard-right-status a{
color: #fff;
background: #c4c4c4;
height: 15px;
line-height: 15px;
padding-left: 10px;
padding-right: 10px;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 10px;
display: inline-block;
text-decoration: none;
}
.fl-mycard-right-action {
background: #fff;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fl-mycard-right-action .fl-mycard-right-action-item {
font-size: 12px;
text-align: center;
padding-top: 14px;
padding-bottom: 14px;
border-bottom: 1px solid #d1d1d1;
}
.fl-mycard-right-action .fl-mycard-right-action-item:last-child {
border-bottom: 0px;
}
.fl-mycard-right-action .fl-mycard-right-action-item a {
font-size: 12px;
color: #0066b2;
text-decoration: none;
}
.fl-lock-card-content {
width: 249px;
margin: 0 auto;
}
.fl-mycard-right .fl-mycard-right-slide .fl-mycard-right-slide-item .fl-mycard-unactive-dest {
position: absolute;
width: 100%;
height: 100%;
color: #fff;
background: rgba(0, 0, 0, .7);
top: 0;
left: 0;
right: 0;
bottom: 0;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fl-mycard-right .fl-mycard-right-slide .fl-mycard-right-slide-item .fl-card-unactive-title {
font-size: 14px;
text-align: center;
padding: 15px;
}
.fl-mycard-right .fl-mycard-right-slide .fl-mycard-right-slide-item .fl-btn-active-card {
font-size: 12px;
color: #fff;
text-decoration: none;
text-align: center;
display: inline-block;
height: 27px;
line-height: 27px;
background: #F5821F;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 10px;
padding-right: 10px;
}
/*-----------------*/
.fl-mycard-right .fl-mycard-right-slide .fl-mycard-right-slide-item .fl-mycard-no-card-dest {
width: 100%;
height: 114px;
color: #818181;
background: #DFDFDF;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
}
.fl-mycard-right .fl-mycard-right-slide .fl-mycard-right-slide-item .fl-card-no-card-title {
color: #818181;
font-size: 12px;
padding: 15px;
padding-top: 25%;
}
.fl-mycard-right .fl-mycard-right-slide .fl-mycard-right-slide-item .fl-btn-cta-card {
font-size: 12px;
color: #fff;
text-decoration: none;
text-align: center;
display: inline-block;
height: 27px;
line-height: 27px;
background: #F5821F;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 25px;
padding-right: 25px;
margin-top: 16px;
max-width: 100%;
}
.fl-btn-action-orange, a.fl-btn-action-orange {
font-size: 16px;
color: #fff;
text-decoration: none;
text-align: center;
display: inline-block;
height: 50px;
line-height: 50px;
background: #F5821F;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 35px;
padding-right: 35px;
margin-top: 20px;
max-width: 100%;
}
.fl-btn-action-blue, a.fl-btn-action-blue {
font-size: 16px;
color: #fff;
text-decoration: none;
text-align: center;
display: inline-block;
height: 50px;
line-height: 50px;
background: #0066B2;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 35px;
padding-right: 35px;
margin-top: 20px;
max-width: 100%;
}
/*-----------------*/
.fl-card-unactive .fl-mycard-right-action .fl-mycard-right-action-item a {
color: #8E8E8E !important;
}
.fl-panel-inbox-right {
margin-top: 13px;
}
.fl-notify-new {
display: inline-block;
height: 18px;
line-height: 16px;
font-size: 12px;
color: #fff;
background: #F5821F;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 8px;
padding-right: 8px;
margin-top: 18px;
position: absolute;
left: 100px;
}
.fl-inbox-list-right {
}
.fl-inbox-list-right ul {
list-style: outside none;
margin: 0;
padding: 0;
width: 100%;
}
.fl-inbox-list-right ul li {
list-style: outside none;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
margin-bottom: 9px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.06);
padding: 10px 15px 10px 30px;
position: relative;
}
.fl-inbox-list-right ul li a.fl-inbox-title{
font-size: 12px;
text-decoration: none;
color: #0066b2;
}
.fl-inbox-list-right ul li .fl-inbox-time{
font-size: 10px;
color: #919191;
margin-top: 10px;line-height: 10px;
}
.fl-inbox-list-right ul li.fl-new a.fl-inbox-title:before{
content: " ";
display: table;
width: 8px;
height: 8px;
background: #f5821f;
position: absolute;
top: 20px;
left: 13px;
webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fl-inbox-right-load-more {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.fl-inbox-right-load-more .fl-link-load-more{
font-size: 10px;
text-decoration: none;
color: #fff;
background: #0066b2;
height: 15px;
line-height: 15px;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.fl-ads-box-right {
margin-top: 13px;
margin-bottom: 13px;
position: relative;
}
#fl-ads-box-right {
position: relative;
}
.fl-ads-box-right .fl-ads-box-right-item {
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fl-ads-box-right .fl-ads-box-right-item img {
width: 100%;
}
#fl-ads-box-right .owl-pagination {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
#fl-ads-box-right .owl-controls .owl-page span {
width: 5px;
height: 5px;
background: #fff;
}
#fl-ads-box-right .owl-controls .owl-page.active span {
background: #f78100;
}
.fl-ads-center-page {
margin-top: 13px;
margin-bottom: 13px;
overflow: hidden;
}
.fl-ads-center-page img{
border: 0;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: 9px;
display: inline-block;
}
.fl-ads-center-page a:last-child img {
margin-right: 0;
}
.fl-space-20px {
display: inline-block;
width: 20px;
}
.fancybox-close {
top: 0;
right: 0;
background: url(../images/icon-popup-close.png) center center no-repeat;
}
.otp-box {
width: 40px;
display: inline-block;
font-size: 28px;
padding: 0 6px;
margin: 5px;
border-radius: 3px;
text-align: center;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
box-shadow: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input.otp-box[type=number]::-webkit-inner-spin-button,
input.otp-box[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fl-account-header-2 {
height: 40px;
}
.fl-account-header-2 .fl-account-info-content {
padding-top: 3px;
}
.fl-no-card-title {
font-size: 20px;
color: #818181;
padding-top: 40px;
padding-bottom: 60px;
text-align: center;
}
.fl-no-card-banner-top {
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fl-no-card-banner-top img{
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}
.fl-no-card-list-title {
font-size: 25px;
text-align: center;
padding-top: 35px;
}
.fl-no-card-list {
padding-top: 20px;
}
.fl-no-card-list ul {
list-style: none;
}
.fl-no-card-list ul li {
list-style: none;
display: inline-block;
width: 224px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
border: 1px solid #CACACA;
}
.fl-no-card-list-item-img-card {
height: 186px;
text-align: center;
}
.fl-no-card-list-item-img {
padding-top: 20px;
}
.fl-no-card-list-item-img img {
width: 172px;
height: 109px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
}
.fl-no-card-list-item-name {
padding-top: 10px;
font-size: 14px;
text-align: center;
color: #0066B2;
width: 172px;
margin: 0 auto;
}
.fl-no-card-list-item-description {
background: #F2F2F2;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.fl-no-card-list-item-des-content {
padding: 26px 26px 10px 26px;
font-size: 12px;
line-height: 16px;
text-align: center;
}
.fl-no-card-list-item-btn {
text-align: center;
}
.fl-no-card-list-item-btn .fl-btn-action-orange {
margin-top: 5px;
padding-left: 15px;
padding-right: 15px;
height: 36px;
line-height: 36px;
font-size: 12px;
font-weight: bold;
}
.fl-no-card-list-item-compare {
height: 48px;
text-align: center;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.fl-btn-link-orange, a.fl-btn-link-orange {
font-size: 12px;
color: #F5821F;
}
.fl-no-card-list-item-compare .fl-btn-link-orange {
margin-top: 16px;
display: inline-block;
}
.fl-mycard-tab-containt {
padding: 4px 10px 0px 10px;
text-align: center;
}
ul.fl-my-card-tab {
list-style: none;
display: inline-block;
margin: 0 auto;
}
ul.fl-my-card-tab li {
list-style: none;
cursor: pointer;
display: inline-block;
margin-left: 40px;
margin-right: 40px;
font-size: 16px;
height: 49px;
line-height: 49px;
border-bottom: 3px solid #f1f1f1;
padding-left: 10px;
padding-right: 10px;
-webkit-transition:border-bottom .5s;
-moz-transition:border-bottom .5s;
-ms-transition:border-bottom .5s;
-o-transition:border-bottom .5s;
transition:border-bottom .5s;
}
ul.fl-my-card-tab li.active {
border-bottom-color: #f5821f;
-webkit-transition:border-bottom .5s;
-moz-transition:border-bottom .5s;
-ms-transition:border-bottom .5s;
-o-transition:border-bottom .5s;
transition:border-bottom .5s;
}
.fl-mycard-content {
display: none;
opacity: 0;
transition: display 0.5s, opacity 0.5s linear;
padding-top: 20px;
}
.fl-mycard-content.active {
display: block;
opacity: 1;
}
.my-card-transaction-arrow {
/*margin-left: 185px;*/
}
.fl-tranaction-history-footer-right {
float: right;
height: 100%;
display: inline-block;
line-height: 34px;
}
.fl-icon-export {
width: auto;
background: url(../images/export.png) left center no-repeat;
display: inline-block;
height: 15px;
padding-left: 20px;
}
.fl-icon-print {
width: auto;
background: url(../images/printer.png) left center no-repeat;
display: inline-block;
height: 15px;
padding-left: 20px;
}
.fl-tranaction-history-footer-right .fl-icon-export, .fl-tranaction-history-footer-right .fl-icon-print {
height: 34px;
margin-right: 15px;
cursor: pointer;
}
.fl-tranaction-history-footer-right .fl-line-vertical {
height: 34px;
border-left: 1px solid #F1F1F1;
padding-left: 15px;
display: inline-block;
position: relative;
}
.fl-icon-cancel{
background: url(../images/ico_cancel.png) center center no-repeat;
width: 12px;
height: 12px;
cursor: pointer;
}
.fl-tranaction-export {
width: 153px;
background: #fff;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
bottom: 50px;
left: -24%;
z-index: 999;
}
.fl-home-all-history-tranaction .spec-tit {
position: relative;
}
.fl-history-tranaction-search-advanced, a.fl-history-tranaction-search-advanced {
font-size: 12px;
color: #fff;
text-decoration: underline;
position: absolute;
right: 20px;
top: 20px;
}
.fl-history-tranaction-search-advanced-box .spec-tit {
position: relative;
margin-top: 0;
background-size: 100% 100%;
width: 100%;
min-width: 692px;
}
.fl-history-tranaction-search-advanced-box-content {
font-size: 12px;
padding: 5px 20px 20px 20px;
}
.fl-mycard-search-advanced-row, div.fl-mycard-search-advanced-row {
height: 37px;
margin-top: 15px;
line-height: 37px;
}
.fl-mycard-search-advanced-row .fl-search-row-title {
font-size: 14px;
color: #0066B2;
display: inline-block;
width: 60px;
}
.fl-mycard-search-advanced-row .fl-search-row-time {
display: inline-block;
}
ul.fl-search-item-tab {
list-style: none;
display: inline-block;
background: #EFEFEF;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
ul.fl-search-item-tab li {
list-style: none;
display: inline-block;
padding-left: 14px;
padding-right: 14px;
cursor: pointer;
font-size: 12px;
color: #888888;
}
ul.fl-search-item-tab li.active {
background: #0066B2;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
}
.fl-mycard-search-advanced-row .fl-search-row-arrow-right {
display: inline-block;
width: 25px;
height: 17px;
top: 4px;
position: relative;
background: url(../images/ico_arrowSearchAdvanced.png) center center no-repeat;
margin-right: 5px;
margin-left: 5px;
}
.fl-mycard-search-advanced-row .fl-search-row-time-period {
display: inline-block; float: right;
}
.fl-mycard-search-advanced-row span {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
.fl-mycard-search-advanced-row .fl-search-row-time-dates {
display: inline-block;
}
.fl-mycard-search-advanced-row .fl-search-row-time-dates .fl-datepicker {
position: relative;
display: inline-block;
}
.fl-mycard-search-advanced-row .fl-search-row-time-dates .fl-datepicker img{
position: absolute;
right: 10px;
top: 14px;
}
.fl-mycard-search-advanced-row .fl-search-row-time-dates .datepicker {
width: 120px;
height: 37px;
border: 1px solid #979797;
font-size: 12px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
outline: none;
padding-left: 10px;
}
.fl-mycard-search-advanced-row .fl-search-row-time-dates.hidden, .fl-mycard-search-advanced-row .fl-search-row-time-period.hidden {
display: none;
}
.fl-mycard-search-advanced-row .fl-search-row-type {
display: inline-block;
}
.fl-mycard-search-advanced-row .fl-search-row-amount {
display: inline-block;
}
.fl-mycard-search-advanced-row .fl-search-row-amount .fl-amount {
display: inline-block;
height: 37px;
border: 1px solid #979797;
font-size: 12px;
width: 152px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
outline: none;
padding-left: 10px;
}
.fl-history-tranaction-search-advanced-box-footer {
text-align: center;
height: 74px;
border-top: 1px solid #979797;
}
.fl-history-tranaction-search-advanced-box-footer .fl-btn-action-orange {
text-align: center;
height: 37px;
line-height: 37px;
}
.fl-history-tranaction-search-advanced-box .fl-icon-cancel {
position: absolute;
right: 20px;
top: 20px;
background: url(../images/ico_cancelWhite.png) center center;
}
.fl-history-tranaction-search-advanced-box-content {
min-height: 100px;
}
.fl-tranaction-export-popup {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
z-index: 997;
}
.fl-tranaction-export-content {
position: relative;
}
.fl-icon-arrow-down {
height: 10px;
width: 21px;
background: url(../images/icon-narrow-down.png) bottom center no-repeat;
position: absolute;
bottom: -9px;
left: 69px;
z-index: 998;
}
.fl-mycard-content-card {
}
.fl-tranaction-export-title {
height: 46px;
line-height: 45px;
font-size: 12px;
padding-left: 20px;
position: relative;
}
.fl-tranaction-export-title .fl-icon-cancel {
position: absolute;
right: 10px;
top: 16px;
}
.fl-tranaction-export-item {
height: 45px;
line-height: 45px;
border-top: 1px solid #a0a0a0;
text-align: center;
}
.fl-tranaction-export-item a {
text-decoration: none;
font-size: 12px;
color: #0066B2;
text-align: center;
}
.fl-mycard-content-card .fl-mycard-content-card-left {
width: 249px;
float: left;
}
.fl-mycard-content-card .fl-mycard-content-card-right {
width: 410px;
float: right;
}
.fl-mycard-card-primary {
}
.fl-mycard-card-primary {
text-align: center;
position: relative;
}
.fl-mycard-card-primary .fl-mycard-info{
position: absolute;
bottom: 8px;
left: 19px;
width: 100%;
text-align: left;
}
.fl-mycard-card-primary .fl-mycard-info .fl-mycard-info-name{
font-size: 16px;
color: #fff;
text-transform: uppercase;
line-height: 18px;
}
.fl-mycard-card-primary .fl-mycard-info .fl-mycard-info-number{
font-size: 12px;
color: #fff;
line-height: 19px;
}
.fl-mycard-card-primary .fl-mycard-info .fl-mycard-info-expire{
font-size: 11px;
color: #fff;
line-height: 14px;
margin-top: 18px;
}
.fl-mycard-unactive-dest {
display: none;
}
.fl-card-unactive .fl-mycard-unactive-dest {
display: block;
}
.fl-mycard-card-primary img {
webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: 100%;
}
.fl-mycard-card-primary .fl-mycard-unactive-dest {
position: absolute;
width: 100%;
height: 100%;
color: #fff;
background: rgba(0, 0, 0, .8);
top: 0;
left: 0;
right: 0;
bottom: 0;
webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.fl-mycard-card-primary .fl-card-unactive-title {
font-size: 14px;
text-align: center;
padding: 15px;
margin-top: 30px;
}
.fl-mycard-card-primary .fl-btn-active-card {
font-size: 14px;
color: #fff;
text-decoration: none;
text-align: center;
display: inline-block;
height: 35px;
line-height: 35px;
background: #F5821F;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 20px;
padding-right: 20px;
}
.fl-mycard-primary-title {
font-size: 12px;
text-align: center;
line-height: 30px;
}
.fl-mycard-card-supplementary {
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #F0F0F0;
margin-top: 20px;
}
.fl-mycard-card-supplementary .fl-mycard-supplementary-title {
text-align: center;
font-size: 12px;
line-height: 36px;
background-color: #d8d8d8;
webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
.fl-mycard-card-supplementary .fl-mycard-supplementary-content {
text-align: center;
font-size: 12px;
height: 150px;
padding-top: 10px;
padding-bottom: 10px;
}
.fl-mycard-supplementary-item {
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
cursor: pointer;
}
.fl-mycard-supplementary-item img {
height: 52px;
max-width: 90%;
margin: 0 auto;
}
.fl-mycard-supplementary-item .fl-mycard-info-name {
font-size: 14px;
text-transform: uppercase;
text-align: center;
padding-top: 10px;
}
.fl-mycard-supplementary-item .fl-mycard-info-number {
display: none;
}
.fl-mycard-supplementary-item .fl-mycard-info-expire {
display: none;
}
.fl-mycard-supplementary-item .fl-mycard-unactive-dest {
display: none;
}
.fl-mycard-supplementary-item .fl-mycard-sup-title {
display: none;
}
.fl-mycard-content-card-right .fl-mycard-content-amount {
height: 75px;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url(../images/bg-mycard-amount.png) repeat-x;
text-align: center;
}
.fl-mycard-content-card-right .fl-mycard-content-amount ul {
list-style: none;
display: inline-block;
margin: 0 auto;
width: 100%;
height: 100%;
}
.fl-mycard-content-card-right .fl-mycard-content-amount ul li{
list-style: none;
display: inline-block;
height: 100%;
text-align: center;
width: 49%;
}
.fl-mycard-content-card-right .fl-mycard-content-amount ul li.border-left{
border-left: 1px solid #bbb;
}
.fl-mycard-content-card-right .fl-mycard-content-amount ul li .fl-mycard-content-amount-title{
font-size: 12px;
text-align: center;
padding-top: 8px;
color: #fff;
}
.fl-mycard-content-card-right .fl-mycard-content-amount ul li .fl-mycard-content-amount-number{
font-size: 20px;
color: #FFFFFF;
text-align: center;
line-height: 30px;font-weight:bold;
}
.fl-mycard-content-card-right .fl-mycard-content-amount ul li .fl-mycard-content-amount-currency{
font-size: 12px;
text-align: center;
color: #fff;
}
.fl-mycard-content-detail {
}
.fl-mycard-content-detail .fl-mycard-content-detail-item {
height: 43px;
border-bottom: 1px solid #A5A5A5;
position: relative;
}
.fl-mycard-content-detail .fl-mycard-content-detail-item span{
display: inline-block;
margin-top: 15px;
}
.fl-mycard-content-detail .fl-mycard-content-detail-item.fl-mycard-category {
height: 47px;
border-bottom: 1px solid #F5821F;
color: #F5821F;
font-size: 16px;
}
.fl-mycard-content-detail .fl-mycard-content-detail-item.fl-mycard-category span{
margin-top: 20px;
}
.fl-mycard-content-detail .fl-mycard-content-detail-item .fl-item-left {
float: left;
text-align: left;
font-size: 12px;
color: #8B8B8B;
}
.fl-mycard-content-detail .fl-mycard-content-detail-item .fl-item-right {
float: right;
text-align: right;
font-size: 14px;
}
.fl-text-color-red {
color: #D0011B;
}
.fl-text-color-green {
color: #7ED321;
}
.fl-mycard-content-detail .fl-mycard-content-detail-item .fl-icon-category {
width: 12px;
height: 12px;
line-height: 11px;
font-size: 11px;
color: #fff;
background-color: #F5821F;
display: inline-block;
position: absolute;
right: 0;
bottom: 7px;
webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
cursor: pointer;
}
.fl-mycard-btn-action {
padding-top: 20px;
}
.fl-mycard-btn, a.fl-mycard-btn {
height: 43px;
width: 89px;
font-size: 12px;
background: url(../images/bg-mycard-btn.png) repeat-x;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #B6B6B6;
line-height: 43px;
display: inline-block;
text-align: center;
text-decoration: none;
position: relative;
top: 0;
}
.fl-mycard-btn span, a.fl-mycard-btn span {
line-height: 16px;
display: inline-block;
padding-top: 6px;
}
#fl-mycard-enable-commerce, #fl-mycard-disable-commerce {
margin-left: 10px;
position: relative;
top: 8px;
}
.acommerce {
margin-left: 11px;
position: relative;
top: 8px;
}
.fl-mycard-btn.disabled, a.fl-mycard-btn.disabled, a.fl-mycard-btn.disabled:hover {
color: #7E7E7E;
border-color: #8B8B8B;
}
#fl-mycard-enable-commerce.hidden, #fl-mycard-disable-commerce.hidden {
display: none;
}
#fl-mycard-pay-off {
margin-left: 11px;
}
.fl-mycard-content.card-disabled {
}
.fl-mycard-content.card-disabled .fl-mycard-content-detail .fl-mycard-content-detail-item.fl-mycard-category, .fl-mycard-content.card-disabled .fl-mycard-content-detail .fl-mycard-content-detail-item .fl-item-right, .fl-mycard-content.card-disabled .fl-mycard-content-detail .fl-mycard-content-detail-item .fl-icon-category {
color: #7E7E7E;
border-color: #8B8B8B;
}
.fl-mycard-content.card-disabled .fl-mycard-content-detail .fl-mycard-content-detail-item .fl-icon-category {
background: #C6C6C6;
}
.fl-mycard-content.card-disabled .fl-mycard-card-primary .fl-mycard-unactive-dest {
display: block;
}
.fl-mycard-content.card-disabled .fl-mycard-btn, .fl-mycard-content.card-disabled a.fl-mycard-btn, .fl-mycard-content.card-disabled a.fl-mycard-btn:hover {
color: #7E7E7E;
border-color: #8B8B8B;
}
.fl-mycard-transaction-history-filter-search {
height: 35px;
position: relative;
font-size: 12px;
}
.fl-mycard-transaction-history-filter-search div span{
color: #0066b2;
display: inline-block;
}
.fl-transaction-history-filter-search-left {
float: left;
padding-left: 20px;
margin-top: 25px;
color: #0066b2;
}
.fl-transaction-history-filter-search-right {
float: right;
text-align: right;
padding-right: 50px;
margin-top: 25px;
}
.fl-mycard-transaction-history-filter-search .fl-icon-cancel {
width: 14px;
height: 14px;
background: url(../images/cancel.png) center no-repeat;
position: absolute;
top: 25px;
right: 20px;
}
/* Tips */
.fl-tips-search {
padding: 20px;
padding-top: 25px;
background: #f1f1f1;
text-align: center;
webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
margin-top: -5px;
}
.fl-tips-search .fl-tips-search-title {
font-size: 20px;
text-align: center;
}
.fl-tips-search .fl-tips-search-box {
padding-top: 20px;
}
.fl-tips-search .fl-tips-search-group {
width: 378px;
height: 38px;
color: #f1f1f1;
border: 1px solid #979797;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
background: #fff;
text-align: left;
vertical-align: top;
position: relative;
}
.fl-tips-search .fl-icon-search {
width: 30px;
height: 38px;
background: url(../images/tip_search.png) center center no-repeat;
display: inline-block;
position: relative;
float: left;
}
.fl-tips-search .fl-tip-search-text, .fl-tips-search input.fl-tip-search-text {
height: 36px;
width: 335px;
display: inline-block;
border: 0 #fff;
outline: none;
margin-left: 0px;
position: relative;
float: left;
font-size: 14px;
margin-left: 5px;
color: #8c8c8c;
}
.fl-tips-content-detail {
padding-top: 34px;
font-size: 12px;
color: #626262;
line-height: 20px;
text-align: justify;
padding-bottom: 40px;
}
.fl-tips-cat-title {
font-size: 20px;
color: #0066b2;
margin-bottom: 34px;
}
.fl-tips-detail-bottom {
border-top: 1px solid #000000;
padding: 24px 0;
}
.fl-tips-detail-bottom .fl-tips-detail-left {
font-size: 16px;
color: #0066b2;
width: 30%;
background: url(../images/tip-icon-detail-left.png) left center no-repeat;
padding-left: 20px;
text-align: left;
float: left;
}
.fl-tips-detail-bottom .fl-tips-detail-right {
font-size: 16px;
color: #0066b2;
width: 30%;
background: url(../images/tip-icon-detail-right.png) right center no-repeat;
padding-right: 20px;
text-align: right;
float: right;
}
.fl-tips-resent-right-box {
border: 1px solid #bebebe;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
margin-top: 10px;
}
.fl-tips-resent-right-box .fl-tips-resent-box-title {
background: #f4f4f4;
color: #0066b2;
font-size: 16px;
line-height: 16px;
padding: 20px 25px;
}
.fl-tips-resent-right-box ul {
list-style: none;
margin: 0;
padding: 0;
}
.fl-tips-resent-right-box ul li {
list-style: none;
border-bottom: 1px solid #bebebe;
line-height: 14px;
padding: 18px 18px;
}
.fl-tips-resent-right-box ul li a {
font-size: 14px;
color: #262626;
/*font-weight: 600;*/
text-decoration: none;
}
.fl-tips-resent-right-box ul li:hover {
background: #0066b2;
}
.fl-tips-resent-right-box ul li:hover a{
color: #fff;
}
.fl-tips-resent-right-box ul li:last-child {
border-bottom: none;
webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.fl-tips-suggest-box {
position: absolute;
width: 100%;
top: 50px;
background: #f0f0f0;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fl-tips-suggest-containt {
position: relative;
padding: 20px 12px 20px 20px;
font-size: 14px;
}
.fl-tips-suggest-number {
font-size: 12px;
color: #8a8a8a;
}
.fl-tips-suggest-containt .fl-icon-close {
position: absolute;
top: 10px;
right: 10px;
width: 10px;
height: 10px;
display: inline-block;
background: url(../images/tip_ico_cancel.png) center center no-repeat;
cursor: pointer;
}
#fl-tips-suggest-content {
padding-top: 10px;
max-height: 250px;
overflow-y: visible;
overflow-x: hidden;
}
#fl-tips-suggest-content a {
display: block;
font-size: 14px;
color: #000;
margin-top: 8px;
margin-bottom: 8px;
}
.fl-suggest-hilight {
color: #F5821F;
}
.fl-cat-tips {
margin-bottom: 5px;
padding-bottom: 25px;
border-bottom: 1px solid #a2a2a2;
}
.fl-tips-list {
}
.fl-tips-list ul {
list-style: none;
margin: 0;
padding: 0;
}
.fl-tips-list ul li {
list-style: none;
padding: 20px 12px;
text-align: left;
display: block;
}
.fl-tips-list ul li:nth-child(even) {
background: #f6f6f6;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fl-tips-list ul li a {
font-size: 14px;
color: #000;
text-decoration: none;
}
.fl-tips-list ul li a:hover {
text-decoration: underline;
}
#fl_dialog_fl_enable_ecommerce_card {
max-width: 308px;
}
.spec-tit p {
font-family: inherit;
text-shadow: none;
}
/* address book */
.fl-address-book-header {
background: #f1f1f1;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -5px;
height: 59px;
position: relative;
}
.fl-address-book-header .fl-home-transaction-select-card {
width: 50%;
}
.fl-address-book-header .prettydropdown > ul {
border-color: #c9c9c9;
}
.fl-address-book-header .fl-home-transaction-select-card .fl-select {
width: 230px;
}
/* end address book */
/* pre approve card */
.fl_dialog_pre_approve_card {
width: 620px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
}
.fl_dialog_pre_approve_card .fl_dialog .fl_dialog_content {
padding: 0px;
}
.fl-dialog-pre-approve-card-banner {
}
.fl-dialog-pre-approve-card-banner img {
width: 100%;
webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.fl-dialog-pre-approve-card-content-struct {
text-align: left;
font-size: 16px;
padding: 18px 40px;
line-height: 23px;
}
.fl-dialog-pre-approve-card-content-struct .fl-hilight {
font-weight: 600;
color: #f3811f;
}
.fl-dialog-pre-approve-card-content-description {
padding: 0 30px 0 30px;
}
.fl-pre-approve-card-expire {
font-size: 14px;
text-align: left;
padding: 5px 20px;
webkit-border-radius: 15px;
-moz-border-radius: 15x;
border-radius: 15px;
background: #efefef;
}
.fl-pre-approve-card-interest {
padding-top: 20px;
}
.fl-pre-approve-card-interest ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.fl-pre-approve-card-interest ul li {
list-style: none;
display: inline-block;
text-align: center;
width: 18%;
vertical-align: top;
font-size: 12px;
margin-right: 1%;
}
.fl-pre-approve-card-interest ul li:last-child {
margin-right: 0%;
}
.fl-pre-approve-card-interest ul li img {
margin-bottom: 10px;
}
.fl-pre-approve-card-content {
}
.fl-dialog-pre-approve-card-containt {
height: 230px;
}
.fl-dialog-pre-approve-card-footer {
padding-top: 20px;
padding-bottom: 25px;
position: relative;
text-align: center;
}
.fl-dialog-pre-approve-card-footer .fl-btn-action-orange {
margin-top: 0;
}
.fl-dialog-pre-approve-card-footer .fl-pre-approve-card-condition {
position: absolute;
right: 30px;
top: 36px;
font-size: 12px;
}
.fl-dialog-pre-approve-card-footer .fl-pre-approve-card-condition a {
font-size: 12px;
text-decoration: underline;
}
.fl-dialog-pre-approve-card-footer .fl-pre-approve-card-back {
position: absolute;
left: 30px;
top: 34px;
font-size: 14px;
color: #F3811F;
cursor: pointer;
}
.fl-dialog-pre-approve-card-form {
width: 300px;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 30px;
text-align: left;
}
.fl-dialog-pre-approve-card-form .fl-pre-approve-card-form-title {
font-size: 16px;
color: #0066b2;
}
.fl-dialog-pre-approve-card-form .fl-pre-approve-card-form-group {
margin-top: 10px;
}
.fl-dialog-pre-approve-card-form input.form-group {
width: 100%;
height: 35px;
border: 1px solid #cccccc;
font-size: 12px;
webkit-border-radius: 4px;
-moz-border-radius: 4x;
border-radius: 4px;
outline: none;
padding: 0 10px;
}
.fl-dialog-pre-approve-card-form input.form-group.error {
border: 1px solid red;
}
.fl-dialog-pre-approve-card-form .fl-pre-approve-card-form-note {
font-size: 12px;
margin-top: 10px;
font-style: italic;
}
.fl-dialog-pre-approve-card-form .fl-pre-approve-card-form-note span {
color: #0066b2;
}
#fl_dialog_pre_approve_card_thank {
width: 350px;
}
.fl-pre-approve-card-thank {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.fl-pre-approve-card-thank-title {
font-size: 16px;
color: #0066b2;
padding-top: 10px;
padding-bottom: 10px;
}
.fl-pre-approve-card-thank-content {
font-size: 12px;
padding: 5px 20px;
}
.fl-pre-approve-card-thank-extent {
margin-top: 10px;
padding: 20px 10px;
background: #efefef;
font-size: 12px;
border-bottom: 1px solid #c8c8c8;
}
.fl-pre-approve-card-thank-extent-title {
color: #0066b2;
}
.fl-pre-approve-card-thank-extent-subtitle {
padding: 10px 0;
}
.fl-pre-approve-card-thank-extent-note {
font-style: italic;
}
.a-not-active {
pointer-events: none;
cursor: default;
}
/* end pre approve card */
/* CSS Document */
.btn-back-card{
font-size:16px;
display:inline-block; margin-top:13px;
}
.btn-back-card img{
margin-bottom:-2px;
margin-right:5px;
}
.btn-back-card:hover{ text-decoration:none;}
.fl-home-my-account-content.list-month{
padding: 4px 10px 0px 10px;
text-align: center;
}
.nlg-list-month{
display: inline-block;
margin: 0 auto;
}
.nlg-list-month li{
list-style: none;
float:left;
cursor:pointer;
font-size:12px;
margin:15px 5px;
padding:3px 9px;
border-radius:11px;
}
.nlg-list-month li.active{
background:#0066b3;
color:#fff;
}
.tit-saoke{
font-size:16px;
text-align:center;
margin-top:25px;
}
.box-tool{ font-size:13px; display:inline-block; }
.box-tool .tool{ float:left; padding:8px; color:#333;}
.box-tool .tool a:hover{color:inherit; text-decoration:none;}
.box-tool .tool img{ margin-right:5px; margin-bottom: -1px;}
.box-tool .tool .email{background:#0066b3; display:inline-block; padding:6px 10px; border-radius:4px; color:#fff;}
.tool .email:hover{color:#fff !important;}
.box-tool .tool .fl-line-vertical, .box-tool .tool.mid a{ margin-top:5px; display:inline-block}
.box-cthuc{ margin-top:20px;}
.bien-cthuc{
height:75px;
font-size:12px;
color:#fff;
background:url(../images/bg-step1.jpg) repeat-x left;
border-radius:8px;
float:left;
width:150px;
text-align:center;
}
.bien-cthuc.result{ background:url(../images/result-bg.png) no-repeat left;}
.bien-cthuc p{ margin-top:10px;}
.bien-cthuc p span{ font-size:14px; font-weight:bold;}
.pheptinh{ float:left; width:30px; line-height:70px; font-size:30px; text-align:center;}
.cthuc-text{ margin-top:10px; background:#f1f1f1; border-radius:4px; font-size:12px; text-align:center; padding:5px}
.tbl-chitiet{ margin-top:15px; }
.tbl-tit{ background:#e9e9e9; border-radius:6px 6px 0 0; height: 44px;}
.tbl-tit .col-tit{padding:0 20px; color:#797979; font-size:14px;}
.col-tit span{color:#000;}
.col-tit.col1{width:205px; font-size:16px; color:#0066b2; float:left; }
.col-tit.col1 p{ margin-top:11px;}
.col-tit.col2{ border:none; float:right; padding:0;}
.tbl-tit2{ padding:10px 20px 10px 20px; background:#f3f3f3; font-size:12px; font-weight:bold; color:#828282}
.tbl-tit3{ padding:8px 24px 8px 20px; background:#d4d4d4; font-size:12px;}
.tbl-tit3 .col1{float:left; width:80%; font-weight: bold;}
.tbl-tit3 .col2{float:left; width:20%; text-align:right;}
.tbl-ct-col1{ float:left; width:120px;}
.tbl-ct-col2{ float:left; width:340px;}
.tbl-ct-col3{ float:left; width:185px; text-align:right;}
.tbl-ct-col2 div{color:#7d7d7d;}
.tbl-ctent{ padding:5px 0px 25px 20px; background:#f3f3f3; max-height:300px}
.row-tbl{ font-size:12px; padding:5px 0px;}
.bor-rad-btm{ border-radius:0 0 6px 6px ;}
.mail_box_nlg{ font-size:20px; display:none; text-align:center; padding:10px 20px; min-width:260px;}
.mail_box_nlg p{ color:#0066b3}
.row-tbl.title{ border-bottom:solid 1px #ccc; font-weight:bold; margin-top:10px; margin-bottom:5px; margin-right:20px;}
.row-tbl.title .tbl-ct-col1{ float:left; width:450px;}
.row-tbl.title .tbl-ct-col2{ float:right; width:155px; text-align:right;}
.fl-line-vertical{position:relative;}
.fl-line-vertical i{ cursor:pointer;}
.fl-tranaction-export-title{ text-align:left;}
.mail_send{background:#f6a623; border-radius:12px; font-weight:400; color:#fff; padding: 5px 20px 5px 8px; display:none;}
.mail_send.show{ display:inline-block;}
.mail_send img{ vertical-align: bottom; margin-right: 8px;}
.box_mail_send{ text-align:center; margin-bottom:10px; height:27px; margin: 0px 0px 0px 200px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.row-tbl.title{ margin-right:8px;}
}
/*card statement*/
/*end cardstatement*/
.fl-icon-exportxanh {
width: auto;
background: url(../images/icon-export-card-statement.png) left center no-repeat;
display: inline-block;
height: 15px;
padding-left: 20px;
}
/* address book */
.fl-address-book-header {
background: #f1f1f1;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -5px;
height: 59px;
position: relative;
}
.fl-address-book-header .fl-home-transaction-select-card {
width: 35%;
}
.fl-address-book-header #prettydropdown-account {
width: 96% !important;
}
.fl-address-book-header .prettydropdown > ul {
border-color: #c9c9c9;
width: 96%;
}
.fl-address-book-header .prettydropdown > ul li{
width: 100% !important;
}
.fl-address-book-header .prettydropdown:not(.disabled) > ul.active {
width: 96%;
}
.fl-address-book-header .fl-home-transaction-select-card .fl-select {
width: 90%;
}
.fl-address-book-search {
padding: 15px 0;
height: auto;
min-height: 35px;
}
.fl-address-book-search .fl-address-book-search-box {
width: 34%;
float: right;
}
.fl-address-book-search .fl-address-book-action {
width: 50%;
float: left;
text-align: left;
}
.fl-address-book-search .fl-address-book-btn-delete {
height: 35px;
font-size: 14px;
background: #E3E3E3;
line-height: 35px;
padding-left: 15px;
padding-right: 15px;
display: inline-block;
webkit-border-radius: 5px;
-moz-border-radius: 5x;
border-radius: 5px;
text-decoration: none;
color: #000;
}
.fl-address-book-search .fl-address-book-btn-delete:hover {
text-decoration: none;
color: #000;
}
.fl-address-book-search .fl-address-book-btn-delete.fl-btn-active {
background: #F5821F;
color: #fff;
}
.fl-address-book-search .fl-address-book-btn-delete.fl-btn-active:hover {
background: #F5821F;
color: #fff;
}
.fl-address-book-search-box .fl-book-search-group {
width: 220px;
height: 35px;
color: #f1f1f1;
border: 1px solid #979797;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
text-align: left;
vertical-align: top;
position: relative;
}
.fl-address-book-search-box .fl-icon-search {
width: 30px;
height: 35px;
background: url(../images/tip_search.png) center center no-repeat;
display: inline-block;
position: relative;
float: left;
}
.fl-address-book-search-box .fl-book-search-text, .fl-address-book-search-box input.fl-book-search-text {
height: 34px;
width: 180px;
display: inline-block;
border: 0 #fff;
outline: none;
margin-left: 0px;
position: relative;
float: left;
font-size: 14px;
margin-left: 5px;
color: #8c8c8c;
}
.fl-book-suggest-box {
position: absolute;
width: 300px;
top: 50px;
right: 0;
background: #f0f0f0;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fl-book-suggest-containt {
position: relative;
padding: 20px 12px 20px 20px;
font-size: 14px;
}
.fl-book-suggest-number {
font-size: 12px;
color: #8a8a8a;
}
.fl-book-suggest-containt .fl-icon-close {
position: absolute;
top: 10px;
right: 10px;
width: 10px;
height: 10px;
display: inline-block;
background: url(../images/tip_ico_cancel.png) center center no-repeat;
cursor: pointer;
}
#fl-book-suggest-content {
padding-top: 10px;
max-height: 250px;
overflow-y: visible;
overflow-x: hidden;
}
#fl-book-suggest-content a {
display: block;
font-size: 14px;
color: #000;
padding-top: 8px;
padding-bottom: 8px;
}
.fl-address-book-list {
border: 1px solid #979797;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
}
.fl-address-book-list .fl-address-book-list-header {
border-bottom: 1px solid #979797;
padding: 12px 10px;
line-height: 25px;
color: #0066b2;
}
.fl-address-book-list .fl-address-book-list-col-1 {
width: 40px;
float: left;
}
.fl-address-book-list .fl-address-book-list-col-2 {
width: 180px;
float: left;
}
.fl-address-book-list .fl-address-book-list-col-3 {
width: 200px;
float: left;
}
.fl-address-book-list .fl-address-book-list-col-4 {
width: 200px;
float: left;
}
.fl-address-book-list .fl-address-book-list-col-5 {
width: 45px;
float: right;
}
.fl-address-book-list-content {
padding: 5px 5px;
padding-bottom: 10px;
}
.fl-address-book-list-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.fl-address-book-list-content ul li {
padding: 11px 5px;
line-height: 25px;
}
.fl-address-book-list-content ul li:nth-child(even) {
background: #f3f3f3;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.fl-address-book-list-content .fl-address-book-edit {
display: inline-block;
font-size: 10px;
background: #0066b2;
color: #fff;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
text-align: center;
}
.fl-address-book-list input[type=checkbox] {
height: 19px;
width: 19px;
border: 0 none;
-webkit-appearance: none;
outline: none;
background: #f5f5f5 url(../images/book/icon-uncheck.png) center no-repeat;
box-sizing: none;
}
.fl-address-book-list input[type=checkbox]:checked {
background: #f5821f url(../images/book/icon-checked.png) center no-repeat;;
border: 0 none;
color: #fff;
}
.fl-address-book-list .chek_all input[type=checkbox] {
position: relative;
top: 7px;
}
.fl-address-book-order {
width: 44px;
height: 24px;
cursor: pointer;
display: inline-block;
}
.fl-address-book-order.fl-az {
background: url(../images/book/order-AZ.png) no-repeat;
}
.fl-address-book-order.fl-za {
background: url(../images/book/order-ZA.png) no-repeat;
}
.fl-address-book-pagging {
font-size: 14px;
height: 20px;
padding: 10px 0;
}
.fl-address-book-pagging .fl-address-book-pagging-total {
width: 50%;
float: left;
text-align: left;
line-height: 18px;
}
.fl-address-book-pagging #book-pagging-total {
color: #0066b2;
font-weight: bold;
}
.fl-address-book-pagging .fl-address-book-pagging-detail {
width: 50%;
float: right;
text-align: right;
color: #8e8e8e;
line-height: 18px;
}
.fl-address-book-pagging .fl-address-book-pagging-detail .fl-pagging {
color: #8e8e8e;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
line-height: 18px;
}
.fl-address-book-pagging .fl-address-book-pagging-detail .fl-pagging:hover, .fl-address-book-pagging .fl-address-book-pagging-detail .fl-pagging.active {
color: #0066b2;
}
.fl-address-book-pagging .fl-address-book-pagging-detail .fl-pagging-pre {
width: 10px;
height: 18px;
display: inline-block;
background: url(../images/book/page-pre.png) no-repeat;
margin-bottom: -4px;
margin-right: 10px;
}
.fl-address-book-pagging .fl-address-book-pagging-detail .fl-pagging-pre:hover, .fl-address-book-pagging .fl-address-book-pagging-detail .fl-pagging-pre.active {
width: 10px;
height: 18px;
display: inline-block;
background: url(../images/book/page-pre-active.png) no-repeat;
}
.fl-address-book-pagging .fl-address-book-pagging-detail .fl-pagging-next {
width: 10px;
height: 18px;
display: inline-block;
background: url(../images/book/page-next.png) no-repeat;
margin-bottom: -4px;
margin-left: 10px;
}
.fl-address-book-pagging .fl-address-book-pagging-detail .fl-pagging-next:hover, .fl-address-book-pagging .fl-address-book-pagging-detail .fl-pagging-next.active {
width: 10px;
height: 18px;
display: inline-block;
background: url(../images/book/page-next-active.png) no-repeat;
}
.fl-address-book-form-edit {
background: #f1f1f1;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -5px;
position: relative;
min-height: 100px;
font-size: 16px;
padding: 40px 50px;
}
.fl-back-drum {
font-size: 14px;
line-height: 14px;
height: 14px;
display: block;
background: url(../images/book/back-brum.png) left center no-repeat;
padding-left: 15px;
margin-top: 13px;
}
.fl-book-edit-form {
}
.fl-book-edit-form .fl-book-form-group {
height: 55px;
}
.fl-book-edit-form .fl-book-form-group .fl-book-form-label {
width: 30%;
float: left;
padding-top: 5px;
}
.fl-book-edit-form .fl-book-form-group .fl-book-form-input {
width: 50%;
float: left;
position: relative;
}
.fl-book-edit-form .fl-book-form-group .fl-book-form-input .fl-form-input {
width: 100%;
height: 35px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #979797;
outline: none;
padding-left: 10px;
}
.fl-address-book-detail-bottom {
text-align: right;
font-size: 16px;
padding: 20px 0;
}
.fl-address-book-detail-bottom .fl-book-edit-btn-cancel {
font-size: 16px;
color: #0066b2;
display: inline-block;
margin-right: 20px;
line-height: 35px;
}
.fl-address-book-detail-bottom .fl-book-edit-btn-cancel:hover {
font-size: 16px;
color: #1F94EC;
}
.fl-address-book-detail-bottom .fl-book-edit-btn-save {
display: inline-block;
background: #0066b2;
color: #fff;
line-height: 35px;
padding-left: 20px;
padding-right: 20px;
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
}
.fl-address-book-detail-bottom .fl-book-edit-btn-save:hover {
background: #1F94EC;
color: #fff;
text-decoration: none;
}
.fl-book-edit-form .prettydropdown {
width: 100% !important;
}
.fl-book-edit-form .prettydropdown > ul {
width: 100% !important;
}
.fl-book-edit-form .prettydropdown > ul li {
width: 100% !important;
color: #000;
font-size: 16px;
}
.fl-book-edit-form .prettydropdown.arrow > ul.active > li.selected:before{
display: none;
}
.fl-book-edit-form .prettydropdown.arrow > ul.active > li:hover {
color: #0066b2;
}
.fl-book-edit-form .prettydropdown.arrow > ul.active > li.label {
font-weight: bold;
color: #000;
}
.fl-book-edit-form .prettydropdown.arrow > ul.active > li.selected {
color: #0066b2;
}
#fl_dialog_fl_delete_book a.fl-btn-action-orange {
font-size: 14px;
color: #fff;
text-decoration: none;
text-align: center;
display: inline-block;
height: 40px;
line-height: 40px;
background: #F5821F;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
margin-top: 0;
max-width: 100%;
}
#fl-btn-book-delete-cancel {
color: #F5821F;
font-size: 14px;
}
/* end address book */
/*topup*/
/*topup*/
.topup-slt{ padding:15px 5px 5px 5px; font-size:14px;}
.form-topup{ margin-top:20px;}
.tit-topup{ font-size:24px; color:#0066b3; font-weight:bold; background:#e3e3e3; border-radius: 6px 6px 0 0; padding:15px}
.list-truyenhinh{ background:#f1f1f1; max-height:337px;}
.item-th{
float:left;
width:24.8%;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
font-size:13px;
}
.content-th{
margin: 14px;
text-align: center;
height: 140px;
cursor:pointer;
}
.content-th:hover, .content-th.active{
background:url(../images/nologo/bg_th.png) center no-repeat;
}
.icon-th{ height:100px;}
.icon-th img{
top: 50%;height: 25px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position:relative;
}
.no-bor-r{ border-right:none !important;}
.btm-truyenhinh{
font-size:22px;
background:#f5821f;
border-radius: 0 0 6px 6px;
overflow: hidden;
}
.page-next{ float:left; color:#fff !important; line-height:50px; margin-right:5px; font-size:20px; font-weight:bold;}
.page-next img{
margin: 0 10px -2px 10px;
}
.page-break{ height:50px;}
.page-numb{
background:#000;
color:#fff !important;
display: block;
padding:11px 20px;
float:left;
border-right:solid 1px #979797;
font-weight:bold;
height:30px;
}
.page-numb:hover, .page-next:hover{ text-decoration:none;}
.page-numb.right, .page-next.right{ float:right !important}
.page-next.back{ margin-left:5px; font-weight:400 !important;}
.box-form{ padding:15px 40px; background:#f1f1f1;}
.type-topup{ background:#eaeaea; font-size:12px; text-align:center; border-radius: 4px; padding:8px; margin-bottom:20px;}
.type-topup img{ margin-right:10px; vertical-align:middle;}
.type-topup.half{
width:45%;
float:left;
margin-left:2%;
line-height:20px;
}
.row-form{ font-size:14px; margin-bottom:10px;}
.row-form .tit{
float:left;
width:240px;
padding-top:6px;
}
.row-form .input{
float:left;
width:370px;
}
.row-form .form-ctrl{
border:solid 1px #cbcbcb;
width:100%;
height:35px;
border-radius:4px;
padding:5px 10px;
font-size:14px;
}
.form-ctrl.area{
height:100px;
}
.row-form .note{font-size:12px;}
.topup-tb{padding: 4px 10px 0px 10px !important;}
.tit-tbl-topup{ font-size:13px;}
.text-center{ text-align:center;}
.notice_success{ font-size:13px; margin:8px;}
.notice_success b{ font-size:14px;}
.tit-sucss-topup{ color:#0066b3; font-size:16px; background:#e9e9e9; padding:8px 18px; border-radius:4px 4px 0 0;}
.cus-radio-topup {
padding-top: 5px;
}
.cus-radio-topup input[type="radio"], .iao_custom-radio2 input[type="radio"] {
display: none;
}
.cus-radio-topup label{ font-weight:400; cursor:pointer;}
.cus-radio-topup input[type=radio] + label > span {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50em;
background: url(../images/nologo/radio.png);
vertical-align: bottom;
margin-right: 10px;
}
.cus-radio-topup input[type=radio]:checked + label > span{
background: url(../images/nologo/radio-check.png);
}
.cus-check-topup {
padding-top: 5px;
}
.cus-check-topup input[type="checkbox"]{
display: none;
}
.cus-check-topup label{ font-weight:400; cursor:pointer;}
.cus-check-topup input[type=checkbox] + label > span {
display: inline-block;
width: 20px;
height: 20px;
background: url(../images/nologo/checkbox.png);
vertical-align: bottom;
margin-right: 10px;
}
.cus-check-topup input[type=checkbox]:checked + label > span{
background: url(../images/nologo/checkbox-check.png);
}
.typeform{
opacity: 0.3;
pointer-events: none;
cursor: default;
float:left;
width:580px;
}
.typeform.active{
opacity: 1;
pointer-events: auto;
cursor: auto;
}
.typeform .tit{ width:210px;}
.list-tk{
margin-top:15px;
}
.list-tk li{
float:left;
list-style-type:none;
background:#eaeaea;
font-size:12px;
margin-right:8px;
padding:8px;
width:123px;
border-radius:4px;
cursor:pointer;
height:52px;
text-align:center;
}
.list-tk li:last-child{ margin-right:0;}
.list-tk li.active{ background:#f5821f; color:#fff;}
.list-tk li div{
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
}
.topup-slt span{
display: inline-block;
margin-right: 15px;
position: relative;
top: -6px;
}
.topup-slt .icon-card {
width: 16px;
height: 16px;
display: inline-block;
margin-right: 5px;
vertical-align: text-top;
position: relative;
margin-top:2px;
}
.topup-slt .prettydropdown > ul > li{ font-size:13px;}
.row-form .icon-card {
width: 16px;
height: 16px;
display: inline-block;
margin-right: 5px;
vertical-align: text-top;
position: relative;
}
.prettydropdown.nlg li.selected p{ display:inline-block; color:#333;}
.prettydropdown.nlg ul.active li.selected p{ display:block; color:#0066b3;}
.prettydropdown.nlg li span, .prettydropdown.nlg ul.active li span{ display:none;}
.prettydropdown.nlg li.selected span{ display:inline-block; margin:0 5px;}
.prettydropdown.nlg li{ height:auto !important; line-height:normal; padding:9px;}
.prettydropdown.nlg li p{ margin:0; color:#0066b3;}
.prettydropdown.nlg > ul.active > li.label{ top:-45px;}
.prettydropdown.nlg > ul, .prettydropdown.nlg2 > ul, .row-form .prettydropdown > ul{ width:368px;}
.prettydropdown.nlg > ul > li, .prettydropdown.nlg2 > ul > li, .row-form .prettydropdown > ul > li{ width:366px !important; max-width:none !important; color:#333;}
.prettydropdown.nlg2 > ul > li{ color:#f5821f; overflow: hidden;}
.prettydropdown.nlg2 li p{ display:inline-block;color:#333;}
.prettydropdown.nlg2 > ul.active > li{height: 60px;}
.prettydropdown.nlg2 > ul > li.label{height: 35px;top:-60px;}
.prettydropdown.arrow{min-height:50px;}
.prettydropdown .pretrow2{padding-left: 20px; color: orange !important;top:-11px;position: relative;}
.prettydropdown .pretvib{color: #333;padding-left: 7px;}
.input_otp {
width: 28px;
height: 28px;
border: solid 1px #d8d8d8;
padding: 2px;
text-align: center;
margin: 0px 0px 0px 10px !important;
}
.popup_otp{
display:none;
font-size:13px;
text-align:center;
}
.btn_otp{
background: #0068b0;
color: #fff !important;
padding: 8px 15px;
border-radius: 5px;
display:inline-block;
margin: 0px 0px 15px 0px;
cursor:pointer;
}
.btn_continue{
background: #f5821f;
color: #fff !important;
border-radius: 5px;
padding: 8px 15px;
display:inline-block;
margin-top: 15px;
}
.btn_continue:hover, .btn_otp:hover{ text-decoration:none;}
.note_get_otp{
padding:15px;
}
.item-th-3col{
float:left;
width:33.1%;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
font-size:13px;
}
.item-th-3col .icon-th{ height:90px;}
.mar0{margin:0 !important;}
.text-hanmuc{ margin-bottom:-10px; margin-top:20px; font-size:11px;}
.text-hanmuc span{ color:#0066b3;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 5+ ONLY */
::i-block-chrome, .topup-slt span {
top:8px;
}
}
@media not all and (min-resolution:.001dpcm) { @media
{
/* Safari 10.1+ */
.topup-slt span{
top:10px;
}
}}
/* end topup */
/*----changepass--------*/
.fl-change-pass-header {
background: #f1f1f1;
margin-top: -5px;
height: auto;
min-height: 200px;
position: relative;
padding-bottom: 30px;
}
.fl-change-pass-footer {
background-color: #f5821f;
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -5px;
height: 57px;
position: relative;
text-align: right;
}
.fl-change-pass-footer-xc-nhn, a.fl-change-pass-footer-xc-nhn {
height: 19px;
line-height: 19px;
font-family: Verdana;
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #ffffff;
display: inline-block;
background: url(../images/changepass/2DE31485-0014-443E-A645-B06C2251674E.png) center right no-repeat;
padding-right: 30px;
text-decoration: none;
margin-top: 18px;
margin-right: 13px;
}
.fl-change-pass-content {
text-align: center;
padding-top: 41px;
}
.fl-change-pass-title {
font-family: Verdana;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000000;
line-height: 17px;
margin-bottom: 22px;
}
.fl-change-pass-input {
position: relative;
}
.fl-change-pass-input i {
width: 18px;
height: 18px;
margin-left: 12px;
display: inline-block;
}
.fl-change-pass-input .fl_control_form {
outline: none !important;
width: 244px;
height: 40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ffffff;
border: solid 0.5px #979797;
text-align: left;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0px;
text-align: left;
color: #000;
padding-left: 13px;
}
.fl-change-pass-input-err {
width: 257px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
font-style: italic;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #d0021b;
margin-top: 9px;
display: none;
margin-left: 12px;
}
.fl-change-pass-input-err.active {
display: inline-block;
}
.fl-change-pass-icon {
width: 18px;
height: 18px;
margin-left: 12px;
display: inline-block;
}
.fl-change-pass-icon.fl-icon-fail {
width: 18px;
height: 11px;
background: url(../images/changepass/43D3476A-8981-4857-A35C-4D5FE82C65BC.png) left center no-repeat;
position: relative;
top: 2px;
display: inline-block;
}
.fl-change-pass-icon.fl-icon-success {
width: 18px;
height: 18px;
background: url(../images/changepass/5E361C07-23D6-461A-A6C7-9AB83D9438A7.png) center center no-repeat;
position: relative;
top: 6px;
display: inline-block;
}
.fl-change-pass-new-pass {
margin-top: 25px;
display: none;
}
.fl-change-pass-new-pass.active {
display: block;
}
.fl-change-pass-rule {
width: 216px;
border-radius: 5px;
background-color: #e5e5e5;
padding: 10px 14px 13px 14px;
margin-top: 14px;
display: inline-block;
text-align: left;
line-height: 15px;
}
.fl-password-new {
position: relative;
}
.fl-change-pass-containt {
display: inline-block;
width: auto;
position: relative;
}
.fl-change-pass-containt {
display: inline-block;
width: auto;
position: relative;
}
.fl-change-pass-containt i.fl-change-pass-show-icon {
width: 18px;
height: 18px;
background: url(../images/changepass/89B6D001-A32A-4D56-9F13-1104C411C5D0.png) center center no-repeat;
position: absolute;
right: 10px;
top: 12px;
display: inline-block;
cursor: pointer;
}
.fl-change-pass-containt i.fl-change-pass-show-icon.active {
background: url(../images/changepass/A676B161-1AB1-4F45-B583-612F70E70C18.png) center center no-repeat;
}
.fl-change-pass-content-success {
webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
padding-bottom: 20px;
}
.change-pass-content-success-icon {
}
.change-pass-content-success-title {
object-fit: contain;
font-family: Verdana;
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.06;
letter-spacing: -0.1px;
text-align: center;
color: #000000;
margin-top: 36px;
}
.change-pass-content-success-desc {
object-fit: contain;
font-family: Verdana;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.31;
letter-spacing: -0.1px;
text-align: center;
color: #000000;
margin-top: 16px;
padding: 0 90px;
}
.change-pass-content-success-desc a {
color: #0066b2;
}
/*----end changepass----*/