table {
    border-collapse: collapse;
    width: 100%;
}

table tbody,table td,table tfoot,table tr {
    border: thin solid #eee;
    font-size: .875rem;
}

table td,table th {
    padding: 5px;
}

table thead {
    background-color: #eee;
    font-size: .875rem;
}

table thead th {
    font-weight: 700;
}
table td a{
  text-decoration: none;
  border: 0;
}

.main{

}
.main-left, .main-right{
  width: 21%;
  flex: 0 0 auto;
}
.main-mid{
  flex: 1 0 0%;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 58%;
}
.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border-top: 1px solid #eee;
}
.nt-list-group .list-group-item {
    font-size: 14px;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.nt-list-group .list-group-item:hover {
    background: #fafafa;
    color: #d10a00;
}
.list-group--news .list-group-item {
    font-size: 14px;
    padding: 8px 15px;
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.list-group--news .list-group-item:first-child{
	border-top: 0px;
}
.list-group--news .list-group-item a {
    color: #000;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.list-date li a:hover,
.list-group--news .list-group-item a:hover,
.list-news li a:hover,
.list-news li:hover a,
.list-news li:hover:before,
.nw-item a:hover {
    color: #d10a00;
}

.list-group--news .news-thumb {
    max-width: 100%;
    margin-bottom: 10px;
}
.list-news,
.list-order li p {
    padding: 0;
    margin: 0;
}
.list-news li {
    position: relative;
    font-size: 14px;
    padding-left: 20px;
}
.list-news li:before {
    position: absolute;
    top: 1px;
    color: #252525;
}
.list-news li a {
    color: #252525;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.list-order {
    margin-bottom: 0;
}
.list-order li {
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.color-vinaphone {
    text-transform: capitalize;
    color: #0198e1 !important;
}
.color-viettel {
    color: #007b70 !important;
    text-transform: capitalize;
}
.color-mobifone {
    color: #134a9f !important;
    text-transform: capitalize;
}
.color-mobifone span {
    color: red !important;
}
.color-vietnamobile {
    color: #f60 !important;
    text-transform: capitalize;
}
.color-itelecom {
    color: #cd1818 !important;
    text-transform: capitalize;
}
.color-wintel {
    color: red !important;
    text-transform: capitalize;
}
.color-gmobile {
    color: #252525 !important;
    text-transform: capitalize;
}
.font-weight-bold{
	font-weight: bold;
}
.mb-1{
	margin-bottom: 5px;
}

.sim-item {
    display: block;
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
}
.sim-item:hover {
    border: 1px solid #ad0909;
}

.block-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
}
.sim-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none; }
.sim-item a img{
  margin-right: 16px;
}
.sim-item--info {
  padding: 8px;
  padding-left: 16px;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0px; }
.sim-item--number {
  display: block;
  font-size: 17px;
  color: #198754;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 6px; }
.sim-item--number i{
  color: #d0021a;
}
.sim-item--price {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #333; }
 .sim-item--price b{
 	font-weight: normal;
 }

.block-head {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background: #eee;
    color: #333;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.block-head h2,.block-head h3{
	margin-bottom: 0px;
}
.box-order{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.box-order--left{
  width: 50%;
  flex: 0 0 auto;
  padding-right: 10px;
}
.box-order--right{
  flex: 1 0 0%;
  max-width: 50%;
}
.box-order--left,.box-order--right{
  padding-top: 15px;
  padding-bottom: 15px;
}
.box-order-number{
  font-size: 45px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}
.box-order-number a{
  color: #333;
  text-decoration: none;
}

.box-order-price{
  font-size: 30px;
  color: red;
  line-height: 1;
  font-weight: bold;
}
.form-group{
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.form-control{
  -webkit-appearance: none;
  width: 100%;
  padding: 10px 10px;
  margin: 3px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form-control.has-error{
  border: 1px solid #ad0909;
}
.form-tuvan form{
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #dee2e6;
  height: 48px;
  border-radius: 10px;
  overflow: hidden;
}
.form-tuvan form:hover{
  border: 1px solid #ad0909;
}
.form-tuvan form input{
  all: unset;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  padding: 0px 10px;
  box-shadow: none;
  outline: none;
  height: 48px;
  width: 100%;
  border-radius: 10px;
  font-size: 14px;
}
.form-tuvan form button{
  all: unset;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 38px;
  min-width: 57px;
  background: #ad0909;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 16px;
  border-radius: 10px;
  text-align: center;
}
.form-tuvan form button:hover{
  cursor: pointer;
}
textarea.form-control{
  max-width: 100%;
  resize: none;
}
.btn-dat-sim{
  cursor: pointer;
  border: 1px solid #ad0909;
  border-radius: 5px;
  font-size: 16px;
  padding: 8px 10px;
  background: #ad0909;
  min-width: 150px;
  color: #fff;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 5px;
}
.page-content-wp{
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
}
.pfwp{
  padding-top: 25px;
}

.page-content-wp img{
  max-width: 100%;
}
.px5{
  padding-left: 5px;
  padding-right: 5px;
}
.input-group.grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
}
.custom-select.form-control{
  border: 1px solid #eee;
}
.btn-submit {
  display: inline;
  text-decoration: none;
  background: #ad0909;
  border: 1px solid #ad0909;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
  padding: 10px;
  margin: 0 auto;
  border-radius: 4px;
  outline: none;
}
.w70{
  width: 70%;
}
.content-box{
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 14px;
}
.content-box.no-border{
  border: 0px;
  padding: 0px;
}
.content-box--inner{
  font-size: 14px;
}
.block-search{
  margin-left: -10px;
  margin-right: -10px;
  background: #fff;
  z-index: 999;
}
.block-search-wp{
	display: flex;
	justify-content: center;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 100%;
}
#faq h3, #tags h3{
  font-weight: bold;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.faq-container {
    max-width: 100%;
    margin: 0px auto;
    font-family: Arial, sans-serif;
    background: #fff;
}
.faq-question {
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #ddd;
}
.faq-question:hover{
	color: #ad0909;
}
.faq-answer {
    display: none;
    padding: 15px 20px;
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: none;
}

.tag-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5px;
}
.tag-item{
  display: inline-block;
  padding: 6px 8px;
  border: 1px solid #ddd;
  color: #333 !important;
}
.tag-item:hover{
  background: #337ab7;
  color: #fff !important;
}
#loctongdiem{
  width: 250px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.btn-primary, .btn-reset {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
    color: #fff;
    padding: 8px 10px;
    line-height: 1;
    white-space: nowrap;
}
.btn-primary{
  background: #2997e7;
  border: 1px solid #2997e7;
}
.btn-reset{
  background: #eee;
  color: #333;
  border: 1px solid #eee;
}
.btn-primary:hover ,.btn-reset:hover{
  border: 1px solid #ad0909;
}

.block-tag{
  margin-top: 8px;
  background: #fff;
  border-radius: 5px;
}
.block-tag--title{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: #fff;
  color: #333;
  text-transform: uppercase;
  width: 100%;
  font-weight: bold;
  font-size: 15px;
  border-radius: 5px;
}
.block-tag--body{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 10px;
}
.block-tag--item{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  white-space: nowrap;
  text-decoration: none;
  color: #333;
  text-transform: capitalize;
}
.spinner {
  display:inline-block;
  width:20px;
  height:20px;
  border:2px solid #fff;
  border-top:2px solid transparent;
  border-radius:50%;
  animation: spin 0.8s linear infinite;
  margin:0 auto;
}



@keyframes spin {
  to { transform: rotate(360deg); }
}

.footer__term {
    background-color: #f6fff8;
    border-bottom: thin solid #eee;
    border-top: thin solid #eee;
    border-left: thin solid #eee;
    border-right: thin solid #eee;
    font-size: .875rem;
    padding: 1rem 0
}

.footer__term .term-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: -.5rem
}

.footer__term .term-list .term-item {
    margin: 0 .5rem;
    width: calc(20% - 16px)
}

.footer__term .term-list .term-item:not(:last-child) {
    border-right: thin solid #eee
}

.footer__term .term-list .term-item span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__term .term-list .term-item span .icon {
    background-color: #dfffe2;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .5rem;
    padding: 12px
}
.icon-24 {
    height: 1.5rem;
    width: 1.5rem
}

.icon-sim {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4wMzEgMmMwLS40NzQuMTczLS44ODQuNTItMS4yMy4zNDYtLjM0Ny43NTYtLjUyIDEuMjMtLjUyaDdsMy41IDMuNXY4Ljc1YzAgLjQ3NC0uMTczLjg4NC0uNTIgMS4yMy0uMzQ2LjM0Ny0uNzU2LjUyLTEuMjMuNTJoLTguNzVjLS40NzQgMC0uODg0LS4xNzMtMS4yMy0uNTJhMS42ODIgMS42ODIgMCAwIDEtLjUyLTEuMjNWMnptMS4zMTMgMHYxMC41YzAgLjEyOC4wMzYuMjI4LjExLjMuMDkuMDkyLjIuMTM3LjMyNy4xMzdoOC43NWEuMzY0LjM2NCAwIDAgMCAuMzAxLS4xMzYuMzY0LjM2NCAwIDAgMCAuMTM3LS4zMDFWNC4yOTdMOC4yMzQgMS41NjNIMS43ODFhLjQ0OC40NDggMCAwIDAtLjMyOC4xMzYuNDA2LjQwNiAwIDAgMC0uMTEuMzAxem04LjMxMiA3Ljg3NXYuODc1YS44NjQuODY0IDAgMCAxLS4yNzMuNjI5LjgxOC44MTggMCAwIDEtLjYwMi4yNDZoLS44NzV2LTEuNzVoMS43NXptLTQuMzc1LTMuNXYtMS43NWgxLjc1djEuNzVoLTEuNzV6bTEuNzUgMy41djEuNzVoLTEuNzV2LTEuNzVoMS43NXptLjg3NS0zLjV2LTEuNzVoLjg3NWEuNzguNzggMCAwIDEgLjYwMi4yNzMuNzc5Ljc3OSAwIDAgMSAuMjczLjYwMnYuODc1aC0xLjc1em0tMy41IDMuNXYxLjc1aC0uODc1YS45MTIuOTEyIDAgMCAxLS42MjktLjI0Ni45MTMuOTEzIDAgMCAxLS4yNDYtLjYyOXYtLjg3NWgxLjc1ek0yLjY1NiA1LjVhLjgyLjgyIDAgMCAxIC4yNDYtLjYwMi44NjUuODY1IDAgMCAxIC42My0uMjczaC44NzR2MS43NWgtMS43NVY1LjV6bTcgMS43NVY5aC03VjcuMjVoN3oiIGZpbGw9IiMzMzMiLz48L3N2Zz4=)
}

.icon-deskphone {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjMyOCA5LjQzOGEuMzYuMzYgMCAwIDEgLjMuMTM2LjM2NC4zNjQgMCAwIDEgLjEzOC4zMDF2Ljg3NWEuNDQ3LjQ0NyAwIDAgMS0uMTM3LjMyOC40MDcuNDA3IDAgMCAxLS4zLjExaC0uODc2YS41MS41MSAwIDAgMS0uMzI4LS4xMS41MDkuNTA5IDAgMCAxLS4xMS0uMzI4di0uODc1YzAtLjEyOC4wMzctLjIyOC4xMS0uM2EuNDQ3LjQ0NyAwIDAgMSAuMzI4LS4xMzdoLjg3NXpNOS4wMTYgNy4yNWMwLS4xMjguMDM2LS4yMjguMTA5LS4zYS40NDcuNDQ3IDAgMCAxIC4zMjgtLjEzOGguODc1Yy4xMjggMCAuMjI4LjA0Ni4zLjEzN2EuMzY0LjM2NCAwIDAgMSAuMTM4LjMwMXYuODc1YS40NDcuNDQ3IDAgMCAxLS4xMzcuMzI4LjQwNi40MDYgMCAwIDEtLjMuMTFoLS44NzZhLjUwOS41MDkgMCAwIDEtLjMyOC0uMTEuNTA5LjUwOSAwIDAgMS0uMTEtLjMyOFY3LjI1em0zLjA2MiAzLjkzOGEuNTA5LjUwOSAwIDAgMS0uMzI4LS4xMS41MDkuNTA5IDAgMCAxLS4xMS0uMzI4di0uODc1YzAtLjEyOC4wMzctLjIyOC4xMS0uM2EuNDQ3LjQ0NyAwIDAgMSAuMzI4LS4xMzdoLjg3NWEuMzYuMzYgMCAwIDEgLjMuMTM2LjM2NC4zNjQgMCAwIDEgLjEzOC4zMDF2Ljg3NWEuNDQ3LjQ0NyAwIDAgMS0uMTM3LjMyOC40MDcuNDA3IDAgMCAxLS4zLjExaC0uODc2em0wLTIuNjI2YS41MDkuNTA5IDAgMCAxLS4zMjgtLjEwOS41MDkuNTA5IDAgMCAxLS4xMS0uMzI4VjcuMjVjMC0uMTI4LjAzNy0uMjI4LjExLS4zYS40NDcuNDQ3IDAgMCAxIC4zMjgtLjEzOGguODc1Yy4xMjggMCAuMjI4LjA0Ni4zLjEzN2EuMzY0LjM2NCAwIDAgMSAuMTM4LjMwMXYuODc1YS40NDcuNDQ3IDAgMCAxLS4xMzcuMzI4LjQwNi40MDYgMCAwIDEtLjMuMTFoLS44NzZ6bTIuMTg4LTcuNDM3Yy40OTIgMCAuOTAyLjE3MyAxLjIzLjUyLjM0Ni4zMjguNTIuNzM4LjUyIDEuMjNWMTIuNWMwIC40OTItLjE3NC45MDItLjUyIDEuMjMtLjMyOC4zNDctLjczOC41Mi0xLjIzLjUySDIuMDE2YTEuNzEgMS43MSAwIDAgMS0xLjI1OC0uNTJjLS4zMjgtLjMyOC0uNDkyLS43MzgtLjQ5Mi0xLjIzVjIuODc1YzAtLjQ5Mi4xNjQtLjkwMi40OTItMS4yM2ExLjcxIDEuNzEgMCAwIDEgMS4yNTgtLjUyaC45NTdhMS4yNTcgMS4yNTcgMCAwIDEgLjY4NC0uNzY2QzMuODM4LjI4NiA0LjAyLjI1IDQuMjAyLjI1SDYuMzljLjI3MyAwIC41Mi4wODIuNzM4LjI0Ni4yMzcuMTY0LjQwMS4zNzQuNDkyLjYyOWg2LjY0NXptLTEwLjA2My40Mzh2OC43NWgyLjE4OHYtOC43NUg0LjIwM3ptMTAuNSAxMC45Mzd2LTdIMTAuMTFjLS4zMSAwLS41NzQtLjEtLjc5My0uMy0uMi0uMjItLjMtLjQ4NC0uMy0uNzk0VjIuNDM4SDcuNzAzdjcuODc0YzAgLjM2NS0uMTI3LjY3NS0uMzgzLjkzYTEuMjY2IDEuMjY2IDAgMCAxLS45My4zODNINC4yMDRhMS4yNyAxLjI3IDAgMCAxLS45My0uMzgzIDEuMjY2IDEuMjY2IDAgMCAxLS4zODItLjkzVjIuNDM5aC0uODc1YS40NDcuNDQ3IDAgMCAwLS4zMjkuMTM2LjQwNi40MDYgMCAwIDAtLjEwOS4zMDFWMTIuNWMwIC4xMjguMDM3LjIyOC4xMS4zLjA5LjA5Mi4yLjEzNy4zMjguMTM3aDEyLjI1YS4zNjQuMzY0IDAgMCAwIC4zLS4xMzYuMzY0LjM2NCAwIDAgMCAuMTM3LS4zMDF6bTAtOC4zMTNWMi44NzVhLjM2NC4zNjQgMCAwIDAtLjEzNy0uMy4zNjQuMzY0IDAgMCAwLS4zLS4xMzhoLTMuOTM4djEuNzVoNC4zNzV6IiBmaWxsPSIjMzMzIi8+PC9zdmc+)
}

.icon-mayban-circle, .icon-sim {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.icon-giaonhanh,.icon-kiemtra {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block
}

.icon-kiemtra {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwLjIwMyA0LjM3NWMyLjI4MSAyLjI1IDMuNDIyIDQuOTg0IDMuNDIyIDguMjAzIDAgMy4yMTktMS4xNCA1Ljk2OS0zLjQyMiA4LjI1LTIuMjUgMi4yNS00Ljk4NCAzLjM3NS04LjIwMyAzLjM3NS0zLjIxOSAwLTUuOTY5LTEuMTI1LTguMjUtMy4zNzVDMS41IDE4LjU0Ny4zNzUgMTUuNzk3LjM3NSAxMi41NzguMzc1IDkuMzYgMS41IDYuNjI1IDMuNzUgNC4zNzUgNi4wMzEgMi4wOTQgOC43ODEuOTUzIDEyIC45NTNjMy4yMTkgMCA1Ljk1MyAxLjE0IDguMjAzIDMuNDIyem0tOS41NjIgMTQuMzQ0IDguNjI1LTguNjI1Yy4zNzUtLjM0NC4zNzUtLjY4OCAwLTEuMDMxbC0xLjAzMi0xLjA3OWMtLjM3NS0uMzQzLS43MzQtLjM0My0xLjA3OCAwbC03LjAzMSA3LjAzMi0zLjI4MS0zLjI4MmMtLjM0NC0uMzQzLS43MDMtLjM0My0xLjA3OCAwbC0xLjAzMiAxLjA3OWMtLjM3NS4zNDMtLjM3NS42ODcgMCAxLjAzTDkuNjEgMTguNzJjLjM0NC4zNzUuNjg4LjM3NSAxLjAzMiAweiIgZmlsbD0iIzVCOEU1RiIvPjwvc3ZnPg==)
}
.icon-thanhtoan {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0Ljg4My40NTNhMi4xNyAyLjE3IDAgMCAxIDEuNTk0LjY1NmMuNDM3LjQzOC42NTYuOTcuNjU2IDEuNTk0djE2LjVhMi4xNyAyLjE3IDAgMCAxLS42NTYgMS41OTQgMi4xNyAyLjE3IDAgMCAxLTEuNTk0LjY1NmgtMjIuNWEyLjE3IDIuMTcgMCAwIDEtMS41OTQtLjY1NiAyLjE3IDIuMTcgMCAwIDEtLjY1Ni0xLjU5NHYtMTYuNWMwLS42MjUuMjE5LTEuMTU2LjY1Ni0xLjU5NEEyLjE3IDIuMTcgMCAwIDEgMi4zODMuNDUzaDIyLjV6TTcuNjMzIDE3LjUxNlYxNS42NGMwLS4zNzUtLjE4OC0uNTYzLS41NjMtLjU2M0gzLjY5NWMtLjM3NSAwLS41NjIuMTg4LS41NjIuNTYzdjEuODc1YzAgLjM3NS4xODcuNTYyLjU2Mi41NjJINy4wN2MuMzc1IDAgLjU2My0uMTg3LjU2My0uNTYyem05IDBWMTUuNjRjMC0uMzc1LS4xODgtLjU2My0uNTYzLS41NjNIOS42OTVjLS4zNzUgMC0uNTYyLjE4OC0uNTYyLjU2M3YxLjg3NWMwIC4zNzUuMTg3LjU2Mi41NjIuNTYyaDYuMzc1Yy4zNzUgMCAuNTYzLS4xODcuNTYzLS41NjJ6IiBmaWxsPSIjNUI4RTVGIi8+PC9zdmc+)
}

.icon-thanhtoan,.icon-tragop {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block
}

.icon-tragop {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3LjAwNCAxMS4wNzhjLjIxOSAwIC4zOS4wNzguNTE1LjIzNWEuNjI0LjYyNCAwIDAgMSAuMjM1LjUxNXY2YS43NjcuNzY3IDAgMCAxLS4yMzUuNTYzYy0uMTI0LjEyNS0uMjk2LjE4Ny0uNTE1LjE4N2gtMi4yOTdhNi40MSA2LjQxIDAgMCAxLTEuNDUzIDEuNDUzdjMuNzk3YzAgLjIxOS0uMDc4LjM5LS4yMzUuNTE2YS42MjQuNjI0IDAgMCAxLS41MTUuMjM0aC0zYS43NjcuNzY3IDAgMCAxLS41NjMtLjIzNGMtLjEyNS0uMTI1LS4xODctLjI5Ny0uMTg3LS41MTZ2LTIuMjVoLTZ2Mi4yNWMwIC4yMTktLjA3OC4zOS0uMjM0LjUxNmEuNjI0LjYyNCAwIDAgMS0uNTE2LjIzNGgtM2EuNzY3Ljc2NyAwIDAgMS0uNTYzLS4yMzRjLS4xMjUtLjEyNS0uMTg3LS4yOTctLjE4Ny0uNTE2di0zLjc5N2E4LjI5IDguMjkgMCAwIDEtMS41OTQtMS41NDcgNy45NjggNy45NjggMCAwIDEtMS4wMzEtMi4wNjIgNy4zNjMgNy4zNjMgMCAwIDEtLjM3NS0yLjM0NEgzLjM3OWMtLjc4MSAwLTEuNDM4LS4yOTctMS45NjktLjg5LS41MzEtLjU5NC0uNzUtMS4yODItLjY1Ni0yLjA2M2EyLjU4IDIuNTggMCAwIDEgLjQ2OS0xLjE3MiAyLjc5IDIuNzkgMCAwIDEgLjk4NC0uODQ0IDIuOTg3IDIuOTg3IDAgMCAxIDEuMjY2LS4yOGMuMTg3IDAgLjI4LjA5My4yOC4yOHYuOTM4YzAgLjE4Ny0uMDkzLjI4MS0uMjguMjgxaC0uMDQ3YS45ODMuOTgzIDAgMCAwLS41MTYuMTQgMS4wMzYgMS4wMzYgMCAwIDAtLjQyMi4zMjkgMS44MzMgMS44MzMgMCAwIDAtLjIzNC40MjIgMS4yMSAxLjIxIDAgMCAwIC4yMzQuOTg0Yy4yNS4yNS41NDcuMzc1Ljg5LjM3NWgyLjAxN2MuMzQzLTEuNzE5IDEuMjAzLTMuMTQgMi41NzgtNC4yNjUgMS4zNzUtMS4xNTcgMi45NjgtMS43MzUgNC43OC0xLjczNWg2Yy4yMiAwIC41NzkuMDMxIDEuMDc5LjA5NC45MDYtMS4wNjMgMi4wNDctMS41OTQgMy40MjItMS41OTRoMS41bC0uODkgMy41NjNhNy4xIDcuMSAwIDAgMSAxLjczNCAyLjQzN2gxLjQwNnptLTYuNTYzIDIuODEzYS44NzMuODczIDAgMCAwIC41NjMuMTg3Yy4yMTkgMCAuMzktLjA2Mi41MTUtLjE4N2EuNzY3Ljc2NyAwIDAgMCAuMjM1LS41NjMuNjI0LjYyNCAwIDAgMC0uMjM1LS41MTUuNjI0LjYyNCAwIDAgMC0uNTE1LS4yMzUuNzY3Ljc2NyAwIDAgMC0uNTYzLjIzNWMtLjEyNS4xMjQtLjE4Ny4yOTYtLjE4Ny41MTUgMCAuMjE5LjA2Mi40MDYuMTg3LjU2M3ptLTcuNjg3LTguODEzYy0uNzE5IDAtMS40NTMuMDk0LTIuMjAzLjI4MWEuMzU5LjM1OSAwIDAgMC0uMDQ3LS4xNHYtLjE0YzAtMS4yNS40MzctMi4zMTMgMS4zMTItMy4xODhTMTMuNzU0LjU3OCAxNS4wMDQuNTc4YzEuMjUgMCAyLjMxMi40MzggMy4xODcgMS4zMTNzMS4zMTMgMS45MzcgMS4zMTMgMy4xODd2LjA0N2E5LjMxNCA5LjMxNCAwIDAgMC0uNzUtLjA0N2gtNnoiIGZpbGw9IiM1QjhFNUYiLz48L3N2Zz4=)
}
.icon-giaonhanh {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI5LjM0OCAxNy4wNzhjLjIxOCAwIC4zOS4wNzguNTE1LjIzNWEuNjI0LjYyNCAwIDAgMSAuMjM1LjUxNXYxLjVhLjc2Ny43NjcgMCAwIDEtLjIzNS41NjNjLS4xMjUuMTI1LS4yOTcuMTg3LS41MTUuMTg3aC0yLjI1YzAgMS4yNS0uNDM4IDIuMzEzLTEuMzEzIDMuMTg4cy0xLjkzNyAxLjMxMi0zLjE4NyAxLjMxMmMtMS4yNSAwLTIuMzEzLS40MzctMy4xODgtMS4zMTJzLTEuMzEyLTEuOTM4LTEuMzEyLTMuMTg4aC02YzAgMS4yNS0uNDM4IDIuMzEzLTEuMzEzIDMuMTg4cy0xLjkzNyAxLjMxMi0zLjE4NyAxLjMxMmMtMS4yNSAwLTIuMzEzLS40MzctMy4xODgtMS4zMTJzLTEuMzEyLTEuOTM4LTEuMzEyLTMuMTg4aC0uNzVhMi4xNyAyLjE3IDAgMCAxLTEuNTk0LS42NTYgMi4xNyAyLjE3IDAgMCAxLS42NTYtMS41OTR2LTE1YzAtLjYyNS4yMTgtMS4xNTYuNjU2LTEuNTk0QTIuMTcgMi4xNyAwIDAgMSAyLjM0OC41NzhoMTVhMi4xNyAyLjE3IDAgMCAxIDEuNTkzLjY1NmMuNDM4LjQzOC42NTcuOTcuNjU3IDEuNTk0djIuMjVoMi4wNjJhMi4xNyAyLjE3IDAgMCAxIDEuNTk0LjY1Nmw0LjY4NyA0LjY4OGMuNDM4LjQzNy42NTcuOTY5LjY1NyAxLjU5NHY1LjA2MmguNzV6TTYuMDA0IDIxLjY3MmEyLjE3IDIuMTcgMCAwIDAgMS41OTQuNjU2IDIuMTcgMi4xNyAwIDAgMCAxLjU5My0uNjU2IDIuMTcgMi4xNyAwIDAgMCAuNjU3LTEuNTk0IDIuMTcgMi4xNyAwIDAgMC0uNjU3LTEuNTk0IDIuMTcgMi4xNyAwIDAgMC0xLjU5My0uNjU2IDIuMTcgMi4xNyAwIDAgMC0xLjU5NC42NTYgMi4xNyAyLjE3IDAgMCAwLS42NTYgMS41OTRjMCAuNjI1LjIxOCAxLjE1Ni42NTYgMS41OTR6bTE1IDBhMi4xNyAyLjE3IDAgMCAwIDEuNTk0LjY1NiAyLjE3IDIuMTcgMCAwIDAgMS41OTMtLjY1NiAyLjE3IDIuMTcgMCAwIDAgLjY1Ny0xLjU5NCAyLjE3IDIuMTcgMCAwIDAtLjY1Ny0xLjU5NCAyLjE3IDIuMTcgMCAwIDAtMS41OTMtLjY1NiAyLjE3IDIuMTcgMCAwIDAtMS41OTQuNjU2IDIuMTcgMi4xNyAwIDAgMC0uNjU2IDEuNTk0YzAgLjYyNS4yMTggMS4xNTYuNjU2IDEuNTk0em01LjM0NC05LjA5NHYtLjU2MkwyMS42NiA3LjMyOGgtMi4wNjJ2NS4yNWg2Ljc1eiIgZmlsbD0iIzVCOEU1RiIvPjwvc3ZnPg==)
}

