/* Together billing pages: presentation only */
.tg-billing{min-width:0;color:#192b41;font:inherit;line-height:1.8}
.tg-billing *{box-sizing:border-box}
.tg-main:has(.tg-billing)>.tg-account-stats{display:none}
.tg-billing input[type=text],.tg-billing textarea,.tg-billing select{
    max-width:100%;min-height:46px;padding:10px 13px;
    border:1px solid #d5dfeb;border-radius:9px;background:#fff;
    color:#192b41;font:inherit;line-height:1.6
}
.tg-billing textarea{min-height:130px;resize:vertical}
.tg-billing input[type=submit],.tg-billing input[type=button],
.tg-billing a.button{
    display:inline-flex;align-items:center;justify-content:center;
    float:none!important;width:auto!important;height:auto!important;
    min-height:45px;padding:10px 20px!important;margin:0!important;
    border:1px solid #192b41!important;border-radius:9px!important;
    background:#192b41!important;background-image:none!important;
    color:#fff!important;font:inherit!important;line-height:1.6!important;
    text-decoration:none;cursor:pointer
}
.tg-billing input:disabled{opacity:.6;cursor:wait}
.tg-billing input:focus-visible,.tg-billing textarea:focus-visible,
.tg-billing select:focus-visible,.tg-billing a:focus-visible{
    outline:3px solid #eab308;outline-offset:3px
}
.tg-billing .alert{
    height:auto!important;background:#fff8db!important;
    background-image:none!important;color:#735b17;
    padding:14px 16px;border:1px solid #f0dfa2;border-radius:10px
}
.tg-billing .alert:empty{display:none}
.tg-recharge #rechargeform,.tg-charge-card .charge_area{
    width:100%!important;max-width:880px;height:auto!important;
    float:none!important;margin:0 0 22px!important;
    padding:26px!important;background:#fff!important;
    background-image:none!important;border:1px solid #e0e7ef;border-radius:15px
}
.tg-recharge #rechargeform>table,
.tg-recharge #rechargeform>table>tbody{display:block;width:100%}
.tg-recharge #rechargeform>table>tbody>tr{
    display:grid;grid-template-columns:220px minmax(0,1fr);
    gap:20px;align-items:start;padding:12px 0
}
.tg-recharge #rechargeform td{
    display:block;min-width:0;width:auto!important;padding:0;
    text-align:start;border:0;background:transparent
}
.tg-recharge #rechargeform tr:has(>td[colspan]){display:block}
.tg-recharge #rechargeform tr:has(>td[colspan]):has(td:empty){display:none}
.tg-recharge #rechargeform input[type=text],
.tg-recharge #rechargeform textarea{width:100%!important}
.tg-recharge #rechargeform td:has(>select){line-height:2.2}
.tg-recharge #rechargeform select{width:90px;margin-inline-end:8px}
.tg-recharge #rechargeform small{display:inline-block;color:#60748c;margin-top:8px}
.tg-recharge #rechargeform img[src*="icon_required"]{width:8px;height:auto}
.tg-recharge hr{border:0;border-top:1px solid #e0e7ef;margin:24px 0}
.tg-billing-toolbar{
    display:flex;flex-wrap:wrap;gap:12px;align-items:center;
    margin-bottom:20px;padding:0;height:auto
}
.tg-billing-scroll{
    max-width:100%;overflow:auto;background:#fff;
    border:1px solid #e0e7ef;border-radius:14px;
    -webkit-overflow-scrolling:touch
}
.tg-billing-scroll>table{
    width:100%!important;min-width:640px;
    border-collapse:separate;border-spacing:0;color:#192b41!important
}
.tg-billing-scroll th{
    background:#f8fafc!important;background-image:none!important;
    color:#53677f!important;height:auto!important;
    padding:17px 14px;line-height:1.8;font-size:14px;
    border:0;border-bottom:1px solid #e0e7ef;white-space:normal
}
.tg-billing-scroll td{
    padding:18px 14px;background:#fff!important;background-image:none!important;
    color:#192b41;height:auto!important;border:0;
    border-bottom:1px solid #edf1f6;line-height:1.8;
    font-variant-numeric:tabular-nums
}
.tg-billing-scroll tr:last-child td{border-bottom:0}
.tg-billing-scroll td:nth-child(2){font-weight:700}
.tg-billing-scroll font[color=red]{color:#9a6700}
.tg-charge-card .charge_area{max-width:620px}
.tg-charge-card .recharge_card_icon,
.tg-charge-card .charge_area_note{display:none}
.tg-charge-card #loginform{
    width:100%;margin:0;padding:0;background:transparent
}
.tg-charge-card #loginform input[name=code]{
    width:100%!important;font-size:20px;letter-spacing:2px;
    margin-bottom:18px;text-align:center
}
.tg-charge-card #loginform input[type=submit]{width:100%!important}
.tg-price-content{direction:inherit;text-align:start}
.tg-price .all_price_message{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:18px;width:100%!important;height:auto!important;
    float:none!important;margin:0 0 26px;padding:0;background:transparent
}
.tg-price .one_price_sms{
    width:auto!important;height:auto!important;min-width:0;
    float:none!important;margin:0!important;padding:0 0 18px!important;
    border:1px solid #e0e7ef;border-radius:14px;overflow:hidden;
    background:#fff!important;background-image:none!important;text-align:center
}
.tg-price .price_sms_title{
    width:auto!important;height:auto!important;min-height:60px;
    padding:17px 14px!important;margin:0 0 12px;
    background:#fff8db!important;background-image:none!important;
    color:#735b17!important;font-size:18px;line-height:1.6;font-weight:700
}
.tg-price .price_sms_result{
    width:auto!important;height:auto!important;
    padding:8px 16px!important;margin:0;float:none!important;
    background:transparent!important;color:#192b41;font-size:17px;line-height:1.7
}
.tg-price .one_block_calcu{
    width:100%!important;max-width:880px;height:auto!important;
    float:none!important;margin:0!important;padding:26px!important;
    border:1px solid #e0e7ef;border-radius:15px;
    background:#fff!important;background-image:none!important
}
.tg-price .title_block_calcu{
    width:auto!important;height:auto!important;float:none!important;
    padding:0 0 18px!important;margin:0!important;text-align:start;
    background:transparent!important;background-image:none!important;
    color:#192b41!important;font-size:20px;line-height:1.7
}
.tg-price .content_block_calcu{
    width:100%!important;height:auto!important;float:none!important;
    padding:0!important;background:transparent!important
}
.tg-price .one_row_cal{
    display:grid;grid-template-columns:180px minmax(0,1fr);
    gap:16px;align-items:center;width:100%!important;height:auto!important;
    float:none!important;margin:0!important;padding:12px 0!important;
    background:transparent!important;text-align:start
}
.tg-price .one_row_cal input[type=text],
.tg-price .one_row_cal select{width:100%!important}
.tg-price .one_row_cal:has(input[type=button]){
    display:flex;flex-wrap:wrap;gap:12px;padding-top:20px!important
}
.tg-price #button_cal_2{
    background:#fff!important;border-color:#d5dfeb!important;color:#192b41!important
}
.tg-price .one_row_cal:has(#price){
    display:flex;flex-wrap:wrap;gap:12px;margin-top:18px!important;
    padding:18px!important;background:#fff8db!important;
    border:1px solid #f0dfa2;border-radius:11px
}
.tg-price #price{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
.tg-price #err{display:inline-block;font-size:14px;max-width:100%}
@media(max-width:650px){
    .tg-recharge #rechargeform,.tg-charge-card .charge_area,
    .tg-price .one_block_calcu{padding:18px!important}
    .tg-recharge #rechargeform>table>tbody>tr,
    .tg-price .one_row_cal{
        grid-template-columns:minmax(0,1fr);gap:8px
    }
    .tg-recharge #rechargeform tr:last-child>td:first-child:empty{display:none}
    .tg-billing input[type=text],.tg-billing textarea,.tg-billing select{font-size:16px}
    .tg-billing input[type=submit]{width:100%!important}
    .tg-price .one_row_cal:has(input[type=button])>input{flex:1;min-width:120px}
    .tg-price .all_price_message{
        grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px
    }
}