@charset "ISO-8859-1";

/* Login Page */
.login_page{position:relative;display:block;width:100%;height:calc(100vh);min-height:790px;background-size:cover;background-position:35% 0;overflow:hidden;}
.login_page .login_wrap{position:relative;float:right;height:100%;width:500px;padding:50px 30px 100px;background-color:rgba(255, 255, 255,0.75);}
			
/* Login_header */
.login_page .login_wrap .login_header{padding-bottom:30px;}

    /* Login Menu */
    .login_menu{padding-left:7px;}
    .login_menu > a{position:relative;display:block;width:36px;height:36px;padding:0;overflow:hidden;}
    .login_menu > a span{display:block;width:30px;margin:7px 0 0 3px;}
    .login_menu > a span,
    .login_menu > a span::before,
    .login_menu > a span::after{content:"";position:absolute;left:0;height:3px;background-color:#50585D;border-radius:1px;}
    .login_menu > a span::before{top:10px;width:22px;}
    .login_menu > a span::after{top:20px;width:30px;}

        .login_menu > .dropdown-menu{top:inherit !important;left:0 !important;bottom:0;width:500px;height:calc(100vh - 95px);background-color:#18334f;transform:none !important;border-radius:0;}
        .login_menu > .dropdown-menu::before{content:"";position:absolute;top:-20px;left:36px;width:0;height:0;border:10px solid transparent;border-bottom-color:#1B3451;}
        .login_menu > .dropdown-menu ul{padding:15px 0 0 0;}
        .login_menu > .dropdown-menu ul li a{position:relative;display:block;height:40px;padding: 0 0 0 40px;}
        .login_menu > .dropdown-menu ul li a span{display:block;height:100%;font-size:14px;color:#fff;line-height:40px;}
        .login_menu > .dropdown-menu ul li.separate{height:0;width:100%;padding:20px 40px;}
        .login_menu > .dropdown-menu ul li.separate > span{display:block;height:0;border-bottom:2px solid #3d5575;}


    /* select language */
    .login_lang .btn_lang{position:relative;display:block;height:36px;margin:0;padding:0 15px 0 42px;}
    .login_lang .btn_lang span.flag{position:absolute;top:8px;left:10px;width:28px;height:20px;padding:1px;background-position:1px 1px;background-size:auto 16px;background-repeat:no-repeat;border:1px solid #737372;}
        body.locale-en .login_lang .btn_lang span.flag{background-image: url('../../img/flags/gb.png');}
        body.locale-kh .login_lang .btn_lang span.flag{background-image: url('../../img/flags/kh.png');}
        body.locale-cn .login_lang .btn_lang span.flag{background-image: url('../../img/flags/cn.png');}
        body.locale-vn .login_lang .btn_lang span.flag{background-image: url('../../img/flags/vn.png');}
    .login_lang .btn_lang span{display:block;padding:0;font-size:13px;line-height:36px;color:#737372;text-transform:uppercase;}
    .login_lang .btn_lang i{position:absolute;top:6px;right:-8px;display:block;margin:1px 0 0;width:25px;padding:0; font-size:24px;line-height:22px;color:#737372;}

        /* select language */
        .login_lang .dropdown-menu{width:120px;right:0 inherit !important; margin:0 35px 0 0;}
        .login_lang .dropdown-menu ul{overflow: hidden;}
        .login_lang .dropdown-menu ul li{width:100%;}
        .login_lang .dropdown-menu ul li a{position:relative;display:block;height:32px;padding:5px 5px 5px 45px;}
        .login_lang .dropdown-menu ul li a img{position:absolute;top:6px;left:10px;width:28px;height:20px;padding:1px;background-position:1px 1px;background-size:auto 16px;background-repeat:no-repeat;border:1px solid #737372;}
        .login_lang .dropdown-menu ul li a span{display:inline-block;vertical-align:top;line-height:22px;font-size:14px;color:#112033;}
        .login_lang .dropdown-menu ul li a:hover{background-color:rgba(26, 51, 81,.55);}
        .login_lang .dropdown-menu ul li a:hover span{color:#fff;}
        .login_lang .dropdown-menu ul li a:hover img{border-color:#fff;}
/* Menu */

/* Login_content */
.login_page .login_wrap .login_cnt{padding:10px 35px;}
.login_page .login_wrap .login_cnt h1.logo{display:block;margin:25px 0 0;padding:0;text-align:center;}
.login_page .login_wrap .login_cnt h1.logo > a{display:inline-block;vertical-align:top;margin:0;padding:0;}
.login_page .login_wrap .login_cnt h1.logo > a img{display:block;height:60px;margin:0 auto;}
.login_page .login_wrap .login_cnt h2.banner_name{display:block;margin:50px 0 30px;padding:10px 0;font-size:16px;color:#494949;text-align:center;line-height:18px;}
.login_page .login_wrap .login_cnt .form_login ul li input[type="text"]{text-transform:uppercase;}
.login_page .login_wrap .btn_login{display:block;}
.login_page .login_wrap .btn_login .btn{position:relative;display:block;width:100%;height:44px;color:#fff;border: 1px solid #163e6d;background-color: #163e6d;border-radius:22px;}
.login_page .login_wrap .btn_login .btn > h6> span{font-size:13px;line-height:32px;color:#fff;}
.login_page .login_wrap .btn_login .btn i{position:absolute;top:4px;right:15px;display:block;font-size:22px;color:#fff;}

/* Login_footer */
.login_page .login_wrap .login_footer{position:absolute;left:0;bottom:0;width:100%;padding-bottom:15px;}
    .text_inline{display:table;margin:0 auto;overflow:hidden;}
    .text_inline li{width:auto;}
    .text_inline li > div{display:flex;padding:5px 0 5px;}
    .text_inline li > div > h6 > a{display:flex;margin:0;padding:0;}
    .text_inline li > div > h6 > a > i.md{height:36px;margin:2px 2px 0 0;font-size:24px;color:#494949;line-height:40px;}
    .text_inline li > div > h6 > a span{display:block;height:40px;padding:0 5px;font-size:13px;color:#494949;line-height:42px;}
    .text_inline.style1 li > div > h6 > a span{font-size:12px;color:#1f59a0; padding:0 5px;}
    .credential_wrap{display:block;margin:0;padding:0;text-align:center;}
    .credential_wrap > img{display:inline-block;vertical-align:top;height:50px;margin:10px 3px 0;}
/* //Login Page */

/* alert */
.alert_wrap{position:fixed;display:block;top:20px;left:calc(50% - 120px);max-width:600px;width:100%;padding:0;margin:0;z-index:9990;transition:left .6s;}
    /* Inline Message */
    .alert{position:relative;display:flex;flex-wrap:wrap;min-height:54px;margin:10px 0 0;padding:7px 10px 7px 15px;align-items:center;overflow:hidden;border-radius:0;border:0;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(170,183,217,0.6);-moz-box-shadow: 0px 0px 3px 0px rgba(170,183,217,0.6); box-shadow: 0px 0px 3px 0px rgba(170,183,217,0.6);
    }
    .alert .icons{display:none;width:0;height:0;overflow:hidden;}
    .alert > strong{font-size:13px;}
    .alert > p{display:block;width:100%;margin:0;padding:0;font-size:13px;}
    .alert.style1{display:table;width:100%;}
    .alert.style1 strong{display:table-cell;vertical-align:middle;}
    .alert.success{background-color:#EDF9E4;}
    .alert.success > p,
    .alert.success > strong{color:#3B7C09;}
    .alert.info{background-color:#CCE5FF;}
    .alert.info > p,
    .alert.info > strong{color:#104773;}
    .alert.warning{background-color:#F7F5EB;}
    .alert.warning > p,
    .alert.warning > strong{color:#CBA02D;}
    .alert.error{background-color:#F7EBEB;}
    .alert.error > p,
    .alert.error > strong{color:#B22F2F;}
    .alert::before{position:absolute;top:0;left:0;content:"";width:5px;height:100%;}
    .alert.success::before{background-color:#3B7C09;}
    .alert.error::before{background-color:#B22F2F;}
    .alert.warning::before{background-color:#CBA02D;}
    .alert.info::before{background-color:#104773;}
    .alert.icons{background-image:url(../img/icon/fail.png);background-color:#f8d7da;border:1px solid #ee5755;background-repeat:no-repeat;background-position:18px;background-size:auto 23px;padding-left:60px;}
    .alert.fail{background-color:#f8d7da;border:1px solid #ee5755;border-radius:6px;}
    .alert.fail strong{color:#313131;} 
    .alert.fail p{color:#515151;}   
    /* Inline Message */
    
    /* Notification */
    .alert.alert_item::before{display:none;}
    .alert.alert_item{margin:0 auto 15px;background-color:#EDF9E4;box-shadow:0 4px 5px rgba(0, 0, 0, 0.3);border-radius:10px;animation:slideIn 0.5s ease-out, forwards;}
    .alert_item.success{background-image:url(../img/icon/icon_alert.png);background-color:#EDF9E4;border:1px solid #30A47D;background-repeat:no-repeat;background-position:12px;background-size:auto 30px;padding-left:60px;}
    .alert_item.warning{background-image:url(../img/icon/icon_warning_notifcation.png);background-color:#fff3cd;border:1px solid #fddd64;background-repeat:no-repeat;background-position:16px;background-size:auto 30px;padding-left:60px;}
    .alert_item.danger{background-image:url(../img/icon/icon_fail.png);background-color:#f8d7da;border:1px solid #ee5755;background-repeat:no-repeat;background-position:20px;background-size:auto 22px;padding-left:60px;}
    .alert_cnt{display:block;padding:0px 0px 1px;}
    .alert_cnt > h6{display:block;font-weight:bold;font-size:16px;color:#333;} 
    /* Notification */

/* wrap */
.wrap{display:grid;grid-template-columns:360px auto;width:100%;height:100%;transition:grid-template-columns .6s;background-color:#EAEAEA;background-image: url('../img/bg/bg_label_01.png');background-size: 100% 160px;background-repeat: no-repeat;}
.wrap.home{background-size: 100% 400px;}
.wrap.home .containers{grid-template-rows:400px calc(100vh - 450px);}
/* .wrap.home .containers{grid-template-rows:400px calc(100vh - 450px) 50px;} */

.wrap.collapseUp{animation:headerCollapseUp 1s forwards;}
.wrap.collapseUp .containers{animation:headerCollapseUpContainer 1s forwards;}
.wrap.collapseUp .containers .item_box,
.wrap.collapseUp .containers .logo_sec_wrap{animation:headerCollapseHide 1s forwards;}
.wrap.collapseUp .containers .btn.btn_collapse::before{transform:rotate(180deg);}

.wrap.collapseDown{animation:headerCollapseDown 1s forwards;}
.wrap.collapseDown .containers{animation:headerCollapseDownContainer 1s forwards;}

.wrap.toggleLnb{grid-template-columns:120px auto;}
.wrap.toggleLnb .lnb_wrap .logo_wrap .btn_toggle_menu > label{transform:rotate(180deg);}
.wrap.toggleLnb .lnb_wrap .logo_wrap h1 > a{background-image:url(../img/logo/logo.png);}
.wrap.toggleLnb .menu_wrap .menu_inner > ul > li > a > span{opacity:0;}
.wrap.toggleLnb .menu_wrap .menu_inner > ul > li > a > span::before{opacity:0;}
.wrap.toggleLnb .alert_wrap{left:calc(50% - 250px)}
.wrap.none_bg{display:block;height:100vh;width:100%;background:none;}
/* Left Navigation Bar */
.lnb_wrap{position:relative;display:grid;grid-gap:15px;grid-template-rows:70px auto 40px;height:100%;padding:15px 15px 0;background-color:#CCD9EA;border-radius:0 20px 20px 0;z-index:992;}
    .lnb_wrap .logo_wrap{display:block;background-color:#284E7D;border-radius:15px;background-image:url('../img/bg/bg_logo.png');background-position:center;background-size:max(340px, 50%) 100%;background-repeat:no-repeat;}
    .lnb_wrap .logo_wrap h1{display:block;margin:0;padding:0;}
    .lnb_wrap .logo_wrap h1 > a{display:block;height:70px;background:url(../img/logo/logo_text_white.png) no-repeat center;background-size:auto 42px;}
    .lnb_wrap .logo_wrap h1 > a img{height:42px;}
    .lnb_wrap .logo_wrap .btn_toggle_menu{position:absolute;top:77px;right:-15px;display:block;width:30px;height:30px;background-color:#fff;border-radius:50%;z-index:800;overflow:hidden;}
    .lnb_wrap .logo_wrap .btn_toggle_menu > label{display:block;width:100%;height:100%;cursor:pointer;transform:rotate(0deg);transition:transform 1s;background:url('../img/icon/icon_arrow_left_primary.png') 40% center / 16px auto no-repeat;}
    .lnb_wrap .logo_wrap .btn_toggle_menu > input{display:none;}

    .logo_mobile_wrap{display:none;overflow:hidden;}
    .logo_mobile_wrap .btn_mobile{float:left;display:block;margin:5px 5px 0 15px;width:36px;height:36px;cursor:pointer;}
    .logo_mobile_wrap .btn_mobile .menu-btn{position:relative;display:block;margin:16px auto;padding:0;width:26px;height:4px;background-color:#fff;border-radius:2px;}
    .logo_mobile_wrap .btn_mobile .menu-btn:before, 
    .logo_mobile_wrap .btn_mobile .menu-btn:after{content:"";position:absolute;display:block;width:26px;height:4px;margin:0 auto; background-color:#fff;border-radius:2px;
            transform: rotateZ(0deg);
            -webkit-transform: rotateZ(0deg);
            transform-origin: 3px 3px;
            -webkit-transform-origin: 3px 3px;
            transition: all .3s ease-out;
        }
    .logo_mobile_wrap .btn_mobile .menu-btn:before{margin-top:-8px;}
    .logo_mobile_wrap .btn_mobile .menu-btn:after{margin-top:8px;}
    .logo_mobile_wrap .btn_mobile.on .menu-btn{background-color:transparent;}
    .logo_mobile_wrap .btn_mobile.on .menu-btn:before{left:2px;margin-top:-7px;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);}
    .logo_mobile_wrap .btn_mobile.on .menu-btn:after{left:3px;margin-top:7px;transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg);}
    .logo_mobile_wrap h1{float:left;display:block;margin:0;padding:0;}
    .logo_mobile_wrap h1 > a{display:block;}
    .logo_mobile_wrap h1 > a > img{display:block;height:46px;}

    .menu_wrap{display:flex;height:calc(100vh - 155px);width:100%;padding:0 0 0 0;background-color:#284E7D;border-radius:15px;overflow:hidden;}
    .menu_wrap .menu_inner{display:block;margin:0;padding:0;overflow:hidden;overflow-y:auto;}
    .menu_wrap .menu_inner.has-scrollbar ul{padding-right:5px;}
    .menu_wrap .menu_inner > ul{display:block;height:100%;width:100%;margin:0;padding:10px 15px 0 15px;}
    .menu_wrap .menu_inner > ul > li{position:relative;float:left;width:100%;animation:height 1s;}
    .menu_wrap .menu_inner > ul > li > a{position:relative;display:block;margin:0;padding:0;overflow:hidden;border-radius:5px;background-repeat:no-repeat;background-size:24px auto;background-position:18px center;}
    .menu_wrap .menu_inner > ul > li > a > span{position:relative;display:block;height:50px;padding:0 27px 0 60px;font-size:14px;color:#fff;line-height:48px;font-weight:normal;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:opacity 0.6s;}
    .menu_wrap .menu_inner > ul > li:first-child > a > span::before{background:none;}
    .menu_wrap .menu_inner > ul > li > a > span::before{content:"";position:absolute;top:50%;right:15px;display:block;width:20px;height:20px;margin-top:-10px;background:url(../img/icon/icon_menu_white.png) no-repeat center center;background-size:16px auto;transition:transform 0.5s, opacity 0.6s;}
    .menu_wrap .menu_inner > ul > li:has( > ul[style*="display: block"]) > a > span::before{transform:rotate(90deg);}
    .menu_wrap .menu_inner > ul > li:not(:has( > ul)) > a > span{background:none;}
    .menu_wrap .menu_inner > ul > li > ul{position:relative;display:none;padding:0 0 0 30px;overflow:hidden;}
    .menu_wrap .menu_inner > ul > li.home > a{background-image:url(../img/icon/Home.png);}
    .menu_wrap .menu_inner > ul > li.I001 > a{background-image:url(../img/icon/I001.png);} /* Account Services */
    .menu_wrap .menu_inner > ul > li.I002 > a{background-image:url(../img/icon/I002.png);} /* Local Fund Transfer */
    .menu_wrap .menu_inner > ul > li.I003 > a{background-image:url(../img/icon/I003.png);} /* Payment Services */
    .menu_wrap .menu_inner > ul > li.I004 > a{background-image:url(../img/icon/I004.png);} /* Mobile Phone Top Up */
    .menu_wrap .menu_inner > ul > li.I005 > a{background-image:url(../img/icon/I005.png);} /* Request Services */
    .menu_wrap .menu_inner > ul > li.I006 > a{background-image:url(../img/icon/Home.png);} /* User Administrations */
    .menu_wrap .menu_inner > ul > li.I007 > a{background-image:url(../img/icon/I007.png);} /* Reports */
    .menu_wrap .menu_inner > ul > li.I009 > a{background-image:url(../img/icon/I009.png);} /* Bill Payment */
    .menu_wrap .menu_inner > ul > li.I010 > a{background-image:url(../img/icon/I010.png);} /* Overseas Fund Transfer */
    .menu_wrap .menu_inner > ul > li.I011 > a{background-image:url(../img/icon/I011.png);} /* Standing Order */
    .menu_wrap .menu_inner > ul > li.I012 > a{background-image:url(../img/icon/I012.png);} /* Cheque Services */
    .menu_wrap .menu_inner > ul > li.I013 > a{background-image:url(../img/icon/I013.png);} /* Messages */
    .menu_wrap .menu_inner > ul > li.I014 > a{background-image:url(../img/icon/I014.png);} /* FX Trading */
    .menu_wrap .menu_inner > ul > li.I015 > a{background-image:url(../img/icon/I015.png);} /* Loan Service */
    .menu_wrap .menu_inner > ul > li.I016 > a{background-image:url(../img/icon/I016.png);} /* Term Deposit */
    .menu_wrap .menu_inner > ul > li.I017 > a{background-image:url(../img/icon/I017.png);} /* Tax Payment */
    .menu_wrap .menu_inner > ul > li.I018 > a{background-image:url(../img/icon/I018.png);} /* Manage Favorite */
    .menu_wrap .menu_inner > ul > li.I019 > a{background-image:url(../img/icon/I019.png);} /* Biller Service */
    .menu_wrap .menu_inner > ul > li.I021 > a{background-image:url(../img/icon/I021.png);} /* Bank Confirmation */
    .menu_wrap .menu_inner > ul > li.I022 > a{background-image:url(../img/icon/I022.png);} /* Derivative Broker */

    .menu_wrap .menu_inner > ul > li.on > a{background-color:#5080BA;}
    .menu_wrap .menu_inner > ul > li.on::before{content:"";position:absolute;top:0;left:-20px;height:50px;width:10px;background-color:#EEB300;z-index:999;border-radius:0 5px 5px 0;}
    .menu_wrap .menu_inner > ul > li > ul{display:none;}
    .menu_wrap .menu_inner > ul > li > ul::before{content:"";position:absolute;top:25px;left:30px;bottom:24px;width:1px;background-color:#959798;}
    .menu_wrap .menu_inner > ul > li > ul > li{position:relative;float:left;width:290px;}
    .menu_wrap .menu_inner > ul > li > ul > li::before{content:"";position:absolute;top:50%;left:-3px;width:7px;height:7px;background-color:#959798;border-radius:50%;transform: translate(0, -50%);}
    .menu_wrap .menu_inner > ul > li > ul > li.on::before{background-color:#CAA12D;}
    .menu_wrap .menu_inner > ul > li > ul > li a{position:relative;display:block;margin:0;padding:0;}
    .menu_wrap .menu_inner > ul > li > ul > li a span{display:block;width:calc(100% - 25px);padding:9px 0 10px 25px;font-size:14px;color:#fff;line-height:26px;font-weight:normal;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .menu_wrap .menu_inner > ul > li > ul > li.on a span{color:#CAA12D;}

    .lang_wrap{display:block;overflow:hidden;}
    .lang_wrap ul{display:grid;grid-template-columns:auto auto auto;margin:0 -5px 0;padding:0;}
    .lang_wrap ul > li{padding:0 5px;}
    .lang_wrap ul > li a{display:flex;height:32px;align-items:center;justify-content:center;padding:5px;border-radius:16px;}
    .lang_wrap ul > li a > span{display:inline-block;vertical-align:auto;margin:0 3px; line-height:20px;color:#2F548180;}
    .lang_wrap ul > li a > span.set_khmer{line-height:22px;}
        span.img_circle{display:block;width:20px;height:20px;overflow:hidden;border-radius:50%;}
        span.img_circle img{display:block;margin:0 -25%;height:100%;width:auto !important;max-width:none;}
    .lang_wrap ul > li.on a{border:1px solid #2F5481;}
    .lang_wrap ul > li.on a span{color:#2F5481;font-size:13px;}
    .lang_wrap ul > li.english a span,
    .lang_wrap ul > li.china a span{font-family:"MontserratSemiBold" !important;}
/* //Left Navigation Bar */

/* Session Header */
.header_wrap{position:relative;display:grid;grid-template-rows:80px auto;background-image: url(../img/bg/bg_label_01.png);background-size:cover;background-repeat: no-repeat;}
    .header_inner{display:block;padding:22px 25px 0 0;}
    .header_inner .header_profile{position:relative;display:block;z-index:999;}
    .header_inner .header_profile > a{position:relative;display:block;height:54px;max-width:310px;margin:0;padding:6px 45px 3px 55px;border:1px solid #ccc;border-radius:27px;background-color:rgb(84, 84, 84,0.6);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);z-index:992;}
    .header_inner .header_profile > a::before{content:"";position:absolute;top:50%;right:12px;display:block;margin-top:-10px;width:20px;height:20px;background:url(../img/icon/arrow_down_yellow.png) no-repeat;background-size:12px auto;background-position:50% 50%;transition:.5s;}
    .header_inner .header_profile > a.show{background-color:rgba(255, 255, 255,1);border:0;}
    .header_inner .header_profile > a.show > p,
    .header_inner .header_profile > a.show > span{color:#565656;}
    .header_inner .header_profile > a.show::before{transform: rotate(180deg);}
    .header_inner .header_profile > a img{position:absolute;top:12px;left:15px;height:30px;clip-path:circle(50%);}
    .header_inner .header_profile > a p{display:block;width:208px;margin:0;padding:0;font-size:13px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .header_inner .header_profile > a span{display:block;margin:0;padding:0;font-size:12px;color:#fff;}
    .header_inner .header_profile .profile_box{position:relative;min-width:auto !important;left:0 !important;right:0 !important;margin:-30px 0 0 !important;padding:20px 15px 15px;border-radius:0 0 27px 27px;z-index:990;}
        .profile_box .profile_mobile{position:relative;display:none;padding:6px 0 10px 40px;}
        .profile_box .profile_mobile > img{position:absolute;top:12px;left:0;height:30px;clip-path:circle(50%);}
        .profile_box .profile_mobile > p{display:block;margin:0;padding:0;font-size:13px;color:#565656;}
        .profile_box .profile_mobile > span{display:block;margin:0;padding:0;font-size:12px;color:#565656;}
        .profile_box .profile_acc{padding:5px 0;border:1px dashed #CACACA;border-left:0;border-right:0;}
        .profile_box .profile_acc.info{margin-top:8px;}
        .profile_box .profile_acc > p.pro_title{display:block;margin:0;padding:5px 0;font-size:12px;color:#CACACA;}
        .profile_box .profile_acc > p{display:flex;justify-content:space-between;}
        .profile_box .profile_acc > p strong{color:#565656;}
        .profile_box .profile_acc > ul > li:last-child{border-bottom:0;}
        .profile_box .profile_acc > ul > li{position:relative;width:100%;border-bottom:1px solid #CACACA;}
            .profile_box .profile_acc > ul > li::before{content:"";position:absolute;top:7px;left:0;display:block;width:30px;height:30px;background-repeat:no-repeat;background-size:14px auto;background-position:50% 50%;background-color:#EEF2FA;border-radius:50%;}
            .profile_box .profile_acc > ul > li.aboutus::before{background-image:url(../img/icon/icon_aboutus.png);}
            .profile_box .profile_acc > ul > li.exchrat::before{background-image:url(../img/icon/icon_exchangerate.png);}
            .profile_box .profile_acc > ul > li.contus::before{background-image:url(../img/icon/icon_contactus.png);}
            .profile_box .profile_acc > ul > li.faqs::before{background-image:url(../img/icon/icon_faqs.png);}
            .profile_box .profile_acc > ul > li a{display:block;padding:2px 0;}
            .profile_box .profile_acc > ul > li a span{display:block;height:40px;margin:0;padding:0 0 0 35px;line-height:40px;color:#274D7B;}
        .profile_box .btn_wrap .btn.btn-outline-danger{border:0;}
        .profile_box .btn_wrap .btn.btn-outline-danger > span{color:var(--text-danger);}

    .item_box{display:block;height:170px;max-width:1200px;width:80%;margin:50px auto;}
    .item_box .item{display:grid;grid-template-columns:calc(35%) auto;height:100%;width:50%;border-radius:10px;border:1px solid #fff;background:rgba(220, 236, 255, 0.50);backdrop-filter:blur(7px);}
    .item_box .item .progress_wrap{
        position:relative;display:block;width:122px;height:122px;margin:22px auto 0;border-radius:50%;border:1px solid #fff;
        -webkit-box-shadow: 0px 0px 0px 5px rgba(120, 153, 165, 0.7);
        -moz-box-shadow: 0px 0px 0px 5px rgba(135,154,161,0.7);
        box-shadow: 0px 0px 0px 5px rgba(135,154,161,0.7);
    }
    .item_box .item .progress_wrap .progress_box{width:120px;height:120px;}
    .item_box .item .progress_wrap .progress_box .flot-base, 
    .item_box .item .progress_wrap .progress_box .flot-overlay{width:100% !important;height:100% !important;}
    .item_box .item .progress_wrap .wallet{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:60px;height:60px;background-color:#C6E0FF;border-radius:50%;background-image:url(../img/comm/wallet.png);background-repeat:no-repeat;background-size:30px auto;background-position:center;}
    .item_box .item .progress_wrap .legend{display:none;}
    
    .item_box.carousel{position:relative;}
    .item_box.carousel .carousel-inner{height:100%;overflow:visible !important;}
    .item_box.carousel .carousel-inner .carousel-item{display:block;height:100%;opacity:1;}
    .carousel .carousel-inner .carousel-item:nth-child(1){padding-right:6%;}
    .carousel .carousel-inner .carousel-item:nth-child(2){padding-left:6%;}
    
        .carousel-indicators{position:absolute;bottom:-5px;left:20vh;display:none;height:6px;margin:0;padding:1px 0 0;line-height:0;z-index:900;}
        .carousel-indicators li{float:left;display:block;width:15px !important;height:4px !important;opacity:1 !important;overflow:hidden;background:none !important;}
        .carousel-indicators li > a{display:block;width:15px;height:4px !important;background-color:#fff;border-radius:2px;}
        .carousel-indicators li.active{width:30px !important;}
        .carousel-indicators li.active a{width:30px;background-color:#CBA02D;opacity:1;}

    .item_box .item .item_desc{padding:12px 0 0;}
    .item_box .item .item_desc:has(.btn.cycle > input:checked) .btn.cycle > label{background-image:url(../img/icon/balance_hide.png);}
    .item_box .item .item_desc:has(.btn.cycle > input:checked) .btn.cycle ~ .balance li > div > span{filter: blur(3px);}
    .item_box .item .item_desc:has(.btn.cycle > input:checked) .btn.cycle ~ .balance li > div > span::before{content:"";position:absolute;top:2px;left:0;width:100%;height:24px;border-radius:5px;background-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(3px);}
    .item_box .item .item_desc h4{display:block;margin:0;padding:10px 0 5px;font-size:16px;color:#093163;line-height:20px;}
    .item_box .item .item_desc p{display:block;margin:0;padding:5px 0 5px;font-size:14px;color:#093163;line-height:20px;}
    .item_box .item .item_desc .btn{position:absolute;bottom:20px;right:20px; display:block;min-width:120px;height:37px;padding:0 15px;font-size:14px;color:#fff;line-height:32px;text-align:center;background-color:#0464D9;}
    .item_box .item .item_desc .btn.cycle{position:absolute;top:10px;right:10px;min-width:30px;height:30px; padding:0;margin:0;border:0;overflow:hidden;background-color:transparent;border-radius:50%;}
    .item_box .item .item_desc .btn.cycle > input{display:none;}
    .item_box .item .item_desc .btn.cycle > label{display:block;margin:0;padding:0;width:100%;height:100%;background:url(../img/icon/balance_show.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;}
    .item_box .item .item_desc .balance{display:block;margin:0;padding:0;overflow:hidden;}
    .item_box .item .item_desc .balance li{position:relative;display:block;width:100%;padding:0 35px 0 70px;}
    .item_box .item .item_desc .balance li::before{content:"";position:absolute;top:5px;left:0;width:6px;height:24px;border-radius:3px;}
    .item_box .item .item_desc .balance li.khr::before{background-color:#3041FF;}
    .item_box .item .item_desc .balance li.usd::before{background-color:#F97E20;}
    .item_box .item .item_desc .balance li.thb::before{background-color:#28A654;}
    .item_box .item .item_desc .balance li:first-child > div{border-top:0;}
    .item_box .item .item_desc .balance li > div{display:block;padding:0;text-align:right;border-top:1px solid #606060;}
    .item_box .item .item_desc .balance li > div > span{position:relative;display:inline-block;margin:3px 0 2px;height:30px;text-align:right;font-size:16px;color:#093163;line-height:30px;}
    
    .item_box .item .new_feature{background:url(../img/comm/new_feature.png) no-repeat;background-size:120px auto;background-repeat:no-repeat;background-position:center 60%;}
    .item_box .item .new_feature label{display:block;width:80px;height:32px;margin:0 0 0 50px; background-color:#DAFBFF;border-radius:0 0 10px 10px;}
    .item_box .item .new_feature label span{display:block;text-align:center;font-size:16px;color:#274D7B;line-height:30px;}

    /* logo_security_digital_badges */
    .logo_sec_wrap{position:absolute;bottom:0;left:50%;transform:translate(-50%, 0)}
    .logo_sec_wrap p{display:block;margin:0;padding:0;font-size:12px;color:#fff;text-align:center;text-shadow:3px 3px 3px #000;}
    .logo_sec_wrap .logo_sec{display:flex;margin:10px 0;gap:10px;}
    .logo_sec_wrap .logo_sec > img{display:block;height:50px;}

    .btn.btn_collapse{position:absolute;right:15px;bottom:-1px;display:block;width:56px;height:35px;background-color:#fff !important;border:1px solid #fff !important; border-radius:6px 6px 0 0;z-index:990;}
    .btn.btn_collapse::before{position:absolute;top:3px;content:"\f1b7";display:block;width:30px;height:30px;font:normal normal normal 30px / 1 'Material Design Iconic Font';color:var(--text-primary);line-height:30px;border:0;transform:rotate(0);transition:transform 0.5s;}
/* //Session Header */

/* Containers */
.containers{position:relative;display:grid;height:100%;grid-template-rows:160px calc(100vh - 210px) 50px;}

/* Content */
.cnt_wrap{position:static;width:100%;height:100%;padding:0;}/* Don't apply overflow:hidden; */
    
	.cnt_wrap .content{position:static;display:block;height:100%;margin:0;padding:0 15px 0;}
    .cnt_wrap .content .cnt_inner{display:grid;grid-template-rows:1fr 100fr;height:100%;margin:0;padding:0 15px 0;background-color:#fff;border-radius:0 0 15px 15px;}
    .cnt_wrap .content .cnt_inner .cnt_box{display:block;margin:0 0 0 -10px;padding:0 0 0 10px;width:calc(100% + 10px);height:100%;overflow-y:auto;}
  
    /*
    .cnt_wrap .content .cnt_inner{display:grid;grid-template-rows:1fr 100fr;height:100%;margin:0;padding:0 15px 0;background-color:#fff;border-radius:0 0 15px 15px;}
    .cnt_wrap .content .cnt_inner .cnt_box{display:block;margin:0 0 0 -10px;padding:0 0 0 10px;width:calc(100% + 10px);height:100%;overflow-y:auto;}
    .cnt_wrap .content .cnt_inner.sec_auto{grid-template-rows:100fr;}
    .cnt_wrap .content .cnt_inner.sec_1pc_auto_1sm{grid-template-rows:1fr 100fr;}
    .cnt_wrap .content .cnt_inner.sec_1fr_1fr_autofr{grid-template-rows:1fr 1fr 100fr;}
    .cnt_wrap .content .cnt_inner:has(.pagination_wrap){grid-template-rows:60px 100fr 50px;}
    .cnt_wrap .content .cnt_inner:has(.tab_bar ~ .pagination_wrap){grid-template-rows:1fr 1fr 100fr 1fr;}
    */

    /* footer */
    .footer_wrap{position:sticky;bottom:0;display:flex;justify-content:space-between;padding:10px 15px 0;z-index:998;}
    .footer_wrap .note_time{display:inline-block;vertical-align:top;height:30px;font-size:14px;line-height:28px;text-align:left;}
    .footer_wrap .quick_task{display:flex;width:auto;}
    .footer_wrap .quick_task .quick_task_inner > div.dropdown{display:inline-block;vertical-align:top;}
    .footer_wrap .quick_task .quick_task_inner.on{display:block;}
    .footer_wrap .quick_task .quick_task_inner > ul{display:inline-block;vertical-align:top;overflow:hidden;}
        .quick_task .quick_task_inner > ul > li{float:left;width:auto;padding:0 3px;}
        .quick_task .quick_task_inner > ul > li > a{display:block;height:32px;margin:0;padding:0 15px 0 10px;background-color:#274D7B;border-radius:16px;}
        .quick_task .quick_task_inner > ul > li > a span{max-width:150px;padding:0 0 0 20px;font-size:13px;color:#fff;line-height:28px;background-repeat:no-repeat;background-size:15px auto;background-position:0 60%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
        .quick_task .quick_task_inner > ul > li.I001 > a span{background-image:url(../img/icon/I001.png);} /* Account Services */
        .quick_task .quick_task_inner > ul > li.I002 > a span{background-image:url(../img/icon/I002.png);} /* Local Fund Transfer */
        .quick_task .quick_task_inner > ul > li.I003 > a span{background-image:url(../img/icon/I003.png);} /* Payment Services */
        .quick_task .quick_task_inner > ul > li.I004 > a span{background-image:url(../img/icon/I004.png);} /* Mobile Phone Top Up */
        .quick_task .quick_task_inner > ul > li.I005 > a span{background-image:url(../img/icon/I005.png);} /* Request Services */
        .quick_task .quick_task_inner > ul > li.I006 > a span{background-image:url(../img/icon/Home.png);} /* User Administrations */
        .quick_task .quick_task_inner > ul > li.I007 > a span{background-image:url(../img/icon/I007.png);} /* Reports */
        .quick_task .quick_task_inner > ul > li.I009 > a span{background-image:url(../img/icon/I009.png);} /* Bill Payment */
        .quick_task .quick_task_inner > ul > li.I010 > a span{background-image:url(../img/icon/I010.png);} /* Overseas Fund Transfer */
        .quick_task .quick_task_inner > ul > li.I011 > a span{background-image:url(../img/icon/I011.png);} /* Standing Order */
        .quick_task .quick_task_inner > ul > li.I012 > a span{background-image:url(../img/icon/I012.png);} /* Cheque Services */
        .quick_task .quick_task_inner > ul > li.I013 > a span{background-image:url(../img/icon/I013.png);} /* Messages */
        .quick_task .quick_task_inner > ul > li.I014 > a span{background-image:url(../img/icon/I014.png);} /* FX Trading */
        .quick_task .quick_task_inner > ul > li.I015 > a span{background-image:url(../img/icon/I015.png);} /* Loan Service */
        .quick_task .quick_task_inner > ul > li.I016 > a span{background-image:url(../img/icon/I016.png);} /* Term Deposit */
        .quick_task .quick_task_inner > ul > li.I017 > a span{background-image:url(../img/icon/I017.png);} /* Tax Payment */
        .quick_task .quick_task_inner > ul > li.I018 > a span{background-image:url(../img/icon/I018.png);} /* Manage Favorite */
        .quick_task .quick_task_inner > ul > li.I019 > a span{background-image:url(../img/icon/I019.png);} /* Biller Service */
        .quick_task .quick_task_inner > ul > li.I021 > a span{background-image:url(../img/icon/I021.png);} /* Bank Confirmation */
        .quick_task .quick_task_inner > ul > li.I022 > a span{background-image:url(../img/icon/I022.png);} /* Derivative Broker */
    
    .footer_wrap .quick_task .btn_qt_add{display:inline-block;vertical-align:top;height:32px;margin:0;padding:0 15px 0 10px;background:rgba(202, 161, 45, 0.10);backdrop-filter: blur(30px);border:2px solid #EEB300;border-radius:16px;}
    .footer_wrap .quick_task .btn_qt_add > span{display:block;width:100%;padding:0 0 0 20px;font-size:13px;color:#4B4B4B;line-height:28px;background-image:url(../img/icon/quick_task.png);background-repeat:no-repeat;background-size:16px auto;background-position:0 center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    .footer_wrap .quick_task .btn_qt_setting{display:none;vertical-align:top;width:32px;height:32px;text-align:center;line-height:30px;border-radius:50%;
        background:url(../img/icon/icon_setting.png) no-repeat center / 20px auto;
        background-color:rgba(163, 121, 0, 0.45);backdrop-filter: blur(25px);border:2px solid #EEB300;
    }
        .quick_task .btn_qt_setting > i{display:none;vertical-align:top;font-size:24px;margin:0;padding:0;color:#676767;}
        .quick_task .add_quick_task{min-width:360px;padding:15px 15px;}
        .quick_task .add_quick_task > h4{display:block;font-size:18px;color:#274D7B;line-height:20px;}
        .quick_task .add_quick_task > p{display:block;margin:5px 0 0;font-size:12px;line-height:14px;color:#565656;}
        .quick_task .add_quick_task > .quick_task_active{gap:5px;margin:10px 0 0;}
        .quick_task .add_quick_task > .quick_task_active p{position:relative;display:inline-block;vertical-align:top;height:22px;margin:2px 0; padding:3px 23px 3px 10px;background-color:#0464D9;border-radius:11px;overflow:hidden;}
        .quick_task .add_quick_task > .quick_task_active p > span{display:inline-block;vertical-align:top;margin:0;padding:0;font-size:12px;color:#fff;line-height:14px;}
        .quick_task .add_quick_task > .quick_task_active p > a{position:absolute;top:0;right:0;display:block;width:22px;height:22px;text-align:center;z-index:999;}
        .quick_task .add_quick_task > .quick_task_active p > a i{display:inline-block;vertical-align:top;margin:1px 0 0;color:#fff;}
        .quick_task .add_quick_task > .quick_task_item_wrap{height:235px;overflow-y:auto;overflow-y:auto;}
            .quick_task_item_wrap > .quick_task_item{display:block;width:100%;margin-top:5px;border:1px solid #959798;border-radius:7px;}
            .quick_task_item_wrap > .quick_task_item > a{position:relative;display:block;height:40px;padding:5px 10px;}                
            .quick_task_item_wrap > .quick_task_item > a::before{content:"";position:absolute;top:50%;right:7px;display:block;margin-top:-10px;width:20px;height:20px;background:url(../img/icon/arrow_down_primary.png) no-repeat;background-size:12px auto;background-position:50% 50%;transition:.5s;}
            .quick_task_item_wrap > .quick_task_item:has(.collapse.show, .collapsing) > a::before{transform: rotate(180deg);}
            .quick_task_item_wrap > .quick_task_item > a span{display:block;font-size:13px;color:#274D7B; line-height:30px;}
            .quick_task_item_wrap > .quick_task_item > div > ul{overflow:hidden;padding:0 15px;}
            .quick_task_item_wrap > .quick_task_item > div > ul li{width:100%;}
            .quick_task_item_wrap > .quick_task_item > div > ul li div.ac_checkbox{height:36px;min-height:36px;padding-left:10px;}
            .quick_task_item_wrap > .quick_task_item > div > ul li div.ac_checkbox:has(input:is(:checked)){background-color:#F5F5F5;}
            .quick_task_item_wrap > .quick_task_item > div > ul li div.ac_checkbox span{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

            .wrap.home .footer_wrap .quick_task .add_quick_task{transform:translate(5px, 0px) !important;}
    /* //footer */

    /* Title_wrap */
    .title_wrap{position:absolute;top:22px;left:0;display:block;height:54px;margin:0;padding:6px 35px 3px 15px;border:1px solid #ccc;border-left:0;border-radius:0 27px 27px 0;background: rgba(4, 100, 217, 0.60);;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
    .title_wrap > h2{display:block;height:40px;margin:0;padding:0;font-size:22px;line-height:40px;color:var(--text-title_h2);text-transform:capitalize !important;}
        .title_wrap.panel{position:relative;top:0;height:40px;padding:5px 10px 5px 15px;background-color:var(--bg_panel);border:0;border-radius:10px;}
        .title_wrap.panel h6{display:block;font-size:16px;margin:0;padding:0;line-height:30px;color:var(--text-primary);}
        .title_wrap.panel > p{display:block;font-size:14px;margin:0;padding:0;line-height:30px;color:var(--text-penel);}
    
    /* Tab_wrap */
    .tab_wrap{position:relative;display:block;min-height:45px;margin-top:-45px;}
    .tab_wrap .tab_inner{display:block;width:100%;height:100%;}
    .tab_wrap .tab_inner ul{width:max-content;scroll-snap-align:start;}
    .tab_wrap .tab_inner ul li:first-child{padding-left:0;}
    .tab_wrap .tab_inner ul li{position:relative;width:auto;padding:0 0 0 15px;margin:0;}
    .tab_wrap .tab_inner ul li a,
    .tab_wrap .tab_inner ul li p{position:relative; display:block;height:45px;padding:7px 0 0;}
    .tab_wrap .tab_inner ul li a > span,
    .tab_wrap .tab_inner ul li p > span{position:relative;display:block;height:100%;padding:0 25px;font-size:14px;color:#fff;line-height:38px;text-align:center;border-radius:8px 8px 0 0;background-color:#0464D9;overflow:hidden;}
    .tab_wrap .tab_inner ul li.on a,
    .tab_wrap .tab_inner ul li.on p{padding:0;cursor:default;}
    .tab_wrap .tab_inner ul li.on a > span,
    .tab_wrap .tab_inner ul li.on p > span{min-width:120px;font-size:16px;line-height:45px;color:var(--text-primary);background-color:#fff;z-index:997;}
    
    .tab_wrap .tab_inner ul li.on a span::before,
    .tab_wrap .tab_inner ul li.on p span::before{position:absolute;content:"";bottom:-1px;left:0;display:block;width:100%;height:2px;z-index:999;background-color:#fff;}
    

    /* User Setting */
    .user_setting{position:absolute;top:calc(400px - 160px);left:15px;right:15px;height:160px;padding:115px 15px 0;background-color:#fff;border-radius:8px 8px 0 0;}
    .user_setting .user_prof_box{position:absolute;top:-100px;left:50px;display:block;width:200px;height:200px;padding:10px;border-radius:50%;background-color:#fff;z-index:999;}
    .user_setting .user_prof_box .user_img{width:100%;height:100%;background:url(../img/users/bg_user_boy.png) no-repeat center center / 100%;border:1px solid #CCD9EA;border-radius:50%;}
    .user_setting .user_prof_box .user_img.girl{background-image:url(../img/users/bg_user_girl.png);}
    .user_setting .tab_wrap{position:relative;margin-top:0;}
    .user_setting .tab_wrap::before{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:2px solid #D9D9D9;}
    .user_setting .tab_wrap .tab_inner ul{overflow:hidden;}
    .user_setting .tab_wrap .tab_inner ul li{padding:0;}
    .user_setting .tab_wrap .tab_inner ul li a,
    .user_setting .tab_wrap .tab_inner ul li p{height:45px;margin:0;padding:0;border-radius:0;}
    .user_setting .tab_wrap .tab_inner ul li a > span,
    .user_setting .tab_wrap .tab_inner ul li p > span{height:100%;line-height:46px;font-size:16px;color:var(--text-primary);background:transparent;}
    .user_setting .tab_wrap .tab_inner ul li.on a > span,
    .user_setting .tab_wrap .tab_inner ul li.on p > span{font-size:18px;color:#0464D9;border-bottom:2px solid #0464D9;}
    .user_setting .tab_wrap .tab_inner ul li.on a > span::before,
    .user_setting .tab_wrap .tab_inner ul li.on p > span::before{bottom:0;}
    /* //User Setting */
 
    /* Search_wrap */
    .search_wrap{display:flex;justify-content:space-between;padding:17px 0 15px;}
    .search_wrap > .btn_wrap{display:flex;}
    .search_wrap .search_box{display:flex;flex-wrap:nowrap;height:40px;max-width:400px;width:100%;}
    .search_wrap .search_box.style1{max-width:500px;}
    .search_wrap .search_box.style2{max-width:550px;}
        .search_box .input-group{width:100%;}
        .search_box .input-group .input-group-prepend{display:flex;}
        .search_box .input-group .input-group-btn.add_filter .dropdown{margin:0;padding:0;}
        .search_box .input-group .input-group-btn.add_filter .dropdown .btn.icon_arrow{margin:0;padding-right:20px;border:1px solid var(--bs-border-color);border-radius:6px 0 0 6px;border-right:0;}
        .search_box .input-group .input-group-btn.add_filter .dropdown .btn.icon_arrow span{width:60px;padding-left:0;color:var(--text-default);line-height:36px;justify-content:start;}
        .search_box .input-group .input-group-btn.add_filter + .form input.form-control{border-radius:0 5px 5px 0 !important;}
        .search_box .input-group .input-group-btn.add_filter .dropdown .btn-outline-primary{padding-left:0;}
        .search_box .input-group .input-group-btn.add_filter .dropdown .btn-outline-primary span{color:#274D7B !important;text-align:left;}
        .search_box .input-group .input-group-btn.add_filter .dropdown .dropdown-menu{min-width:300px;max-width:300px;}
        .search_box .input-group .input-group-btn.add_filter .dropdown .dropdown-menu ul{padding:5px 10px;}
        .search_box .input-group .input-group-btn.add_filter .dropdown .dropdown-menu ul li:hover{background-color:#5080BA;}
        .search_box .input-group .input-group-btn.add_filter .dropdown .dropdown-menu ul li:hover a span{color:#fff;}
        .search_box > .btn_download{min-width:40px;margin:0 5px 0 0; padding:0;text-align:center;}
        .search_box > .btn_download i{margin:0;padding:0;font-size:26px;color:#fff;}
        .search_box > .input-group .form{position:relative;width:100%;margin:0 10px 0 0;}
        .search_box > .input-group .form input{display:block;height:40px;padding:0 10px;font-size:14px;line-height:24px;border-radius:5px !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
        .search_box > .input-group .form input[type="text"]:not(:placeholder-shown)  + label{display:none;z-index:991;}
        .search_box > .input-group .form label{position:absolute;top:10px;left:10px;display:block;height:20px;line-height:18px;font-size:13px;z-index:990;}

    .search_wrap .search_box > .input-group .input-group-btn{display:flex;}
    .search_wrap .search_box > .input-group .input-group-btn .btn{display:flex;}
    .search_wrap .search_box > .input-group .input-group-btn .btn.icon_srch + .btn{padding-left:10px;}
    .search_wrap .search_box > .input-group .input-group-btn .btn i.md{margin-top:5px;}
    .search_wrap .search_box > .input-group .input-group-btn .btn span{line-height:40px;}
    .search_wrap .component_action{max-width:1000px;}
    .search_wrap .component_wrap ul{padding-right:0;}
   
    /* Button_wrap */
    .btn_wrap{position:relative;display:block;margin:0;padding:0;}
    .btn_wrap .btn, .btn_wrap .btn.active, .btn_wrap .btn.show, .btn_wrap .btn:first-child:active, .btn_wrap .btn:active{background-color:transparent;}
    
    .btn_wrap .btn:first-child{margin-left:0;}
    .btn_wrap .btn:last-child{margin-right:0;}
    .btn_wrap .btn{display:inline-flex;justify-content:center;align-items:center;height:40px;min-width:100px;margin:0 3px 0 2px;padding:0 10px;border:0;}
        .btn_wrap .btn i{display:inline-block;vertical-align:top;width:22px;height:22px;}
        .btn_wrap .btn i.md{font-size:20px;margin:0;padding:0;line-height:20px;}
        .btn_wrap .btn span{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;padding-bottom:2px;white-space:nowrap;}
        .btn_wrap .btn img{display:inline-block;vertical-align:top;height:16px;margin:0 7px 0 0;}

    .btn_wrap .btn.hideShow{background-color:#fff;border-color:#F2F2F2 !important;}
    /* .btn_wrap .btn.input-group-text [class*=" md-"]{font-size: 20px !important;} */
    .btn.input-group-text [class*=" md-"]{font-size: 20px !important;}
    
    /* Sqare */
    .btn_wrap .btn.sqare{width:40px;min-width:40px;margin:0;padding:0;text-align:center}
    .btn_wrap .btn.sqare > i.md{margin:0px;}
    /* Sqare */

    /* Cycle */
    .btn_wrap .btn.cycle{min-width:40px;border-radius:50%;}
    .btn_wrap .btn.btn_white{min-width:150px;color:#fff;border-color:#fff;}
    .btn_wrap .btn.btn_white > span{color:#fff;font-size:13px;font-style:normal;font-weight:500;line-height:normal;}
    /* //Cycle */

    /* Customize Button Success */
    .btn_wrap .btn.btn-success{background-color:var(--bg-success);}
    .btn_wrap .btn.btn-success[class*="icon"]{padding-left:30px;background-repeat:no-repeat;background-size:14px auto;background-position:10px 50%;}
    .btn_wrap .btn.btn-success.icon_add{background-image:url(../img/icon/icon_add.png);}
    .btn_wrap .btn.btn-success.icon_sum{background-image:url(../img/icon/icon_sum.png);background-position: 30%;}
    .btn_wrap .btn.btn-success.icon_down_pdf{background-image:url(../img/icon/icon_export.png);background-size:18px auto;background-position:8px 40%}
    .btn_wrap .btn.btn-success.icon_down_format{background-image:url(../img/icon/icon_downloadFormat.png);}
    .btn_wrap .btn.btn-success.icon_down_excel{background-image:url(../img/icon/icon_excel_outline.png);}
    .btn_wrap .btn.btn-success.icon_template{background-image:url(../img/icon/icon_template.png);background-size:16px auto;}
    .btn_wrap .btn.btn-success > span{color:#fff;}
    .btn_wrap .btn.btn-success > i.md{color:var(--text-btn_white);}
    /* //Customize Button Success */

    /* Customize Button Primary */
    .btn_wrap .btn.btn-primary{background-color:#274D7B !important;}
    .btn_wrap .btn.btn-primary[class*="icon"] span{padding-left:20px;background-repeat:no-repeat;background-size:14px auto;background-position:0 50%;}
    .btn_wrap .btn.btn-primary.icon_srch span{background-image:url(../img/icon/icon_search.png);background-size:16px auto;}
    .btn_wrap .btn.btn-primary.icon_download{background-image:url(../img/icon/icon_download.png);background-repeat:no-repeat;background-size:18px auto;background-position:center center;}
    .btn_wrap .btn.btn-primary.icon_commit > span{background-image:url(../img/icon/icon_commit.png);}
    .btn_wrap .btn.btn-primary.icon_edit > span{background-image:url(../img/icon/icon_edit_white.png);}
    .btn_wrap .btn.btn-primary.icon_resetpasswd > span{padding-left:25px;background-image:url(../img/icon/icon_resetPassword.png);background-size:18px auto;}
    .btn_wrap .btn.btn-primary.icon_listdtl > span{background-image:url(../img/icon/icon_list_dtl.png);}
    .btn_wrap .btn.btn-primary.icon_filler span{padding-left:25px;background-image:url(../img/icon/icon_filler.png);background-size:18px auto;}
    .btn_wrap .btn.btn-primary > span{color:var(--text-btn_white);}
    .btn_wrap .btn.btn-primary > i.md{display:inline-block;vertical-align:top;margin:2px 8px 0 0;color:var(--text-btn_white);}
    /* //Customize Button Primary */

    /* Customize Button Secondary */
    .btn_wrap .btn.btn-secondary{background-color:#E9E9E9 !important;}
    .btn_wrap .btn.btn-secondary > span{color:#ABABAB;}
    /* //Customize Button Secondary */

    /* Customize Button Danger */
    .btn_wrap .btn.btn-danger{background-color:var(--bg-danger);}
    .btn_wrap .btn.btn-danger[class*="icon"]{padding-left:10px;}
    .btn_wrap .btn.btn-danger[class*="icon"] span{padding-left:20px;background-repeat:no-repeat;background-size:14px auto;background-position:0 50%;}
    .btn_wrap .btn.btn-danger.icon_reject span{background-image:url(../img/icon/icon_reject.png);}
    .btn_wrap .btn.btn-danger.icon_delete span{background-image:url(../img/icon/icon_delete_white.png);}
    .btn_wrap .btn.btn-danger > span{color:var(--text-btn_white);}
    .btn_wrap .btn.btn-danger > i.md{color:var(--text-btn_white);}
    .btn_wrap .btn.btn-danger > i.fa{color:var(--text-btn_white);}
    /* Customize Button Danger */

    /* Customize Bootstrap Button Outline Primary */
    .btn_wrap .btn.btn-outline-primary{border:1px solid #274D7B;}
    .btn_wrap .btn.btn-outline-primary[class*="icon"]{padding-left:10px;}
    .btn_wrap .btn.btn-outline-primary[class*="icon"] span{padding-left:20px;background-repeat:no-repeat;background-size:16px auto;background-position:0 50%;}
    .btn_wrap .btn.btn-outline-primary.icon_filter span{background-image:url(../img/icon/icon_filler01.png);}
    .btn_wrap .btn.btn-outline-primary.icon_back span{background-image:url(../img/icon/icon_back.png);}
    .btn_wrap .btn.btn-outline-primary.icon_pdf span{background-image:url(../img/icon/icon_pdf.png);}
    .btn_wrap .btn.btn-outline-primary.icon_excel span{background-image:url(../img/icon/icon_excel.png);}
    .btn_wrap .btn.btn-outline-primary.icon_print span{background-image: url(../img/icon/icon_print.png);}
    .btn_wrap .btn.btn-outline-primary.icon_edit span{background-image: url(../img/icon/icon_edit-primary.png);}
    .btn_wrap .btn.btn-outline-primary.icon_column span{background-image: url(../img/icon/icon_column.png);}
    .btn_wrap .btn.btn-outline-primary.icon_refresh span{background-image: url(../img/icon/icon_refresh.png);}
    .btn_wrap .btn.btn-outline-primary.icon_add_favorite span{background-image: url(../img/icon/icons_add_favorite.png);background-size:18px;}
    .btn_wrap .btn.btn-outline-primary.icon_export span{background-image:url(../img/icon/icon_export_primary.png);background-size:18px auto;background-position:0 45%;}
    .btn_wrap .btn.btn-outline-primary.icon_arrow{position:relative;padding-right:25px;}
    .btn_wrap .btn.btn-outline-primary.icon_arrow > span::before{content:"";position:absolute;top:50%;right:0px;display:block;width:26px;height:26px;margin-top:-13px; transition:0.2s ease-in-out;background-image:url(../img/icon/arrow_down_primary.png);background-repeat:no-repeat;background-position:center center;background-size:12px auto;background-position:center;}
    .btn_wrap .btn.btn-outline-primary.icon_export.show > span::before{transform:rotate(180deg);}
    .btn_wrap .btn.btn-outline-primary > i{color:#274D7B;}
    .btn_wrap .btn.btn-outline-primary > span{color:var(--text-primary);line-height:38px;}
    /* //Customize Bootstrap Button Outline Primary */

    /* Customize Bootstrap Button Outline Danger */
    .btn_wrap .btn.btn-outline-danger{padding-left:10px;border:1px solid var(--bg-danger);}
    .btn_wrap .btn.btn-outline-danger[class*="icon"]{padding-left:10px;}
    .btn_wrap .btn.btn-outline-danger[class*="icon"] span{padding-left:20px;background-repeat:no-repeat;background-size:14px auto;background-position:0 50%;}
    .btn_wrap .btn.btn-outline-danger.icon_remove span{background-image:url(../img/icon/icon_remove.png);}
    .btn_wrap .btn.btn-outline-danger span{color:var(--bg-danger);}
    .btn_wrap .btn.btn-outline-danger i.md{margin-top:4px;color:var(--bg-danger);font-size:18px;}
    /* //Customize Bootstrap Button Outline Danger */
    
    /* Customize Bootstrap Button Outline Secondary */
    .btn_wrap .btn.btn-outline-secondary{border:1px solid #F2F2F2;}
    .btn_wrap .btn.btn-outline-secondary span{color:var(--text-white);}
    /* //Customize Bootstrap Button Outline Secondary */

    /* //Customize Bootstrap Button Outline info */

    .btn_wrap:has(.btn.btn-outline-info[data-bs-toggle])::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#F2F2F2;z-index:1;}
    .btn_wrap .btn.btn-outline-info{border:1px solid #F2F2F2;}
    .btn_wrap .btn.btn-outline-info[data-bs-toggle]{position:relative;padding-left:25px;z-index:999;background-color:#fff;}
    .btn_wrap .btn.btn-outline-info::before{content:"\f29e";position:absolute;top:3px;left:0px;display:block;width:26px;height:26px;transform:rotate(0);transition:transform 0.5s;font:normal normal normal 24px / 1 'Material Design Iconic Font';color:var(--text-primary);line-height:28px;border:0;}
    .btn_wrap .btn.btn-outline-info span{color:var(--text-primary);}
    .btn_wrap .btn.btn-outline-info span + span{display:none;}
    .btn_wrap .btn.btn-outline-info[aria-expanded="true"]::before{transform:rotate(180deg);}
    .btn_wrap .btn.btn-outline-info[aria-expanded="true"] span{display:none;}
    .btn_wrap .btn.btn-outline-info[aria-expanded="true"] span + span{display:inline-block;}
   
    /* //Customize Bootstrap Button Outline info */

    /* Customize Bootstrap Button Outline Success */
    .btn_wrap .btn.btn-outline-success{min-width:100px;padding-left:10px;border:1px solid var(--bg-success);}
    .btn_wrap .btn.btn-outline-success span{color:var(--text-btn_success);}
    .btn_wrap .btn.btn-outline-success i.md{color:var(--text-btn_success);}
    /* Customize Bootstrap Button Outline Success */

    /* Button Heigh 44px */
    .btn_wrap.h44 .btn{height:44px;padding:0 10px;}
    .btn_wrap.h44 .btn i.md{font-size:18px;}
    .btn_wrap.h44 .btn i.fa{font-size:12px;margin:9px 5px 0 0;}
    .btn_wrap.h44 .btn span{line-height:42px;}
    .btn_wrap.h44 .btn.sqare{width:44px;}
    /* Button Heigh 44px */

    /* Button Heigh 32px */
    .btn_wrap.h32 .btn{height:32px;padding:0 10px;}
    .btn_wrap.h32.icon_back, 
    .btn_wrap.h32.icon_pdf,
    .btn_wrap.h32.icon_excel{background-size:13px auto;}
    .btn_wrap.h32 i.md{font-size:18px;}
    .btn_wrap.h32 i.fa{font-size:12px;margin:9px 5px 0 0;}
    .btn_wrap.h32 span{line-height:28px;}
    .btn_wrap.h32 a.btn span{line-height:32px;}
         
        /* Button Square */
        .btn_wrap.h32 .btn.sqare{width:32px;min-width:32px;padding:0;}
        .btn_wrap.h32 .btn.sqare span{width:100%;height:100%;padding:0;background-position:center;}
        /* Button Square */

            /* Customize Bootstrap Button Outline */
            .btn_wrap.h32 .btn.btn-outline-primary.icon_pdf span{background-image:url(../img/icon/icon_pdf.png);background-size:16px auto;}
            /* //Customize Bootstrap Button Outline */
    /* //Button Heigh 32px */

    /* Button have drop Download List */
    .btn_wrap .dropdown{display:inline-block;vertical-align:top;margin:0;padding:0;}
        .btn_wrap .dropdown .dropdown-menu.h350{width:350px;}
        .btn_wrap .dropdown .dropdown-menu.no_line ul li{border-top:0;}
        .btn_wrap .dropdown .dropdown-menu.full ul li{width:100%;}
        .btn_wrap .dropdown .dropdown-menu.min-wid350{min-width:350px;}
        .btn_wrap .dropdown .dropdown-menu ul{padding:5px 15px;}
        .btn_wrap .dropdown .dropdown-menu ul li:first-child{border-top:0;}
        .btn_wrap .dropdown .dropdown-menu ul li{width:100%;border-top:1px solid #CACACA;}
        .btn_wrap .dropdown .dropdown-menu ul li a{display:block;}
        .btn_wrap .dropdown .dropdown-menu ul li a[class*="icon"] span{padding-left:25px;background-repeat:no-repeat;background-size:16px auto;background-position:0 50%;}
        .btn_wrap .dropdown .dropdown-menu ul li a.icon_pdf span{background-image:url(../img/icon/icon_pdf.png);}
        .btn_wrap .dropdown .dropdown-menu ul li a.icon_excel span{background-image:url(../img/icon/icon_excel.png);}
        .btn_wrap .dropdown .dropdown-menu ul li a span{display:block;height:38px;margin:0;padding:0 0 0 10px;font-size:13px;line-height:36px;color:#274D7B;}
        .btn_wrap .dropdown .dropdown-menu ul li .ac_checkbox label{display:block;width:100%;}
        .btn_wrap .dropdown .dropdown-menu ul li .ac_checkbox span{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    /* //Button have drop Download List */

    /* Button_wrap Ipad Screen */
    .btn_wrap.ipad{display:none;}
    /* //Button_wrap Ipad Screen */

    /* Button_wrap_mobile Screen */
    .btn_wrap.mobile{position:relative;display:none;min-width:100%;height:45px;margin:auto -15px 0 -15px;bottom:0;}
    .btn_wrap.mobile .btn{height:45px;width:100%;margin:0;padding:0 15px;border-radius:0;}
    .btn_wrap.mobile .btn > span{line-height:44px;}
    /* //Button_wrap_mobile Screen */

    /* //Button_wrap */

    /* table_list */
    .table_wrap{display:block;width:100%;overflow-y:auto;}
    .table_list{position:relative;display:block;width:100%;margin:0;padding:0;}
    .table_list .COL_RESP, .table_list .COL_RESP > div{width:100px;}
    .table_list .COL_ACTION{width:100px;}
    .table_list .COL_AUTO_W180{width:auto;}
    .table_list table.table_fix{table-layout:fixed;}
    .table_list table{empty-cells:show;border-collapse:collapse;margin:0;}
    .table_list table thead.sticky tr th{padding-top:15px;}
    .table_list table thead{position:sticky;top:0;z-index:996;} 
    .table_list table thead tr th{margin:0;padding:0;border-bottom:0;}
    .table_list table thead tr th > div{position:relative;display:grid;align-items:center;margin:0;padding:0 10px 0;height:40px;background-color:var(--bg_panel);white-space:nowrap;}
    .table_list table thead tr th > div.t_center{justify-content:center;}
    .table_list table thead tr th > div > span{display:block;margin:0;padding:0;height:auto;font-size:13px;line-height:18px;color:var(--text-penel);font-weight:normal;text-transform:uppercase;}
    .table_list table thead tr th:first-child > div{border-radius:10px 0 0 10px;}
    .table_list table thead tr th:last-child > div{border-radius:0 10px 10px 0;}
    .table_list table thead tr th.COL_RESP:last-child, 
    .table_list table tbody tr td.COL_RESP:last-child{position:sticky;right:0;text-align:center;z-index:995;}
    .table_list table tbody tr td{position:relative;margin:0;padding:0;border-bottom:1px solid var(--bg-input-disable);}
    .table_list table tbody tr td.COL_RESP > div{position:relative;text-align:center;}
    .table_list table tbody tr td.COL_RESP > div span{text-align:left;}
    .table_list table tbody tr td.COL_RESP > div .btn_mobile_dot{display:none;position:absolute;top:0;right:4px;width:16px;height:30px;margin:0;padding:0;background:url(../img/icon/icon_mobile_dot.png) no-repeat center / auto 16px;}
    .table_list table tbody tr td.COL_RESP > div .row_td{display:none;}
    .table_list table tbody tr td > div{position:relative;display:block;min-height:46px;margin:0;padding:5px 0;background-color:transparent;}
    .table_list table tbody tr td > div.no_data{padding:130px 0 20px;text-align:center;background:url(../img/comm/no_data.png) no-repeat center 50px / 80px auto;border:0;}
    .table_list table tbody tr td > div:has(.ac_checkbox), 
    .table_list table thead tr th > div:has(.ac_checkbox){width:40px;}
    .table_list table tbody tr td > div .ac_checkbox, 
    .table_list table thead tr th > div .ac_checkbox{position:absolute;top:50%;left:15px;margin-top:-20px;}
    .table_list table tbody tr td > div > span,
    .table_list table tbody tr td > div > a{display:block;width:100%;margin:0;padding:0 10px;font-size:13px;color:var(--text-default-tbl); line-height:35px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .table_list table tbody tr td > div > span.info{background-color:var(--bg_info);}
    .table_list table tbody tr td > div > span:has(pre){display:flex;}
    .table_list table tbody tr td > div > span > pre{display:inline-block;margin:0 0 0 3px;padding:0;font-size:12px;opacity:0.8;overflow:hidden;}
    .table_list table tbody tr td > div > a.link{display:block;margin:0;padding:0 10px;font-size:13px;line-height:35px;color:var(--text-primary); text-decoration: dashed underline;}
    
        /* Button */
        .table_list table tbody tr td > div .btn{display:inline-block;vertical-align:top;min-width:auto;width:30px;height:30px;margin:2px 0 0;padding:0;text-align:center;}
        .table_list table tbody tr td > div .btn.btn_detail{background:url(../img/icon/icon_view_detail.png) no-repeat center center / 16px auto;}
        .table_list table tbody tr td > div .btn.btn_matrix{background:url(../img/icon/icon_user_matrix.png) no-repeat center center / 20px auto;}
        .table_list table tbody tr td > div .btn.btn_delete{background:url(../img/icon/icon_delete.png) no-repeat center center / 16px auto;}
        .table_list table tbody tr td > div .btn.btn_attach_file{background:url(../img/icon/icon_attachfile_style1.png) no-repeat center center / 16px auto;}
        .table_list table tbody tr td > div .btn.btn_tracking{background:url(../img/icon/icon_tracking.png) no-repeat center center / 18px auto;}
        .table_list table tbody tr td > div .btn.btn_eye{background:url(../img/icon/view.png) no-repeat center center / 16px auto;}
        .table_list table tbody tr td > div .btn.btn_ban{background:url(../img/icon/ban.png) no-repeat center center / 16px auto;cursor: not-allowed;}
        .table_list table tbody tr td > div .btn.btn_card_replcement{background:url(../img/icon/icon_card_replacement.png) no-repeat center center / 18px auto;;}

        .table_list table tbody tr td > div .pop_input{position:absolute;top:7px;left:0;display:block;width:210px; height:32px;padding-right:72px;background-color:#fff;z-index:990;}
        .table_list table tbody tr td > div .pop_input select{height:32px;padding:0 0 0 5px;}
        .table_list table tbody tr td > div .pop_input .btn_wrap{position:absolute;top:0;right:0;}
        /* .table_list table tbody tr:has(td:first-child input:disabled) td div > span{opacity:0.7;} */
    
    /* style 1*/
    .table_list.style1 table{table-layout:fixed;;}
    .table_list.style1 table tbody tr td{border-bottom:1px dashed rgba(149, 151, 152, 0.2);}
    .table_list.style1 table tbody tr.t_line{border-top:2px solid var(--text-penel);}
    /* //style 1*/

    /* Table/Button/DropDwonList */
    .dropdown-menu.table{margin-right:5px !important;}
    .dropdown-menu.table ul{padding:5px 15px;overflow:hidden;}
    .dropdown-menu.table ul li{width:100%;}
    .dropdown-menu.table ul li:first-child > a{border-top:0;}
    .dropdown-menu.table ul li > a{display:block;margin:0;padding:5px;border-top:1px solid var(--bg_panel);}
    .dropdown-menu.table ul li > a span{height:30px;line-height:30px;color:var(--bg-primary);}
    .dropdown-menu.table ul li > a[class*="btn_icon"]{padding-left:25px;background-repeat:no-repeat;background-size:16px auto;background-position:0 center;}
    .dropdown-menu.table ul li > .btn_icon_edit{background-image:url(../img/icon/icon_edit-primary.png);}
    .dropdown-menu.table ul li > .btn_icon_delete{background-image:url(../img/icon/icon_delete_primary.png);}
    /* //table_list */
 
    /* pagination */
    .pagination_wrap{position:sticky;bottom:0;display:flex;width:100%;height:50px;padding:5px 0 0;justify-content:flex-end;border-top:1px solid #F0F0F0;background-color:#fff;z-index:997;}
    .pagination_wrap > p{display:inline-block;vertical-align:top;margin:0;padding:0;}
    .pagination_wrap > p span{display:inline-block;vertical-align:top;font-size:14px;line-height:38px;}
    .pagination_wrap > div.page_input{position:relative;display:block;width:50px;padding:8px 0 0;}
    .pagination_wrap > div.page_input > input{display:block;height:25px;width:50px;margin:0;padding:0 5px 2px;color:var(--text-default);font-size:13px;text-align:center;line-height:18px;border:1px solid #cacaca;border-radius:4px;}
    .pagination_wrap > div.page_input > input:out-of-range{background-color:#FFDBDE;border-color:#BF3741;box-shadow:0 0 0 0.25rem #FFDBDE;}
    .pagination_wrap > div.page_input > input:out-of-range + p{display:block;}
    .pagination_wrap > div.page_input > p{display:none;position:absolute;bottom:50px;right:0;width:max-content;height:36px;padding:5px 15px;line-height:22px;z-index:999;background-color:#F2F2F2;border:1px solid #A7A8A9;border-radius:10px;}
    .pagination_wrap > div.page_input > p::before{content:"";position:absolute;bottom:-7px;right:25px;display:block;width:14px;height:14px;background-color:#F2F2F2;border:1px solid #A7A8A9;border-top:0;border-left:0;transform:rotate(45deg);}
    
    .pagination_wrap > .btn{position:relative;display:block;min-width:40px;height:40px;border-radius:50%;border:0;background:transparent;z-index:901;}
    .pagination_wrap > .btn::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-position:50% center;background-size:16px auto;background-repeat:no-repeat;z-index:900;}
    .pagination_wrap > .btn.btn_next::before{background-image:url(../img/icon/arrow_down_disable.png);transform:rotate(-90deg);}
    .pagination_wrap > .btn.btn_next.on::before, 
    .pagination_wrap > .btn.btn_prev.on::before{background-image:url(../img/icon/arrow_down_yellow.png);}
    .pagination_wrap > .btn.btn_prev::before{background-image:url(../img/icon/arrow_down_disable.png);transform:rotate(90deg);}
    .pagination_wrap > .page_list{display:flex;margin-right:5px;}
    .pagination_wrap > .page_list > p{display:inline-block;vertical-align:top;margin:0;padding:0;}
    .pagination_wrap > .page_list > p span{display:inline-block;vertical-align:top;font-size:14px;line-height:38px;}
    .pagination_wrap > .page_list > a.btn{position:relative;display:block;min-width:auto;height:40px;padding:0 30px 0 10px;border:0;}
    .pagination_wrap > .page_list > a.btn::before{content:"";position:absolute;top:50%;right:4px;display:block;width:20px;height:20px;margin-top:-10px;background:url(../img/icon/arrow_down_yellow.png) no-repeat;background-position:center;background-size:16px auto;transition:transform 1s;}
    .pagination_wrap > .page_list > a.btn.show::before{transform: rotate(180deg);}
    .pagination_wrap > .page_list > a.btn span{display:block;margin:0;padding:0;font-size:14px;line-height:40px}
    .pagination_wrap > .page_list .dropdown-menu{min-width:130px;padding:0 15px;background-color:#EDEDED;}
        .page_list .dropdown-menu ul{width:100px;}
        .page_list ul li{width:100%;margin:0;padding:0;}
        .page_list ul li:first-child > a{border-top:0;}
        .page_list ul li > a{display:block;height:100%;padding:0 10px;border-top:1px solid #CACACA;}
        .page_list ul li > a > span{display:block;color:#4B4B4B;line-height:32px;}
    /* //pagination */

    /* Large Devices, max-width Screens */
    @media only screen and (max-width : 1632px){
        .ac-xxl{display:none !important;}
    }

    /* Large Devices, Screens */
    @media only screen and (max-width : 1400px){
        .ac-xl{display:none !important;}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px){
        .ac-lg{display:none !important;}
    }
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .ac-md{display:none !important}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 767px){
        .ac-sm{display:none !important}
    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
        .ac-xs{display:none !important}
    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {
        .ac-xxs{display:none !important}
    }

    /* Show screen mobile */
    @media only screen and (min-width : 767px){
        .ac-ssm{display:none !important;}
    }
    /* //Table_wrap */

/* component_wrap */
.component_wrap{display:block;width:100%;margin:0;padding:0;}
.component_wrap .com_tit{display:block;margin:0 0 15px;padding:10px 0;color:#274D7B;border-bottom:1px solid #274D7B;}
.component_wrap > ul{display:grid;grid-template-columns:100%;padding:0 66.67% 0 0;}
.component_wrap > ul > li{padding:10px 0 0;}
.component_wrap > ul > li.text > p{line-height:38px;}
.component_wrap > ul > li.text-danger{display:block;min-height:10px;font-size:14px;margin:0;padding:0;}
.component_wrap > ul > li .text-danger{display:block;height:auto;min-height:12px;font-size:13px;}

.component_wrap.two_column > ul{display:grid;grid-template-columns:50% 50%;padding-right:30%;}
.component_wrap.two_column > ul > li{padding-left:6px;padding-right:6px;}
.component_wrap.two_column > ul > li:nth-child(2n+1){padding-left:0;}
.component_wrap.two_column > ul > li:nth-child(2n+2){padding-right:0;}
.component_wrap.two_column > ul > li.full_width{grid-column:1 / -1;width:50%;padding-left:0;}

.component_wrap.three_column > ul{display:grid;grid-template-columns:33.33% 33.33% 33.33%;padding-right:0;}
.component_wrap.three_column > ul > li{padding-left:6px;padding-right:6px;}
.component_wrap.three_column > ul > li:nth-child(3n+1){padding-left:0;}
.component_wrap.three_column > ul > li:nth-child(3n+3){padding-right:0;}
.component_wrap.three_column > ul > li.full_width{grid-column:1 / -2;width:50%;padding-left:0;}

.component_wrap ul.home_authorize{display:block;grid-template-columns:none;}
.component_wrap ul.home_authorize > li:first-child{padding-left:0;}
.component_wrap ul.home_authorize > li{max-width:140px;padding:0 6px;}
.component_wrap ul.home_authorize > li .ac_form{width:100%;min-width:132px}

.component_wrap ul.home_authorize > li.wid120-mb-100 .ac_form .dropdown-menu{min-width:200px}
.component_wrap ul.home_authorize > li.wid180-mb-100 .ac_form{width:100%;min-width:138px;}
.component_wrap ul.home_authorize > li.wid180-mb-100 .ac_form .dropdown-menu{min-width:305px;}

    .component_wrap.responsive .component_title, .component_wrap.responsive .btn_wrap{display:none;}
    
    .component_wrap.h_40 .ac_form > input, .component_wrap.h_40 .ac_form > a{height:40px;}
    .component_wrap.h_40 .ac_form > label{transform:translate(5px, -145%);}
    
    .component_wrap.desc.two_column{padding-right:30%;}
    .component_wrap.desc > ul{padding:10px;background-color:var(--bg_panel);border-radius:5px;}
    .component_wrap.desc > ul > li{padding:6px 0;}
    .component_wrap.desc > ul > li > div{display:flex;padding:0 10px;justify-content:space-between;}

/* //component_wrap */

/* From List */
.form_lst{display:block;margin:0;padding:4px 0 0;}
.form_lst > ul{padding:0;overflow:hidden;}
.form_lst > ul > li{position:relative;width:100%;}
.form_lst > ul > li > div{display:grid;grid-template-columns:220px auto;margin:0;padding:3px 0 3px;width:100%;}
.form_lst > ul > li > div > label{position:relative;margin:0;padding:0;}
.form_lst > ul > li > div > label > span{display:block;margin:0;padding:5px 8px 5px 15px;text-align:left;color:#959798;line-height:22px;}
.form_lst > ul > li > div > label > span::before{content:":";position:absolute;top:5px;right:0;display:block;height:22px;font-size:18px;color:var(--text-default);line-height:20px;font-family: "Inter";}
.form_lst > ul > li > div > p,
.form_lst > ul > li > div > a{display:block;position:relative;padding-left:5px;}
.form_lst > ul > li > div > p{text-align:left;margin:0;padding:5px 8px 5px 5px;line-height:22px;}
.form_lst > ul > li > div > a{height:32px;font-size:13px;line-height:32px;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.form_lst > ul > li > div > a.file{width:min-content;padding:0 10px 0 30px;color:var(--text-file);background:url(../img/icon/icon_attachfile.png) no-repeat 10px 55%/15px auto;}
.form_lst > ul > li.input > div > label{padding-top:10px;}
.form_lst > ul > li.input > div > label > span{position:relative;display:inline-block;height:45px;line-height:38px;}
.form_lst > ul > li.input > div > label > span::before{content:"";}
.form_lst > ul > li.input > div > div{max-width:350px;padding:10px 0 0;}
.form_lst > ul > li.input > div:has(input) > label span{padding-right:20px;}
.form_lst > ul > li.input > div:has(input) > label span::before{position:absolute;top:50%;margin-top:-8px;right:0;content:"*";display:block;width:15px;height:15px;font-size:16px;color:var(--bg-danger);z-index:990;}

    .form_lst > ul > li.t_line{padding-top:6px; border-top:0;}
    .form_lst > ul > li.t_line::before{content:"";position:absolute;top:3px;left:15px;right:15px;display:block;height:1px;background-color:var(--bg_panel)}
    /* style 1 */
    .form_lst.style1 > ul > li > div > label > span{padding-left:0;}
    /* //style 1 */

    .form_lst.desc.two_column{padding-right:30%;}
    .form_lst.desc ul{padding:5px 0; background-color:var(--bg_panel);border-radius:7px;}
    .form_lst.desc ul.style1{padding-right:50%;}
    .form_lst.desc > ul > li > div{grid-template-columns:70% auto;}
/* //From List */

/* Two Step Verification */
.verifi_cnt_wrap{display: none;}
.verifi_wrap{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(17, 17, 17,0.85);z-index:999;}
.verifi_wrap .modal-dialog{padding:10px;}
.verifi_wrap.style2{background-color:rgba(17, 17, 17,0.25);}
.verifi_wrap .btn_pop_close{position:absolute;top:10px;right:10px;width:40px;height:40px;margin:0;padding:0;border-radius:50%;}
.verifi_wrap .btn_pop_close > i{display:inline-block;vertical-align:top;font-size:22px;color:#fff;line-height:36px;}
.verifi_wrap .verifi_inner{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}
.verifi_wrap .verifi_inner p.title{margin-bottom:10px;font-size:22px;font-weight:550;text-align:center;color:var(--text-btn_white);}
.verifi_wrap .verifi_inner .retry-link{display:block;color: #fff; text-decoration: underline;}
.verifi_wrap .verifi_inner .alert{max-width:350px;margin:0 auto;}
.verifi_wrap .verifi_inner .verifi_text p{display:block;margin:0;padding:4px;font-size:16px;color:#fff;text-align:center;}
.verifi_wrap .verifi_inner .verifi_text p.app_version{margin-top:10px;font-size:14px;letter-spacing:1px;}
.verifi_wrap .verifi_inner .verifi_text > a{display:block;margin:10px 0 0;padding:5px 0 5px;font-size:16px; color:#3276ed;text-align:center;}
.verifi_wrap .verifi_inner .verifi_text > a:hover{text-decoration:underline;}
.verifi_wrap .verifi_inner .verifi_text img{display:block;margin:0 auto;}
.verifi_wrap .verifi_inner .verifi_text p.remain{font-size:16px;color:#9f9fa0;}
.verifi_wrap .verifi_inner .verifi_text p.remain{color:#f42f31;font-weight:normal;}
.verifi_wrap .verifi_inner .verifi_text p.remain span{color:#f42f31;font-weight:normal;}
.verifi_wrap .verifi_inner .verifi_text .browser_support ul{display:block;width:450px;margin:0 auto;padding:25px 0 0;text-align:center;overflow: hidden;}
.verifi_wrap .verifi_inner .verifi_text .browser_support ul li{float:none;display:inline-block;width:130px;margin:0 auto;padding:0 0 10px;}
.verifi_wrap .verifi_inner .verifi_text .browser_support ul li:nth-child(2){width:160px;}
.verifi_wrap .verifi_inner .verifi_text .browser_support ul li img{width:60px;margin:0 auto;padding:0;}
.verifi_wrap .verifi_inner .verifi_text .browser_support ul li span{display:block;margin:0;padding:10px 0;font-size:14px;color:#fff;line-height:16px;text-align:center;}
.verifi_wrap .verifi_inner .verifi_text .qr_image{width:250px; height:250px;display: block; overflow: hidden;margin: 0 auto;}
.verifi_wrap .verifi_inner .verifi_text .qr_image img{display:block;margin:0 auto;width: 100%;}	
.verifi_wrap .verifi_inner .verifi_text .component_wrap{width:400px;}
.verifi_wrap .verifi_inner .verifi_text .component_wrap > ul{grid-template-columns:100%;padding:0;}
.verifi_wrap .verifi_inner .verifi_text .component_wrap > ul > li{width:100%;}
.verifi_wrap .verifi_inner .btn_wrap .btn{margin:5px 3px;}
.verifi_wrap .verifi_inner .loading_wrap{position:static;top:0;left:0;width:110px;margin:0 auto;height:110px;z-index:auto;background-color:transparent;}
.verifi_wrap .verifi_inner .loading_wrap .loading{position:static;top:0;left:0;margin:0 auto;}
	.opt_input{display:flex;justify-content:center;}
	.opt_input > input{position:relative;vertical-align:top;display:inline-block;width:38px;height:38px;margin:15px 4px 0;padding:0;text-align:center;line-height:24px;border-radius:2px;font-weight:bold;z-index:990;}
	.opt_input > input.pin_code:not(:focus, :placeholder-shown){font-size:0;}
	.opt_input > input.pin_code:not(:focus,:placeholder-shown) + span{position:relative;font-family:"MontserratLight" !important;}
	.opt_input > input.pin_code:not(:focus,:placeholder-shown) + span::before{position:absolute;top:16px;left:-28px;content:"*";display:block;width:15px;height:15px;font-size:30px;color:#183150;z-index:999;}
    .opt_input > input[class*="pin"]:invalid{color:#183150;font-size:14px;border-color:#d64e47;box-shadow:0 0 0 0.1rem rgb(214, 78, 71, 0.35);}
    .opt_input > input[class*="pin"]:invalid:not(:focus,:placeholder-shown) + span{display:none;}

/* Loading Screen */
.loading_wrap{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(17, 17, 17,0.85);z-index:9990;}
.loading{position:absolute;top:50%;left:50%;display:block;width:110px;height:110px;margin:-65px 0 0 -65px;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0;}
.loading span{display:block;padding:5px 0;font-size:12px;color:#fff;line-height:100px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.loading div{left:38px;top:4px;position:absolute;animation:loading linear 1s infinite;box-sizing:content-box;background:#336699;width:12px;height:12px;border-radius:6px/6px;transform-origin:16px 50px;}
.loading div:nth-child(1){transform:rotate(0deg);animation-delay:-0.9166666666666666s;background:#0066cc;}
.loading div:nth-child(2){transform:rotate(30deg);animation-delay:-0.8333333333333334s;background:#3366cc;}
.loading div:nth-child(3){transform:rotate(60deg);animation-delay:-0.75s;background:#336699;}
.loading div:nth-child(4){transform:rotate(90deg);animation-delay:-0.6666666666666666s;background:#6699cc;}
.loading div:nth-child(5){transform:rotate(120deg);animation-delay:-0.5833333333333334s;background:#6699cc;}
.loading div:nth-child(6){transform:rotate(150deg);animation-delay:-0.5s;background:#99cccc;}
.loading div:nth-child(7){transform:rotate(180deg);animation-delay:-0.4166666666666667s;background:#99cccc;}
.loading div:nth-child(8){transform:rotate(210deg);animation-delay:-0.3333333333333333s;background:#99cccc;}
.loading div:nth-child(9){transform:rotate(240deg);animation-delay:-0.25s;background:#ccc;}
.loading div:nth-child(10){transform:rotate(270deg);animation-delay:-0.16666666666666666s;background:#ccffff;}
.loading div:nth-child(11){transform:rotate(300deg);animation-delay:-0.08333333333333333s;background:#336699;}
.loading div:nth-child(12){transform:rotate(330deg);animation-delay:0s;background:#336699;}

/* Noted */
.noted{display:flex;margin:0;line-height:20px;background:url(../img/icon/icon_noted.png) no-repeat 0 5px / 16px auto;text-indent:0;}
.noted > strong{margin-right:5px;padding:0 0 5px 20px;color:#1D3E65;font-weight:600;line-height:20px;}
.noted > span{color:#959798;line-height:20px;}
.noted.noicon{background:none;}
.noted.noicon > strong{padding-left:0;}
a.noted:hover{text-decoration:underline;}

/* Pop up alert */
.pop_alert{position:relative;display:block;border-radius:10px;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);margin: 0 auto;}
	.btn_close{position:absolute;top:12px;right:10px;display:block;margin:0;padding:0;width:30px;height:30px;color:#828282;border-radius:50%;}
	.btn_close i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:20px;height:20px;margin:0;padding:0;font-size:18px;line-height:18px;color:#1B3451;text-align:center;}
	.btn_close:hover{color:#000;background-color: rgba(0, 0, 0, 0.15);} 

.pop_alert > a{position:absolute;top:12px;right:17px;display:block;width:36px;height:36px;color:#fff;text-align:center;border-radius:50%;}
.pop_alert > a i{display:inline-block;vertical-align:top;margin:0;font-size:22px;font-weight:normal !important;color:#494949;}
.pop_alert .pop_tit{display:block;margin:0;background-color:#F0F0F0;height:60px;border-top-right-radius:10px;border-top-left-radius:10px;}
.pop_alert .pop_tit > h3{display:block;color:#163E6D;padding:20px 40px 20px 24px;font-size:18px;font-weight:500;font-style:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pop_alert .pop_cnt{display:block;min-height:80px;padding:10px 25px 10px;}
.pop_alert .pop_cnt .component_wrap > ul{grid-template-columns:100%;padding-right:0;}
.pop_alert .pop_cnt .component_wrap > ul > li{width:100%;margin:12px 0 0;padding:0;}
.pop_alert .pop_cnt img.captcha{width:100%;height:100%;border:1px solid #989595;border-radius:7px;}
.pop_alert .pop_cnt > h4{display:block;color:#163E6D;font-size:20px;font-weight:500;font-style:normal;}
.pop_alert .pop_cnt > span{display:block;color:#565656;font-style:normal;font-weight:500;line-height:normal;}
.pop_alert .pop_cnt > pre{display:block;margin:0;padding:10px 0 0;color:#565656;font-style:normal;font-weight:500;line-height:24px;white-space: pre-wrap;}

.pop_alert .pop_cnt .icons{width:100%;margin:0 auto;}
.pop_alert .pop_cnt .icons.success{width:70px;height:70px;border-radius:0;}
.pop_alert .pop_cnt .icons.success{background-image:url('../img/icon/icon_success.png');background-size:auto 70px;background-repeat:no-repeat;background-position:0 0;}
.pop_alert .pop_cnt .icons.warning{background-image:url('../img/icon/icon_warning.png');background-size:100%;background-repeat:no-repeat;background-position:0 0;}
.pop_alert .pop_cnt .icons.warning{width:70px;height:70px;border-radius:0;}
.pop_alert .pop_cnt .txt_desc{line-height:28px;}
.pop_alert .pop_cnt .term_con{height:270px;margin:0 -10px;padding:0 5px;text-align:left;overflow-y:auto;}
.pop_alert .pop_cnt .term_con > p{margin:0;padding:0;font-weight:normal;line-height:28px;color:#797a7a;text-align:right;}
.pop_alert .pop_cnt .term_con::-webkit-scrollbar{width:6px;border-radius:3px;}
.pop_alert .pop_cnt .term_con::-webkit-scrollbar-track{background-color:#f1f1f1;}
.pop_alert .pop_cnt .term_con::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px;}
.pop_alert .pop_cnt .term_con::-webkit-scrollbar-thumb:hover{ background-color:#1B3451;}
.pop_alert .pop_cnt .term_con > p{text-align:left;color:#1b3451;}
.pop_alert .pop_cnt .term_con > p.note{font-size:11px;color:#8c8c8c;}
.pop_alert .pop_cnt .table_wrap{width:100%;}

    .pop_alert .pop_btn{padding:10px 25px 20px;}
    /*.pop_alert .pop_btn .btn_stetement{padding:0 35px;}*/

/* Manage Favorite */
.mana_favo_wrap > span.no_data{display:block;width:200px; margin:0;padding:150px 0 0;font-size:20px !important;text-align:center;background:url(../img/comm/icon_mana_favorite.png) no-repeat center 0 / 140px auto;}
.mana_favo_wrap > ul{padding-bottom:10px;}
.mana_favo_wrap > ul li{width:33.33%;}
.mana_favo_wrap > ul li > div{position:relative;padding:10px;}
.mana_favo_wrap > ul li > div .dropdown-menu.table{max-width:150px;margin-top:5px !important;}
.mana_favo_wrap > ul li > div .btn_mobile_dot{position:absolute;top:25px;right:13px;width:14px;height:30px;}
.mana_favo_wrap > ul li > div .btn_mobile_dot::before,
.mana_favo_wrap > ul li > div .btn_mobile_dot::after,
.mana_favo_wrap > ul li > div .btn_mobile_dot > span{content:"";position:absolute;top:50%;left:50%;margin:-2px 0 0 -2px;width:4px;height:4px;background-color:var(--bg-primary);border-radius:50%;}
.mana_favo_wrap > ul li > div .btn_mobile_dot::before{top:8px;}
.mana_favo_wrap > ul li > div .btn_mobile_dot::after{top:auto;bottom:6px;}

    .mana_favo_wrap > ul li > div > a:first-child{display:block;margin:0;padding:15px 20px 10px 15px;border:1px solid #E9E9E9;border-radius:10px;}
    .mana_favo_wrap > ul li > div > a:first-child div{display:grid;grid-template-columns:auto 150px;}
    .mana_favo_wrap > ul li > div > a:first-child div h4{display:block;height:30px;font-size:14px;margin:0;padding:5px 0 5px 30px;line-height:24px;color:var(--text-primary);background:url(../img/icon/icon_mana_favorite_name.png) no-repeat 0 center / 24px auto;}
    .mana_favo_wrap > ul li > div > a:first-child div label{display:block;width:100%;text-align:right;}
    .mana_favo_wrap > ul li > div > a:first-child div label span{display:inline-block;vertical-align:top;max-width:150px;width:auto; height:30px;margin:0;padding:5px 15px;color:#fff; border-radius:15px;background-color:#0464D9;}
    .mana_favo_wrap > ul li > div > a:first-child p{display:block;height:30px;margin:0;padding:5px 0 5px 30px;line-height:24px;color:var(--text-primary);}
    
/* pop up alert Browsers requeirement */
/* .pop_alert .pop_cnt.t_left > dl{margin-bottom:15px;}
.pop_alert .pop_cnt.t_left > dl > dd{margin:0;font-size:14px;}
.pop_alert .pop_cnt.t_left > dl > dd > span{padding: 0px 0 0 16px;} */



.component_policy h6{color:#274D7B;margin:10px 0 10px;font-size:14px;font-style:normal;line-height:normal;}
.component_policy p{color:#959798;margin-top:3px;font-style:normal;line-height:normal;}
.component_policy ul{padding-left:20px;margin:5px 0;}
.component_policy ul li{display:list-item;color:#959798;list-style-type:disc;font-size:14px;line-height:18px;float:none;}
  
/* Tabe Bar */
.tab_bar{position:relative;max-width:500px;margin-top:8px;background-color:#E9E9E9;padding:4px 3px;border-radius:7px;}
.tab_bar .tab_inner{display:flex;flex-wrap:wrap;padding-left:0;list-style:none;}
.tab_bar .tab_inner > li{flex:1 1 auto;text-align:center;}
.tab_bar .tab_inner li a{width:100%;border-radius:5px;height:35px;line-height:32px;}
.tab_bar .tab_inner li a span{color:#565656;}
.tab_bar .tab_inner a.on span{color:#274D7B;}
.tab_bar .tab_inner a.on{background-color:#fff;}

/* card */
.card{display:block;border:1px solid var(--bg_panel);overflow:hidden;}
.card .card-header{position:relative;margin:0;padding:0;background-color:var(--bg_panel);border-color:var(--bg_panel);}
.card .card-header > a{position:relative;display:block;height:40px;padding:5px 0 5px 15px;cursor:default;}
.card .card-header > a > p{display:block;color:var(--text-penel);font-size:16px;}
.card .card-body{width:calc(100%);margin:0;padding:10px 10px 10px 2px;}
.card .card-body.collapse:not(.show){display:grid;}
.card .card-body .card_body_inner{display:grid;grid-template-columns:33.33% 33.33% 33.33%;}
.card .card-body .card_body_inner .form_lst{border-left:1px solid var(--bg_panel);}
.card .card-body .card_body_inner .form_lst:first-child{border-left:0;}
/* //card */

/* Tracking */
.tracking{display:block;margin:0;padding:35px 0 0;width:100%;max-height:320px;overflow-x:hidden;overflow-y:auto;}
.tracking dl{display:flex;flex-wrap:wrap;width:100%;}
.tracking dl dt{position:relative;display:block;width:50%;margin:0;padding:0 0 40px 0;}
.tracking dl:last-child dt{padding-bottom:20px;}
.tracking dl dt::before{content:"";position:absolute;top:0;right:-15px;width:30px;height:30px;background-color:#fff;border:2px solid #dedede;border-radius:50%;z-index:998;}
.tracking dl dt::after{content:"";position:absolute;top:7px;right:-7px;width:8px;height:10px;border:2px solid #dedede;border-top:0;border-right:0; z-index:999;}
.tracking dd{position:relative;display:block;width:50%;margin:0;padding:0 0 40px 25px;}
.tracking dd::before{content:"";position:absolute;top:35px;left:-1px;bottom:5px;width:0;border:1px dashed  #dedede;z-index:998;}
.tracking dt > p, .tracking dd > p{display:block;margin:0;padding:0;font-size:13px;color:#1b3451;font-weight:normal;text-align:left;line-height:22px !important;text-indent:0 !important;}
.tracking dd > p:nth-child(0){color:#4c4a4a;}
.tracking dl dt.success + dd:last-child:before{border:0;}
	.tracking dl dt.success::before{background-color:#6dc089;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(109,192,137,1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(109,192,137,1);
		box-shadow: 0px 0px 10px 0px rgba(109,192,137,1);border:0;}
		.tracking dl dt.success::after,
		.tracking dl dt.process::after{top:7px;right:-4px;width:6px;height:10px;transform:rotate(45deg);}
	.tracking dl dt.success::after{border:2px solid #fff;border-top:0;border-left:0;}
	.tracking dl dt.success + dd::before{border:1px solid #6dc089;}
	.tracking dl dt.process::before{border-right:2px solid #5671b3;border-bottom:2px solid #5671b3;}
	.tracking dl dt.process > p strong{color:#5671b3 !important;}
	.tracking dl dt.process::after{border:2px solid #5671b3;border-top:0;border-left:0;}
	.tracking dl dt.reject > p strong{color:#B22F2F !important;}
	.tracking dl dt.reject::before{background-color:#B22F2F;border:2px solid #B22F2F;}
	.tracking dl dt.reject::after{content:"\f29a";top:6px;right:0px;display:inline-block;font:normal normal normal 18px / 1 'Material Design Iconic Font';color:#fff; border:0;}

/* Custome Bootstrap */
.input-group .addon_asp:has(.min-wid80){margin-right:-90px;padding-left:10px;}
/* Custome Bootstrap */

body.locale-kh .component_wrap.h_40 .ac_form > label{line-height:24px;}

.privacy > label > span,
.privacy > input[type=checkbox]:disabled + label > span{color:var(--text-default);}
.privacy > label > span > a{color:var(--text-primary) !important;}

/* Default Page */
.default_page{position:absolute;top:40%;left: 50%;transform: translate(-50%, -50%);}
.def_head{text-align:center;}
.def_head > img{display:inline-block;vertical-align:top;margin:0;padding:0;height:80px;}
.def_head > h2{display:block;font-size:26px;margin:0;padding:0;color:var(--text-primary);}
.def_cnt{display:flex;width:100vw;align-items:center;justify-content:center; margin:20px 0;min-height:160px;background-color:var(--bg-primary);}
.def_cnt p{display:block;margin:0;padding:0;font-size:22px !important;text-align:center;color:#fff;}