.icon-giaonhanh,.icon-kiemtra {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block
}

.icon-thanhtoan {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0Ljg4My40NTNhMi4xNyAyLjE3IDAgMCAxIDEuNTk0LjY1NmMuNDM3LjQzOC42NTYuOTcuNjU2IDEuNTk0djE2LjVhMi4xNyAyLjE3IDAgMCAxLS42NTYgMS41OTQgMi4xNyAyLjE3IDAgMCAxLTEuNTk0LjY1NmgtMjIuNWEyLjE3IDIuMTcgMCAwIDEtMS41OTQtLjY1NiAyLjE3IDIuMTcgMCAwIDEtLjY1Ni0xLjU5NHYtMTYuNWMwLS42MjUuMjE5LTEuMTU2LjY1Ni0xLjU5NEEyLjE3IDIuMTcgMCAwIDEgMi4zODMuNDUzaDIyLjV6TTcuNjMzIDE3LjUxNlYxNS42NGMwLS4zNzUtLjE4OC0uNTYzLS41NjMtLjU2M0gzLjY5NWMtLjM3NSAwLS41NjIuMTg4LS41NjIuNTYzdjEuODc1YzAgLjM3NS4xODcuNTYyLjU2Mi41NjJINy4wN2MuMzc1IDAgLjU2My0uMTg3LjU2My0uNTYyem05IDBWMTUuNjRjMC0uMzc1LS4xODgtLjU2My0uNTYzLS41NjNIOS42OTVjLS4zNzUgMC0uNTYyLjE4OC0uNTYyLjU2M3YxLjg3NWMwIC4zNzUuMTg3LjU2Mi41NjIuNTYyaDYuMzc1Yy4zNzUgMCAuNTYzLS4xODcuNTYzLS41NjJ6IiBmaWxsPSIjNUI4RTVGIi8+PC9zdmc+)
}

