body{--t-global-color-primary: #EBD012;--t-global-color-secondary:#0075E9;--t-global-color-text:#202020;}

.alert .close{line-height: 1rem;}
.btn,.btl_bt,a.btn,a.btl_bt{background-color: var(--t-global-color-primary);border:0;border-color: var(--t-global-color-primary);border-radius: 0;color: var(--t-global-color-text);font-size: 0.95rem;line-height: 0.95rem;text-decoration: none;padding: 10px 10px;}
.btl_bt:hover, .btl_bt:active, .btl_bt:focus,
a.btl_bt:hover, a.btl_bt:active, a.btl_bt:focus{background-color: var(--t-global-color-text);border-color: var(--t-global-color-text);color: #fff;}
.btn.full,.btl_bt.full{width: 100%;}
.btl_form .form_input.form_select.ss-main .ss-single-selected, .btl_form .form_input.form_select.ss-main .ss-multi-selected{padding: 0.5rem 0.75rem;line-height: 1rem;}
.ss-content .ss-list .ss-option{display: block !important;}
.ss-content .ss-list .ss-option.ss-disabled{display: none !important;}
.ss-content .ss-list .ss-option.ss-disabled.ss-option-selected{display: block !important;color: var(--t-global-color-text);background-color: var(--t-global-color-primary);}

.btl_bt.back{background-color: #ddd;}

/*Header*/
#header{display: block;width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 1;}
.header_link{display: inline-block;font-size: 30px;color: var(--t-global-color-text);float: right;padding: 10px;}
.header_link:hover{color: var(--t-global-color-primary);}
.header_link img{display: block;width: 30px;height: 30px;object-fit: contain;}
.header_menu{background-color: #fff;box-shadow: 0 2px 10px #00000029;display: block;width: 230px;height: 100vh;position: fixed;top: 0;left: 0;z-index: 1;transition: left .5s;-moz-transition: left .5s;-webkit-transition: left .5s;-o-transition: left .5s;overflow: hidden auto;}
.menu_close .header_menu{left: -250px;transition: left .5s;-moz-transition: left .5s;-webkit-transition: left .5s;-o-transition: left .5s;}
.header_menu ul{list-style: none;margin: 0;padding: 0;}
.header_menu ul li{display: block;margin: 0;padding: 0;}
.header_menu ul li a{border-right: 3px solid transparent;color: var(--t-global-color-text);font-size: 1rem;font-weight: 400;line-height: 1.15rem;text-align: left;display: block;margin: 0;padding: 20px 10px 20px 40px;position: relative;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;}
.header_menu ul li.active a,
.header_menu ul li.active a:hover,
.header_menu ul li a:hover{background-color: var(--t-global-color-primary);border-right: 3px solid var(--t-global-color-text);color: var(--t-global-color-text);text-decoration: none;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;}
.header_menu ul li.active a,
.header_menu ul li.active a:hover,
.header_menu ul li a:hover{background-color: var(--t-global-color-primary);}
.header_menu ul li a i{color: #d3bc52;display: inline-block;margin-right: 10px;position: absolute;top: 20px;left: 10px;}
.header_menu .menu_icon{display: block;width: 20px;height: 20px;object-fit: contain;position: absolute;top: 20px;left: 10px;}

.header_menu ul li.header_logo a{padding: 5px 10px;}
.header_menu ul li.header_logo a:hover{background-color: transparent;border-right: 3px solid transparent;}
.header_menu .header_logo img{display: block;width: auto;height: 60px;object-fit: contain;margin: 0 auto;padding: 0;}
.header_mb{background-color: #fff;box-shadow: 2px 2px 10px #00000029;text-align: center;display: none;width: 100%;height: 50px;padding: 0;position: relative;z-index: 5;}
.header_mb .header_logo{display: inline-block;}
.header_mb .header_logo img{display: block;width: auto;height: 50px;object-fit: contain;margin: 0 auto;padding: 5px;}
.header_menu li:not(.header_logo) a img{
    -webkit-filter: brightness(0) saturate(100%) invert(53%) sepia(92%) saturate(390%) hue-rotate(12deg) brightness(97%) contrast(88%);
    -moz-filter: brightness(0) saturate(100%) invert(53%) sepia(92%) saturate(390%) hue-rotate(12deg) brightness(97%) contrast(88%);
    -ms-filter: brightness(0) saturate(100%) invert(53%) sepia(92%) saturate(390%) hue-rotate(12deg) brightness(97%) contrast(88%);
    filter: brightness(0) saturate(100%) invert(53%) sepia(92%) saturate(390%) hue-rotate(12deg) brightness(97%) contrast(88%);
    -webkit-transition: filter 0.3s ease-in-out;
    -moz-transition: filter 0.3s ease-in-out;
    -ms-transition: filter 0.3s ease-in-out;
    transition: filter 0.3s ease-in-out;
}
.header_menu li:not(.header_logo) a:hover img,
.header_menu li:not(.header_logo).active a img{
    -webkit-filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(278deg) brightness(101%) contrast(91%);
    -moz-filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(278deg) brightness(101%) contrast(91%);
    -ms-filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(278deg) brightness(101%) contrast(91%);
    filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(278deg) brightness(101%) contrast(91%);
}
.header_logo hr{border-bottom: 1px solid var(--t-global-color-text);display: block;width: 100%;margin: 0;}
.header_menu ul li.lang_item{background-color: var(--t-global-color-primary);border-bottom: 1px solid var(--t-global-color-text);text-align: center;}
.header_menu ul li.lang_item a{background-color: transparent;border-right: 0;color: var(--t-global-color-text);display: inline-block;padding:10px 5px;margin: 0 10px;}
.header_menu ul li.lang_item a:hover{background-color: transparent;border-right: 0;color: var(--t-global-color-text);}

.mb_menu_btn{background-color: #fff;border: 0;border-radius: 50%;color: var(--t-global-color-text);font-size: 20px;text-align: center;float: left;display: block;width: 50px;height: 50px;}
.mb_menu_btn:hover{color: var(--t-global-color-primary);}

.top_tools{display: block;padding-bottom: 15px;}

#container{background-color: #f0f0f0;display: block;width: 100vw;height: 100vh;padding: 15px 15px 15px 245px;position: relative;overflow: hidden auto;z-index: 0;transition: padding .5s;-moz-transition: padding .5s;-webkit-transition: padding .5s;-o-transition: padding .5s;}
body.menu_close #container{padding: 15px 15px 15px 15px;transition: padding .5s;-moz-transition: padding .5s;-webkit-transition: padding .5s;-o-transition: padding .5s;}
#container.login, body.menu_close #container.login{padding: 0;}
#container.unlogin{padding: 15px;}
/*Login*/
.login_panel{height: 100%;margin: 0;}
.login_panel h1{font-size: 5rem;font-weight: 700;}
.login_bg{background-image: url('../images/login_bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;text-align:right;display:table;width: 100%;height: 100%;position: relative;opacity:1;z-index: 0;}
.login_bg::before{background-color: rgba(0, 0, 0, 0.2);content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;}
.login_bg > div{display:table-cell;vertical-align:middle;position: relative;z-index: 1}
.login_bg > div > div{color:#ffffff;display:inline-block;width:100%;}
.login_bg .animated{width:100%;}
.login_bg .animated img{width:40%;}
.login_form{background-color: #e8e8e8;text-align:center;display:table;height: 100%;}
.login_form > div{display:table-cell;vertical-align:middle;}
.login_form .panel_box{background-color: #fff;border: 1px solid #e3e3e3;border-radius: 0;box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.05);color: #777;display:inline-block;width: 300px;min-width: 300px;max-width: 100%;padding: 0;}
.login_form .panel_box .alert{text-align: left;}
.login_form .panel_box hr{border-top: 2px solid var(--t-global-color-primary);width: 100%;margin: 0;}
.login_form .panel_header{padding: 15px 0;}
.login_form .panel_header img{width: auto;max-width: 200px;height: auto;}
.login_form .panel_body{padding: 0;}
.login_form .form_grid{margin-bottom: 10px;}
.login_form .forgot_link{font-size: 0.9rem;}
.login_form .btn-register{background-color: var(--t-global-color-primary);}
/*Forget Form*/
.login_panel h2{font-size: 2rem;margin: 15px 0;}
.login_form .btn-register{background-color: #ddd;}
.form_msg,
.login_form .msg{color: green;padding: 10px 0;}
.form_msg.error,
.login_form .msg.error{color: red;}
.login_form .msg.large{padding: 30px;}

/*Step*/
.tstep{display: block;width: 100%;margin: 10px 0;position: relative;}
.tstep:after{border-bottom: 1px solid #c3c3c3;content: '';display: block;width: 100%;position: absolute;top: 15px;left:0;z-index: -1;}
.tstep ul{display: table;width: 100%;list-style: none;margin: 0;padding: 0;}
.tstep ul li{display: table-cell;width: 25%;min-width: 100px;min-height: 60px;padding: 0;vertical-align: top;}
.tstep ul li:first-child{padding-left: 0;}
.tstep li a{display: table;width: 100%;}
.tstep li .stepnum{display: block;width: 100%;text-align: center;}
.tstep li .stepnum i{background-color: var(--t-global-color-text);border: 1px solid var(--t-global-color-text);border-radius: 50%;color: #fff;font-size: 1rem;line-height: 1rem;font-style: normal;font-weight: 700;text-align: center;display: inline-block;width: 30px;height: 30px;padding: 5px 0;}
.tstep li.done .stepnum i{background-color: var(--t-global-color-primary);border-color: var(--t-global-color-primary);color: var(--t-global-color-text);}
.tstep li .stepinfo{display: block;padding: 0 5px 5px;}
.tstep li .stepinfo label{color: var(--t-global-color-text);text-align: center;display: block;margin: 0;padding: 5px;position: relative;}
.tstep li .stepinfo span{display: block;font-size: 0.9rem;text-align: center;}

/*Table List*/
.tlist{background-color: #fff;display: block;min-height: 400px;padding: 0;position: relative;}
.tlist_tools{padding: 5px;}
.tlist_filter{display: table;width: 100%;padding: 10px 10px 0 10px;}
.tlist_filter.btl_form .form_grid{display: inline-block;float: left;width: auto;margin: 0 10px 5px 0;}
.btl_form .form_group{display: table;width: 100%;}
.tlist_filter.btl_form .form_label{display: table-cell;padding: 5px 5px 5px 0;vertical-align: middle;}
.tlist_filter.btl_form .form_block{display: table-cell;vertical-align: middle;}
.btl_form .form_input{margin-bottom: 0;}
.btl_form .form_input.input_daterange{font-size: 0.8rem;min-width: 180px;}
.btl_form .form_input.readonly{background-color:#999;cursor: no-drop;}
.btl_form .form_block.type_select{min-width: 150px;}

.tform{background-color: #fff;display: block;margin-bottom: 15px;padding: 0;position: relative;}
.btl_form .form_label{display: block;padding: 5px 5px 5px 0;}
.btl_form .form_block{display: block;}
.btl_form .form_label i{color: red;}
.tform h5{padding: 15px 15px 0 15px;}
.btl_form .form_group{display: block;}
.btl_form .form_input.form_select.ss-main{display: block;}

.tlist_container{display: block;height: calc(100% - 110px);min-height: 250px;padding: 5px 0 5px;position: relative;overflow: hidden auto;}
.tlist_container.no_page{height:100%;}
.tlist_head{background-color: #fff;border: 0;border-radius: 0;display: block;padding: 5px 20px 5px 5px;/*position: absolute;top: 0;left: 0;right: 0;z-index: 1;*/}
.tlist .tlist_row{display: table;width: 100%;border-top: 2px solid #f0f0f0;padding: 0;}
.tlist .tlist_row:first-child{border-top: 0;}
.tlist .tlist_col{/*border-left: 1px solid #202020;*/display: table-cell;max-width: 200px;padding: 5px 5px;line-break: anywhere;}
.tlist .tlist_col:first-child{border-left: 0;}
.tlist_head .tlist_col{font-weight: 700;text-transform: uppercase;word-break: break-word;line-break: auto;}
.tlist_content{background-color: #fff;border: 0;border-radius: 0;display: block;width: 100%;min-width: 200px;padding: 5px 20px 5px 5px;overflow: hidden auto;}
.tlist_head .tlist_row,
.tlist_content .tlist_row:nth-child(even){background-color: #F0F0F0;}
.tlist_content .tlist_col{}
.tlist_content .tlist_col label{display: none;}
.tlist .tlist_col.col_btn{width: 100px;}
.tlist .tlist_col .btl_bt{margin: 0 5px 5px 0;}
.tlist .tlist_col.col_120{width: 120px;}
.tlist .tlist_col.col_150{width: 150px;}
.tlist .tlist_col.col_200{width: 20%;}
.tlist .tlist_col.col_50{width: 50px;}
.tlist .tlist_col.col_auto{width: auto;min-width: 100px;}
.tlist .tlist_col a:not(.btl_bt){color: var(--t-global-color-text);text-decoration: underline;}

.tlist.rate .tlist_content:nth-child(odd) .tlist_row{background-color: #F0F0F0;}
.status_1{color: #fd7e14 !important;}
.status_2{color: #20c997 !important;}
.status_3{color: #dc3545 !important;}
.status_4{color: #000 !important;}

.tlist_pagination{display: block;text-align: right;padding: 5px;}
.tlist_pagination ul{display: inline-block;list-style: none;margin: 0;padding: 0;}
.tlist_pagination ul li{display: inline-block;margin: 2px;}
.tlist_pagination ul li .p_to{width: 50px;}
.tlist_pagination .p_btn.on{color: var(--t-global-color-primary);}
.tlist_pagination ul .p_total{color: var(--t-global-color-text);font-size: 0.9rem;line-height: 2rem;text-align: center;display: inline-block;min-width: 40px;min-height: 40px;margin: 0 6px;padding: 5px;}
.tlist_pagination ul .p_btn{background-color: transparent;border: 0 solid transparent;border-radius: 0;color: var(--t-global-color-text);font-size: 0.9rem;line-height: 2rem;text-align: center;display: inline-block;min-width: 30px;height: 30px;margin: 0;padding: 0;cursor: pointer;}
.tlist_pagination ul .p_btn.on,
.tlist_pagination ul .p_btn:active,
.tlist_pagination ul .p_btn:focus,
.tlist_pagination ul .p_btn:hover{background-color: var(--t-global-color-primary);color: var(--t-global-color-text);text-decoration: none;cursor: pointer;}
.tlist_pagination ul .p_btn.off,
.tlist_pagination ul .p_btn.off:active,
.tlist_pagination ul .p_btn.off:focus,
.tlist_pagination ul .p_btn.off:hover{opacity: 0.5;cursor: no-drop;}
.tlist_pagination ul .material-icons{font-size: 2rem;line-height: 2rem;}
.tlist_pagination ul li.p_total{display: none;}
.tlist_pagination ul .p_info{padding: 0 15px;}
.tlist_pagination ul .p_info span{color: var(--t-global-color-text);font-size: 0.9rem;line-height: 2rem;text-align: center;display: inline-block;min-width: 40px;min-height: 40px;margin: 0;padding: 5px 0;}
.tlist_pagination ul .p_to{background-color: #fff;border: 1px solid #ddd;font-size: 0.9rem;line-height: 2rem;text-align: center;display: inline-block;width: 40px;}
.tlist_pagination a.btl_bt.back{float: left;}

.dashboard_title{background-color: #fff;border: 1px solid #e3e3e3;color: var(--t-global-color-text);font-size: 1.5rem;font-weight: 700;text-align: left;display: block;margin: 0 0 10px 0;padding: 10px;}

/*khg_calculator*/
.khg_calculator{
    display: block;
    width: 800px;
    max-width: 100%;
    padding: 10px 10px;
    background-color: #fff;
}
.khg_calculator h2{color: var(--t-global-color-primary);font-size: 1.2rem;font-weight: 700;text-align: left;}
.khg_calculator label{
    color: var(--t-global-color-text);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: left;
    padding-left: 0;
    margin-bottom: 5px;
}
.khg_calculator .input_group{display:table;width:100%;background-color:#fff;border: 1px solid #ddd;border-radius: 0;}
.khg_calculator .input_group.last{margin-top: 15px;}
.khg_calculator .input_group .form_input, .khg_calculator .input_group .form_input:active, .khg_calculator .input_group .form_input:focus, .khg_calculator .input_group .form_input:hover{border: 0;}
.khg_calculator .input_select{display:table-cell;width:150px;padding: 0 10px;vertical-align: middle;}
.khg_calculator .input_select.full{width: 100%;}
.khg_calculator .input_select *{color: var(--t-global-color-text);}
.khg_calculator .ss-main .ss-single-selected{border: 0;}
.khg_calculator .input_text{display:table-cell;width:calc(100% - 150px);}
.khg_calculator .input_btn{display:block;width:200px;margin: 30px auto 0 auto;}
.khg_calculator .input_select select{
    background-color:transparent;
    border:0;
    display:block;
    width:100%;
    padding: .375rem 0.75rem;
}
.khg_calculator .input_text input{
    background-color:transparent;
    border:0;
    text-align: right;
    display:block;
    width:100%;
    padding: .375rem 0.25rem;
}
.khg_calculator .input_select select:active,
.khg_calculator .input_text input:active,
.khg_calculator .input_btn button:active,
.khg_calculator .input_select select:focus,
.khg_calculator .input_text input:focus,
.khg_calculator .input_btn button:focus,
.khg_calculator .input_select select:hover,
.khg_calculator .input_text input:hover,
.khg_calculator .input_btn button:hover{
    border:0;
    outline: none;
}
.khg_calculator .khg_calculator_sum{background-color: #ddd;padding: 5px 0;margin-bottom: 5px;}
.khg_calculator .khg_calculator_sum.rate{background-color: #ddd;margin-bottom: 0;}
.khg_calculator .khg_calculator_sum label{font-weight: 700;display: table-cell;width: 150px;margin: 0;padding: 0 5px;}
.khg_calculator .khg_calculator_sum span{text-align: right;display: table-cell;width: calc(100% - 150px);padding: 0 1rem;}
.khg_calculator .khg_fee,
.khg_calculator .khg_rate,
.khg_calculator .khg_pay,
.khg_calculator .khg_dt{
    color: var(--t-global-color-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: left;
    display: table;
    width:100%;
    padding: 5px 0;
}
.khg_calculator .khg_rate{margin-bottom: 0;}
.khg_calculator .khg_dt{text-align: center;padding: 10px 0;margin: 0;}

.khg_calculator .input_select .ss-single img{display: inline-block;width:30px;height: auto;margin-right: 10px;}
.khg_calculator .input_select .ss-main{border:0;border-right: 1px solid #000;border-radius: 0;padding-right: 15px;}
.khg_calculator .input_select .ss-main:active,
.khg_calculator .input_select .ss-main:focus,
.khg_calculator .input_select .ss-main:hover{box-shadow: none;}
.khg_calculator .ss-content .ss-option img{display: inline-block;width:30px;height: auto;margin-right: 10px;}
.khg_calculator .step_btn_1.disabled_block,
.khg_calculator .step_btn_1.disabled{background-color: #dfdfdf;border-color: var(--t-global-color-text);color: var(--t-global-color-text);cursor: no-drop;}


/*popup info*/
.info_box{color: var(--t-global-color-text);font-size: 1rem;font-weight: 400;line-height: 1.1rem;text-align: left;}
.info_box h3{font-size: 1.2rem;font-weight: 700;margin: 0 0 5px 0;}
.info_box .info_item{display: table;width: 100%;margin-bottom: 5px;padding: 5px;}
.info_box .info_item:nth-child(even){background-color: #F0F0F0;}
.info_box .info_item label{display: table-cell;width: 200px;vertical-align: top;}
.info_box .info_item p{display: table-cell;width: calc(100% - 300px);vertical-align: top;}
.info_box hr{border-bottom: 1px solid #c3c3c3;}

.st_steps .khg_calculator{margin: 0 auto;}
.review_box{display: block;width: 800px;max-width: 100%;margin: 0 auto;padding: 10px 10px;background-color: #fff;}
.review_box h2{color: var(--t-global-color-text);font-size: 1.2rem;font-weight: 700;text-align: left;}

.balance_status{background-color: #fff;display: table;width: 100%;padding: 5px 10px;}
.balance_status .balance_item{background-color: var(--t-global-color-primary);display: inline-block;float: left;margin: 5px 10px 5px 0;padding: 10px;}
.balance_status .balance_item label{font-weight: 700;display: inline-block;margin: 0 10px 0 0;}
@media (max-width: 1200x) and (min-width: 10px){
    .btl_form .form_label{display: block;}
    .btl_form .form_block{display: block;}
}
@media (max-width: 1200x) and (min-width: 10px){
    .btl_form .form_label{display: block;}
    .btl_form .form_block{display: block;}
}
@media (max-width: 991px) and (min-width: 10px){
    .header_mb{display: block;}
    .header_menu{width: 240px;padding-top: 50px;}
    /*.mb_menu_btn{display: block;}*/
    #container{padding: 65px 15px 15px 15px;transition: padding .5s;-moz-transition: padding .5s;-webkit-transition: padding .5s;-o-transition: padding .5s;}
    body.menu_close #container{padding: 65px 15px 15px 15px;transition: padding .5s;-moz-transition: padding .5s;-webkit-transition: padding .5s;-o-transition: padding .5s;}
    #container.login,body.menu_close #container.login{padding: 0;}
    .header_menu .header_logo{display: none;}
    .header_menu li:not(.header_logo) a img{top: 22px;}
    .header_menu ul li a{font-size: 1rem;line-height: 1.1rem;}

    .login_panel h1{font-size: 3rem;font-weight: 700;}

    .tstep li .stepinfo{display: none;}

    .tlist_pagination ul .p_btn{line-height: 1.5rem;}

    .khg_calculator{width: 100%;}
}
@media (max-width: 768px) and (min-width: 10px){
    .tlist_head{display: none;}
    .tlist_content .tlist_col{display: block;width: 100% !important;max-width: 100%;}
    .tlist_content .tlist_col.font_center,
    .tlist_content .tlist_col.font_right{text-align: left;}
    .tlist_content .tlist_col label{font-weight: 700;display: inline-block;margin: 0 10px 0 0;padding: 0;}
}

/*Register form*/
.tform h2{color: var(--t-global-color-primary);font-size: 2rem;padding: 15px 15px 0 15px;margin: 0;}
.form_block.type_switch.cust_type .form_switch_btn{background-color: #fff;border: 1px solid #ddd;font-size: 1.2rem;display: table-cell;min-height: 1.75rem;vertical-align: middle;margin: 5px;padding: 20px;}
.form_block.type_switch.cust_type .form_switch_btn .fa-square-o{display: inline-block;}
.form_block.type_switch.cust_type .form_switch_btn .fa-check-square{display: none;}
.form_block.type_switch.cust_type .form_switch_btn.active .fa-square-o{display: none;}
.form_block.type_switch.cust_type .form_switch_btn.active .fa-check-square{display: inline-block;}
.individual .field_individual{display: inline-block;}
.individual .field_corporate{display: none;}
.corporate .field_individual{display: none;}
.corporate .field_corporate{display: inline-block;}
#khg_popup_verify .modal-title{color: var(--t-global-color-primary);font-size: 2rem;font-weight: 700;text-align: center;display: block;width: 100%;margin: 0;}
#khg_popup_verify .modal-body input{background-color: #fff;border: 1px solid #ddd;border-radius: 0;display: block;width: 100%;height: auto;min-height: calc(1.5rem + .75rem + 4px);padding: .375rem .75rem;margin: 0 0 5px 0;}
#khg_popup_verify .btn{margin-top: 10px;}
#khg_popup_verify .btn.disable{background-color: #f0f0f0;cursor: no-drop;}
#khg_popup_verify .resend_verify.disable span{margin-left: 10px;}
#khg_popup_verify .msg.error{color: red;padding: 10px;}

.modal .modal-body .info_box{max-height: calc(100vh - 300px);overflow-y: auto;}

i.fa.rate_icon{margin: 0 5px;}

.display_form .display_val{background-color: #999;border: 1px solid #ddd;border-radius: 0;display: block;width: 100%;height: auto;min-height: calc(1.2rem + .75rem + 4px);padding: .375rem .75rem;padding-right: 40px;margin: 0 0 5px 0;}
.display_form .display_val.multi_row{min-height: 4.5rem;}
.display_form .copy_msg{display: none;color: #8bc34a;}
.display_form .copied .copy_msg{display: block;}
.display_form .fa-clone{position: absolute;top: 10px;right: 10px;z-index: 1;cursor: pointer;}

.otp_form{display: none;}
.otp_form h1.otp_title{color: var(--t-global-color-primary);font-size: 2rem;font-weight: 700;text-align: center;}
.otp_form .otp_title{font-size: 1rem;font-weight: 400;text-align: center;}
.otp_form .otp_sendto{font-weight: 700;}
.btl_form .otp_form .form_input{text-align: center;width: 300px;max-width: 100%;margin: 0 auto;}
.otp_form .otp_resend p{font-size: 1rem;font-weight: 400;text-align: center;margin: 0;}
.otp_form .otp_resend .btn{background-color: #6c757d;color: #fff;}
.otp_form .otp_resend .btn.disable{opacity: 0.3;cursor: no-drop;}
.otp_form .otp_resend .input_div > *{display: inline-block;}
.otp_form .otp_resend .input_div > .msg.otp_sent_msg{display: block;}
.login_msg,.otp_msg{color: red;text-align: center;display: block;}

.btl_form .form_grid.inline_col:first-child{padding-left: 0;}
.btl_form .form_grid.inline_col:last-child{padding-right: 0;}

@media (max-width: 575px) {
    .btl_form .form_grid.inline_col:first-child{padding-right: 0;}
    .btl_form .form_grid.inline_col:last-child{padding-left: 0;}
}

.preview_area{text-align: center;padding: 5px 0;}
.preview_area a{display: block;}
.preview_area a img{display: block;width: 100%;height: 200px;object-fit: contain;margin-top: 5px;}

.inward_tips{background-color: #fff;margin: 10px 0;padding: 5px;}
.inward_tips table{width: 100%;}
.inward_tips table th, .inward_tips table tr:nth-child(odd) td {background-color: #F0F0F0;}
.inward_tips table td:first-child{width: 130px;}
.inward_tips table th{font-weight: 700;}
.inward_tips table td,.inward_tips table th{padding: 5px;}
.inward_tips table td.inward_lable.is1{color: #fd7e14;}
.inward_tips table td.inward_lable.is2{color: #20c997;}
.inward_tips table td.inward_lable.is3{color: #dc3545;}
.inward_tips table td.inward_lable.is4{color: #000;}

.display_form.non_va{display: none;}