*{font-family:"Poppins",sans-serif}:root{--main-bg-color:#9e7fe7;--main-bg-color-dark:#6033a4;--main-bg-color-darker:#6033a4;--main-bg-color-light:#16a34a;--main-bg-color-lighter:#22c55e;--main-linear-gradient:linear-gradient(45deg,#9e7fe7 60%,#6033a4);--main-dark-color:#6033a4;--secondary-bg-color:#9e7fe7;--bk-light-color:#f2f2f2;--bk-lighter-color:#f5f5f5;--white:#fff;--black:#000;--gray-light:#f2f2f2;--gray-lighter:#f5f5f5;--gray-dark:#b1b1b1;--transparent:transparent;--main-logo:url(../images/logos/flypay/logo.svg);--main-logo-colorful:url(../images/logos/flypay/logo-colorful.svg);--qrcode-otp:url(../images/icons/flypay/site-qrcode.png);--qrcode:url(../images/icons/flypay/qrcode.svg)}a{color:#6b7280}.text-primary{color:#9e7fe7 !important}.background-color-login{background-color:#f3f4f6 !important}.color-label-login{color:#495057 !important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bk-lighter-color) !important}::-webkit-scrollbar-thumb{background:var(--main-linear-gradient);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--main-bg-color-dark) !important}.btn-check+.btn:hover{background-color:var(--main-bg-color);border-color:var(--main-bg-color)}.btn:focus-visible{background-color:var(--main-bg-color);border-color:var(--main-bg-color)}.btn-check:focus-visible+.btn{border-color:var(--main-bg-color)}.btn-import{background-color:var(--bk-light-color);border-color:var(--bk-light-color);border-radius:5px}.btn-white{color:var(--main-bg-color);border-color:var(--main-bg-color);border-radius:5px;height:40px;font-size:15px}.btn-white:hover{color:var(--main-bg-color);filter:brightness(80%);text-decoration:none}.btn-primary{color:var(--white) !important;background-color:var(--main-bg-color);border-color:var(--main-bg-color);border-radius:5px}.btn-primary:hover{color:var(--white);filter:brightness(80%);text-decoration:none;background-color:none}.btn-outline-primary{border:1px solid var(--main-bg-color);border-radius:5px}.btn-outline-primary:hover{color:var(--white);text-decoration:none;background-color:var(--main-bg-color) !important;border-color:var(--main-bg-color) !important}.btn-outline-primary:active{color:var(--white);text-decoration:none;background-color:var(--main-bg-color-light) !important;border-color:var(--main-bg-color-light) !important}.btn-check:focus+.btn-info,.btn-info:focus{background-color:var(--main-bg-color-light) !important;border-color:var(--main-bg-color-light) !important;filter:brightness(80%)}.btn-custom-primary{background:var(--main-bg-color)}.box-footer-title{color:rgba(48,45,69,1)}.customPagination{display:flex;margin-top:-25px;justify-content:center}.customPagination>li{margin-top:12px;background:#fff;list-style-type:none;float:left;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.customPagination a{display:flex;padding:4px 8px;flex-direction:column;justify-content:center;align-items:center;border:.5px solid var(--neutralcolor-200)}.customPagination a i{font-size:20px}.customPagination a:hover{background-color:var(--neutralcolor-200);color:var(--main-bg-color)}.customPagination .active a{background-color:var(--main-bg-color);color:var(--neutralcolor-200);border:.5px solid var(--neutralcolor-200)}.customPagination .active a,.customPagination a:hover:active{background-color:var(--main-bg-color);color:var(--neutralcolor-200);border:.5px solid var(--main-bg-color)}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:15px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.pagination-info{font-size:13px;color:#6c757d}.pagination-controls{display:flex;align-items:center;gap:25px}.page-size{display:flex;align-items:center;gap:8px;font-size:13px}.page-size select{border:1px solid #e5e7eb;border-radius:8px;padding:5px 10px;background:#f9fafb;cursor:pointer}.modern-pagination{display:flex;list-style:none;gap:6px;margin:0}.modern-pagination li a{display:flex;justify-content:center;align-items:center;min-width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.modern-pagination li a:hover{background:#d6d6d6}.modern-pagination .active a{background:var(--main-bg-color);color:#fff;border-color:var(--main-bg-color)}.fita{background:var(--gray-light);position:absolute;margin:20px auto;width:150px;color:var(--white);line-height:20px;height:20px;font-size:12px;text-align:center;font-weight:700;text-transform:uppercase;transform:rotate(-45deg);top:25px;left:-25px}.fita.disabled{background:var(--gray-light) !important}.fita.bkbank{background-image:var(--main-linear-gradient)}.fita:before,.fita:after{content:'';line-height:0;border-style:solid;border-width:10px;position:absolute;top:10px;z-index:-2000;width:5px}.fita:before{border-color:var(--gray-lighter) var(--gray-lighter) var(--gray-lighter) var(--transparent);left:-15px}.fita.disabled:before{border-color:var(--gray-lighter) var(--gray-lighter) var(--gray-lighter) var(--transparent) !important}.fita.bkbank:before{border-color:var(--main-bg-color) var(--main-bg-color) var(--main-bg-color) var(--transparent) !important}.fita:after{border-color:var(--gray-lighter) var(--transparent) var(--gray-lighter) var(--gray-lighter);right:-15px}.fita.disabled:after{border-color:var(--gray-lighter) var(--transparent) var(--gray-lighter) var(--gray-lighter) !important}.fita.bkbank:after{border-color:var(--main-bg-color) var(--transparent) var(--main-bg-color) var(--main-bg-color) !important}.conteudo:before,.conteudo:after{position:absolute;content:'';height:0;line-height:1px;border-style:solid;border-width:5px;z-index:-1999}.conteudo:before{border-color:var(--gray-lighter) var(--gray-lighter) var(--transparent) var(--transparent);bottom:-10px;left:0}.conteudo.disabled:before{border-color:var(--gray-lighter) var(--gray-lighter) var(--transparent) var(--transparent) !important}.conteudo.bkbank:before{border-color:var(--main-bg-color) var(--main-bg-color) var(--transparent) var(--transparent) !important}.conteudo:after{border-color:var(--gray-lighter) var(--transparent) var(--transparent) var(--gray-lighter);bottom:-10px;right:0}.conteudo.disabled:after{border-color:var(--gray-lighter) var(--transparent) var(--transparent) var(--gray-lighter) !important}.conteudo.bkbank:after{border-color:var(--main-bg-color) var(--transparent) var(--transparent) var(--main-bg-color) !important}footer .logo-src{height:50px;width:120px;background:var(--main-logo) no-repeat;background-position:center;margin-bottom:.5rem}footer .qrcode{background:var(--qrcode);width:60px;height:60px;background-size:60px}.logo-bk-approve-transaction{height:70px;width:160px;background:var(--main-logo-colorful) no-repeat;background-position:center;background-size:contain}.custom-bar{border-radius:5px;width:0%;height:10px;background-image:var(--main-linear-gradient)}.code-validation-loading-img{width:100%;height:100%;background-image:var(--qrcode-otp);background-size:100% 100%;background-repeat:no-repeat}.sw-theme-arrows>.nav .nav-link.active{border-color:var(--main-bg-color) !important;background:var(--main-bg-color) !important}.sw-theme-arrows>.nav .nav-link.active::after{border-left-color:var(--main-bg-color) !important}.switch input:checked+.slider{background-color:var(--main-bg-color)}.bg-info{background-image:var(--main-linear-gradient) !important}.bg-striped-texture{background:#000}.border-info{border-color:var(--main-bg-color) !important}.btn-primary{color:#fff;background-color:var(--main-bg-color);border-color:var(--main-bg-color)}.btn-primary:hover{color:#fff;background-color:var(--main-bg-color-dark);border-color:var(--main-bg-color-dark)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:var(--gray-dark);border-color:var(--gray-dark)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:var(--main-bg-color-darker);border-color:var(--main-bg-color-darker)}.btn-info{color:var(--white);background-color:var(--main-bg-color);border-color:var(--main-bg-color)}.btn-info:hover{color:var(--white);background-color:var(--main-bg-color-darker);border-color:var(--main-bg-color)}.btn-info.disabled,.btn-info:disabled{color:var(--white);background-color:var(--main-bg-color);border-color:var(--main-bg-color)}.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:var(--main-bg-color-lighter);border-color:var(--main-bg-color-lighter)}.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:var(--main-bg-color-lighter);border-color:var(--main-bg-color-lighter)}.btn-info.btn-shadow{box-shadow:0 .125rem .625rem rgba(22,170,255,.4),0 .0625rem .125rem rgba(22,170,255,.5)}.btn-info.btn-shadow:hover{box-shadow:0 .125rem .625rem rgba(22,170,255,.5),0 .0625rem .125rem rgba(22,170,255,.6)}.btn-secondary{color:var(--white);background-color:var(--secondary-bg-color);border-color:var(--main-bg-color)}.btn-outline-primary{color:var(--main-bg-color);border-color:var(--main-bg-color)}.btn-outline-primary:hover{color:var(--white);background-color:var(--main-bg-color);border-color:var(--main-bg-color)}.bg-bkbank{background-image:var(--main-linear-gradient) !important}.custom-logo-src{height:50px;width:120px;background:var(--main-logo) no-repeat;background-position:center;background-size:100% 100%}.app-header__logo .logo-src{height:50px;width:120px;background:var(--main-logo) no-repeat !important;background-position:center}.app-header.header-text-light .app-header__logo .logo-src{background:var(--main-logo) no-repeat;background-position:center}.app-header.header-text-dark .app-header__logo .logo-src{background:var(--main-logo) no-repeat;background-position:center}.app-sidebar.sidebar-text-light .app-header__logo .logo-src{background:var(--main-logo)}.app-theme-white.fixed-header .app-header__logo{background:rgba(250,251,252,0)}.app-logo{height:70px;width:200px;background:var(--main-logo) no-repeat}.app-logo-inverse{height:70px;width:200px;background:var(--main-logo) no-repeat}.pagination li a{color:var(--main-bg-color);background-color:var(--white);border:1px solid var(--gray-light)}.pagination li a:hover{color:var(--main-bg-color-dark);background-color:var(--gray-lighter);border-color:var(--gray-light)}.pagination li.active a{color:var(--white);background-color:var(--main-bg-color);border-color:var(--main-bg-color)}.pagination li.active a:hover{color:var(--white)}.pagination li.disabled a{color:var(--gray-dark);pointer-events:none;cursor:auto;background-color:#fff;border-color:var(--gray-lighter)}.line-scale-pulse-out-rapid>div{background-color:var(--main-bg-color)}.form-control:focus{color:var(--black);background-color:var(--white);border-color:var(--main-bg-color)}.mainContainer{display:flex;width:225px;height:296.13px;padding:16px;flex-direction:column;align-items:flex-start;gap:16px;border-radius:16px;background:var(--main-linear-gradient);box-shadow:0 16px 32px 0 rgba(0,0,0,.16)}.cardHeader{display:flex;justify-content:space-between;align-items:center;align-self:stretch;color:#fff}.cardType{color:#fff;text-align:center;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:400;line-height:140%}.lockItem{width:20.535px;height:20.535px}.cardLogoContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch}.clientInfoContainer{display:flex;flex-direction:column;align-items:flex-start;gap:6.845px}.logoInsideContainer{width:58.795px;height:44px}.clientName{color:#d1d5db;text-align:center;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:500;line-height:150%}.cardNumber{color:#d1d5db;text-align:center;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:400;line-height:140%}.cardBrandContainer{display:flex;justify-content:flex-end;align-items:center;align-self:stretch}.cardBrandLogo{width:48px;height:28.475px}