.icon-thanhtoan,.icon-tragop {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block
}

.info-item{
  border-bottom: thin solid #eee;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  text-align: center;
}
.info-item .title{
  background: transparent;
  padding: 0;
  color: #333;
  text-transform: uppercase;
}
.info-item .content{
  color: #4a90e2;
  margin-bottom: 8px;
}
.info-item .category{
  list-style-type: disc;
  padding-left: 0px;
}
.info-item .category li{
  display: block;
  margin-right: 8px;
}
.info-item .category.badge li{
  display: inline-flex;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0px;
  padding: 5px;
  margin-right: 0px;
}
.info-item .category.badge li:nth-child(n+6) {
    margin-bottom: 0;
}
.info-item .category.badge li:before{
  content: unset;
}
.info-item .category.badge.viettel-color li{
  background-color: #007b70;
}
.info-item .category.badge.mobifone-color li{
  background-color: red;
}
.info-item .category.badge.vinaphone-color li{
  background-color: #0198e1;
}
.info-item .category.badge.vietnamobile-color li{
  background-color: #f60;
}
.info-item .category.badge.gmobile-color li{
  background-color: #fed100;
}
.info-item .category.badge.itelecom-color li{
  background-color: #cd1818;
}
.info-item .color-gmobile{
  color: #fed100 !important;
}
.badge{
  border-radius: 4px;
  color: #fff;
  font-size: 90%;
  padding: 3px .5rem;
}
.list-order{
  padding: 8px;
  padding-left: 16px;
}
.list-order li{
  padding: 0;
  border-bottom: 0px;
}
.order-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
}
.list-order li:not(:last-child) .order-item{
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: thin solid #eee;
}
.order-item-status{
  background: #007b70;
  color: #fff;
  display: block;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 8px;
  border-radius: 4px;
}
.order-item--left span{
  display: block;
  line-height: 22px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}
