body{margin:0;padding:0;font-family:Arial;font-size:.8em;}
h2{font-size:1.1em;}
a img{border:none;}
a{text-decoration:none;color:#000000;}

#header,#body,#footer{width:800px;padding:0 6px 0 6px;background:url(../image/page-bg.gif) repeat-y;}
.element-center,#header,#body,#footer{margin:0 auto;}
#header{height:245px;}
#body{margin-top:0;padding-top:10px;background:url(../image/body-bg.gif) repeat-y;}
.clear{clear:both;}
#header div#top-menu{position:relative !important;float:right;margin-top:0;padding:0;background:url(../image/grey-top-bg.gif) repeat-x;height:30px;width:618px;border-bottom:8px solid #f0f1f2;z-index:49;}
#login-field tr td,#login-field tr td a,#login-field tr td input{color:#a1a1a1;font-size:1em;padding:0;border:none;}
#login-field tr td input{background:#efefef;width:120px;height:18px;font-size:1em;}
#login-field{height:70px;border-spacing:0;}

.info{background:#194890;color:#ffffff;text-align:right;}
.links{background:url(../image/grey-bg-bot.gif) repeat-x;height:20px;padding-top:4px;padding-right:5px;}
.links,.links a{text-decoration:none;color:#000000;}
.link-blue{color:#4FA5DB;}

#debug-area{font-size:1.2em !important;}

.table-bordered thead tr th,.message-box,.text-center{text-align:center;}
.links,.text-right{text-align:right;}
.blue-white,.text-white{color:#ffffff;}
.text-bold{font-weight:bold;}
.text-italic{font-style:italic;}
.message-success,.text-blue{color:#194990;}
.text-black,.text-normal{color:#000000 !important;font-size:.9em !important;font-weight:normal !important;}
.message-box a,.text-light-blue{color:#4fa5db;}
.message-notice,.text-red{color:#ff0000;}
.yellow-bg{background:#fdfcf0;}
.white-bg{background:#ffffff;}
.hide{display:none;}
.disabled,.grey-bg{background:#ededed;}
.disabled,.text-grey{color:#626262;}

.text-normal,.no-border{border:none !important;}

.float-left{float:left;}
.float-right{float:right;}

.no-image{background-image:none !important;padding-left:inherit !important;}

.min-height{min-height:200px;}

div.bordered{min-height:120px;margin-bottom:8px;}
.separator{border:none;border-collapse:collapse;}
.no-bullet{list-style:none;padding:0;magin:0;padding-left:10px;}
.input,.border,.bordered,.bordered-panel,.table-bordered thead tr th,.table-bordered tbody tr td{border:1px solid #b2b2b2;}
.table-bordered,.border-collapse{border-collapse:collapse;}
.padding,.padding tr td,.padding thead tr th,.padding tbody tr td,.info,.table-bordered thead tr th,.table-bordered tbody tr td,td{padding:2px;}
.message-box,.padding-10{padding:10px;}
.discount-heading-area,.table-bordered thead tr th{background-color:#4ea5db;color:#ffffff;font-weight:bold;}
.bordered-panel{margin:10px 10px 0 10px;padding:10px 10px 0 10px;}
.separator,.border-bottom{border-bottom:1px solid #b2b2b2;}

.blue-white,.discount-detail-start{background:#194890;}

.input{width:98%;}
select.input{width:99%;}
.cur-page{color:#fcc000 !important;font-weight:bold;}
.page-no a{color:#000000 !important;text-decoration:none;}
.page-no,.cur-page{padding:0 3px 0 3px;}

.ul-dashed{list-style:none;}

.table-bordered,.width-100{width:98%;}
.width-80{width:80%;}
.width-50{width:50%;}
.module-title,.module-title span{padding-bottom:2px;color:#194990;border-bottom-color:#194990;font-size:12px;}
.module-title{border-bottom:1px solid;}
.module-title span{border-bottom:5px solid;}
.module p{padding:5px 0 0 30px;margin-bottom:20px;}
.required{border-right:3px solid #FF0000;}
.pointer{cursor:pointer;}
.Paycode,.padding-0{padding:0 !important;}
.Paycode{background:#f3f3f3;}

.alt-row{background-color:#e8eef5 !important;}

.message-box{margin:0 auto;border:1px solid #edcc79;margin-top:10px;margin-bottom:10px;min-height:40px;vertical-align:middle;}
.message-warn{background-image:url("../image/error.png"); background-size: 40px 40px/*padding-left: 50px;*/}
.message-notice{background:#fffabf;background-image:url("../image/warning.gif"); /*padding-left: 50px;*/}
.message-success{background:#fdfcf0;background-image:url("../image/check.gif"); /*padding-left: 44px;*/}
.message-warn-new{background:#ffffd7;color:#d57e00;border:1px solid #ece894;background-image:url("../image/warning.png");background-size: 40px 40px/*padding-left: 50px;*/}
.message-error-new{background:#FEDCDC;color:#E22D2D;border:1px solid #F94E4E;background-image:url("../image/error-around.png");background-size: 40px 40px/*padding-left: 50px;*/}
.message-success-new{background:#e3f1e9;color: #04ad4d;border:1px solid #3CAE6A;background-image:url("../image/tick.png");background-size: 40px 40px /*padding-left: 44px;*/}
.message-notice,.message-success,.message-warn,.message-warn-new,.message-error-new,.message-success-new{background-repeat:no-repeat;background-position:10px;padding-left:55px !important;}
.message-box tr td{border:none !important;}
.round-corner {border-radius: 5px;}

/*.AgentRegister, .AgentManagement{margin-top:50px;}*/
.bordered-panel.Agentmanagement{margin-top: 40px;}
img.page-image-heading{position:relative;margin-top:-42px;left:-18px;}
.Paycode img.page-image-heading{margin-top:-32px;left:-8px;}

.tabs{margin:0;padding:0;list-style:none;zoom:1;}
.tabs li{float:left;padding:0;margin:0;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2;border-bottom:none;position:relative;height:auto;background:#275397;}
.tabs li a{padding:10px 40px 10px 40px;float:left;color:#ffffff;}
.tabs li.selected{background:#f9f9ff;font-weight:bold;z-index:21;}
.tabs li.selected a{color:#275397;}
.tabs-content{clear:left;top:-1px;position:relative;z-index:20;border:1px solid #b2b2b2;background:#f9f9ff;}

.PriceManagement, .Paybill, .Paybill2, .CardPayManagement, .Topup, .TopupList, .AutoPayment, .Discount, .Notice, .Home, .Agentregister, .AgentManagement, .Statistic, .PosLog, .QueryVoucher, .StatisticInstallment, .StatisticRefund{margin-top:40px !important;}/** Page heading **/
.table-heading th{background:#4ea5db;color:#ffffff;font-weight:bold;}

.CardPayManagement img.page-image-heading, .Topup img.page-image-heading, .TopupList img.page-image-heading, .AutoPayment img.page-image-heading, .Discount img.page-image-heading {margin-top: -41px;}

#top-menu .agent-top-menu{margin:0px;padding:0px;float:left;}
#first{margin-left:0 !important;}
#top-menu .agent-top-menu li{margin-left:0px;position:relative;list-style-type:none;float:left;color:#FFFFFF;height:22px;padding:8px 25px 0 25px;font-weight:bold;text-align:center;z-index:80;}
#top-menu .agent-top-menu li img{float:right;position:absolute;margin-top:-8px;margin-left:28px;z-index:90;}
#top-menu .agent-top-menu li a{text-decoration:none;color:#58585a;font-weight:bold;}
#top-menu .agent-top-menu li a:hover{text-decoration:none;}
#top-menu .agent-top-menu li:hover ul,li.iehover ul{display:block!important;}
#top-menu .agent-top-menu li:hover,li.iehover,#top-menu .agent-top-menu li ul li:hover,.agent-top-menu-select{background:url(../image/blue-bg.gif) repeat-x;}
#top-menu .agent-top-menu li:hover,li.iehover,#top-menu .agent-top-menu li:hover a,#top-menu .agent-top-menu li ul li:hover,#top-menu .agent-top-menu li ul li:hover a,.agent-top-menu-select a{color:#ffffff !important;}
#top-menu .agent-top-menu li ul{position:absolute!important;z-index:49!important;left: 0px;top:30px;display:none;list-style-type:none;margin:0;padding:0px;width: 220px;}
#top-menu .agent-top-menu li ul li{margin:0;border:none;float:left;padding: 5px 0px 0px 5px;width:220px;background:#4ea5db;text-align:left;position:relative;border-bottom:1px solid #FFFFFF;}
#top-menu .agent-top-menu li ul li a{font-weight:bold;text-align:left;}
#top-menu .agent-top-menu li ul li ul{position:absolute!important; z-index:49!important; left:150px; top:0; display:none; list-style-type:none; margin:0; padding:0; width:150px; border-left:1px solid #FFFFFF}
#top-menu .agent-top-menu li ul li ul li{margin:0; border:none; float:left; padding:5px 0 0px 10px; width:150px; background:#d5e5fc; text-align:left; display:none; border-bottom:1px #FFFFFF solid}
#top-menu .agent-top-menu li ul li:hover ul,li.iehover ul{display:block!important;}
#top-menu .agent-top-menu li ul li:hover ul li,li.iehover ul li{display:block!important; }


/** AMS **/
div#box-1,div#box-2,div#box-3{float:left;padding:10px;margin-bottom:10px;margin-top:10px;}
div#box-1{width:239px;height:308px;background:url(../image/box-1.jpg) no-repeat;margin-left:2px;}
div#box-2{width:283px;height:308px;background:url(../image/box-2.png) no-repeat;z-index:30;position:relative;padding-left:4px;}
div#box-3{padding-left:20px;width:202px;background:url(../image/box-3.jpg) no-repeat bottom;height:123px;z-index:29;margin-left:-15px;position:relative;}
div.box-3-otp{height:184px !important;background:url(../image/box-3-otp.jpg) no-repeat bottom !important;}

div#box-1 h3,div#box-2 h3{color:#ffffff;}
div#box-3 h3{color:#235e9f;}
div#box-1 h3,div#box-2 h3,div#box-3 h3{font-weight:bold;font-size:13px;text-transform:uppercase;}
input#buying-button{background:url(../image/buying-button.jpg) no-repeat;border:0;width:79px;height:35px;margin-top:15px;cursor:pointer;float:right;}
input#quantity,input#OTP{border:1px solid #bcbdbe;width:90%;float:right;margin-right:6px;text-align:center;color:#235fa0;font-size:14px;font-weight:bold;}
input#otp{border-right: 3px solid #FF0000;width:55%;float:none;}
div#otp-field{display:none;padding:15px 0 0 0;}
div#detail-title{cursor:pointer;margin-left:90px;color:#194890;width:110px;float:left;text-decoration:underline;background:url(../image/arrow.jpg) no-repeat right;height:19px;padding-top:10px;}
#order-detail{border:1px solid #d5d6d6;width:150px;margin-right:15px;margin-top:10px;display:none;float:right;background:#ffffff;}
select#product-list{margin-left:5px;width:205px;}
select#product-value-list{width:270px;}
select#product-list,select#product-value-list{height:190px;}

#order-detail-2{display:none;position:absolute;margin-left:40px;}
#order-detail-2 table {border:none !important;}
div#order-info,div#panel{margin:0 auto 0 auto;padding:10px;height:auto;background:url(../image/order-detail-bg.png) repeat-x bottom;background-color:#235FA0;}
/*div#order-info h3,div#panel h3,div#panel table tr td h3{margin:0;padding:0;padding-bottom:2px;margin-bottom:3px;border-bottom:1px solid #ffffff;font-size:1em;}
div#order-info h3 span,div#panel h3 span,div#panel table tr td h3 span{color:#ffffff;padding:0 0 2px 0;font-size:1em;margin:0;border-bottom:5px solid #ffffff;}*/
div#order-info #table-card-list table thead tr th{background:#194890;color:#ffffff;font-weight:bold;text-align:center;border:1px solid #b2b2b2;}
div#order-info #table-card-list table{width:100%;border-collapse:collapse;border:1px solid #b2b2b2;}
div#order-info #table-card-list table tbody tr td{background:#ffffff;padding:4px;border:1px solid #b2b2b2;}

div#table-card-list{float:left;overflow:scroll;width:500px;}
#order-detail-info,#table-card-list{height:280px;}
#order-detail-info{float:right;margin-left:5px;width:250px;}
#detail{background:#ffffff;padding:5px;/*height:183px;*/margin-bottom:15px;}
#order-detail-info table{width:100%;margin:0 auto 0 auto;border-bottom:1px solid #b2b2b2;}
#order-detail-info form ul{list-style:none;margin:0;padding:0;}
img#view-more{cursor:pointer;float:right;position:relative;margin-bottom:10px;}
.submit-limit-topup{
    background:url(../image/btn-update-reference-price.gif) no-repeat;
    width:97px;
    height:35px;
    border:none;
    cursor:pointer
}
.resetLimit-limit-topup{
    background:url(../image/btn_thietlap.gif) no-repeat;
    width:80px;
    height:35px;
    border:none;
    cursor:pointer
}
.reset-limit-topup{
    background:url(../image/reset-btn.gif) no-repeat;
    width:80px;
    height:35px;
    border:none;
    cursor:pointer
}

.back-limit-topup{
    background:url(../image/btn-back.gif) no-repeat;
    width:80px;
    height:35px;
    border:none;
    cursor:pointer
}
.btn-payment-topup{
    background:url(../image/btn-paybill-payment.gif) no-repeat;
    width:100px;
    height:35px;
    border:none;
    cursor:pointer;
    float: right;
    margin-top:10px;
    margin-bottom: 30px;
}
.popup{
    position:fixed;
    top:40%;
    z-index:999;
    width:440px;
    left:32%;

}
.popup table{
    width:100%;
}
.popup .table-popup{
    background:#FDFCF0;
    border:1px solid #B2B2B2
}
.popup .title{
    background: #4EA5DB;
    font-weight: bold;
    color: white;
    padding: 5px;
}
.div-content-set-money{
    background:#DDD;
    z-index:998;
    position:fixed;
    width:100%;
    height:100%;
    top: 0;
    opacity: 0.8;
    filter:alpha(opacity=80);
}
.viettel_note{
    font-style:italic;
}
.viettel_note span{
    color:red;
    text-decoration:underline
}
.type-password-title{
    background-color:#235FA0;
    margin:0;
    /*    width:300px;*/
    padding:5px;
    text-align:center;
    color:white;
    font-weight: bold;
    font-size:15px
}
div#detail-title-topup{
    background: url("../image/arrow.jpg") no-repeat scroll right center transparent;
    color: #194890;
    float: left;
    height: 19px;
    padding-bottom: 10px;
    padding-top: 20px;
    width: 120px;
}
div#detail-title-topup label{
    text-decoration: underline;
    cursor: pointer;
}
#order-detail-topup{
    border:1px solid #d5d6d6;
    width:160px;
    margin-right:15px;
    display:none;
    background:#ffffff;
    font-weight: normal;
    color:#000000;
}
#order-detail-topup table tr td{
    padding:5px;
    text-decoration: none;
}
.get-otptopup {
    cursor: pointer;
    text-decoration: underline;
    margin-left:20px
}
.note-topup{
    padding: 0 10px 10px 0px;
    font-size: 12px
}
.frmpass{
    padding-left:20px;
    padding-top:7px;
    padding-right:15px;
}
div#detail-title-topup{
    background: url("../image/arrow.jpg") no-repeat scroll right center transparent;
    color: #194890;
    float: left;
    height: 19px;
    padding-bottom: 10px;
    padding-top: 20px;
    width: 120px;
}
div#detail-title-topup label{
    text-decoration: underline;
    cursor: pointer;
}
#order-detail-topup{
    border:1px solid #d5d6d6;
    width:160px;
    margin-right:15px;
    display:none;
    background:#ffffff;
    font-weight: normal;
    color:#000000;
}
#order-detail-topup table tr td{
    padding:5px;
    text-decoration: none;
}
.get-otptopup {
    cursor: pointer;
    text-decoration: underline;
    margin-left:20px
}
.note-topup{
    padding: 0 10px 10px 0px;
    font-size: 12px
}

/*css combobox gio phu giay | Tuan.dao | 10-10-2013 | Backlog 20131007 Item 5*/
.statistic-Hms {
    border: 1px solid #B2B2B2;
    width:40px;
}
.datesearch-statistic {
    border: 1px solid #B2B2B2;
    width: 65px;
}

#excel-export, #pdf-export, #txt-export, #thermal-print {
    position: relative;
}

#txt-export {
    top: -1px;
}
span.note-topuplist{
    font-size: 11px;
}
.autopayment-wrap-2 {
    display: none;
}
.autopayment-tab-hide {
    display: none;
}
.autopayment-tab-show {
    display: block;
}
.autopayment-open-wrap-1, .autopayment-open-wrap-2 {
    padding: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}
.autopayment-open-wrap-1.icon-sign-plus, .autopayment-open-wrap-2.icon-sign-plus{
    padding-left: 15px;
    font-weight: bold;
    background: url('../image/icon-sign-plus.png') no-repeat 0 8px;
}
.autopayment-open-wrap-1.icon-sign-minus, .autopayment-open-wrap-2.icon-sign-minus{
    padding-left: 15px;
    font-weight: bold;
    background: url('../image/icon-sign-minus.png') no-repeat 0 8px;
}
#autopayment-download a:link {
    font-weight: bold;
    color: #0143b2;
}
#autopayment-download a:visited {
    color: #7cabf9;
}

.form-row {margin: 4px auto 8px auto; min-height: 24px; width: 570px;}
.form-row>*{box-sizing: border-box;}
.form-row>label:first-child {width: 160px; display: inline-block;}
.form-row>input.input-text,.form-row>select.input-select{width: 370px; padding: 5px; margin: 0;}
.form-row>input.input-text.required{border: 1px solid #A9A9A9;border-right: 3px solid #FF0000;}
.form-row>.note,.form-row>.input-submit:first-child{margin-left: 160px;}
.form-row>.note{font-style: italic;}
.issuer-notes {margin-top: 18px; color: #FF6100;}
.Transfer hr{border: none; border-top: 1px solid #b2b2b2;}
.hint-fee{font-size: 0.9em;color: gray;font-style: italic}
.blocklist{border:1px solid #c2c2c2;width:90%;background:#fdfcf0;height:auto;float:left;z-index:8000;margin:5px;padding:10px;position:relative;font:90% Arial;}
.blocklist ul{list-style:none;padding:0;margin:0;margin-top:10px;}
.blocklist ul li{list-style-image:url("./../image/bullet-3.gif");margin:4px 0px 4px 2px;list-style-position:inside;}

table.paybill-form-row {
    width: 100%;
    margin: auto;
    margin-top: 20px;
}

table.paybill-form-row hr {
    border: 1px dashed #DDD;
}

table.paybill-form-row tbody tr td:first-child {
    width: 260px;
}

table.paybill-form-row tbody tr td {
    padding: 4px;
}

table.list-bill {
    width: 100%;
    margin-bottom: 10px;
}
table.list-bill thead tr th {
    padding: 5px;
    width: auto !important;
}
table.list-bill tbody tr td {
    padding: 5px;
    width: auto !important;
}

.topuplist-wrap-2 {
    display: none;
}
.topuplist-tab-hide {
    display: none;
}
.topuplist-tab-show {
    display: block;
}
.topuplist-open-wrap-1, .topuplist-open-wrap-2 {
    padding: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}
.topuplist-open-wrap-1.icon-sign-plus, .topuplist-open-wrap-2.icon-sign-plus{
    padding-left: 15px;
    font-weight: bold;
    background: url('../image/icon-sign-plus.png') no-repeat 0 8px;
}
.topuplist-open-wrap-1.icon-sign-minus, .topuplist-open-wrap-2.icon-sign-minus{
    padding-left: 15px;
    font-weight: bold;
    background: url('../image/icon-sign-minus.png') no-repeat 0 8px;
}

.font-red-bold {
    color: red;
    font-weight: bold;
}

@keyframes blinker {
    50% { opacity: 0.5; }
}

.fancybox-item.fancybox-close {
    background: url("../image/close.png");
    height: 20px;
    width: 20px;
    top: 4px;
    right: 4px;
}

.text-new {
    color: #faff00;
    animation: blinker 1.25s linear infinite;
}

span.image-new {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 42px;
    background: url('../image/new.png') 100% no-repeat;
    animation: blinker 0.7s linear infinite;
    *zoom: 1;
    *display: inline;
}

@font-face {
    font-family: 'payooicon';
    src: url('https://payoo.vn/theme/fonts/payoo.eot?7z6zy6c23');
    src: url('https://payoo.vn/theme/fonts/payoo.eot?7z6zy6c23#iefix') format('embedded-opentype'),url('https://payoo.vn/theme/fonts/payoo.ttf?7z6zy6c23') format('truetype'),url('https://payoo.vn/theme/fonts/payoo.woff?7z6zy6c23') format('woff'),url('https://payoo.vn/theme/fonts/payoo.svg?7z6zy6c23#payoo') format('svg');
    font-weight: normal;
    font-style: normal
}

.download {
    display: block;
    width: 160px;
    height: 140px;
    padding: 8px;
    color: #707070;
    background-color: #fff;
    margin: 0 auto;
}

.download-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}

.download .qr {
    width: 100%;
    margin-top: 13px;
    display: -webkit-box;
    display: flex
}

.download .qr .qr-icons {
    width: 41px;
}

.download .qr .qr-icons span {
    font-size: 28px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #efefef;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.download .qr .qr-icons+div {
    margin-left: 10px;
}

.download .qr .qr-icons span+span {
    margin-top: 10px;
}

.icon-ios:before {
    content: "\e826";
}

.icon-android:before {
    content: "\e824";
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'payooicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.download .qr .qr-icons+div, .download .qr .qr-icons+div>img {
    width: 90px;
    height: 90px;
}

#div-popup-otp1 {
    display: none; /* Ẩn popup khi khởi tạo */
    position: fixed;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0.8); /* Nền đen với độ trong suốt */
    z-index: 1000; /* Đảm bảo popup nằm trên cùng */
    justify-content: center;
    align-items: center;
    color: white;
}
.header-popup {
    align-self: stretch;
    background-color: #1e5bae;
    height: 41px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    box-sizing: border-box;
}
.frame-child {
    width: 20px;
    position: relative;
    background-color: #1e5bae;
    height: 20px;
}
.body-popup {
    align-self: stretch;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    gap: 20px;
    color: #000;
}
.alert-msg {
    /*width: 100%;position: relative;*/
    font-size: 14px;line-height: 21px;
    font-family: Tahoma;
    color: #000;text-align: center;
    /*display: inline-block;*/
    width: 100%;
    position: relative;
    border-radius: 6px;
    /*background-color: rgba(255, 0, 0, 0.1);*/
    /*border: 1px solid rgba(255, 0, 0, 0.2);*/
    /*box-sizing: border-box;*/
    /*display: flex;*/
    flex-direction: column;
    /*align-items: flex-start;*/
    justify-content: center;
    padding: 1px 1px;
    gap: 8px;
    text-align: center;
    font-size: 14px;
    /*color: #ff0000;*/

}
.otp-khng-hp-l-parent {
    width: 100%;
    position: relative;
    border-radius: 6px;
    background-color: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255, 0, 0, 0.2);
    /*box-sizing: border-box;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 10px 1px;
    gap: 8px;
    text-align: center;
    font-size: 14px;
    color: #ff0000;
    /*font-family: Tahoma;*/


    /*width: auto;*/
    /*max-width: 100%; !* Giới hạn tối đa để không vượt màn hình *!*/
    /*word-wrap: break-word; !* Đảm bảo văn bản xuống dòng đúng *!*/

}
.lu-h-container {
    font-size: 14px;
    font-family: Tahoma;
    align-self: stretch;
    position: relative;
    line-height: 21px;
    color: #000;
}
.input-otp-wrapper {
    align-self: stretch;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    height: 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    color: #b2b2b2;
    font-family: Arial, sans-serif;
    text-align: center;
}
.components {
    width: 100px;
    box-shadow: 1.5px 1.5px 1px rgba(255, 255, 255, 0.5) inset, 1px 2px 2px rgba(0, 0, 0, 0.75);
    border-radius: 6px;
    background: linear-gradient(180deg, #d8863e, #e79e3e);
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
}
.nhp-payoo-otp {
    position: relative;
}
.otp-khng-hp {
    align-self: stretch;
    position: relative;
    line-height: 21px;
}