body { font-family: "Roboto", sans-serif; color: #2f281e; line-height: 1.4; font-size: 16px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: "Roboto", sans-serif; line-height: 1.2; color: #0A0A28; }

div, p { font-family: "Roboto", sans-serif; line-height: 1.35; color: #2f281e; font-weight: 400; }

a { text-decoration: none; }
a:hover, a:focus { color: #ee0033; }

.lead { font-size: 1.1rem; font-weight: 400; }

.display-1 { font-size: calc(1.625rem + 3.5vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-1 { font-size: 4rem; } }
.display-2 { font-size: calc(1.575rem + 3.2vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-2 { font-size: 3.5rem; } }
.display-3 { font-size: calc(1.525rem + 2.9vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-3 { font-size: 3rem; } }
.display-4 { font-size: calc(1.475rem + 2.6vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-4 { font-size: 2.5rem; } }
.display-5 { font-size: calc(1.425rem + 2.1vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-5 { font-size: 2rem; } }
.display-6 { font-size: calc(1.375rem + 1.5vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-6 { font-size: 1.5rem; } }
.color-white { color: #ffffff; }

.masthead { background-color: #ffffff; }
.masthead .masthead-device-mockup .circle { width: 80%; }
.masthead .masthead-device-mockup .device-wrapper { z-index: 2; }

.clip-wrapper { position: relative; height: 0; width: 100%; padding-top: 56.25%; }
.clip-wrapper .clip { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pic img { display: block; max-width: 100%; height: auto; width: 100%; }

.bg-gray { background-color: rgba(205, 205, 205, 0.2); }

.bg-dash-blue { background-color: #0a0a28; }

.text-right { text-align: right; }

footer .line { max-width: 1000px; width: 100%; height: 1px; background-color: #0a0a28; margin: auto; margin-bottom: 5rem; }
footer .footer-title { font-size: 1.2rem; color: #2f281e; }
footer .list-menu { padding-left: 0; list-style-type: none; }
footer .list-menu li { margin-bottom: 8px; }
footer .list-menu a { color: #2f281e; font-size: 1rem; }

.icon-step { width: 50px; height: 50px; background-color: #f03e3d; border-radius: 19px; -webkit-box-shadow: 5px 5px 15px 0px rgba(240, 62, 61, 0.57); box-shadow: 5px 5px 15px 0px rgba(240, 62, 61, 0.57); color: #ffffff; text-align: center; font-size: 20px; line-height: 50px; }

.group-product-loan .loan { margin-bottom: 30px; }
.group-product-loan .loan .icon { width: 68px; height: 68px; margin: auto; }
.group-product-loan .loan h4 { font-size: 14px; text-align: center; font-weight: normal; margin-top: 15px; }

.list-check { list-style-type: none; padding-left: 0; }
.list-check .check-item { position: relative; padding-left: 35px; font-size: 18px; line-height: 1.3; margin-bottom: 15px; }
.list-check .check-item::before { content: ""; width: 25px; height: 25px; background-image: url("../img/icons/icon-stick-check.png"); background-position: center center; background-size: contain; background-repeat: no-repeat; display: inline-block; position: absolute; top: 0; left: 0; }

.news { margin-bottom: 60px; }
.news .new { margin-bottom: 20px; }
.news .new .thumbnail { margin-bottom: 20px; overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.news .new .entry-content .entry-meta { font-size: 16px; line-height: 28px; color: #544837; margin-bottom: 20px; }
.news .new .entry-content h3 a { font-size: 20px; line-height: 34px; color: #544837; font-weight: normal; }
.news .new .entry-content h3 a:hover { color: #ee0033; }

.swiper-pagination-bullets.pagination-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.swiper-pagination-bullets.pagination-news .swiper-pagination-bullet { background-color: #ee0033; margin-left: 8px; margin-right: 8px; width: 10px; height: 10px; }
.swiper-pagination-bullets.pagination-news .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ee0033; }

.slider-partners .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: scale(0.8); transform: scale(0.8); }
.slider-partners .swiper-slide.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); }

.partners { margin-top: 30px; margin-bottom: 80px; }

.page-header { border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding: 30px 0; background-color: #f2f2f2; margin: 0px; }
.page-header .breadcrumb > li { color: #7f7f7f; text-decoration: none; -webkit-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; font-size: 13px; }
.page-header .breadcrumb > li a { color: #7f7f7f; text-decoration: none; -webkit-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; font-size: 13px; }
.page-header .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }
.page-header .breadcrumb > li.active { color: #ee0033; }

.wrapper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; color: #0a0a28; }
.wrapper-pagination .page-item .page-link { color: #0a0a28; }
.wrapper-pagination .page-item .page-link.active { color: #f03e3d; }

.article-sigle { max-width: 960px; width: 100%; margin: auto; }
.article-sigle .post-image { margin-bottom: 20px; }
.article-sigle .post-image img { width: 100%; max-width: 100%; }
.article-sigle .post-content { font-size: 14px; }
.article-sigle .post-meta { font-size: 11px; font-style: italic; margin-top: 10px; color: #7f7f7f; }
.article-sigle .post-meta span { font-size: 12px; margin-right: 8px; }
.article-sigle .post-meta span .fa { color: #ee0033; }

.section-contact address { color: #544837; }
.section-contact address .title { font-weight: 700; }
.section-contact address a { color: #544837; }
.section-contact .icons-circle { width: 90px; height: 90px; text-align: center; line-height: 90px; font-size: 27px; margin-bottom: 15px; border-radius: 50%; background: #f7f7f7; color: #f03e3d !important; font-size: 24px; color: #544837; }
.section-contact .contact-form .form-group .form-control { outline: unset !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; font-size: 14px; }
.section-contact .contact-form .btn-sendnow { background-color: #ee0033; color: #ffffff; max-width: 100%; width: 100%; }

.faq-grid .panel .panel-heading { border-bottom: 1px solid #ddd; }
.faq-grid .panel .panel-heading .panel-title { position: relative; }
.faq-grid .panel .panel-heading .panel-title a { padding: 9px 9px 9px 25px; line-height: 22px; border-bottom: 1px dotted #f2f2f2; color: #1e1e1e; font-weight: 600; line-height: 22px; -webkit-transition: background-color 0.2s linear 0s; transition: background-color 0.2s linear 0s; display: block; }
.faq-grid .panel .panel-heading .panel-title::before { content: "\f105"; display: block; font: normal normal normal 14px/1 FontAwesome; left: 7px; position: absolute; top: 10px; font-size: 18px; }
.faq-grid .panel .panel-collapse .panel-body { padding: 9px 9px 9px 25px; font-size: 14px; color: #544837; }

.navbar-toggler { border: 1px solid #0A0A28 !important; background-color: #0A0A28 !important; color: #ffffff; padding: 12px 16px !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; }
.navbar-toggler .fa { color: #ffffff; font: normal normal normal 18px/1 FontAwesome; }
.navbar-toggler .fa::before { content: "\f0c9"; }

@media screen and (min-width: 768px) and (max-width: 1024px) { .features-device-mockup { max-width: 450px; width: 100%; margin-bottom: 45px; }
  .masthead { padding-top: 9.5rem; padding-bottom: 3rem; }
  .masthead .masthead-device-mockup { position: relative; }
  .masthead .masthead-device-mockup .circle { position: absolute; top: 0; left: 0; width: 100%; display: block; }
  .masthead .masthead-device-mockup .device-wrapper { padding: 0; max-width: 100%; }
  .masthead .masthead-device-mockup .device-wrapper img { max-width: 400px; width: 100%; display: block; margin: auto; }
  aside, section { padding-top: 3rem; padding-bottom: 3rem; } }
@media screen and (max-width: 767px) { .features-device-mockup { max-width: 380px; width: 100%; margin-bottom: 45px; }
  .masthead .masthead-device-mockup { position: relative; }
  .masthead .masthead-device-mockup .circle { position: absolute; top: 0; left: 0; width: 100%; display: block; }
  .masthead .masthead-device-mockup .device-wrapper { padding: 0; max-width: 100%; }
  .masthead { padding-top: 9.5rem; padding-bottom: 3rem; }
  aside, section { padding-top: 3rem; padding-bottom: 3rem; }
  .wrapper-copyright .copy-right { text-align: center !important; }
  .wrapper-copyright .socials { text-align: center !important; } }
.icon-total .icon { width: 100%; max-width: 150px; overflow: hidden; border-radius: 50%; background-color: #ffffff; display: block; margin: auto; margin-bottom: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }
.icon-total .icon img { width: 100%; }
.icon-total h3 { color: #f03e3d; }
.icon-total p { font-size: 18px; }

.section-register { padding-top: 100px; }
.section-register .img-support { max-width: 500px; }
.section-register .box-register { background-color: #fff; padding: 30px 0 0 0; border-radius: 30px; position: relative; }
.section-register .box-register .inner { border-radius: 30px; overflow: hidden; position: relative; z-index: 2; }
.section-register .box-register .title-register { text-align: center; color: #0396ff; }
.section-register .box-register::before { content: ""; width: 100%; height: 100%; border-radius: 30px; background-color: #ffffff; position: absolute; top: 0; left: 0; z-index: 1; }
.section-register .box-register::after { content: ""; width: 100%; height: 100%; border-radius: 30px; background-color: rgba(205, 205, 205, 0.6); position: absolute; top: 10px; left: 10px; z-index: 0; }
.section-register .form-register { padding: 25px; }
.section-register .form-register .form-group { margin-bottom: 20px; }
.section-register .form-register .form-group label { font-weight: 400; text-transform: uppercase; }
.section-register .form-register .form-group .form-control { border-width: 0 0 1px 0 !important; border-radius: 0; border-color: #666666; outline: unset !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; }
.section-register .form-register .btn-register { padding: 15px 60px; font-weight: 600; font-size: 16px; background-color: #f03e3d; }

.content-header-salary-advance { text-align: center; }
.content-header-salary-advance h3 { font-style: normal; font-weight: 700; font-size: 15px; line-height: 20px; margin-bottom: 20px; }
.content-header-salary-advance p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; margin-bottom: 20px; }
.content-header-salary-advance img { max-width: 200px; width: 100%; display: block; margin: auto; }

.content-form-register .form-group { margin-bottom: 10px; }
.content-form-register .form-group label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; margin-bottom: 8px; }
.content-form-register .form-group .form-control, .content-form-register .form-group .form-select { font-weight: 400; font-size: 14px; line-height: 19px; padding: 16px 12px; border-radius: 0; }
.content-form-register h3.title { font-weight: 700; font-size: 15px; line-height: 20px; }
.content-form-register .form-footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px; background: #1eab11; z-index: 99; }
.content-form-register .form-footer .btn-submit { background: #6dd400; border-radius: 25rem; padding: 10px; font-weight: 700; font-size: 14px; line-height: 17px; color: #ffffff; display: block; width: 200px; margin: auto; }

#clip { background-size: 100% 80%; background-position: top center; background-repeat: no-repeat; background-image: url("../img/bg-2.png"); padding-top: 0; }

#total-PFS APP { background-size: cover; background-position: top center; background-repeat: no-repeat; background-image: url("../img/bg-3.png"); background-color: #ffffff; padding-top: 10rem; }

#features .font-alt { font-size: 22px; color: #0A0A28; line-height: 1.3; font-weight: normal; }
#features .text-muted { font-size: 16px; line-height: 1.4; font-weight: normal; }

#mainNav .logo { max-width: 140px; }
#mainNav .navbar-nav .nav-item .nav-link { position: relative; }
#mainNav .navbar-nav .nav-item .nav-link:hover { color: #ee0033; }
#mainNav .navbar-nav .nav-item .nav-link.active { color: #ee0033; font-weight: 700; }
#mainNav .btn-login { border: 1px solid #2f281e; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 30px; }
#mainNav .btn-login:hover { color: #ee0033; border: 1px solid #ee0033; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#mainNav .btn-download-app { background-color: #ee0033; border: 1px solid #ee0033; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#mainNav .btn-download-app:hover { background-color: #ffffff; color: #ee0033; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.page-default { padding-top: 70px; }
.page-default #mainNav { border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); }

.wrapper-copyright .copy-right { text-align: left; }
.wrapper-copyright .socials { text-align: right; }

footer .logo { max-width: 250px; margin-bottom: 20px; }
footer .info-company { margin-bottom: 1rem; max-width: 400px; }

:root { --green: #1eab11; }

body::before { content: ""; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
body.open-nav-company { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; overflow: hidden; }
body.open-nav-company::before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; content: ""; background-color: rgba(102, 102, 102, 0.8); z-index: 8; visibility: visible; opacity: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.page-webview { background-color: #f4faff; }
.page-webview .pl-0 { padding-left: 0 !important; }
.page-webview .pr-0 { padding-right: 0 !important; }
.page-webview .container { max-width: 100%; }
.page-webview .classic-tab-wrap .nav-pills { border-bottom: 1px solid #cdcdcd; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.page-webview .classic-tab-wrap .nav-pills li { margin: 0; width: 100%; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; }
.page-webview .classic-tab-wrap .nav-pills li .nav-link { border: none; background-color: transparent; color: #495057; padding: 0.5rem 0; text-align: center; display: block; width: 100%; position: relative; font-size: 13px; line-height: 1.3; }
.page-webview .classic-tab-wrap .nav-pills li .nav-link::after { content: ""; width: 0; height: 2px; background-color: #1eab11; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-webview .classic-tab-wrap .nav-pills li .nav-link.active { color: #1eab11; background: transparent; border-color: #1eab11; }
.page-webview .classic-tab-wrap .nav-pills li .nav-link.active::after { width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-webview .classic-tab-wrap .tab-content { padding: 0px 20px; }
.page-webview .classic-tab-wrap .tab-pane { padding: 20px 0; }
.page-webview .classic-tab-wrap .nav-tab-button { border-bottom: 0px solid #000; background-color: #ffffff; padding: 8px 0; position: relative; }
.page-webview .classic-tab-wrap .nav-tab-button li { padding: 0 8px; }
.page-webview .classic-tab-wrap .nav-tab-button li .nav-link { background-color: #cdcdcd; border-radius: 20px; }
.page-webview .classic-tab-wrap .nav-tab-button li .nav-link.active { background-color: #007aff; color: #ffffff; }
.page-webview .classic-tab-wrap .nav-tab-button li .nav-link.active::after { display: none; }
.page-webview .classic-tab-wrap .nav-tab-button::before { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; }
.page-webview .classic-tab-wrap.nav-pills-scroll { overflow-x: auto; overflow-y: hidden; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills { -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-width: 0; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100%; border-bottom: 1px solid #cdcdcd; position: relative; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li::after { content: ""; width: 1px; height: calc(100% - 14px); position: absolute; top: 7px; right: 0; background-color: #cdcdcd; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li .nav-link { text-transform: uppercase; font-weight: 400; color: #495057; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li .nav-link.active { color: #007aff; font-weight: 600; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li:last-child::after { display: none; }
.page-webview .sandbox-container { margin-bottom: 15px; }
.page-webview .sandbox-container .input-group-text { font-size: 13px; line-height: 1.3; }
.page-webview label { margin-bottom: 8px; font-size: 13px; line-height: 1.3; display: block; }
.page-webview .results { margin-top: 20px; }
.page-webview .results .title-result { font-size: 14px; line-height: 1.3; font-weight: normal; color: #3d4351; margin-bottom: 8px; }
.page-webview .results table { font-size: 13px; line-height: 1.3; font-weight: normal; color: #3d4351; }
.page-webview .results table tr th { font-weight: normal; color: #3d4351; }
.page-webview .results table tr th:last-child, .page-webview .results table tr td:last-child { text-align: right; }
.page-webview hr { margin: 0.5rem 0; }
.page-webview .link-doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #228cff; }

.example-title { text-align: center; margin-bottom: 60px; padding: 3em 0; border-bottom: 1px solid #e4eaec; }
.example-title p { margin: 0 auto; font-size: 16px; max-width: 400px; }

.program-insurance { margin-bottom: 1.5rem; font-size: 13px; color: #3d4351; }
.program-insurance .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.program-insurance .content .choose { color: #228cff; }

.footer-fixed { position: fixed; background-color: #ffffff; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 12px; border-top-right-radius: 20px; border-top-left-radius: 20px; overflow: hidden; z-index: 8; }
.footer-fixed .money small { font-size: 12px; }
.footer-fixed .money p { margin-bottom: 0; font-size: 16px; font-weight: 700; }
.footer-fixed .btn-next-action { background-color: #ee0033; border: 1px solid #ee0033; color: #ffffff; font-size: 12px; line-height: 1.3; font-weight: 400; padding: 8px 20px; border-radius: 20px; }

.form-group-datepicker { position: relative; }
.form-group-datepicker .calendar { position: absolute; top: 50%; right: 10px; font-size: 16px; color: #666666; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.expire-duaration { font-size: 13px; margin-bottom: 0; }

.form-insurance { position: relative; padding: 15px 0; }
.form-insurance .form-group { position: relative; z-index: 1; }

.empty-insurance { text-align: center; }
.empty-insurance img { width: 100%; max-width: 200px; display: block; margin: auto; }
.empty-insurance p { font-size: 12px; color: #d11962; text-align: center; }

.form-insurance .card { border-width: 0; padding: 10px; font-size: 13px; line-height: 1.3; margin-bottom: 15px; }
.form-insurance h4 { font-size: 13px; line-height: 1.3; font-weight: normal; }
.form-insurance .form-check { font-size: 13px; line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; }
.form-insurance .form-check .form-check-input { margin-top: 0; margin-right: 5px; }
.form-insurance .form-group { margin-bottom: 0.5rem; }
.form-insurance .form-group label { margin-bottom: 5px; }
.form-insurance .form-group .form-control { font-size: 13px; line-height: 1.3; min-height: 31px; }
.form-insurance .note { color: #ee0033; }
.form-insurance .badge { border-radius: 50%; width: 18px; height: 18px; line-height: 18px; vertical-align: middle; text-align: center; padding: 0; }
.form-insurance .red { color: #ee0033; }

/*================================== TIMELINE
==================================*/
.timeline-item { padding-left: 40px; position: relative; }
.timeline-item:last-child { padding-bottom: 0; }

/*----- TIMELINE INFO -----*/
.timeline-info { font-size: 12px; font-weight: 700; letter-spacing: 3px; margin: 0 0 0.5em 0; text-transform: uppercase; white-space: nowrap; }

/*----- TIMELINE MARKER -----*/
.timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; width: 25px; }
.timeline-marker:before { background: #dc3545 !important; border: 3px solid transparent; border-radius: 100%; content: ""; display: block; height: 25px; position: absolute; top: 4px; left: 0; width: 25px; -webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; z-index: 1; }
.timeline-marker:after { content: ""; width: 3px; border-left: 3px dashed #cdcdcd; display: block; position: absolute; top: 24px; bottom: 0; left: 10px; }
.timeline-marker svg { position: absolute; color: #ffffff; z-index: 9; top: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 15px; }
.timeline-item:last-child .timeline-marker:after { content: none; }

.timeline-item:not(.period):hover .timeline-marker:before { background: transparent; border: 3px solid #ee0033; }

/*----- TIMELINE CONTENT -----*/
.timeline-centered { list-style-type: none; padding-left: 0; }

.timeline-content { padding-bottom: 40px; padding-top: 5px; }
.timeline-content p:last-child { margin-bottom: 0; }

.timeline-title { text-transform: uppercase; font-size: 14px; color: #3d4351; }

.timeline-desc { padding: 1rem; border-radius: 10px; background-color: #fff; font-size: 13px; line-height: 1.4; overflow: hidden; }

.bg-blue { color: #ffffff; background-image: -webkit-gradient(linear, left top, right bottom, from(#4d77ff), color-stop(#228cff), color-stop(#019eff), color-stop(#2dadf9), to(#56bbf1)); background-image: linear-gradient(to right bottom, #4d77ff, #228cff, #019eff, #2dadf9, #56bbf1); }

.bg-green { color: #ffffff; background-image: -webkit-gradient(linear, left top, right bottom, from(#019267), color-stop(#029f73), color-stop(#03ad7e), color-stop(#02ba8b), to(#00c897)); background-image: linear-gradient(to right bottom, #019267, #029f73, #03ad7e, #02ba8b, #00c897); }
.bg-green table tr, .bg-green table td, .bg-green table th { color: #ffffff; }

.bg-red { background-image: -webkit-gradient(linear, left top, right top, from(#ed1846), color-stop(#e51351), color-stop(#dc145a), color-stop(#d11962), to(#c61f69)); background-image: linear-gradient(to right, #ed1846, #e51351, #dc145a, #d11962, #c61f69); color: #ffffff; }

.bg-ograne { background-image: -webkit-gradient(linear, left top, right top, from(#f3a712), color-stop(#f6ab19), color-stop(#f9af20), color-stop(#fcb326), to(#ffb72b)); background-image: linear-gradient(to right, #f3a712, #f6ab19, #f9af20, #fcb326, #ffb72b); color: #ffffff; }

.bg-yellow { background-image: -webkit-gradient(linear, left bottom, right top, from(#a3d928), color-stop(#a4dd24), color-stop(#a6e21f), color-stop(#a7e619), to(#a8eb12)); background-image: linear-gradient(to right top, #a3d928, #a4dd24, #a6e21f, #a7e619, #a8eb12); color: #ffffff; }

.bg-white { background-color: #fff; }

.bg-aliceblue { background-color: #d8e1ff; }

.form-search-contract .form-group { margin-bottom: 15px; }
.form-search-contract .form-group .meta-label { margin-bottom: 8px; font-size: 13px; line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.form-search-contract .form-group .meta-label .contract-template { color: #228cff; }
.form-search-contract .form-group .form-control { border-radius: 6px; border-color: #cdcdcd; -webkit-box-shadow: unset; box-shadow: unset; font-size: 14px; line-height: 1.3; padding: 10px 12px; }
.form-search-contract .note { font-weight: 400; font-size: 13px; line-height: 1.3; margin-bottom: 15px; text-align: left; position: relative; padding-left: 40px; }
.form-search-contract .note .txt-note { position: absolute; top: 0; left: 0; }
.form-search-contract .btn-search-contract { background-color: #ee0033; border: 1px solid #ee0033; color: #ffffff; width: 100%; display: block; font-size: 14px; line-height: 1.3; font-weight: 400; padding: 10px; border-radius: 20px; }

.form-group-search { position: relative; }
.form-group-search .form-control { border-radius: 20px; border-color: #cdcdcd; -webkit-box-shadow: unset; box-shadow: unset; font-size: 14px; line-height: 1.3; padding: 10px 12px; padding-left: 40px; }
.form-group-search .icon-search { position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #228cff; }

.nav-company { width: 100%; height: 0; position: fixed; z-index: 9; background-color: #fff; bottom: 0; left: 0; border-top-right-radius: 30px; border-top-left-radius: 30px; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.nav-company .nav-head { border-top-right-radius: 30px; border-top-left-radius: 30px; background-color: #f8f8f8; text-align: center; padding: 12px 0; font-size: 13px; line-height: 1.3; position: relative; }
.nav-company .nav-head .close { width: 20px; height: 20px; position: absolute; top: 50%; right: 20px; margin-top: -10px; }
.nav-company .nav-head .close svg { width: 20px; }
.nav-company .nav-body { padding: 15px; height: calc(100% - 41px); overflow: auto; }
.nav-company .nav-body .partners { margin-top: 0; margin-bottom: 0; }
.nav-company .nav-body .partners .partner { padding: 10px 0; border-bottom: 1px solid #e1e1e1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.nav-company .nav-body .partners .partner .icon { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; width: 100%; }
.nav-company .nav-body .partners .partner .icon img { width: auto; height: 35px; }
.nav-company .nav-body .partners .partner .content { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; width: 100%; font-size: 14px; line-height: 1.3; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.nav-company .nav-body .partners .partner .content .choose { color: #228cff; font-size: 13px; line-height: 1.3; font-weight: 400; }
.nav-company.open { height: 60vh; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.supplier { padding: 10px 0; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 20px; }
.supplier .icon { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; width: 100%; position: relative; z-index: 2; height: 50px; }
.supplier .icon img { width: auto; height: 50px; }
.supplier .content { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; width: 100%; font-size: 14px; line-height: 1.3; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }
.supplier .content .choose { color: #228cff; font-size: 13px; line-height: 1.3; font-weight: 400; position: relative; display: block; z-index: 1; }
.supplier.supplier-evn .icon { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; width: 100%; position: relative; z-index: 2; }
.supplier.supplier-evn .content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); max-width: calc(100% - 80px); }
.supplier::before { content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ffffff; }

#modalTemplate .modal-header { border-bottom: 0px solid #000; position: relative; padding-bottom: 0; }
#modalTemplate .modal-header .title { font-size: 14px; text-align: center; width: 100%; font-weight: normal; text-transform: uppercase; }
#modalTemplate .modal-header .btn-close { position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; }

.statistic { background-color: #ffffff; position: relative; padding: 5px 0; }
.statistic .statis { text-align: center; font-size: 12px; color: #495057; position: relative; z-index: 2; padding: 8px 0; }
.statistic .statis p { margin-bottom: 8px; font-weight: 300; }
.statistic h4 { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 0.7; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }
.statistic .icon { height: 24px; margin-right: 5px; }
.statistic::before { content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ffffff; }

.pic img { width: 100%; max-width: 100%; display: block; }
.pic.pic-webview { max-width: 60%; margin: auto; }

.tab-content-scroll .tab-pane { padding: 25px 10px; }
.tab-content-scroll .content { font-size: 14px; color: #3d4351; font-weight: 400; text-align: justify; }

.tab-content-scroll { padding-bottom: 100px; }
.tab-content-scroll .btn-link-view { font-size: 13px; display: block; text-align: left; position: relative; padding-right: 30px; }
.tab-content-scroll .btn-link-view .fa { position: absolute; font-size: 10px; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.tab-content-scroll .list-link .link-item { border-bottom: 1px solid #cdcdcd; position: relative; }
.tab-content-scroll .list-link .link-item .content-link { padding: 5px 30px 5px 0; }
.tab-content-scroll .list-link .link-item .content-link label { font-size: 12px; margin-bottom: 2px; color: #999999; }
.tab-content-scroll .list-link .link-item .content-link p { margin-bottom: 0; color: #dc3545; font-size: 13px; }
.tab-content-scroll .list-link .link-item .link-to { position: absolute; color: #9e9e9e; top: 10px; right: 0; font-size: 10px; }
.tab-content-scroll .list-link .link-item:last-child { border-bottom-width: 0; }
.tab-content-scroll .faq-grid .panel-heading .panel-title a { font-weight: 400; font-size: 13px; text-transform: capitalize; }

.sharelink { position: fixed; z-index: 22; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; left: 0; width: 100%; -ms-flex-pack: distribute; justify-content: space-around; padding: 10px 0; }
.sharelink .btn-light { border: 1px solid #cdcdcd; }

.empty-history { margin-bottom: 8px; font-size: 13px; line-height: 1.3; display: block; }
.empty-history .pic { max-width: 200px; margin: 20px auto; }
.empty-history .description { margin-bottom: 8px; font-size: 13px; line-height: 1.3; display: block; text-align: center; }

@media screen and (min-width: 992px) { .timeline-item { max-width: 992px; margin: auto; }
  .timeline-item .timeline-content { max-width: 767px; }
  .pic.pic-webview { max-width: 500px; } }
.form-group-radio .button-radio { position: relative; margin-bottom: 20px; }
.form-group-radio .button-radio input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 9; }
.form-group-radio .button-radio.button-radio-text .text { background-color: #e6e6e6; border-radius: 5px; padding: 8px; position: relative; border: 1px solid #e6e6e6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 50px; font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.form-group-radio .button-radio.button-radio-text input[type="checkbox"]:checked ~ div, .form-group-radio .button-radio.button-radio-text input[type="radio"]:checked ~ div { background-color: #007aff; border: 1px solid #007aff; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-image .image { background-color: #e6e6e6; border-radius: 5px; padding: 8px; position: relative; border: 1px solid #e6e6e6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-image .image img { width: 100%; display: block; }
.form-group-radio .button-radio.button-radio-image .image::before { content: ""; width: 24px; height: 24px; border-radius: 50%; background-color: #ffffff; border: 1px solid #cdcdcd; display: block; position: absolute; top: -5px; right: -5px; }
.form-group-radio .button-radio.button-radio-image .image::after { content: ""; width: 16px; height: 16px; border-radius: 50%; background-color: #007aff; border: 1px solid #007aff; display: block; position: absolute; top: -1px; right: -1px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-image input[type="checkbox"]:checked ~ div, .form-group-radio .button-radio.button-radio-image input[type="radio"]:checked ~ div { background-color: #ffffff; border: 1px solid #007aff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-image input[type="checkbox"]:checked ~ div::after, .form-group-radio .button-radio.button-radio-image input[type="radio"]:checked ~ div::after { opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-payment .image { background-color: #ffffff; border-radius: 5px; padding: 8px; position: relative; border: 1px solid #e6e6e6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-left: 30px; }
.form-group-radio .button-radio.button-radio-payment .image .icon-payment { width: 50px; height: 50px; border-radius: 50%; background-color: #ffffff; overflow: hidden; position: absolute; top: 10px; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid #f5f5f5; }
.form-group-radio .button-radio.button-radio-payment .image .icon-payment img { width: 100%; display: block; }
.form-group-radio .button-radio.button-radio-payment .image::before { content: ""; width: 24px; height: 24px; border-radius: 50%; background-color: #ffffff; border: 1px solid #cdcdcd; display: block; position: absolute; top: -5px; right: -5px; }
.form-group-radio .button-radio.button-radio-payment .image::after { content: ""; width: 16px; height: 16px; border-radius: 50%; background-color: #007aff; border: 1px solid #007aff; display: block; position: absolute; top: -1px; right: -1px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-payment .content { position: relative; }
.form-group-radio .button-radio.button-radio-payment .content h4 { font-size: 14px; margin-bottom: 5px; }
.form-group-radio .button-radio.button-radio-payment .content p { font-size: 13px; margin-bottom: 5px; }
.form-group-radio .button-radio.button-radio-payment .content tr, .form-group-radio .button-radio.button-radio-payment .content th { font-size: 13px; }
.form-group-radio .button-radio.button-radio-payment .content .content-header { padding-bottom: 5px; }
.form-group-radio .button-radio.button-radio-payment .content .content-hidden { padding-top: 5px; display: none; border-top: 1px dashed #ffffff; }
.form-group-radio .button-radio.button-radio-payment .content table { width: 100%; }
.form-group-radio .button-radio.button-radio-payment input[type="checkbox"]:checked ~ div, .form-group-radio .button-radio.button-radio-payment input[type="radio"]:checked ~ div { background-color: rgba(0, 122, 255, 0.1); border: 1px solid #007aff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-payment input[type="checkbox"]:checked ~ div .content-hidden, .form-group-radio .button-radio.button-radio-payment input[type="radio"]:checked ~ div .content-hidden { display: block; }
.form-group-radio .button-radio.button-radio-payment input[type="checkbox"]:checked ~ div::after, .form-group-radio .button-radio.button-radio-payment input[type="radio"]:checked ~ div::after { opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.form-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }
.form-total label { margin-bottom: 0; }
.form-total .group-calculor .btn-calculor { border: 1px solid #cdcdcd; border-radius: 50%; }
.form-total .group-calculor .btn-calculor .fa { font-size: 14; }
.form-total .group-calculor .number-card { padding: 0 5px; font-size: 20px; font-weight: 700; }

.add-new-card { padding: 10px 10px; border: 1px solid #007aff; border-radius: 25rem; color: #007aff; font-size: 13px; width: 100%; background-color: rgba(0, 122, 255, 0.1); margin-bottom: 20px; }

.page-card-mobile .add-payment { border: 1px solid #007aff; border-radius: 25rem; color: #ffffff; background-color: #007aff; font-size: 13px; width: 100%; max-width: 250px; margin: 0 auto 20px auto; border-radius: 25rem; padding: 10px 10px; display: block; }
.page-card-mobile .sendlink { font-size: 13px; text-align: center; }
.page-card-mobile .boxed-pl-3 { padding-left: 2rem; }
.page-card-mobile .boxed h3.title { font-size: 14px; font-weight: normal; }
.page-card-mobile .card { border-radius: 10px; }
.page-card-mobile .thecao-note { width: 80%; margin: auto; font-size: 13px; text-align: center; }
.page-card-mobile .footer-control { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; background-color: #ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px; }
.page-card-mobile .footer-control .btn-secondary { padding-left: 20px; padding-right: 20px; border-radius: 25rem; }
.page-card-mobile .btn-next-step { padding-left: 20px; padding-right: 20px; border-radius: 25rem; }
.page-card-mobile .btn-payment { padding-left: 20px; padding-right: 20px; border-radius: 25rem; }
.page-card-mobile .form-step { display: none; }
.page-card-mobile .form-step.active { display: block; }
.page-card-mobile .card-number-order { position: relative; padding-left: 100px; padding-bottom: 10px; border-bottom: 1px dashed #cdcdcd; }
.page-card-mobile .card-number-order .edit-order { position: absolute; top: 0px; right: 0px; font-size: 13px; color: #007aff; background-color: transparent; border-width: 0; }
.page-card-mobile .card-number-order .logo { width: 80px; position: absolute; top: 0; left: 0; }
.page-card-mobile .card-number-order .logo img { width: 100%; display: block; height: auto; }
.page-card-mobile .card-number-order .order h4 { font-size: 14px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-order .order p { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-order .order table { width: 100%; }
.page-card-mobile .card-number-order .order table th, .page-card-mobile .card-number-order .order table td { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-checkout { position: relative; padding-bottom: 10px; border-bottom: 1px dashed #cdcdcd; }
.page-card-mobile .card-number-checkout .edit-order { position: absolute; top: 0px; right: 0px; font-size: 13px; color: #007aff; background-color: transparent; border-width: 0; }
.page-card-mobile .card-number-checkout .order h4 { font-size: 14px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-checkout .order p { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-checkout .order table { width: 100%; }
.page-card-mobile .card-number-checkout .order table th, .page-card-mobile .card-number-checkout .order table td { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-checkout .order table th .txt-product, .page-card-mobile .card-number-checkout .order table td .txt-product { color: #4d77ff; }
.page-card-mobile .card-number-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 10px; }
.page-card-mobile .card-number-total span { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .note-green { font-size: 13px; margin-bottom: 8px; color: #03ad7e; }
.page-card-mobile .note-red { font-size: 13px; margin-bottom: 8px; color: #e51351; }
.page-card-mobile .form-group-check { margin-bottom: 10px; }
.page-card-mobile .form-group-check .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; }
.page-card-mobile .form-group-check .form-check input { margin-top: -1px; margin-right: 8px; }
.page-card-mobile .form-group-check .form-check label { line-height: 1; }
.page-card-mobile .blue { color: #007aff; }
.page-card-mobile .red { color: #e51351; }

.content-wrapper { padding: 5px 16px; min-height: 100vh; }
.content-wrapper .boxed { margin-bottom: 24px; }
.content-wrapper .boxed .title { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #0a0a28; margin-bottom: 24px; }
.content-wrapper .boxed .card { background: #ffffff; border: 1px solid #ffffff; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15); border-radius: 10px; margin-bottom: 16px; }
.content-wrapper .boxed .card .card-body { padding: 20px; }
.content-wrapper .boxed .card:last-child { margin-bottom: 0; }
.content-wrapper .product-notes { padding: 0 16px; }
.content-wrapper .product-notes ul li { font-style: normal; font-weight: 600; font-size: 15px; line-height: 26px; letter-spacing: 0.2px; color: #333333; }
.content-wrapper .content-with-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.content-wrapper .content-with-icon .icon-product-avatar { width: 40px; height: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.content-wrapper .content-with-icon .icon-product { width: 40px; height: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; background-color: #1eab11; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.content-wrapper .content-with-icon .icon-product img { width: 22px; height: auto; }
.content-wrapper .content-with-icon .content { width: 100%; max-width: calc(100% - 40px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 40px); flex: 0 0 calc(100% - 40px); padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.content-wrapper .content-with-icon .content h4 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #333333; margin-bottom: 0; }
.content-wrapper .content-with-icon .content .sub { font-style: normal; font-weight: 400; font-size: 10px; color: #333333; margin-top: 8px; }
.content-wrapper .content-with-icon .content .sub .icon-money img { height: 12px; width: auto; }

.information-verification { padding: 0 4px; margin-bottom: 40px; }
.information-verification h4.title { font-family: "SF Pro Display"; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0.2px; color: #292929; }
.information-verification h4.title .iconmoon { vertical-align: middle; }
.information-verification p.description { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #6f6f6f; margin-bottom: 16px; }
.information-verification .img-wrapper { position: relative; margin-bottom: 10px; border-radius: 4px; overflow: hidden; }
.information-verification .img-wrapper::before { content: ""; display: block; width: 100%; padding-top: 75.43%; }
.information-verification .img-wrapper .img-file { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.information-verification .img-wrapper .file-input-image { opacity: 0; position: absolute; top: 0; left: 0; }
.information-verification .img-wrapper .atc-file { position: absolute; width: 44px; height: 44px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; background: #ffffff; opacity: 0.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.information-verification .id-card-name { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; text-align: center; color: #292929; }

.group-button-fixed { background: #1eab11; padding: 10px 22px; position: fixed; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.group-button-fixed .btn-green { border-radius: 25rem; background: #6dd400; color: #ffffff; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; padding: 9px; }
.group-button-fixed .btn { width: calc(100% - 20px); }
.group-button-fixed.group-button-two .btn { width: calc(50% - 8px); }
.group-button-fixed.group-button-one { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.group-button-fixed.group-button-one .btn { width: calc(100% - 20px); }

.group-button-fixed-top { background: #1eab11; padding: 10px 22px; position: fixed; top: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.group-button-fixed-top .btn-green { border-radius: 25rem; background: #6dd400; color: #ffffff; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; padding: 9px; }
.group-button-fixed-top .btn { width: calc(100% - 20px); }
.group-button-fixed-top.group-button-two .btn { width: calc(50% - 8px); }
.group-button-fixed-top.group-button-one { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.group-button-fixed-top.group-button-one .btn { width: calc(100% - 20px); }

.otp-verification .description { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #6f6f6f; margin-bottom: 30px; }
.otp-verification .form-group-otp { margin-bottom: 20px; }
.otp-verification .form-group-otp .form-control { background: #fafafa; border: 1px solid #d0d0d0; border-radius: 4px; padding: 14px 16px; font-weight: 400; font-size: 14px; line-height: 20px; color: #6f6f6f; }
.otp-verification .box-countdown { text-align: center; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.2px; color: #6f6f6f; margin-bottom: 80px; }
.otp-verification .resend-otp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.otp-verification .resend-otp .btn-resend-otp { background-color: transparent; border-width: 0; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; text-align: center; letter-spacing: 0.2px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #1eab11; }

.otp-verification-success { position: relative; width: 100%; height: 60vh; }
.otp-verification-success .verification-success { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }
.otp-verification-success .verification-success .icon-verification-success { background: rgba(30, 171, 17, 0.1); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 64px; height: 64px; margin: 0 auto 20px auto; }
.otp-verification-success .verification-success .icon-verification-success img { height: 24px; width: auto; }
.otp-verification-success .verification-success h3.title { text-align: center; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; margin-bottom: 30px; }
.otp-verification-success .verification-success .alert-otp { text-align: center; font-weight: 400; font-size: 17px; line-height: 20px; text-align: center; letter-spacing: 0.2px; color: #292929; }

.box-countdown .timer { display: inline-block; font-weight: 700; }
.box-countdown .timer .jst-hours { display: none !important; }
.box-countdown .timer .jst-minutes { display: none !important; }

.information-vib .intro-vib { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; }
.information-vib .intro-vib .content { max-width: 180px; width: 100%; margin: auto; }
.information-vib .intro-vib .btn-register-now { background: #1eab11; border-radius: 5px; padding: 12px; font-weight: 500; font-size: 16px; line-height: 19px; color: #ffffff; display: block; margin-bottom: 30px; }
.information-vib .intro-vib .list-infomation { list-style-type: none; text-align: right; }
.information-vib .intro-vib .list-infomation li { margin-bottom: 10px; }
.information-vib .intro-vib .list-infomation a { font-style: normal; font-weight: 500; font-size: 13px; line-height: 15px; color: #333333; }
.information-vib .feature-vib .feature-vib-item h3.title { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #979797; margin-bottom: 15px; }
.information-vib .feature-vib .feature-vib-item .list-feature li { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #333333; margin-bottom: 15px; }

.content-form-register-vib h3.title { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #979797; }

.form-group-edit { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.form-group-edit .item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 40px); flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px); width: 100%; }
.form-group-edit .item .form-control, .form-group-edit .item .form-select { display: none; }
.form-group-edit .item .form-control-display { font-weight: 600; font-size: 16px; line-height: 22px; color: #333333; }
.form-group-edit .btn-pen { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; width: 100%; text-align: center; background-color: transparent; border-width: 0; }
.form-group-edit.form-edit .form-control, .form-group-edit.form-edit .form-select { display: block; }
.form-group-edit.form-edit .form-control-display { display: none; }

.content-form-green { padding-bottom: 50px; }
.content-form-green .boxed h3.title { font-style: normal; font-weight: 700; font-size: 16px; line-height: 22px; color: #ffffff; text-transform: uppercase; margin-bottom: 12px; padding: 0 10px; }
.content-form-green .card { background: #ffffff; border-radius: 20px; padding: 16px 20px; }
.content-form-green .card .card-body { padding: 0 !important; }
.content-form-green .card .card-body .form-group label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #000000; }
.content-form-green .card .card-body .form-group label .red { color: #fc4243; }
.content-form-green .card .card-body .form-group .form-control, .content-form-green .card .card-body .form-group .form-select { background-color: #ffffff; padding: 16px 12px; border: 1px solid #979797; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; border-radius: 0; margin-bottom: 10px; }
.content-form-green .card .card-body .form-group .form-control-date { background-image: url("../img/icons/icon-calendar-green.svg"); background-size: 19.5px 21px; background-repeat: no-repeat; background-position: calc(100% - 10px) center; }
.content-form-green .form-footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 16px 30px; z-index: 99; background-color: var(--green); }
.content-form-green .form-footer .btn-submit { font-style: normal; font-weight: 700; font-size: 14px; line-height: 19px; color: #ffffff; text-transform: uppercase; padding: 12px; background-color: #6dd400; display: block; width: 100%; border-radius: 25rem; }

.advance-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; padding: 15px; border-radius: 5px; background-color: #ffffff; }
.advance-search h3.title { font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #333333; text-transform: uppercase; margin-bottom: 20px; }
.advance-search .form-search { width: 100%; }
.advance-search .form-group { width: 100%; position: relative; margin-bottom: 10px; }
.advance-search .form-group .form-control, .advance-search .form-group .form-select { border: 1px solid #979797; padding: 12px 12px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; border-radius: 0; }
.advance-search .form-group .form-control-date { background-image: url("../img/icons/icon-calendar-green.svg"); background-size: 19.5px 21px; background-repeat: no-repeat; background-position: calc(100% - 10px) center; }
.advance-search .btn-search { position: absolute; background-color: transparent; border-width: 0; top: 5px; right: 5px; }
.advance-search .btn-search img { height: 24px; width: auto; }
.advance-search .btn-advance-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border-width: 0; position: absolute; top: 10px; right: 0; }
.advance-search .btn-advance-search img { height: 22px; width: auto; margin-right: 5px; }
.advance-search .btn-advance-search span { font-weight: 400; font-size: 13px; line-height: 15px; color: #333333; }
.advance-search .form-body { margin-bottom: 20px; }
.advance-search .form-footer .btn-submit { border-radius: 25rem; background: #6dd400; color: #ffffff; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; padding: 9px; width: 45%; max-width: 150px; margin-right: 10px; }
.advance-search .form-footer .btn-advance { border-radius: 25rem; background: #fd7e14; color: #ffffff; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; padding: 9px; width: 45%; max-width: 150px; }
.advance-search .form-hide { display: none; }
.advance-search .dropdown { position: absolute; right: 15px; top: 10px; }
.advance-search .dropdown .btn-primary { font-size: 13px; line-height: 1.2; background-color: var(--green); border-color: var(--green); }
.advance-search .dropdown .dropdown-menu .dropdown-item { font-size: 13px; line-height: 1.2; color: #868686; }
.advance-search .dropdown .dropdown-menu .dropdown-item-delete { color: #fc4243; }


.artical-salary .salary-header { padding-top: 50px; text-align: center; margin-bottom: 20px; }
.artical-salary .salary-header .time { font-size: 18px; color: var(--green); font-weight: 600; }
.artical-salary .salary-header .sub-title { font-size: 20px; color: #868686; text-transform: uppercase; font-weight: 400; }
.artical-salary .salary-header .total-salary { font-size: 26px; color: #292929; font-weight: 700; }
.artical-salary .salary-body { background-color: var(--green); padding: 20px; border-radius: 5px; margin-bottom: 40px; }
.artical-salary .salary-body .list-salary-detail { list-style-type: none; padding-left: 0; margin-bottom: 0; }
.artical-salary .salary-body .list-salary-detail li { color: #ffffff; font-size: 16px; margin-bottom: 10px; }
.artical-salary .salary-body .list-salary-detail li strong { font-weight: 600; }
.artical-salary .salary-body .list-salary-detail li:last-child { margin-bottom: 0; }
.artical-salary .salary-history h3.title { font-size: 18px; color: #868686; text-transform: uppercase; font-weight: 400; margin-bottom: 15px; }
.artical-salary .salary-history .history .item { background-color: rgba(205, 205, 205, 0.6); margin-bottom: 15px; padding: 10px 16px; color: #666666; font-size: 16px; border-radius: 3px; }
.artical-salary .salary-history .history .item.active { background-color: #fc4243; color: #ffffff; }
.loan-add-button{ position: absolute; right: 15px; top: 10px; }
.mobiscroll-form-control {
  margin: 0em 0em !important;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.mobiscroll-form-control input {
  height: calc(1.6em + 1rem + 2px);
  border: 1px solid transparent;
  width: 100%;
}
.mbsc-disabled{
  background-color: #e9ecef !important;
}
.mbsc-material.mbsc-textfield-box.mbsc-select, .mbsc-material.mbsc-textfield-inner-box {
  background: #fff !important;
}
.input-readonly-cus {
  background: #fff !important;
  background-color: #fff !important;
}
.post.format-standard-image {

  margin: 20px 0;
  padding-bottom: 0;
  background-color: #F3F3F3;
  font-family: 'Open Sans';
  font-style: normal;
}
.page-item.active .page-link{
  z-index: 3;
  color: #fff;
  background-color: #1fac12;
  border-color: #1fac12;
}
.page-link {
  color: #1fac12;
}
#cong-tac-vien .content-with-icon .icon-product img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 100%;
  height: 100%;
}
.wpo-blog-content img {
  height: 194px;
  width: 100%;
}
.wpo-blog-content .title, .wpo-blog-content .title a {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #292929;
  padding-top: 16px;
}
.wpo-blog-content .sub-des{
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #292929;
}
.wpo-blog-content .entry-details{
  padding: 0 16px;
}
/*# sourceMappingURL=style.css.map */
/* css clear text input */
.form-group.clear-text input {
  padding-right: 32px;
}

.form-clear {
  align-items: center;
  border-radius: 50%;
  bottom: 8px;
  color: rgb(133 138 143 / 76%);
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 24px;
  z-index: 10;
  margin: 0px 9px -2px 0px;
  font-size: 16px;
}

.form-text+.form-clear {
  bottom: calc(1rem + 18px);
}

.form-clear .material-icons {
  font-size: 16px;
  font-weight: 500;
}

.input-readonly-cus {
  background: #fff !important;
  background-color: #fff !important;
}
.form-investment .card {
  border-width: 0;
  padding: 10px;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 15px;
}

.custom-checkbox-input:checked { background-color: #30985D !important; border-color: #FFFFFF !important;accent-color:#30985D !important; }
.content-form-register-investment .form-footer .btn-submit { background: #FC4243; border-radius: 25rem; padding: 10px; font-weight: 700; font-size: 12px; line-height: 17px; color: #ffffff; display: block; margin: auto; }
.content-form-register-investment h2 {font-size: 16px; line-height: 19px; font-weight: 500; color: #979797;}
.content-form-register-investment h3 {font-size: 13px; line-height: 15px; font-weight: 500; color: #333333;}
.content-form-register-investment h3 span.type-1 {color: #FC4243;}
.content-form-register-investment h3 span.type-2 {color: #1eab11;}
.content-form-register-investment .form-footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px; background: #1eab11; z-index: 99; }
.content-form-register-investment .form-footer .btn-save-draft { background: #FC4243; border-radius: 25rem; padding: 10px; font-weight: 700; font-size: 12px; line-height: 17px; color: #ffffff; display: block; margin: auto; width: 45%; }
.content-form-register-investment .form-footer .btn-create { background: #6dd400; border-radius: 25rem; padding: 10px; font-weight: 700; font-size: 12px; line-height: 17px; color: #ffffff; display: block; margin: auto; width: 45%; }
.content-form-register-investment .price, .content-form-register-investment .currency { color: #FC4243; }
.content-form-register-investment .total, .content-form-register-investment .principal { text-transform: uppercase; }
.total-wrapper { background: rgba(30, 171, 17, 0.24) }
.principal-wrapper { background: rgba(252, 66, 67, 0.25) }

.contract-number { color: #1eab11; font-size: 18px; line-height: 25px; font-weight: 600;}
.resend-otp {color: #1eab11; text-decoration: none;}
.contract-detail {color: #0091ff; text-decoration: none;}

.content-detail-investment .form-footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px; background: #1eab11; z-index: 99; }
.content-detail-investment .form-footer .btn-green { background: #6dd400; border-radius: 25rem; padding: 10px; font-weight: 700; font-size: 12px; line-height: 17px; color: #ffffff; display: block; margin: auto; width: 90%; }
.resend-otp {color: #1eab11; text-decoration: none;}
.contract-detail {color: #0091ff; text-decoration: none;}

.resend-otp {color: #1eab11; text-decoration: none;}
.contract-detail {color: #0091ff; text-decoration: none;}

.type-c {position:absolute;right:10px;bottom:10px;border-radius: 26px;padding: 8px;}
.type-c2 {background-color: rgba(109, 212, 0, 0.3)}
.type-c1 {background-color: rgba(252, 66, 67, 0.24)}
.type-c span {font-weight: 600 }
.type-c2 span {color: #1EAB11; }
.type-c1 span {color: #FC4243; }
.color-blue { color: #5d5def;}
.card-custom .sub {font-size: 14px !important;}
.nav-btn { background: #FFF; border: 1px solid #CCC; text-align: center; border-radius: 20px; padding: 2vw 1vh; width: 30%;color: #000; margin-right: 5px; }
.nav-btn-active { background: #1C77BC; color: #FFF}

.color-blue { color: #5d5def;}
.content-form-payment-investment .form-footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px; background: #1eab11; z-index: 99; }
.content-form-payment-investment .form-footer .btn-confirm { background: #6dd400; border-radius: 25rem; padding: 10px; font-weight: 700; font-size: 12px; line-height: 17px; color: #ffffff; display: block; margin: auto; width: 90%; }
div.custom-input {position:relative;}
img.copy {position: absolute;right: 10px;top: 10px;}

.radio-invesment { padding-top: 3px; }
.content-form-investment { position: relative; }
.content-form-investment .form-footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px; background: #1eab11; z-index: 99; }
.content-form-investment .form-footer .btn-dau-tu-co-dinh { background: #FC4243; border-radius: 25rem; padding: 10px; font-weight: 700; font-size: 12px; line-height: 17px; color: #ffffff; display: block; margin: auto; }
.content-form-investment .form-footer .btn-dau-tu-linh-hoat { background: #6dd400; border-radius: 25rem; padding: 10px; font-weight: 700; font-size: 12px; line-height: 17px; color: #ffffff; display: block; margin: auto; }
.custom-radio-input:checked { background-color: #30985D !important; border-color: #FFFFFF !important;accent-color:#30985D !important; }
.description { position: absolute; top: 270px; left: 179px; right: 32px;}
.chon-hinh-thuc {position: absolute;top: 64%;left: 4vw; right: 4vw;}
.chon-hinh-thuc .title {font-size: 16px;font-weight: 500;line-height: 19px;text-transform: uppercase;}
.chon-hinh-thuc .custom-form-check-row {background-color: #DBECE2;padding: 3vw 2vh;border-radius: 10px;}
.custom-radio-input:checked ~ .custom-form-check-row {background-color: red;font-size: 1000px;}
.description p, .description div.li {font-size: 15px;line-height: 32px;font-weight: 700;}
.description p span {font-size: 15px;line-height: 32px;font-weight: 700;color: #FC4243;}

.content-form-payment-investment .form-footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px; background: #1eab11; z-index: 99; }
.content-form-payment-investment .form-footer .btn-confirm { background: #6dd400; border-radius: 25rem; padding: 10px; font-weight: 700; font-size: 12px; line-height: 17px; color: #ffffff; display: block; margin: auto; width: 90%; }
div.custom-input {position:relative;}
img.copy {position: absolute;right: 10px;top: 10px;}

.lich-su-thanh-toan div, .lich-su-thanh-toan p {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
}
.thong-tin-loan .row {
  padding: 5px 0;
}
.lich-su-loan .title {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}
.lich-su-loan table thead {
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0px;
  text-align: center;
}
.lich-su-loan table tbody{
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0px;
  text-align: center;
}
.content-form-register .form-footer .btn-submit.thanh-toan {
  width: 170px;
}

.current-month{
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #1EAB11;
  margin-bottom: 8px;
}
.title-thanh-toan{
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  opacity: 0.6;
  margin-bottom: 16px;
}
.month-amount {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 17px;
  text-align: center;
  color: #000000;
}
.lable-amount {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}
.content-form-register .form-footer .btn-submit{
  width: 170px;
}

.content-form-register .form-footer .btn-submit{
  width: 100%;
}
.lable-xac-thuc {
  margin-top: 30px;
}
.resend-otp {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  text-decoration-line: underline;
  color: #1EAB11;
}

.input-readonly-cus {
  background: #fff !important;
  background-color: #fff !important;
}

.navi_mg_top {
  margin-top: 163px !important;
}

.navi_mg_top_93 {
  margin-top: 93px !important;
}

.navi_mg_top_70 {
  margin-top: 70px !important;
}

.navi_mg_top_30 {
  margin-top: 30px !important;
}

.btn-resend-otp {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  text-decoration-line: underline;
  color: #1EAB11;
}
.time-otp * {
  color: #2f281e;
}
.xac-thuc-thanh-toan .time-otp * {
  color: #2f281e;
}
.mobiscroll-form-control {
  margin: 0em 0em !important;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.mobiscroll-form-control input {
  height: calc(1.6em + 1rem + 2px);
  border: 1px solid transparent;
  width: 100%;
}
.mbsc-disabled{
  background-color: #e9ecef !important;
}
.form-check-input:checked {
  background-color: #6dd400;
  border-color: #6dd400;
}
.bh input[type='checkbox'] {
  min-width: 18px;
  min-height: 18px;
}
.linh-vuc-kinh-doanh .form-inline {
  padding: 2px 0;
}
.mobiscroll-readonly:read-only {
  background-color: #fff !important;
}
.mobiscroll-readonly:disabled {
  background-color: #e9ecef !important;
}
.input-mobiscroll-hiden {
  z-index: -1;
  position: absolute;
  left: -10000px;
}

.btn-tab-50 {
  flex: 0 0 calc(50% - 4px) !important;
  max-width: calc(50% - 4px) !important;
}