.order-item--left .order-item-phone{
  font-size: 13px;
}
@media screen and (max-width: 992px){
  .main-left,.main-right{
    display: none;
  }
  .main-mid{
    width: 100%;
    max-width: 100%;
  }
  .block-search{
    position: sticky;
    top: 0;
  }
  .block-search-wp{
  	max-width: 100%;
  }
}

.box-order--done{
  padding-top: 30px;
}
.box-order--done table tr td{
  font-size: 14px;
} 

@media screen and (max-width: 768px){
  body{
    background-color: #eee;
  }
  #ordered{
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .mb-sticky{
    position: sticky;
    z-index: 1020;
    top: 0;
  }
  .submit-wp{
    margin-top: 10px !important;
  }
  .page-content-wp img{
    max-width: 100%;
    height: auto !important;
  }
  .oderText-box{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .hidden-xs{
    display: none !important;
  }
  .custom-control-inline{
    margin-bottom: 10px;
  }
  .block-grid{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
  }
  .sim-item a img{
    width: 40px;
    height: 40px;
  }
  .sim-order{
    font-size: 13px;
  }
  .box-order--left{
    width: 100%;
    max-width: 100%;
    padding-left: 10px;
  }
  .box-order--right{
    width: 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .box-order-number{
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .box-order-price{
    margin-top: 5px;
  }
  .box-order--right{
    padding-bottom: 30px;
    padding-top: 0px;
  }
  .box-order--left{
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .form-tuvan{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .box-order-number{
    font-size: 45px;
  }
  .box-order-price{
    font-size: 25px;
    line-height: unset;
  }

  #ordered{
    padding-left: 20px;
    padding-right: 20px;
  }
  .content-box{
    background: #fff;
  }
  .content-box.mt10{
    margin-top: 8px;
  }
  .sim-item--info{
    padding-left: 8px;
  }
  .sim-item a img{
    margin-right: 8px;
  }
  .faq-wp{
    margin-top: 7px !important;
    margin-bottom: 0px !important;
  }
  .footer{
    margin-top: 7px !important;
  }
}

.card-img{
  display: none;
}
.card-img.card-img--mobile{
  display: block;
  margin-bottom: 30px;
}

@media screen and (min-width: 992px){
  .plg5{
    padding-left: 5px;
  }
  .prlg5{
    padding-right: 5px;
  }
  .order-box{
    padding-top: 25px;
    padding-bottom: 10px;
  }
  #ordered{
    max-width: 600px;
    margin: 0 auto;
  }
  .form-tuvan, .support-wp{
    padding-right: 10px;
  }
  .sim-box, .order-box{
    border: 1px solid #ddd;
  }
  .support-wp{
    gap: 10px !important;
  }
  .support a, .form-tuvan form input{
    padding-left: 10px !important;
  }
  .box-order--right{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #contactForm,.card-img{
    margin-bottom: 20px;
  }
  .mx15{
    margin-top: 20px !important;
  }
  .oderText-box{
    padding-top: 0;
    padding-bottom: 0;
  }
  .card-img.card-img--desktop{
    display: block;
  }
  .card-img.card-img--mobile{
    display: none;
  }
  .filter-body{
    padding-top: 11px;
  }
  .filter-foot{
    padding-bottom: 5px;
  }
  .search-none-desk{
    background: #fff !important;
  }
}