@charset "ISO-8859-1";

@media screen and (max-width:767px){
	/* Reset Mobile */
    .hide_mobile{display:none !important;}
    .show_mobile{display:block !important;}
    .wrap.home .containers{position:relative;grid-template-rows:317px auto;}

    /* footer */
    .wrap .footer_wrap .quick_task .quick_task_inner{position:fixed;top:135px;bottom:auto;right:17px;z-index:900;max-width:240px;}
    .wrap .footer_wrap .quick_task .btn_qt_setting{top:87px;bottom:auto;right:20px;z-index:998;}
    .wrap .footer_wrap .quick_task .quick_task_inner > div.dropdown{position:static;}
    .wrap .footer_wrap .quick_task .dropdown-menu.show{right:0 !important;inset:0 -3px auto auto !important;transform:translate(0, 0) !important;}
    

    .wrap.home .footer_wrap .quick_task .quick_task_inner{position:fixed;top:auto;bottom:90px;}
    .wrap.home .footer_wrap .quick_task .quick_task_inner ul li{width:100%;}
    .wrap.home .footer_wrap .quick_task .btn_qt_setting{top:auto;bottom:50px;right:20px;z-index:900;}
    .wrap.home .footer_wrap .quick_task .dropdown-menu.show{inset:auto -3px 0px auto !important;}
    /* Login Page */
    .login_page{min-height:830px;background-position:22% 0;}
    .login_page .login_wrap{width:100%;padding-top:35px;}

    /* Login_content */
    .login_page .login_wrap .login_cnt h1.logo > a img{height:50px;}
    .login_page .login_wrap .login_footer{padding-bottom:25px;}

    /* Content */
    .item_box{height:150px;width:calc(90%);margin:10px auto 0;}
    .item_box .item .item_desc{padding:4px 0 0;}
    .item_box .item .item_desc h4{padding:5px 0 5px;}
    .item_box .item .item_desc .balance li{padding-left:25px;padding-right:10px;}

    .carousel-indicators{bottom:0;left:10vh;}

        /* logo_security_digital_badges */
        .logo_sec_wrap{left:0;bottom:18px;width:100%;padding:0 20px;transform:none;align-items:center;justify-content:center;}
        .logo_sec_wrap p{margin-top:-7px;}
        .logo_sec_wrap .logo_sec{display:flex;margin:0 0 10px;gap:10px;}
        .logo_sec_wrap .logo_sec > img{display:block;height:35px;}
  
    /* button wrap */
    .btn_wrap .btn.mobile{display:block;}
    .btn_wrap .btn.icon_back{border:0;}
    .btn_wrap .btn.pc{display:none !important;}
    .btn_wrap .btn.mobile_icon{width:40px;min-width:40px;margin-right:7px;padding:0 !important;}
    .btn_wrap .btn.mobile_icon span{display:block;width:100%;height:100%;font-size:0;}
    .btn_wrap .btn.mobile_icon[class*="icon"] span{background-position:50% !important;}
    .btn_wrap.h32 .btn.mobile_icon{width:32px;min-width:32px;margin-right:7px;padding:0 !important;}
    .btn_wrap.hide_txt .btn{width: 50px;min-width: 50px}
    .btn_wrap.hide_txt .btn.btn-success.icon_sum{background-position: 50%;}
    /* button wrap */

    /* Pop up alert */
    .pop_alert .pop_btn .btn_wrap .btn{width:100%;} 

    /* Notification */
    .wrap .alert_wrap{top:85px;left:50%;padding:0 15px;transform:translateX(-50%);}

    /* Search_wrap */
    .search_wrap .search_box{width:100%;max-width:100% !important;}
    .search_wrap .search_box.style2{max-width:500px;}
    .search_wrap .search_box > .input-group .input-group-btn.add_filter .dropdown .dropdown-menu{min-width:220px;max-width:220px;}
    .search_wrap .search_box > .input-group input{margin:0 10px 0 0;}
    .search_wrap .search_box .btn_wrap .btn{margin-right:0;}
    

    /* Content */
    .cnt_wrap .content .cnt_inner:has(.mb_show){padding-bottom:45px;}
    .cnt_wrap .content .cnt_inner:has(.pagination_wrap + .btn_wrap.mobile.mb_show) .pagination_wrap{bottom:45px}
   
    .cnt_wrap .content .cnt_inner .cnt_box{ /*overflow:visible;*/}

    

    /* table_list */
    .table_list .COL_RESP, .table_list .COL_RESP div{width:auto;}
    .table_list .COL_AUTO_W180{width:180px;}
    .table_list table thead tr th.COL_RESP:last-child,
    .table_list table tbody tr td.COL_RESP:last-child{position:static;right:0;text-align:center;z-index:998;}
        .table_list table tbody tr td.COL_RESP > div{text-align:center;min-height:46px;height:auto;padding:0;}
        .table_list table tbody tr td.COL_RESP > div .row_td{display:block;margin:0;padding:5px 0;}
        .table_list table tbody tr td.COL_RESP > div .btn.btn_detail,
        .table_list table tbody tr td.COL_RESP > div .btn.btn_eye,
        .table_list table tbody tr td.COL_RESP > div .btn.btn_ban{width:100%;height:auto;padding:5px 0;margin:0;border-radius:0;padding:5px 10px 0 0; border:1px solid transparent; background:none;}
        .table_list table tbody tr td.COL_RESP > div .btn.btn_matrix,
        .table_list table tbody tr td.COL_RESP > div .btn.btn_attach_file,
        .table_list table tbody tr td.COL_RESP > div .btn.btn_card_replcement{display:none;}
        .table_list table tbody tr td.COL_RESP > div .btn.btn_delete{width:100%;height:auto;padding:5px 0;margin:0;border-radius:0;padding:5px 10px 0 0; border:1px solid transparent; background:none;}
        .table_list table tbody tr td.COL_RESP > div .btn_mobile_dot{display:block;position:absolute;top:50%;margin-top:-15px;z-index:991;}
        .table_list table tbody tr td.COL_RESP > div .btn_mobile_dot, 
        .table_list table tbody tr td.COL_RESP > div a.btn_mobile_dot.show, 
        .table_list table tbody tr td.COL_RESP > div a.btn_mobile_dot:active{border:0 !important;}
        .table_list table tbody tr td.COL_RESP > div:has(.btn_mobile_dot){padding-right:12px !important;}
        .table_list table tbody tr td.COL_RESP .dropdown-menu.table{max-width:170px;}
        .table_list table tbody tr td.COL_RESP .dropdown-menu.table ul{padding:0 inherit;}
        .table_list table tbody tr td.COL_RESP .row_td.two_column{display:flex;justify-content:space-between;width:calc(100vm - 30px); margin:0;padding:0 0 3px;}
        .table_list table tbody tr td.COL_RESP .row_td.two_column span.txt_primary{display:block;font-size:14px;cursor:pointer;}
        .table_list table tbody tr td.COL_RESP .row_td.one_column span{display:block;width:100%;margin:0;padding:0;border:0 !important;}
        .table_list table tbody tr td.COL_RESP .row_td > span{padding:3px 0;text-align:left;line-height:26px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
        .table_list table tbody tr td.COL_RESP .row_td > span.date{font-size:12px;}
        .table_list table tbody tr td.COL_RESP:has(.row_td + .row_td) div{padding:2px 0 5px;}
        .table_list table tbody tr td.COL_RESP:has(.row_td + .row_td) div > a span{line-height:18px;}
    .table_list table tbody tr td > div{display:block;top:0;bottom:0;}
    .table_list table tbody tr td:hover > div{display:block;top:0;bottom:0;}
    .table_list table tbody tr td > div > span{display:block;margin:0;font-size:13px;line-height:30px;}
    .table_list table tbody tr td > div .ac_checkbox, 
    .table_list table thead tr th > div .ac_checkbox{left:12px;}
    .table_list table tbody tr td > div:has(.ac_checkbox), 
    .table_list table thead tr th > div:has(.ac_checkbox){position:absolute;top:0;bottom:0;width:100%;height:100%;}
    .table_list.tbl_resp table thead{display:none;}
    .table_list.tbl_resp table tbody tr:first-child td > div{border-top:1px solid var(--bg-input-disable);}
    
    /* //table_list */

    /* //From List */
    .form_lst > ul{display:block;}
    .form_lst > ul > li{width:100%;}
    .form_lst > ul > li > div{grid-template-columns:180px auto;}
    .form_lst > ul > li.input > div{grid-template-columns:100%;}
    .form_lst > ul > li.input > div > label{padding:5px 0 ;}
    .form_lst > ul > li.input > div > label > span{height:auto;line-height:16px;}
    .form_lst > ul > li.input > div > div{max-width:100%;padding:0;}
    /* //From List */

    /* Two Step Verification */
	.verifi_wrap .verifi_inner{left:0;width:100%;transform:translate(0, -50%);}
	.verifi_wrap .verifi_inner .verifi_text .browser_support ul{width:100%;}
	.verifi_wrap .verifi_inner .verifi_text .btn_wrap{text-align:center;}
    .verifi_wrap .verifi_inner .verifi_text .component_wrap{width:100%; margin:0 auto;padding:0 25px;}
    
    /* component_wrap */
    .component_wrap > ul{padding-right:0;}
    .component_wrap > ul > li.wid120-mb-100 .ac_form{width:100%;}
    .component_wrap > ul > li.wid180-mb-100 .ac_form{width:100%;}
    .component_wrap > ul > li.text{padding:0;}
    .component_wrap > ul > li.text > p{padding:0 0 5px;line-height:14px;}
    
    .component_wrap.two_column > ul{display:grid;grid-template-columns:100%;padding-right:0;}
    .component_wrap.two_column > ul > li{padding-left:0;padding-right:0;}
    .component_wrap.two_column > ul > li.full_width{width:100%;}
    .component_wrap.three_column > ul{display:grid;grid-template-columns:100%;padding-right:0;}
    .component_wrap.three_column > ul > li.full_width{width:100%;}

    /* Tab_wrap */ 
    .tab_wrap .tab_inner{overflow-y:hidden;}

    /* User Setting */
    .user_setting .tab_wrap .tab_inner li{padding:0;}
    /* //User Setting */

    /* card */
    .card .card-header > a::before{position:absolute;top:50%;right:5px;content:"";width:24px;height:24px;margin-top:-12px;background:url(../img/icon/arrow_down_primary.png) no-repeat center center / 13px auto;transition:0.2s ease-in-out;}
    .card .card-header > a:not(.collapsed)::before{transform:rotate(180deg);}
    .card .card-body{padding:5px 15px;}
    .card .card-body.collapse:not(.show){display:none;}
    .card .card-body .card_body_inner{width:100%;grid-template-columns:100%;}
    .card .card-body .card_body_inner .form_lst{border-left:0;border-top:1px solid var(--bg_panel);}
    .card .card-body .card_body_inner .form_lst:first-child{border-top:0;}
    .card .card-body .card_body_inner .form_lst > ul > li > div > label > span{padding-left:0;}
    /* //card */

    .btn_wrap.mobile{position:fixed;bottom:0;display:flex;justify-content:space-between;text-align:left !important;z-index:998;}
    .btn_wrap.mobile.hide{display:none;}
    .btn_wrap.mobile.hide.mb_show{display:block;}

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

    /* Custome ACLEDA Material */
    .ac_country_list{grid-template-columns:75px auto;}
    .ac_country_list > a > span span{display:none;}
    /* //Custome ACLEDA Material */

    /* Manage Favorite */
    .mana_favo_wrap > ul li{width:100%;}
}

@media screen and (max-width:390px){
    .login_page .login_wrap .login_cnt{padding:10px 15px;}
    .item_box .item .item_desc .balance li{padding-right:10px;padding-left:10px;}
}