@import url('<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">');
/*Font - start*/
/*Font - end*/
/*Color - start*/
/*Color - end*/
@font-face {
  font-family: "Avo";
  font-style: normal;
  src: url("../fonts/UTM Avo.ttf"); }

body {
  font-family: "Noto Sans KR", sans-serif; }
  @media screen and (min-width: 1200px) {
    body {
      width: 100% !important; } }

.width-percentage-0 {
  width: 0%; }

.width-percentage-1 {
  width: 1%; }

.width-percentage-2 {
  width: 2%; }

.width-percentage-3 {
  width: 3%; }

.width-percentage-4 {
  width: 4%; }

.width-percentage-5 {
  width: 5%; }

.width-percentage-6 {
  width: 6%; }

.width-percentage-7 {
  width: 7%; }

.width-percentage-8 {
  width: 8%; }

.width-percentage-9 {
  width: 9%; }

.width-percentage-10 {
  width: 10%; }

.width-percentage-11 {
  width: 11%; }

.width-percentage-12 {
  width: 12%; }

.width-percentage-13 {
  width: 13%; }

.width-percentage-14 {
  width: 14%; }

.width-percentage-15 {
  width: 15%; }

.width-percentage-16 {
  width: 16%; }

.width-percentage-17 {
  width: 17%; }

.width-percentage-18 {
  width: 18%; }

.width-percentage-19 {
  width: 19%; }

.width-percentage-20 {
  width: 20%; }

.width-percentage-21 {
  width: 21%; }

.width-percentage-22 {
  width: 22%; }

.width-percentage-23 {
  width: 23%; }

.width-percentage-24 {
  width: 24%; }

.width-percentage-25 {
  width: 25%; }

.width-percentage-26 {
  width: 26%; }

.width-percentage-27 {
  width: 27%; }

.width-percentage-28 {
  width: 28%; }

.width-percentage-29 {
  width: 29%; }

.width-percentage-30 {
  width: 30%; }

.width-percentage-31 {
  width: 31%; }

.width-percentage-32 {
  width: 32%; }

.width-percentage-33 {
  width: 33%; }

.width-percentage-34 {
  width: 34%; }

.width-percentage-35 {
  width: 35%; }

.width-percentage-36 {
  width: 36%; }

.width-percentage-37 {
  width: 37%; }

.width-percentage-38 {
  width: 38%; }

.width-percentage-39 {
  width: 39%; }

.width-percentage-40 {
  width: 40%; }

.width-percentage-41 {
  width: 41%; }

.width-percentage-42 {
  width: 42%; }

.width-percentage-43 {
  width: 43%; }

.width-percentage-44 {
  width: 44%; }

.width-percentage-45 {
  width: 45%; }

.width-percentage-46 {
  width: 46%; }

.width-percentage-47 {
  width: 47%; }

.width-percentage-48 {
  width: 48%; }

.width-percentage-49 {
  width: 49%; }

.width-percentage-50 {
  width: 50%; }

.width-percentage-51 {
  width: 51%; }

.width-percentage-52 {
  width: 52%; }

.width-percentage-53 {
  width: 53%; }

.width-percentage-54 {
  width: 54%; }

.width-percentage-55 {
  width: 55%; }

.width-percentage-56 {
  width: 56%; }

.width-percentage-57 {
  width: 57%; }

.width-percentage-58 {
  width: 58%; }

.width-percentage-59 {
  width: 59%; }

.width-percentage-60 {
  width: 60%; }

.width-percentage-61 {
  width: 61%; }

.width-percentage-62 {
  width: 62%; }

.width-percentage-63 {
  width: 63%; }

.width-percentage-64 {
  width: 64%; }

.width-percentage-65 {
  width: 65%; }

.width-percentage-66 {
  width: 66%; }

.width-percentage-67 {
  width: 67%; }

.width-percentage-68 {
  width: 68%; }

.width-percentage-69 {
  width: 69%; }

.width-percentage-70 {
  width: 70%; }

.width-percentage-71 {
  width: 71%; }

.width-percentage-72 {
  width: 72%; }

.width-percentage-73 {
  width: 73%; }

.width-percentage-74 {
  width: 74%; }

.width-percentage-75 {
  width: 75%; }

.width-percentage-76 {
  width: 76%; }

.width-percentage-77 {
  width: 77%; }

.width-percentage-78 {
  width: 78%; }

.width-percentage-79 {
  width: 79%; }

.width-percentage-80 {
  width: 80%; }

.width-percentage-81 {
  width: 81%; }

.width-percentage-82 {
  width: 82%; }

.width-percentage-83 {
  width: 83%; }

.width-percentage-84 {
  width: 84%; }

.width-percentage-85 {
  width: 85%; }

.width-percentage-86 {
  width: 86%; }

.width-percentage-87 {
  width: 87%; }

.width-percentage-88 {
  width: 88%; }

.width-percentage-89 {
  width: 89%; }

.width-percentage-90 {
  width: 90%; }

.width-percentage-91 {
  width: 91%; }

.width-percentage-92 {
  width: 92%; }

.width-percentage-93 {
  width: 93%; }

.width-percentage-94 {
  width: 94%; }

.width-percentage-95 {
  width: 95%; }

.width-percentage-96 {
  width: 96%; }

.width-percentage-97 {
  width: 97%; }

.width-percentage-98 {
  width: 98%; }

.width-percentage-99 {
  width: 99%; }

.width-percentage-100 {
  width: 100%; }

.small-color {
  font-family: "Noto Sans KR", sans-serif; }

table td {
  font-family: "Noto Sans KR", sans-serif; }

.h-44 {
  height: 44px !important; }

input.form-control:focus {
  outline: 0;
  box-shadow: none; }

input::placeholder {
  color: #9498ab !important;
  font-size: 14px; }

.form-control.is-invalid:focus {
  outline: 0;
  box-shadow: none; }

.title-page {
  font-size: 18px;
  color: #05060b;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center; }

.small-text {
  font-weight: normal;
  font-size: 10px;
  color: #363c58 !important; }

.mt-100 {
  margin-top: 100px; }

input {
  border-color: #c0c2c7;
  color: #2F3447; }
  input::placeholder {
    color: #d7d8df;
    font-size: 14px;
    font-weight: 100; }

select {
  border-color: #c0c2c7;
  color: #2F3447;
  font-size: 14px; }

@media screen and (max-width: 600px) {
  .mt-10 {
    margin-top: 10px; } }

.form-check {
  padding-left: 0; }
  .form-check .custom-control-label {
    color: #363c58;
    font-size: 14px;
    font-weight: normal; }
    .form-check .custom-control-label a {
      font-weight: bold; }
    .form-check .custom-control-label::before {
      top: 0.1em; }
    .form-check .custom-control-label::after {
      top: 0.1em; }

.padding-custom {
  padding-left: 5px;
  padding-right: 5px; }
  @media screen and (max-width: 480px) {
    .padding-custom {
      padding-right: 15px;
      padding-left: 15px; } }

.form-control {
  font-size: 14px; }

.text-wrapper {
  font-weight: normal;
  font-size: 16px;
  color: #363c58;
  text-align: center; }

.btn-submit {
  background: #2f8bff;
  border-radius: 5px;
  width: auto;
  padding: 0 25px;
  height: 44px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center; }
  .btn-submit:hover {
    background-color: #0066ee;
    color: #fff; }

.btn-gray {
  background: #727b89;
  border-radius: 5px;
  width: auto;
  padding: 0 25px;
  height: 44px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center; }
  .btn-gray:hover {
    background-color: #363c58;
    color: #fff; }

.submit-form {
  display: flex;
  justify-content: center;
  margin-top: 50px; }

.text-retrieval {
  margin-top: 50px;
  font-weight: normal;
  font-size: 14px;
  color: #363c58;
  text-align: center; }
  .text-retrieval a {
    color: #2f8bff; }

.label-text {
  color: #363c58;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  word-break: keep-all; }
  @media screen and (max-width: 1350px) {
    .label-text {
      font-size: 13px;
      letter-spacing: normal; } }

.mt-100 {
  margin-top: 100px; }

.btn-wireless {
  background: #2f8bff;
  border-radius: 24px;
  width: auto;
  padding: 0 10px;
  height: 36px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px; }
  @media screen and (max-width: 1500px) {
    .btn-wireless {
      padding: 0 5px;
      margin-left: 10px;
      white-space: nowrap; } }
  .btn-wireless img {
    margin-right: 5px; }
  .btn-wireless:hover {
    background-color: #0066ee;
    color: #fff; }

.text-content {
  color: #363c58;
  font-weight: normal;
  font-size: 12px;
  line-height: 23px;
  text-transform: uppercase; }

.form-control:disabled {
  border: 0 !important;
  background-color: #F0F1F5;
  opacity: 1;
  border: 1px solid #C0C2C7; }

.close-modal {
  padding: 0;
  padding-right: 5px;
  padding-top: 5px; }
  .close-modal:focus {
    outline: 0;
    box-shadow: none; }

.table-striped tbody tr {
  background-color: #f5f8fc; }
  .table-striped tbody tr td {
    border-color: #cddbfc;
    font-size: 14px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff; }

.title-smart {
  font-weight: bold;
  font-size: 13px;
  color: #363c58;
  display: flex;
  align-items: center;
  white-space: nowrap; }

.advisory-smart .title-smart {
  font-size: 15px; }

.btn-sort:focus {
  outline: 0;
  box-shadow: none; }

.btn-sort i {
  color: #363c58; }

.btn-sort.sort-active i {
  color: #2f8bff !important; }

.btn-sort:hover i {
  color: #2f8bff !important; }

.modal-query {
  max-width: 650px; }
  .modal-query .modal-body {
    padding: 0 52px;
    margin-top: 44px; }
    .modal-query .modal-body .form-control {
      font-size: 16px; }
    .modal-query .modal-body .main-select-phone select {
      width: 101px !important;
      margin-right: 12px !important; }
    .modal-query .modal-body .main-select-phone .fill_input {
      width: calc(100% - 113px); }
  .modal-query .modal-footer {
    margin-bottom: 17px;
    margin-top: 18px; }

.color-blue {
  color: #2f8bff !important; }

.prices-blue {
  font-size: 18px;
  font-weight: 600;
  color: #ff3963;
  line-height: 1; }
  .prices-blue span {
    color: #05060b; }

.border-bottom-blue {
  border-bottom: 1px solid #cddbfc;
  padding-bottom: 20px; }

.opaity-5 {
  opacity: 0.5; }

.modal .modal-title {
  font-weight: 600;
  font-size: 16px; }

.wp-left-product .top-search-query {
  display: flex;
  align-items: center;
  margin-top: 20px; }
  .wp-left-product .top-search-query .form-search {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    padding-right: 5px; }
    .wp-left-product .top-search-query .form-search input {
      border: 0;
      padding-right: 5px; }
    .wp-left-product .top-search-query .form-search button {
      padding: 0; }
      .wp-left-product .top-search-query .form-search button:focus {
        outline: 0;
        box-shadow: none; }
  .wp-left-product .top-search-query .group-check {
    display: flex;
    justify-content: space-between;
    padding-left: 30px; }
    .wp-left-product .top-search-query .group-check .form-check {
      margin-bottom: 0; }

.wp-left-product .button-sumit {
  display: flex;
  justify-content: flex-end;
  margin-top: 0; }

.wp-left-product .table-form {
  margin-top: 20px;
  max-height: 420px;
  min-height: 350px;
  overflow: auto; }
  .wp-left-product .table-form tr td {
    border: 0; }
  .wp-left-product .table-form tr th {
    border: 0; }
  .wp-left-product .table-form .table-striped thead tr {
    background-color: #f5f8fc; }
    .wp-left-product .table-form .table-striped thead tr th {
      font-size: 14px;
      font-weight: bold;
      color: #05060b;
      letter-spacing: 0.75px; }
      .wp-left-product .table-form .table-striped thead tr th i {
        color: #363c58; }
  .wp-left-product .table-form .table-striped tbody tr {
    background-color: #f5f8fc; }
    .wp-left-product .table-form .table-striped tbody tr .name {
      font-size: 12px;
      font-weight: normal;
      color: #2f3447; }
    .wp-left-product .table-form .table-striped tbody tr td {
      font-size: 12px;
      font-weight: normal;
      color: #9498ab; }
      .wp-left-product .table-form .table-striped tbody tr td button {
        outline: 0;
        box-shadow: none; }
        .wp-left-product .table-form .table-striped tbody tr td button i {
          color: #9498ab;
          font-size: 12px; }
    .wp-left-product .table-form .table-striped tbody tr .check button i {
      color: #f8ba34; }
  .wp-left-product .table-form .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff; }

.tgl {
  display: none; }

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl + .tgl-btn {
  box-sizing: border-box; }

.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl + .tgl-btn::-moz-selection {
  background: none; }

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl + .tgl-btn::selection {
  background: none; }

.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tgl + .tgl-btn:after,
.tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%; }

.tgl + .tgl-btn:after {
  left: 0; }

.tgl + .tgl-btn:before {
  display: none; }

.tgl:checked + .tgl-btn:after {
  left: 50%; }

.tgl-light + .tgl-btn {
  background: #2f8bff;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.tgl-light:checked + .tgl-btn {
  background: #2f8bff; }

.text-form-gray {
  font-weight: normal;
  font-size: 12px;
  color: #9498ab;
  text-align: right; }

.custom-radio .custom-control-label {
  color: #05060b !important; }

.btn-gray-white {
  height: 32px;
  padding: 0 25px;
  background-color: #afb7cc;
  border: 1px solid #afb7cc;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase; }
  .btn-gray-white:hover {
    background-color: #363c58;
    border-color: #363c58;
    color: #fff; }

.text-modal-gray {
  font-weight: normal;
  font-size: 14px;
  color: #363c58; }

.text-wrapper-gray {
  font-weight: normal;
  font-size: 14px;
  color: #05060b; }

.color-orange {
  color: #ff877c !important; }

.text-bold {
  font-weight: bold !important; }

.btn-input-custom {
  height: 44px;
  border: 1px solid #c0c2c7;
  box-sizing: border-box;
  border-radius: 3px;
  font-weight: normal;
  font-size: 16px;
  width: 100%;
  display: flex;
  align-items: center; }

.bg-purple {
  background-color: #c9d9ff !important; }

.text-wrap {
  white-space: nowrap !important; }

.modal-mobile-insurance .list-tab {
  background-color: #f7f9fc;
  border-bottom: 0; }

.modal-mobile-insurance article thead th {
  white-space: nowrap; }

.modal-mobile-insurance article td,
.modal-mobile-insurance article th {
  font-size: 12px;
  vertical-align: middle;
  color: #363c58;
  padding: 0.75rem 30px; }

.modal-dialog-scrollable .modal-body {
  overflow-x: hidden; }
  .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 8px;
    height: 10px; }
  .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }

.text-gray {
  color: #05060b !important; }

.text-gray-white {
  color: #9496ab !important; }

.w-200 {
  width: 200px; }

.color-green {
  color: #43c588 !important; }

.btn-red {
  background: #f56264;
  border-radius: 5px;
  width: auto;
  padding: 0 25px;
  height: 44px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center; }
  .btn-red:hover, .btn-red:focus {
    background-color: #af4e50;
    color: #fff; }

.text-muted {
  font-size: 12px;
  color: #363c58 !important; }

.w-170 {
  width: 175px; }

.w-90 {
  width: 95px; }

.text-blue {
  color: #2f8bff !important; }

.color-reds {
  color: #ff3963 !important; }

.border-bottom-dashed {
  border-bottom: 1px dashed #c9d9ff; }

.h-25 {
  height: 25px !important; }

.modal tbody tr {
  cursor: inherit; }

.h-130 {
  height: 130px !important; }

.modal {
  background-color: #0000004d; }

.text-16 {
  font-size: 16px !important; }

.text-12 {
  font-size: 12px; }

.color-distable {
  background-color: #e8f0fa !important; }

.color-sliver {
  color: #9496ab !important; }

.text-line {
  text-decoration: line-through; }

.btn-input-form {
  font-weight: normal;
  font-size: 14px;
  color: #363c58;
  height: 44px;
  border: 1px solid #c0c2c7;
  border-radius: 3px;
  width: 100%;
  background-color: #fff;
  text-align: left;
  display: block;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .btn-input-form .color-product {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    right: 5px; }
    .btn-input-form .color-product::after {
      content: "";
      width: 1px;
      position: absolute;
      height: 27px;
      background-color: #c0c2c7;
      left: -6px;
      top: 0; }

.color-yellow {
  color: #f8ba34; }

.nav-link.btn:focus {
  outline: 0;
  box-shadow: none; }

.ui-timepicker-container.ui-timepicker-standard {
  z-index: 99999 !important; }

.box-none {
  box-shadow: none !important;
  border: 0 !important;
  color: #9496ab; }

.cursor {
  cursor: pointer; }

.h-35 {
  height: 35px !important; }

.border-top-item {
  border-top: 1px solid #cddbfc; }

.sort-fillter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-top: 3px; }
  .sort-fillter .btn-sort {
    height: 10px;
    position: relative; }
    .sort-fillter .btn-sort i {
      position: absolute;
      top: 0;
      left: 0; }
      .sort-fillter .btn-sort i.fa-sort-down {
        top: -8px; }

.tr-active {
  background-color: #dfe7f0 !important; }

.btn-fee-plan {
  padding: 2px 5px;
  background-color: #afb7cc;
  border: 1px solid #afb7cc;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase; }
  .btn-fee-plan:hover {
    background-color: #363c58;
    border-color: #363c58;
    color: #fff; }

.content-rules {
  overflow: hidden !important; }
  .content-rules h4 {
    font-weight: bold;
    font-size: 14px;
    color: #05060b; }
  .content-rules article {
    font-size: 12px;
    border: 1px solid #c9d9ff;
    box-sizing: border-box;
    padding: 20px 15px;
    height: 50vh;
    overflow: auto; }
    .content-rules article::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .content-rules article::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .content-rules article::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .content-rules article:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
    .content-rules article h2 {
      font-size: 14px;
      font-weight: bold; }
    .content-rules article span {
      padding-left: 15px; }
    .content-rules article p {
      font-size: 12px;
      color: #363c58; }
      .content-rules article p strong {
        font-weight: bold;
        font-size: 14px; }
    .content-rules article ul {
      list-style: none;
      padding-left: 15px; }
  .content-rules .tab-table-rules article {
    border: 0 !important;
    padding: 0; }
    .content-rules .tab-table-rules article table thead {
      background-color: #f7f9fc; }
      .content-rules .tab-table-rules article table thead th {
        text-align: center;
        border-bottom: 1px solid #e1e1e1 !important; }
    .content-rules .tab-table-rules article table tbody th,
    .content-rules .tab-table-rules article table tbody td {
      border-bottom: 1px dashed #e1e1e1 !important;
      text-align: center; }
      .content-rules .tab-table-rules article table tbody th .fare,
      .content-rules .tab-table-rules article table tbody td .fare {
        display: inline-block;
        text-indent: -9999px;
        width: 10px;
        height: 10px;
        background: #2f8bff;
        border-radius: 50%;
        padding: 0;
        margin-top: 3px; }
  .content-rules .cert {
    font-size: 14px;
    color: #363c58; }
    .content-rules .cert img {
      width: 50px;
      height: 50px; }
    .content-rules .cert h5,
    .content-rules .cert p {
      font-size: 14px;
      margin-bottom: 0; }

.text-14 {
  font-size: 14px; }

.qr-code {
  position: relative; }

.text-indents {
  text-indent: -999px; }

.btn-mess {
  box-shadow: 0px 8px 8px #1a24310a, 0px 2px 8px #1a243114;
  border-radius: 24px;
  height: 48px;
  background: #43c588;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  color: #fff; }
  .btn-mess:hover {
    background-color: #2aab6f;
    color: #fff; }
  .btn-mess img {
    margin-right: 10px; }
  .btn-mess.btn-contact {
    background: #ff3963;
    margin-left: 12px; }
    .btn-mess.btn-contact:hover {
      background-color: #da3558; }

.custom-tooltip {
  position: relative; }

.tooltip-trigger {
  display: inline-block; }

.tooltip-bubble {
  min-width: 120px;
  max-width: 210px;
  position: absolute;
  z-index: 10; }
  .tooltip-bubble::after {
    content: "";
    position: absolute; }
  .tooltip-bubble.tooltip-bubble-small {
    min-width: 50px; }

.tooltip-top {
  bottom: 100%;
  left: 50%;
  padding-bottom: 9px;
  transform: translateX(-50%); }
  .tooltip-top::after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #000000b3;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }

.tooltip-bottom {
  top: 100%;
  left: 50%;
  padding-top: 9px;
  transform: translateX(-50%); }
  .tooltip-bottom::after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #000000b3;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }

.tooltip-left {
  top: 50%;
  right: 100%;
  padding-right: 9px;
  transform: translateY(-50%); }
  .tooltip-left::after {
    border-left: 9px solid #000000b3;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }

.tooltip-right {
  top: 50%;
  left: 100%;
  padding-left: 9px;
  transform: translateY(-50%); }
  .tooltip-right::after {
    border-right: 9px solid #000000b3;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }

.tooltip-message {
  background: #000000b3;
  border-radius: 3px;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.4;
  padding: 0.75em;
  text-align: center; }

.btn-input-form.btn-devices {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15.5%;
  max-width: 265.5px; }

.modal.show .modal-dialog {
  transform: none !important; }

.label-text.text_label_name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1;
  text-overflow: ellipsis; }

.right .rc-slider-rail {
  background-color: #d7d8df; }

.right .rc-slider-track {
  background-color: #2f8bff; }

.right .rc-slider-step .rc-slider-dot {
  width: 0;
  height: 0;
  bottom: 0;
  border: none; }
  .right .rc-slider-step .rc-slider-dot::before {
    content: "";
    height: 7px;
    width: 1px;
    background-color: #d3d4db;
    bottom: -7px;
    left: 4px;
    position: absolute; }

.right .rc-slider-handle {
  border: 2px solid #2f8bff;
  width: 18px;
  height: 18px;
  margin-top: -8px; }
  .right .rc-slider-handle:hover, .right .rc-slider-handle:focus {
    border: 2px solid #2f8bff; }

.w-45 {
  width: 45px; }

.comparative-information
.left-information
.flex-wrapper
.left
.form-group.row.align-items-start.mt-4
p.text-right.mb-0.prices-number {
  margin-top: 2px; }

.right-product .list-feature .custom-tooltip .text-feature {
  text-decoration: none; }

.right-information .label-prices {
  white-space: nowrap; }

.right-information .text-content {
  white-space: nowrap; }

.modal-counseling-history .table thead th {
  white-space: nowrap; }

.page_profile .info_profile .box_info .form-group {
  position: inherit; }

.page_profile .info_profile .box_info .invalid-feedback {
  top: auto !important;
  position: absolute !important;
  width: 100%;
  white-space: nowrap;
  bottom: -10px; }

.table-form.form-insurance .table {
  table-layout: fixed; }
  @supports (-webkit-touch-callout: none) {
    .table-form.form-insurance .table {
      table-layout: fixed;
      min-width: 100%;
      max-width: none;
      width: auto; } }

.table-form.form-insurance thead tr th:nth-child(1) {
  width: 4%; }

.table-form.form-insurance thead tr th:nth-child(2) {
  width: 44%; }

.table-form.form-insurance thead tr th:nth-child(3) {
  width: 43%; }

.table-form.form-insurance thead tr th:nth-child(4) {
  width: 13%; }

.table-form.form-insurance tbody tr th {
  vertical-align: top; }

.custom-dropdown .btn {
  height: 44px;
  border: 1px solid #c0c2c7;
  border-radius: 3px; }

.custom-dropdown .dropdown-menu {
  padding: 0;
  width: 100%; }
  .custom-dropdown .dropdown-menu a {
    color: #363c58;
    font-weight: normal;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #c0c2c7; }

.flex-row-custom {
  flex-wrap: nowrap;
  overflow: auto; }
  .flex-row-custom::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .flex-row-custom::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .flex-row-custom::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .flex-row-custom:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }

.border-line {
  height: 32px;
  width: 1px;
  background-color: #c9d9ff;
  display: block;
  margin-top: 20px; }

.comparative-information .left-information .flex-wrapper .left .form-group .col-sm-8 {
  padding-left: 0; }

.comparative-information .left-information .flex-wrapper .left .form-group {
  align-items: center; }

.comparative-information .left-information .flex-wrapper .left .form-group .label-text {
  padding-top: 0;
  padding-bottom: 0; }

.comparative-information .left-information .flex-wrapper .right .form-group .label-text {
  padding-top: 0;
  padding-bottom: 0; }

.comparative-information .left-information .flex-wrapper .right .form-group .col-sm-8 {
  padding-left: 0; }

.right-information p.label-prices.mb-1.text-wrap {
  margin-bottom: 0 !important; }

.right-information .form-group {
  align-items: center; }

.btn.btn-gray-white.w-100.pl-1.pr-1 {
  margin-top: 20px; }

h3.title-insurrance.d-flex.align-items-center.justify-content-between p {
  width: calc((100% - 300px) / 2); }
  @media screen and (max-width: 1400px) {
    h3.title-insurrance.d-flex.align-items-center.justify-content-between p {
      width: calc(100% - 335px); } }

h3.title-insurrance.d-flex.align-items-center.justify-content-between p.mb-0.label-prices.text-left {
  width: 300px;
  padding-left: 22%; }
  @media screen and (max-width: 1400px) {
    h3.title-insurrance.d-flex.align-items-center.justify-content-between p.mb-0.label-prices.text-left {
      width: 235px;
      padding-left: 7%; } }

@media screen and (max-width: 1400px) {
  h3.title-insurrance.d-flex.align-items-center.justify-content-between p.text-right.mb-0.prices-blue {
    width: 100px; } }

.right-information .col-md-5 p.text-right.mb-0.prices-number {
  margin-top: 8px; }

.row.mt-2.align-items-center.justify-content-between p.text-right.mb-0.text-wrap.prices-number.total-big {
  margin-bottom: 14px !important; }

.row.align-items-center.justify-content-between.pt-2.pb-2 p.text-right.mb-0.prices-number.text-wrap.total-big {
  margin-bottom: 5px !important; }

.comparative-information .left-information .flex-wrapper .form-group .col-sm-4.label-text {
  max-width: 27%;
  padding-right: 0; }
  @media screen and (max-width: 1300px) {
    .comparative-information .left-information .flex-wrapper .form-group .col-sm-4.label-text {
      max-width: 33.333333%; } }

.comparative-information .left-information .flex-wrapper .form-group .col-md-4 {
  max-width: 27%;
  padding-right: 0; }
  @media screen and (max-width: 1300px) {
    .comparative-information .left-information .flex-wrapper .form-group .col-md-4 {
      max-width: 33.333333%; } }

.comparative-information .left-information .flex-wrapper .form-group .col-sm-8 {
  max-width: 70%;
  padding-right: 0;
  padding-left: 0 !important; }
  @media screen and (max-width: 1300px) {
    .comparative-information .left-information .flex-wrapper .form-group .col-sm-8 {
      max-width: 66.666667%;
      padding-right: 15px; } }

.comparative-information .left-information .right .form-group .col-sm-8 {
  max-width: 73%;
  padding-right: 0;
  padding-left: 0 !important;
  flex: 0 0 68.9%; }
  @media screen and (max-width: 1300px) {
    .comparative-information .left-information .right .form-group .col-sm-8 {
      max-width: 66.666667%;
      padding-right: 15px;
      flex: 0 0 66.666667%; } }

.grape-record .col-md-5.mb-3.pr-0 {
  margin-bottom: 0 !important; }

.grape-record .form-group {
  margin-bottom: 0;
  height: 87px; }
  .grape-record .form-group.form-group.line-top {
    height: auto; }

#myTabContendt .table-form tbody tr {
  cursor: pointer !important; }
  #myTabContendt .table-form tbody tr.active {
    background-color: #e5effb !important; }

.wireless-advice.no-cursor * {
  pointer-events: none !important; }

@media screen and (max-width: 1300px) {
  .modal-lg,
  .modal-xl {
    max-width: 900px; } }

.wireless-connection td .btn:disabled {
  cursor: not-allowed !important;
  opacity: 1;
  border: 1px solid #c0c2c7; }

.wireless-connection td .custom-control-input:disabled ~ .custom-control-label,
.wireless-connection td .custom-control-input[disabled] ~ .custom-control-label {
  cursor: not-allowed; }
  .wireless-connection td .custom-control-input:disabled ~ .custom-control-label::before,
  .wireless-connection td .custom-control-input[disabled] ~ .custom-control-label::before {
    background-color: #fff; }

.list-status.h-270 {
  min-height: 273px; }

.wired-consultation .form-date img {
  z-index: 2; }

.wired-consultation .form-date .react-datepicker-wrapper {
  width: 100%;
  z-index: 1; }

.btn-input-form.dropdown-toggle::after {
  position: absolute;
  right: 15px;
  top: 20px; }

.report-sale-wired .dropdown .dropdown-toggle {
  position: relative;
  text-align: left;
  padding-right: 40px;
  overflow: hidden; }
  .report-sale-wired .dropdown .dropdown-toggle::after {
    position: absolute;
    right: 15px;
    top: 20px; }
  .report-sale-wired .dropdown .dropdown-toggle::before {
    width: 40px;
    height: 100%;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #fff; }

.report-sale-wired .dropdown .dropdown-menu .dropdown-item {
  padding: 0.25rem 1rem;
  white-space: normal; }

.report-sale-wired .form-group {
  position: relative; }
  .report-sale-wired .form-group .invalid-feedback {
    position: absolute;
    bottom: -15px; }

.report-sale-wired .form-box .content-form .col-3.border-right-gray .form-group:last-child {
  margin-bottom: 0 !important; }

.report-sale-wired .row .col-6 {
  width: 65%; }
  .report-sale-wired .row .col-6.text-right {
    width: 35%; }

.form-date .react-datepicker {
  display: flex; }
  .form-date .react-datepicker .react-datepicker__month-container {
    border-right: 1px solid #e1e1e1; }
    .form-date .react-datepicker .react-datepicker__month-container:last-child {
      border-right: 0; }

.form-control[readonly] {
  background-color: #f5f8fc;
  border: 0; }

.content-product #myTabContendt table tbody tr td {
  white-space: normal;
  width: 18%; }

.content-product #myTabContendt table tbody tr th {
  width: 28%; }

.content-product #myTabContendt table tbody tr td:nth-of-type(4) {
  white-space: nowrap;
  width: 13%; }

.content-product #myTabContendt table tbody tr td:last-of-type {
  width: 5%; }

.modal .form-group.row.mt-4.align-items-center .col-10 {
  max-width: 90%;
  flex: 0 0 90%; }

.modal .form-group.row.mt-4.align-items-center .col-2 {
  max-width: 10%;
  flex: 0 0 10%; }

.text-payment {
  font-weight: normal;
  font-size: 16px;
  color: #363c58; }

.btn-grey {
  background: #afb7cc;
  border-radius: 4px;
  color: #fff;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  height: 44px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .btn-grey:hover {
    color: #fff;
    background-color: #a4b4de; }

.inputCus {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.modal-content .list-box {
  margin-top: 10px; }
  .modal-content .list-box .box-main .box-item {
    height: 224px;
    margin-bottom: 0; }

.text-sliver {
  color: #9496ab; }

.modal .carousel-control-next {
  right: 0; }
  .modal .carousel-control-next:hover {
    background-color: transparent;
    background-image: none; }

.modal .carousel-control-prev {
  left: 0; }
  .modal .carousel-control-prev:hover {
    background-color: transparent;
    background-image: none; }

.max-auto {
  max-height: inherit !important;
  min-height: inherit !important; }

.report-sale-wired.wired-consultation .label-text {
  line-height: 1; }

.report-sale-wired.wired-consultation .form-group {
  line-height: 1; }

.modal-add-service .custom-checkbox .custom-control-label::before {
  border-radius: 50%; }

.text_left {
  width: calc(100% - 94px); }

.pl-12 {
  padding-right: 12px; }

.mt-13 {
  margin-top: 13px; }

.storage {
  white-space: nowrap; }

.form-group-mobile {
  position: relative; }
  .form-group-mobile .label-mobile {
    position: absolute;
    left: 0; }
  .form-group-mobile .right-btn-mobile {
    margin-left: 27%; }
    @media screen and (max-width: 1300px) {
      .form-group-mobile .right-btn-mobile {
        margin-left: 33.333333%; } }

.btn_Modify {
  background-color: #AFB7CC;
  color: #fff !important;
  border-radius: 24px;
  font-weight: normal;
  font-size: 12px;
  width: 64px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .btn_Modify:hover {
    background-color: #d7d8df; }
  .btn_Modify:focus, .btn_Modify :active {
    outline: none;
    box-shadow: none; }

.btn_processing {
  background-color: #2F8BFF;
  color: #fff !important;
  border-radius: 24px;
  font-weight: normal;
  font-size: 12px;
  padding: 3px 15px; }
  .btn_processing:hover {
    background-color: #0066ee; }
  .btn_processing:focus, .btn_processing :active {
    outline: none;
    box-shadow: none; }

.wrapper {
  background-color: #fff; }
  .wrapper .top-header {
    display: flex;
    justify-content: space-between;
    height: 72px;
    align-items: center; }
    .wrapper .top-header .left-header {
      display: flex;
      align-items: center; }
      .wrapper .top-header .left-header .btn-menu {
        padding: 0;
        margin-right: 15px; }
    .wrapper .top-header .title-header .title-page {
      margin-top: 0; }
    .wrapper .top-header .right-header {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      position: relative; }
      @media screen and (max-width: 1200px) {
        .wrapper .top-header .right-header .custom-alert-beta {
          position: absolute;
          right: 50%;
          white-space: nowrap; } }
      .wrapper .top-header .right-header .notification {
        position: relative;
        z-index: 999; }
        .wrapper .top-header .right-header .notification .bt-notification {
          position: relative;
          height: 72px;
          display: flex;
          align-items: center;
          padding: 0 30px; }
          .wrapper .top-header .right-header .notification .bt-notification span {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1px 4.4px;
            border-radius: 50%;
            color: #fff;
            background-color: #2f8bff;
            position: absolute;
            left: 43px;
            top: 39%;
            font-size: 8px; }
        .wrapper .top-header .right-header .notification .list-notification {
          position: absolute;
          width: 300px;
          right: 0;
          background-color: #f5f8fc;
          top: 72px;
          list-style: none;
          padding: 20px 0 0 0;
          box-shadow: 0px 2px 17px #0000001a;
          display: none;
          max-height: 70vh;
          overflow: auto; }
          .wrapper .top-header .right-header .notification .list-notification::-webkit-scrollbar {
            width: 8px;
            height: 50px;
            right: 10px;
            min-height: 50px; }
          .wrapper .top-header .right-header .notification .list-notification::-webkit-scrollbar-thumb {
            border-radius: 0;
            background: transparent;
            right: 10px;
            min-height: 50px; }
          .wrapper .top-header .right-header .notification .list-notification::-webkit-scrollbar-track {
            background: #fff;
            height: 50px;
            min-height: 50px;
            border-radius: 0; }
          .wrapper .top-header .right-header .notification .list-notification:hover::-webkit-scrollbar-thumb {
            border-radius: 0;
            background: #c9d9ff;
            height: 50px;
            min-height: 50px; }
          .wrapper .top-header .right-header .notification .list-notification h4 {
            font-weight: bold;
            font-size: 16px;
            color: #05060b;
            padding-left: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e1e1e1;
            margin-bottom: 0; }
          .wrapper .top-header .right-header .notification .list-notification li {
            padding: 20px;
            border-bottom: 1px solid #e1e1e1;
            cursor: pointer; }
            .wrapper .top-header .right-header .notification .list-notification li a {
              display: flex;
              align-items: flex-start;
              font-size: 12px;
              color: #2f3447;
              font-weight: bold; }
              .wrapper .top-header .right-header .notification .list-notification li a .icon {
                width: 50px;
                display: block; }
                .wrapper .top-header .right-header .notification .list-notification li a .icon img {
                  margin-right: 20px; }
            .wrapper .top-header .right-header .notification .list-notification li .time {
              padding-left: 44px; }
              .wrapper .top-header .right-header .notification .list-notification li .time p {
                margin-bottom: 0;
                font-size: 12px;
                color: #363c58; }
            .wrapper .top-header .right-header .notification .list-notification li:hover {
              background-color: #f0f3f7; }
              .wrapper .top-header .right-header .notification .list-notification li:hover a {
                text-decoration: none; }
          .wrapper .top-header .right-header .notification .list-notification .view-all {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 13px 0; }
            .wrapper .top-header .right-header .notification .list-notification .view-all a {
              color: #2f8bff;
              font-weight: normal;
              font-size: 12px; }
        .wrapper .top-header .right-header .notification:hover .bt-notification {
          background-color: #f5f8fc; }
        .wrapper .top-header .right-header .notification.active .list-notification {
          display: block; }
        .wrapper .top-header .right-header .notification.active .bt-notification {
          background-color: #f5f8fc; }
        .wrapper .top-header .right-header .notification.remember-list .list-notification li .time {
          padding-left: 53px; }
          @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .wrapper .top-header .right-header .notification.remember-list .list-notification li .time {
              padding-left: 40px; } }
      .wrapper .top-header .right-header .user-info {
        position: relative;
        height: 72px;
        width: auto;
        padding: 0 20px;
        display: flex;
        align-items: center; }
        .wrapper .top-header .right-header .user-info .avatar-user {
          width: 44px;
          height: 44px;
          display: flex;
          border-radius: 50%;
          background-color: #afb7cc;
          align-items: center;
          cursor: pointer; }
          .wrapper .top-header .right-header .user-info .avatar-user img {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            object-fit: cover;
            background-color: #afb7cc; }
          .wrapper .top-header .right-header .user-info .avatar-user .info_profile {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background-color: #afb7cc; }
        .wrapper .top-header .right-header .user-info .list-info {
          position: absolute;
          width: 300px;
          padding: 30px 0 20px 0;
          top: 72px;
          right: 0;
          background-color: #f5f8fc;
          display: none;
          box-shadow: 0px 2px 17px #0000001a;
          z-index: 99999; }
          .wrapper .top-header .right-header .user-info .list-info .top {
            display: flex;
            align-items: center;
            padding: 0 20px; }
            .wrapper .top-header .right-header .user-info .list-info .top .top-left {
              width: 68px;
              height: 68px;
              border-radius: 50%;
              background-color: #afb7cc; }
              .wrapper .top-header .right-header .user-info .list-info .top .top-left img {
                width: 68px;
                height: 68px;
                border-radius: 50%;
                object-fit: cover; }
            .wrapper .top-header .right-header .user-info .list-info .top .top-right {
              width: calc(100% - 70px);
              padding-left: 30px; }
              .wrapper .top-header .right-header .user-info .list-info .top .top-right h2 {
                font-size: 18px;
                color: #3b4859;
                font-weight: 600;
                margin-bottom: 10px; }
              .wrapper .top-header .right-header .user-info .list-info .top .top-right p {
                font-weight: normal;
                font-size: 12px;
                color: #3b4859;
                margin-bottom: 10px; }
              .wrapper .top-header .right-header .user-info .list-info .top .top-right span {
                font-weight: normal;
                font-size: 12px;
                color: #8998ac;
                font-style: italic;
                letter-spacing: 0.5px; }
          .wrapper .top-header .right-header .user-info .list-info .list-item {
            list-style: none;
            padding-left: 0;
            margin-top: 35px;
            margin-bottom: 0; }
            .wrapper .top-header .right-header .user-info .list-info .list-item li {
              padding: 10px 0 10px 20px; }
              .wrapper .top-header .right-header .user-info .list-info .list-item li a {
                font-size: 14px;
                color: #3b4859;
                display: flex;
                align-items: center; }
                .wrapper .top-header .right-header .user-info .list-info .list-item li a i {
                  width: 33px !important; }
                .wrapper .top-header .right-header .user-info .list-info .list-item li a .icon {
                  width: 50px;
                  display: block; }
                  .wrapper .top-header .right-header .user-info .list-info .list-item li a .icon img {
                    margin-right: 20px; }
              .wrapper .top-header .right-header .user-info .list-info .list-item li:hover {
                background-color: #f0f3f7; }
                .wrapper .top-header .right-header .user-info .list-info .list-item li:hover a {
                  text-decoration: none; }
        .wrapper .top-header .right-header .user-info:hover {
          background-color: #f5f8fc; }
        .wrapper .top-header .right-header .user-info.active {
          background-color: #f5f8fc; }
          .wrapper .top-header .right-header .user-info.active .list-info {
            display: block; }
      .wrapper .top-header .right-header .login-register {
        display: flex;
        align-items: center; }
        .wrapper .top-header .right-header .login-register a {
          font-weight: normal;
          font-size: 14px;
          color: #05060b; }
        .wrapper .top-header .right-header .login-register .btn-login {
          background: #2f8bff;
          border-radius: 5px;
          width: auto;
          padding: 0 25px;
          height: 40px;
          color: #fff;
          font-weight: bold;
          font-size: 14px;
          letter-spacing: 0.8px;
          text-transform: uppercase;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-left: 30px; }
          .wrapper .top-header .right-header .login-register .btn-login:hover {
            background-color: #0066ee;
            color: #fff; }

.menu .menu-wrapper {
  position: fixed;
  min-height: 100vh;
  top: 0;
  width: 100%;
  left: -100%;
  bottom: 0;
  overflow-y: hidden;
  background-color: #fff;
  background: linear-gradient(0deg, #2f344780, #2f344780); }
  .menu .menu-wrapper.active-menu {
    left: 0;
    z-index: 999;
    transition: 0.3s; }
  .menu .menu-wrapper .button-close {
    display: flex;
    justify-content: space-between;
    height: 72px;
    background-color: #fff;
    align-items: center;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    z-index: 999; }
  .menu .menu-wrapper .list-menu {
    display: flex;
    flex-direction: column;
    list-style: none;
    height: 100vh;
    box-shadow: 0px 6px 20px #00000026;
    width: 280px;
    background-color: #f5f8fc;
    padding-left: 0;
    z-index: 99;
    padding-bottom: 70px;
    max-height: 100vh;
    overflow-y: auto;
    margin-bottom: 0;
    padding-top: 72px;
    position: relative; }
    .menu .menu-wrapper .list-menu::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .menu .menu-wrapper .list-menu::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .menu .menu-wrapper .list-menu::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .menu .menu-wrapper .list-menu:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
    .menu .menu-wrapper .list-menu .item-menu a {
      color: #05060b;
      font-weight: bold;
      font-size: 14px;
      padding: 12px 20px;
      display: flex;
      align-items: center; }
      .menu .menu-wrapper .list-menu .item-menu a i {
        margin-right: 15px;
        width: 27px !important; }
      .menu .menu-wrapper .list-menu .item-menu a img {
        width: 20px;
        height: 20px;
        margin-right: 15px; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .menu .menu-wrapper .list-menu .item-menu a img {
            width: auto;
            height: auto; } }
      .menu .menu-wrapper .list-menu .item-menu a:hover {
        text-decoration: none;
        background-color: #f0f3f7; }
    .menu .menu-wrapper .list-menu .item-menu.active a {
      background-color: #dbe1e8;
      color: #2f8bff; }
    .menu .menu-wrapper .list-menu .item-menu .sub-menu {
      list-style: none;
      padding-left: 0; }
      .menu .menu-wrapper .list-menu .item-menu .sub-menu .item-sub a {
        font-weight: normal;
        font-size: 14px;
        padding-left: 60px;
        color: #363c58; }
        .menu .menu-wrapper .list-menu .item-menu .sub-menu .item-sub a:hover {
          text-decoration: none;
          background-color: #f0f3f7;
          color: #2f8bff; }
      .menu .menu-wrapper .list-menu .item-menu .sub-menu .item-sub.active a {
        background-color: #f0f3f7;
        color: #2f8bff; }

.header-container {
  padding: 0 28px;
  box-shadow: 0px 2px 2px #1a24310a, 0px 1px 2px #1a243114; }

.header-auth.header-coming {
  box-shadow: none;
  padding-left: 30px;
  padding-right: 30px; }

footer {
  padding: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  padding-top: 20px !important;
  padding-bottom: 20px !important; }
  footer .list-footer {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0 80px;
    margin-bottom: 0; }
    footer .list-footer li {
      margin-right: 15px; }
      footer .list-footer li a {
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        color: #9498ab;
        display: flex;
        align-items: center; }
        footer .list-footer li a span {
          margin-left: 15px; }
  footer .button-app {
    margin-left: 20px; }
    footer .button-app .btn {
      width: 160px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background-color: #2F8BFF; }
      footer .button-app .btn:hover {
        background-color: #0066ee; }

.button-chats {
  position: fixed;
  bottom: 30px;
  right: 40px; }
  .button-chats .btn-chats {
    width: 60px;
    height: 60px;
    background-color: #2F8BFF;
    box-shadow: 0px 16px 16px #1a24310a, 0px 4px 16px #1a243114;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 99; }

/*Font - end*/
.banner-wrapper {
  padding: 8px 0; }
  .banner-wrapper .slider-banner {
    padding: 0 73px; }
    .banner-wrapper .slider-banner img {
      height: auto;
      width: 100%; }
      @media screen and (max-width: 1350px) {
        .banner-wrapper .slider-banner img {
          height: 240px; } }
    .banner-wrapper .slider-banner .carousel-indicators {
      bottom: 0; }
      .banner-wrapper .slider-banner .carousel-indicators li {
        width: 8px;
        height: 8px;
        border-radius: 50%; }
    .banner-wrapper .slider-banner .carousel-control-prev {
      left: 40px;
      width: auto; }
      .banner-wrapper .slider-banner .carousel-control-prev:hover {
        background-image: none; }
      .banner-wrapper .slider-banner .carousel-control-prev span {
        width: 30px;
        height: 30px;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        transform: rotate(-45deg); }
    .banner-wrapper .slider-banner .carousel-control-next {
      right: 40px;
      width: auto; }
      .banner-wrapper .slider-banner .carousel-control-next:hover {
        background-image: none; }
      .banner-wrapper .slider-banner .carousel-control-next span {
        width: 30px;
        height: 30px;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        transform: rotate(135deg); }
    .banner-wrapper .slider-banner .leftControl i {
      display: none; }
    .banner-wrapper .slider-banner .rightControl i {
      display: none; }
    .banner-wrapper .slider-banner .carousel-indicators li {
      background-color: #fff;
      opacity: .4; }
      .banner-wrapper .slider-banner .carousel-indicators li.active {
        background-color: #fff; }

.content-home {
  margin: 0 73px;
  margin-bottom: 80px;
  border: 1px solid #cddbfc; }
  .content-home .list-home {
    list-style: none;
    padding: 0;
    display: flex;
    margin-bottom: 0;
    border-bottom: 1px solid #cddbfc; }
    .content-home .list-home li {
      width: 25%;
      box-sizing: border-box;
      position: relative; }
      .content-home .list-home li::before {
        content: '';
        width: 1px;
        height: 100%;
        right: 1px;
        top: 0;
        bottom: 0;
        background-color: #cddbfc;
        position: absolute; }
      .content-home .list-home li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 31px 0 15px 0;
        background-color: #F5F8FC;
        height: 134px; }
        @media screen and (max-width: 1350px) {
          .content-home .list-home li a {
            height: 134px;
            padding: 5px 0; } }
        .content-home .list-home li a:hover {
          text-decoration: none; }
        .content-home .list-home li a h3 {
          font-weight: normal;
          font-size: 14px;
          color: #363C58;
          margin-top: 15px;
          margin-bottom: 0; }
      .content-home .list-home li:last-child::before {
        display: none; }
  .content-home .resources {
    display: flex; }
    .content-home .resources .item {
      border-right: 1px solid #cddbfc;
      padding: 15px 20px;
      width: calc((100% - 2px) / 2);
      padding-bottom: 0; }
      .content-home .resources .item:last-child {
        border-right: 0; }
      .content-home .resources .item .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #cddbfc;
        margin-bottom: 20px;
        height: 30px; }
        @media screen and (max-width: 1350px) {
          .content-home .resources .item .top {
            margin-bottom: 5px; } }
        .content-home .resources .item .top h4 {
          display: flex;
          align-items: center;
          font-style: normal;
          font-weight: 600;
          font-size: 16px;
          color: #05060B; }
          .content-home .resources .item .top h4 img {
            margin-right: 5px; }
        .content-home .resources .item .top a {
          display: flex;
          align-items: center;
          font-style: normal;
          font-weight: bold;
          color: #2f8bff;
          font-size: 14px;
          color: #2f8bff;
          display: flex;
          align-items: center; }
          .content-home .resources .item .top a:hover {
            text-decoration: none; }
          .content-home .resources .item .top a i {
            margin-left: 5px;
            font-size: 14px; }
      .content-home .resources .item article .list-item {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0; }
        .content-home .resources .item article .list-item li {
          margin-bottom: 5px;
          border-bottom: 0.7px dashed #CDDBFC;
          padding-bottom: 5px; }
          .content-home .resources .item article .list-item li a {
            font-weight: normal;
            font-size: 14px;
            color: #363C58; }
            .content-home .resources .item article .list-item li a:hover {
              text-decoration: none;
              color: #2f8bff; }

.label_title {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #363C58; }

.finished_appointment {
  color: #43C588 !important; }

.wait_registration {
  color: #F56264 !important; }

.notification_register_sales, .notification_edit_sales {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #9498AB;
  word-break: keep-all; }

.coming-soon {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(100vh - 75px); }
  .coming-soon .left {
    width: 447px; }
    .coming-soon .left img {
      width: 100%;
      height: auto; }
  .coming-soon .right {
    width: calc(100% - 473px); }
    .coming-soon .right h6 {
      font-size: 36px;
      font-weight: normal;
      color: #2f8bff;
      margin-bottom: 8px; }
    .coming-soon .right h1 {
      font-size: 64px;
      font-weight: bold;
      color: #2f8bff;
      margin-bottom: 16px; }
    .coming-soon .right p {
      font-size: 24px;
      font-weight: normal;
      color: #363C58;
      margin-bottom: 35px; }
    .coming-soon .right .btn-coming {
      width: 202px;
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #fff;
      font-weight: bold;
      background-color: #2f8bff;
      margin-bottom: 32px; }
      .coming-soon .right .btn-coming:hover {
        background-color: #0066EE; }

.wireless-advice {
  margin-top: 30px;
  position: relative; }
  .wireless-advice .form-control {
    cursor: pointer; }

.list-box {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
  margin-top: 75px; }
  .list-box .box-main {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .list-box .box-main .box-item {
      width: calc((100% - 100px) / 3);
      height: 260px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-right: 50px;
      border: 1px solid #cddbfc;
      border-radius: 1px;
      cursor: pointer; }
      @media screen and (max-width: 480px) {
        .list-box .box-main .box-item {
          width: 100%;
          margin-right: 0; } }
      .list-box .box-main .box-item img {
        max-width: 200px;
        width: 100%;
        object-fit: contain;
        height: 70px; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .list-box .box-main .box-item img {
            width: auto;
            height: auto;
            max-height: 70px; } }
      .list-box .box-main .box-item span {
        margin-top: 40px;
        font-weight: 600;
        font-size: 26px;
        color: #05060bd4;
        white-space: nowrap; }
      .list-box .box-main .box-item:nth-child(3n) {
        margin-right: 0; }
      .list-box .box-main .box-item.active {
        border: 2px solid #2f8bff; }
      .list-box .box-main .box-item:hover, .list-box .box-main .box-item:focus {
        border: 2px solid #2f8bff; }
  .list-box .box-extra {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }
    .list-box .box-extra .box-item {
      width: calc((100% - 60px) / 4);
      display: flex;
      justify-content: center;
      height: 88px;
      border: 1px solid #cddbfc;
      border-radius: 1px;
      margin-right: 20px;
      align-items: center;
      cursor: pointer;
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        .list-box .box-extra .box-item {
          width: 100%;
          margin-right: 0; } }
      .list-box .box-extra .box-item img {
        max-width: 130px;
        width: 100%;
        max-height: 40px;
        object-fit: contain; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .list-box .box-extra .box-item img {
            width: auto; } }
      .list-box .box-extra .box-item:nth-child(4n) {
        margin-right: 0; }
      .list-box .box-extra .box-item.active {
        border: 2px solid #2f8bff; }
      .list-box .box-extra .box-item:hover, .list-box .box-extra .box-item:focus {
        border: 2px solid #2f8bff; }

.step-wireless {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  list-style: none;
  overflow: hidden;
  border: 1px solid #cddbfc;
  border-radius: 4px; }
  .step-wireless .item-step {
    width: 200px;
    position: relative;
    height: 48px;
    padding: 0 30px;
    cursor: pointer; }
    .step-wireless .item-step .open-item {
      display: flex;
      height: 50px;
      flex-direction: column;
      justify-content: center; }
    .step-wireless .item-step .content-complete {
      display: flex;
      align-items: center;
      height: 48px; }
      .step-wireless .item-step .content-complete img {
        max-width: 65px;
        max-height: 30px;
        object-fit: content; }
      .step-wireless .item-step .content-complete h4 {
        color: #05060B;
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 0;
        z-index: 4; }
    .step-wireless .item-step::before {
      content: "";
      width: 48px;
      height: 48px;
      position: absolute;
      right: -8px;
      border-top: 2px solid #cddbfc;
      border-right: 2px solid #cddbfc;
      -webkit-transform: translateX(1em) rotate(45deg) scale(0.5774) skew(15deg, 15deg);
      -moz-transform: translateX(1em) rotate(45deg) scale(0.5774) skew(15deg, 15deg);
      -ms-transform: translateX(1em) rotate(45deg) scale(0.5774) skew(15deg, 15deg);
      -o-transform: translateX(1em) rotate(45deg) scale(0.5774) skew(15deg, 15deg);
      transform: translateX(1em) rotate(45deg) scale(0.5774) skew(15deg, 15deg);
      background-color: #fff; }
    .step-wireless .item-step span {
      color: #05060B;
      font-size: 12px;
      font-weight: bold; }
      .step-wireless .item-step span.step-name {
        font-weight: normal;
        color: #05060B; }
    .step-wireless .item-step.active {
      background-color: #2f8bff; }
      .step-wireless .item-step.active span {
        color: #fff; }
      .step-wireless .item-step.active::before {
        background-color: #2f8bff;
        border: 0; }
    .step-wireless .item-step.complete .open-item {
      display: none; }
    .step-wireless .item-step.complete .content-complete {
      display: flex; }
    .step-wireless .item-step:nth-child(1) {
      z-index: 3; }
    .step-wireless .item-step:nth-child(2) {
      z-index: 2; }
    .step-wireless .item-step:nth-child(3) {
      z-index: 1; }

.content-product {
  margin-top: 25px;
  padding-bottom: 30px; }
  @media screen and (max-width: 1100px) {
    .content-product {
      padding-bottom: 10px; } }
  .content-product .top {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .content-product .top .list-tab {
      display: flex; }
      .content-product .top .list-tab .tab-item {
        padding: 5px;
        background-color: #f7f9fc; }
        @media screen and (max-width: 1200px) {
          .content-product .top .list-tab .tab-item {
            padding: 0; } }
        .content-product .top .list-tab .tab-item .nav-link {
          background-color: transparent;
          border: 0;
          width: 100%;
          text-align: center;
          padding: 8px 15px;
          font-size: 14px;
          color: #05060B;
          font-weight: bold;
          border-radius: 4px;
          transition: 0.3s; }
          @media screen and (max-width: 1200px) {
            .content-product .top .list-tab .tab-item .nav-link {
              font-size: 14px;
              padding: 8px 15px; } }
          .content-product .top .list-tab .tab-item .nav-link.active {
            background-color: #2f8bff;
            color: #fff; }
          .content-product .top .list-tab .tab-item .nav-link:hover {
            background-color: #2f8bff;
            color: #fff; }
      .content-product .top .list-tab#myTab .nav-link {
        font-size: 14px;
        padding: 8px 12px; }
    .content-product .top .btn-product {
      border: 1px solid #c0c2c7;
      border-radius: 3px;
      box-sizing: border-box;
      height: 44px;
      color: #05060B;
      font-size: 14px;
      width: 160px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .content-product .top .dropdown-item {
      color: #9498ab;
      font-size: 14px; }
  .content-product .left-product .top-search-query {
    display: flex;
    align-items: center;
    margin-top: 23px; }
    .content-product .left-product .top-search-query .form-search {
      display: flex;
      border-bottom: 1px solid #e1e1e1;
      padding-right: 5px; }
      .content-product .left-product .top-search-query .form-search input {
        border: 0;
        padding-right: 5px; }
      .content-product .left-product .top-search-query .form-search button {
        padding: 0; }
        .content-product .left-product .top-search-query .form-search button:focus {
          outline: 0;
          box-shadow: none; }
    .content-product .left-product .top-search-query .group-check {
      display: flex;
      justify-content: space-between;
      padding-left: 30px; }
      .content-product .left-product .top-search-query .group-check .form-check {
        margin-bottom: 0; }
  .content-product .left-product .button-sumit {
    display: flex;
    justify-content: flex-end;
    margin-top: 0; }
    .content-product .left-product .button-sumit .btn {
      width: 160px;
      padding: 0 !important; }
  .content-product .left-product .btn-submit {
    margin-top: 15px; }
  .content-product .tab-content {
    margin-top: 35px; }
    .content-product .tab-content .table-form {
      margin-top: 20px;
      max-height: 420px;
      min-height: 350px;
      overflow-x: hidden; }
      @media screen and (max-width: 1300px) {
        .content-product .tab-content .table-form {
          height: 340px;
          max-height: inherit;
          min-height: inherit; } }
      .content-product .tab-content .table-form::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px; }
      .content-product .tab-content .table-form::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent;
        right: 10px;
        min-height: 50px; }
      .content-product .tab-content .table-form::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }
      .content-product .tab-content .table-form:hover::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        height: 50px;
        min-height: 50px; }
      .content-product .tab-content .table-form tr {
        border-top: 1px dashed #C9D9FF;
        border-bottom: 1px dashed #C9D9FF; }
        .content-product .tab-content .table-form tr td {
          border: 0; }
        .content-product .tab-content .table-form tr th {
          border: 0; }
      .content-product .tab-content .table-form .table-striped thead tr {
        background-color: #f5f8fc; }
        .content-product .tab-content .table-form .table-striped thead tr th {
          font-size: 14px;
          font-weight: bold;
          color: #05060B;
          text-align: left;
          padding: 0.75rem 10px;
          white-space: normal; }
          .content-product .tab-content .table-form .table-striped thead tr th .btn-sort {
            vertical-align: inherit; }
          .content-product .tab-content .table-form .table-striped thead tr th:nth-child(1) {
            width: 20%; }
          .content-product .tab-content .table-form .table-striped thead tr th:nth-child(2) {
            width: 20%; }
          .content-product .tab-content .table-form .table-striped thead tr th:nth-child(3) {
            width: 15%; }
          .content-product .tab-content .table-form .table-striped thead tr th:nth-child(4) {
            width: 15%; }
          .content-product .tab-content .table-form .table-striped thead tr th:nth-child(5) {
            width: 19%; }
          .content-product .tab-content .table-form .table-striped thead tr th:last-child {
            text-align: right;
            width: 6%; }
          .content-product .tab-content .table-form .table-striped thead tr th i {
            color: #9498ab; }
      .content-product .tab-content .table-form .table-striped tbody tr {
        background-color: #f5f8fc; }
        .content-product .tab-content .table-form .table-striped tbody tr .name {
          font-size: 14px;
          font-weight: bold;
          color: #05060B;
          text-align: left; }
        .content-product .tab-content .table-form .table-striped tbody tr th {
          text-align: left; }
        .content-product .tab-content .table-form .table-striped tbody tr td {
          font-size: 14px;
          font-weight: normal;
          color: #363C58;
          text-align: left;
          padding: 0.75rem 10px; }
          .content-product .tab-content .table-form .table-striped tbody tr td:last-child {
            text-align: right; }
          .content-product .tab-content .table-form .table-striped tbody tr td:nth-child(3), .content-product .tab-content .table-form .table-striped tbody tr td:nth-child(4) {
            white-space: nowrap; }
          .content-product .tab-content .table-form .table-striped tbody tr td button {
            outline: 0;
            box-shadow: none; }
            .content-product .tab-content .table-form .table-striped tbody tr td button i {
              color: #9498ab;
              font-size: 16px;
              opacity: .5; }
        .content-product .tab-content .table-form .table-striped tbody tr .check button i {
          color: #f8ba34;
          opacity: 1; }
      .content-product .tab-content .table-form .table-striped tbody tr:nth-of-type(odd) {
        background-color: #fff; }
      .content-product .tab-content .table-form tbody tr:hover {
        background-color: #e5effb !important; }

.right-product .slide-color-product .gallery-top {
  height: 195px;
  width: 155px; }
  .right-product .slide-color-product .gallery-top .swiper-wrapper .swiper-slide a {
    display: block;
    background-color: #fff;
    height: 195px;
    width: 155px; }
    .right-product .slide-color-product .gallery-top .swiper-wrapper .swiper-slide a img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      -o-object-fit: contain; }

.right-product .slide-color-product .gallery-thumbs {
  height: 30px;
  margin-top: 17px; }
  .right-product .slide-color-product .gallery-thumbs .swiper-wrapper {
    height: 30px;
    justify-content: center; }
    .right-product .slide-color-product .gallery-thumbs .swiper-wrapper .swiper-slide {
      width: 24px !important;
      height: 24px !important;
      display: flex;
      justify-content: center;
      align-items: center; }
      .right-product .slide-color-product .gallery-thumbs .swiper-wrapper .swiper-slide span {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        padding: 0;
        display: block;
        cursor: pointer;
        position: relative;
        box-shadow: #00000026 0px 2px 8px; }
      .right-product .slide-color-product .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
        border-radius: 50%;
        border: 1px solid #cddbfc; }

.right-product .name-product {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #05060B;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .right-product .name-product .btn {
    margin-left: 3px; }
    .right-product .name-product .btn:focus {
      outline: none;
      box-shadow: none; }

.right-product .list-feature {
  display: flex;
  align-items: center;
  list-style: none;
  padding-left: 0;
  justify-content: center;
  margin-top: 10px;
  max-width: 100%;
  padding-bottom: 10px;
  flex-wrap: wrap;
  min-height: 70px;
  margin-bottom: 10px; }
  .right-product .list-feature li {
    margin: 0 7px;
    cursor: pointer;
    margin-bottom: 10px; }
    .right-product .list-feature li img {
      width: 50px;
      height: 50px;
      object-fit: contain;
      border-radius: 7px; }
    .right-product .list-feature li .text-feature {
      width: 50px;
      height: 50px;
      border-radius: 15px;
      background-color: #2f8bff;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      flex-wrap: wrap;
      padding: 2px;
      text-align: center; }
      .right-product .list-feature li .text-feature span {
        color: #fff;
        font-size: 8px; }

.right-product .specifications {
  height: 312px;
  overflow-y: auto;
  overflow-x: hidden; }
  .right-product .specifications::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .right-product .specifications::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .right-product .specifications::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .right-product .specifications:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  @media screen and (max-width: 1350px) {
    .right-product .specifications {
      height: 231px; } }
  .right-product .specifications .left-specifications p {
    font-weight: bold;
    font-size: 13px;
    color: #05060B;
    text-align: right;
    margin-bottom: 4px;
    white-space: nowrap; }
  .right-product .specifications .right-specifications p {
    font-size: 13px;
    color: #363C58;
    text-align: left;
    margin-bottom: 4px; }

.right-product .button-compare {
  display: flex;
  justify-content: center;
  margin-top: 19px; }
  .right-product .button-compare .btn-gray {
    width: 160px; }
  @media screen and (max-width: 1350px) {
    .right-product .button-compare {
      margin-top: 15px; } }

.modal-images .slider-images {
  margin-bottom: 68px; }
  .modal-images .slider-images .carousel-inner .carousel-item img {
    width: auto;
    height: 430px;
    margin: 0 auto;
    object-fit: cover; }
  .modal-images .slider-images .dots-carousel {
    bottom: -72px; }
    .modal-images .slider-images .dots-carousel li {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: 1px solid #c0c2c7;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box; }
      .modal-images .slider-images .dots-carousel li span {
        width: 6px;
        height: 6px;
        background-color: #fff;
        border-radius: 50%; }
      .modal-images .slider-images .dots-carousel li.active {
        background-color: #2f8bff;
        border: 0; }
  .modal-images .slider-images .carousel-control-prev::before {
    content: "";
    width: 24px;
    height: 24px;
    border-top: 1px solid #9498ab;
    border-left: 1px solid #9498ab;
    transform: rotate(-45deg); }
  .modal-images .slider-images .carousel-control-next::before {
    content: "";
    width: 24px;
    height: 24px;
    border-top: 1px solid #9498ab;
    border-left: 1px solid #9498ab;
    transform: rotate(135deg); }

.group-button-wireless {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
  width: 100%; }

.comparative-information {
  margin-top: 30px;
  padding-bottom: 20px; }
  .comparative-information .left-information .form-control[readonly] {
    border: 0 !important; }
  .comparative-information .left-information .name-product {
    display: flex; }
    .comparative-information .left-information .name-product .name-item {
      width: 50%;
      display: flex;
      align-items: center;
      padding: 15px 10px;
      border: 1px solid #cddbfc;
      border-left: 0;
      padding-left: 0; }
      .comparative-information .left-information .name-product .name-item:nth-child(2) {
        border-right: 0;
        padding-left: 10px;
        padding-right: 0; }
      .comparative-information .left-information .name-product .name-item button {
        background: #AFB7CC;
        border-radius: 4px;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        color: #fff;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1; }
        .comparative-information .left-information .name-product .name-item button:hover {
          background-color: #363C58; }
      .comparative-information .left-information .name-product .name-item h2 {
        font-weight: 600;
        font-size: 16px;
        color: #FF3963;
        margin-bottom: 0; }
  .comparative-information .left-information .flex-wrapper {
    display: flex; }
    .comparative-information .left-information .flex-wrapper .left {
      width: 50%;
      padding-top: 10px;
      padding-right: 0;
      border-right: 1px solid #cddbfc; }
      @media screen and (max-width: 1300px) {
        .comparative-information .left-information .flex-wrapper .left {
          padding-right: 10px; } }
      .comparative-information .left-information .flex-wrapper .left .m-left .btn-prices-wp {
        width: 103%; }
        @media screen and (max-width: 1350px) {
          .comparative-information .left-information .flex-wrapper .left .m-left .btn-prices-wp {
            width: 104%; } }
      .comparative-information .left-information .flex-wrapper .left .m-left .btn-input-form {
        width: 103%; }
        @media screen and (max-width: 1350px) {
          .comparative-information .left-information .flex-wrapper .left .m-left .btn-input-form {
            width: 104%; } }
      .comparative-information .left-information .flex-wrapper .left .form-group.mt-5.row {
        margin-top: 30px !important;
        margin-bottom: 25px; }
      .comparative-information .left-information .flex-wrapper .left .form-group.row.justify-content-between.align-items-start .col-auto {
        padding-right: 25px; }
        @media screen and (max-width: 1300px) {
          .comparative-information .left-information .flex-wrapper .left .form-group.row.justify-content-between.align-items-start .col-auto {
            padding-right: 15px; } }
    .comparative-information .left-information .flex-wrapper .right {
      width: 50%;
      padding-top: 10px;
      padding-left: 10px; }
    .comparative-information .left-information .flex-wrapper .form-group {
      align-items: center; }
      .comparative-information .left-information .flex-wrapper .form-group input {
        height: 44px;
        border: 1px solid #c0c2c7;
        font-size: 14px;
        color: #05060B; }
      .comparative-information .left-information .flex-wrapper .form-group select {
        height: 44px;
        border: 1px solid #c0c2c7;
        font-size: 14px;
        color: #05060B; }
      .comparative-information .left-information .flex-wrapper .form-group .prices-number {
        font-size: 16px;
        font-weight: 600;
        color: #2f3447; }
      .comparative-information .left-information .flex-wrapper .form-group .small-color {
        font-size: 12px;
        font-weight: normal;
        color: #363C58; }
    .comparative-information .left-information .flex-wrapper.total-number {
      border-top: 1px solid #cddbfc;
      border-bottom: 1px solid #cddbfc; }
      .comparative-information .left-information .flex-wrapper.total-number .prices-number {
        font-size: 18px;
        font-weight: 600;
        color: #2f8bff; }
        .comparative-information .left-information .flex-wrapper.total-number .prices-number span {
          font-size: 12px;
          color: #9498ab;
          font-weight: normal; }
      .comparative-information .left-information .flex-wrapper.total-number .small-color {
        font-size: 12px;
        color: #9498ab;
        font-weight: normal; }
  .comparative-information .tab-contract-prices {
    border: 1px solid #cddbfc;
    box-sizing: border-box;
    border-radius: 6px;
    background: #f5f8fc;
    padding: 10px; }
    .comparative-information .tab-contract-prices .list-tab {
      display: flex;
      list-style: none;
      padding: 0;
      margin-bottom: 0;
      background-color: #fff;
      border-radius: 6px;
      justify-content: space-between;
      border: 1px solid #cddbfc;
      box-sizing: border-box;
      height: 44px;
      align-items: center; }
      .comparative-information .tab-contract-prices .list-tab .tab-item {
        width: calc(50% - 10px);
        height: 44px;
        color: #9498ab;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #363C58;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer; }
        .comparative-information .tab-contract-prices .list-tab .tab-item img {
          margin-right: 5px; }
        .comparative-information .tab-contract-prices .list-tab .tab-item.active {
          background-color: #2f8bff;
          border-radius: 6px;
          color: #fff;
          height: 46px; }
          .comparative-information .tab-contract-prices .list-tab .tab-item.active img {
            filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(2deg) brightness(108%) contrast(101%); }
        .comparative-information .tab-contract-prices .list-tab .tab-item .item-text {
          display: flex;
          align-items: center;
          justify-content: center; }
          .comparative-information .tab-contract-prices .list-tab .tab-item .item-text .icon img {
            margin-right: 5px;
            opacity: 0; }
        .comparative-information .tab-contract-prices .list-tab .tab-item:nth-child(1) .item-text .icon {
          background-image: url(../images/icon-notifi-active.svg);
          background-position: center;
          background-repeat: no-repeat; }
        .comparative-information .tab-contract-prices .list-tab .tab-item:nth-child(1).active .icon {
          background-image: url(../images/icon-notifi.svg); }
        .comparative-information .tab-contract-prices .list-tab .tab-item:nth-child(2) .item-text .icon {
          background-image: url(../images/Icon-fill.svg);
          background-position: center;
          background-repeat: no-repeat; }
        .comparative-information .tab-contract-prices .list-tab .tab-item:nth-child(2).active .icon {
          background-image: url(../images/Icon-fill-active.svg); }
    .comparative-information .tab-contract-prices .disabled-form {
      pointer-events: none; }
      .comparative-information .tab-contract-prices .disabled-form.left {
        opacity: 0.4; }
      .comparative-information .tab-contract-prices .disabled-form.right {
        opacity: 0.4; }
        .comparative-information .tab-contract-prices .disabled-form.right.disable-custom {
          opacity: 1; }
          .comparative-information .tab-contract-prices .disabled-form.right.disable-custom .form-group:nth-child(2) {
            opacity: 0.4; }
  .comparative-information .btn-service {
    width: 100%;
    height: 44px;
    border: 1px dashed #2f8bff;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #2f8bff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center; }
    .comparative-information .btn-service span {
      margin-right: 5px; }
    .comparative-information .btn-service:hover {
      background-color: #2f8bff;
      color: #fff; }
  .comparative-information .billing-fee tbody tr td:nth-child(2) {
    text-align: left !important; }
  .comparative-information .billing-fee thead tr th:nth-child(2) {
    text-align: left !important; }
  .comparative-information .prices-blue .small-color, .comparative-information .prices-number .small-color {
    font-size: 16px !important;
    font-weight: bold !important; }
  .comparative-information .col-md-8 .col-md-4 .form-group .form-date .text-indents {
    display: none; }
  .comparative-information .col-md-8 .col-md-4 .form-group:last-of-type {
    height: 55px;
    margin-top: 12px; }

.total-number {
  border-bottom: 1px solid #cddbfc; }

.form-date {
  position: relative; }
  .form-date img {
    position: absolute;
    right: 10px;
    top: 20%; }

.title-insurrance {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #FF3963;
  margin-top: 30px;
  border-bottom: 1px solid #cddbfc;
  padding-bottom: 13px;
  padding-top: 13px;
  margin-bottom: 0; }

.select-place {
  opacity: 0.55; }

.label-prices {
  font-size: 16px;
  font-weight: bold;
  color: #05060B;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  margin-bottom: 0 !important;
  line-height: 1; }

.right-information {
  background-color: #fff;
  height: auto;
  padding: 0;
  border-top: 1px solid #cddbfc; }
  .right-information .top-right {
    background-color: #f5f8fc;
    padding: 20px 20px 0 20px;
    border-bottom: 1px solid #cddbfc; }
    @media screen and (max-width: 1200px) {
      .right-information .top-right {
        padding: 20px 10px 10px 10px; } }
    .right-information .top-right .total-number.pb-2 {
      margin-top: 10px; }
  .right-information .bottom-right {
    padding: 20px 0 10px 20px; }
    @media screen and (max-width: 1200px) {
      .right-information .bottom-right {
        padding: 20px 10px; } }
  .right-information .name-item {
    display: flex;
    align-items: center; }
    .right-information .name-item button {
      background: #aeb9ca;
      border-radius: 4px;
      font-style: normal;
      font-weight: bold;
      font-size: 10px;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      color: #fff; }
      .right-information .name-item button:hover {
        background-color: #9498ab; }
    .right-information .name-item h2 {
      font-weight: 600;
      font-size: 16px;
      color: #FF3963;
      margin-bottom: 0; }
  .right-information .prices-number {
    font-size: 18px;
    font-weight: 600;
    color: #FF3963;
    line-height: 1; }
    .right-information .prices-number span {
      font-size: 16px;
      color: #05060B;
      font-weight: normal; }
    .right-information .prices-number.total-big {
      font-size: 32px;
      line-height: 0.8; }
      @media screen and (max-width: 1200px) {
        .right-information .prices-number.total-big {
          font-size: 29px; } }

.modal-choose-plan {
  padding: 0 70px; }
  .modal-choose-plan .nav-tabs {
    border-bottom: 2px solid #afb7cc; }
    .modal-choose-plan .nav-tabs .nav-item {
      width: calc(100% / 8); }
      .modal-choose-plan .nav-tabs .nav-item .nav-link {
        padding: 0;
        border: 0;
        font-weight: normal;
        font-size: 12px;
        color: #2f3447;
        display: block;
        text-align: center;
        position: relative;
        padding-bottom: 10px; }
        .modal-choose-plan .nav-tabs .nav-item .nav-link::before {
          content: "";
          height: 4px;
          background-color: #2f8bff;
          width: 0;
          position: absolute;
          left: 0;
          bottom: -1.5px;
          transition: width 0.3s; }
        .modal-choose-plan .nav-tabs .nav-item .nav-link.active {
          color: #2f8bff; }
          .modal-choose-plan .nav-tabs .nav-item .nav-link.active::before {
            display: block;
            width: 100%; }
  .modal-choose-plan .top-search-query {
    display: flex;
    align-items: center;
    margin-top: 25px; }
    .modal-choose-plan .top-search-query .form-search {
      display: flex;
      border-bottom: 1px solid #e1e1e1;
      padding-right: 5px; }
      .modal-choose-plan .top-search-query .form-search input {
        border: 0;
        padding-right: 5px;
        padding-bottom: 25px; }
      .modal-choose-plan .top-search-query .form-search button {
        padding: 0; }
        .modal-choose-plan .top-search-query .form-search button:focus {
          outline: 0;
          box-shadow: none; }
    .modal-choose-plan .top-search-query .group-check {
      display: flex;
      justify-content: space-between;
      padding-left: 30px; }
      .modal-choose-plan .top-search-query .group-check .form-check {
        margin-bottom: 0; }
  .modal-choose-plan .tab-content {
    margin-top: 25px;
    margin-bottom: 25px;
    max-height: 50vh;
    overflow: auto; }
    .modal-choose-plan .tab-content table tr td {
      padding-bottom: 30px;
      font-weight: normal;
      font-size: 13px;
      color: #2f3447;
      margin-top: 15px; }
      .modal-choose-plan .tab-content table tr td.prices-table {
        white-space: nowrap; }
    .modal-choose-plan .tab-content table tr th {
      font-weight: 600;
      font-size: 13px;
      line-height: 18px;
      font-weight: 600;
      color: #2f3447; }

.modal-print .modal-body .title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #363C58;
  text-align: center;
  margin-bottom: 131px; }

.modal-print .modal-body .button-print {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 123px; }
  .modal-print .modal-body .button-print .btn-print {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    margin: 0 17.5px;
    border: 1px solid #afb7cc;
    box-sizing: border-box;
    border-radius: 4px;
    background-image: url(../images/print-icon.svg);
    background-repeat: no-repeat;
    background-size: 70px 70px;
    background-position: center; }
    .modal-print .modal-body .button-print .btn-print img {
      margin-bottom: 17px;
      opacity: 0; }
    .modal-print .modal-body .button-print .btn-print span {
      font-weight: bold;
      font-size: 14px;
      margin-top: 50px;
      color: #363C58; }
    .modal-print .modal-body .button-print .btn-print.print-active {
      background-color: #2f8bff;
      background-image: url(../images/icon-print-white.svg); }
      .modal-print .modal-body .button-print .btn-print.print-active span {
        color: #fff; }
    .modal-print .modal-body .button-print .btn-print:hover {
      background-color: #2f8bff;
      background-image: url(../images/icon-print-white.svg); }
      .modal-print .modal-body .button-print .btn-print:hover span {
        color: #fff; }

.list-month {
  display: flex;
  align-items: center;
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  border: 1px solid #afb7cc;
  border-radius: 3px; }
  .list-month li {
    height: 42px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .list-month li button {
      font-weight: normal;
      font-size: 14px;
      line-height: 14px;
      color: #363C58;
      width: 100%;
      height: 100%; }
      .list-month li button:focus {
        outline: 0;
        box-shadow: none; }
    .list-month li.active {
      background-color: #afb7cc; }
      .list-month li.active button {
        color: #fff; }

.small-color {
  font-size: 12px;
  color: #05060B;
  font-weight: normal; }
  .small-color.color-gray {
    color: #05060B; }

.btn-delete-wave {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #AFB7CC;
  box-sizing: border-box;
  border-radius: 3px;
  font-weight: bold;
  font-size: 14px;
  color: #9496AB;
  padding: 0; }
  .btn-delete-wave:hover {
    color: #9496AB; }
  .btn-delete-wave img {
    margin-right: 10px; }

.list-detail-product {
  display: flex;
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  border: 1px solid #cddbfc;
  margin-top: 17px; }
  .list-detail-product li {
    width: calc(100% / 4);
    border-right: 1px solid #cddbfc; }
    .list-detail-product li:last-child {
      border-right: 0; }
    .list-detail-product li a {
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 15px 1px 0 1px; }
      .list-detail-product li a:hover {
        text-decoration: none; }
      .list-detail-product li a img {
        height: 25px; }
      .list-detail-product li a span {
        font-weight: normal;
        font-size: 10px;
        color: #363C58;
        text-align: center;
        width: 100%;
        min-height: 30px;
        display: flex;
        justify-content: center;
        align-items: center; }

.list-text-content {
  margin-top: 15px;
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #cddbfc;
  padding-bottom: 15px;
  margin-bottom: 10px; }
  @media screen and (max-width: 1200px) {
    .list-text-content {
      padding-bottom: 10px; } }
  .list-text-content li {
    position: relative;
    padding-left: 15px; }
    .list-text-content li::before {
      width: 4px;
      height: 4px;
      content: "";
      border-radius: 50%;
      background-color: #9498ab;
      position: absolute;
      left: 0;
      top: 5px; }
    .list-text-content li p {
      font-weight: normal;
      font-size: 12px;
      color: #363C58;
      margin-bottom: 0;
      letter-spacing: 0.5px; }

.right-fixed {
  position: fixed;
  left: auto;
  top: 0;
  height: auto;
  z-index: 9;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden; }
  .right-fixed::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .right-fixed::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .right-fixed::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .right-fixed:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  @media screen and (max-width: 1300px) {
    .right-fixed::-webkit-scrollbar {
      display: none; } }
  @media screen and (max-width: 1400px) {
    .right-fixed {
      right: 9.4%;
      left: auto; } }
  @media screen and (max-width: 1300px) {
    .right-fixed {
      width: 27.315%;
      left: auto; } }
  @media screen and (max-width: 1200px) {
    .right-fixed {
      width: 26.1%;
      left: auto; } }
  @media screen and (max-width: 1100px) {
    .right-fixed {
      top: -5px;
      left: auto; } }

.color-pinks {
  color: #FF3963; }

.prices-pink {
  color: #FF3963 !important;
  font-weight: bold !important; }

.btn-prices-wp {
  font-weight: 600;
  font-size: 14px;
  color: #2F8BFF;
  height: 44px;
  border: 1px solid #c0c2c7;
  border-radius: 3px;
  width: 100%;
  background-color: #fff;
  text-align: left;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 1200px) {
    .btn-prices-wp {
      font-size: 12px; } }
  .btn-prices-wp:hover {
    color: #2F8BFF; }
  .btn-prices-wp:focus {
    outline: 0;
    box-shadow: none; }
  .btn-prices-wp span {
    color: #05060B;
    font-weight: normal; }

.paint-wireless {
  position: fixed;
  right: 20px;
  top: 85px;
  z-index: 99999; }
  .paint-wireless .btn-paint {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #363C58;
    box-shadow: #00000026 0px 6px 20px; }
    .paint-wireless .btn-paint:hover {
      background-color: #1c1e29; }
  .paint-wireless .content-paint {
    position: absolute;
    right: 0;
    display: none; }
    .paint-wireless .content-paint .close-paint {
      width: 24px;
      height: 24px;
      background-color: #363C58;
      border-radius: 50%;
      display: flex;
      align-items: center;
      padding: 0;
      justify-content: center;
      position: absolute;
      right: 0;
      top: 0; }
    .paint-wireless .content-paint .list-paint {
      padding: 0;
      list-style: none;
      display: flex;
      padding: 4px;
      border-radius: 4px;
      background-color: #363C58;
      margin-top: 30px;
      margin-right: 24px;
      box-shadow: #00000026 0px 6px 20px; }
      .paint-wireless .content-paint .list-paint li {
        transition: .3s;
        padding: 0 5px; }
        .paint-wireless .content-paint .list-paint li .btn-item {
          padding: 0;
          width: 56px;
          height: 46px;
          border-radius: 0;
          border-radius: 4px; }
          .paint-wireless .content-paint .list-paint li .btn-item:hover, .paint-wireless .content-paint .list-paint li .btn-item:focus {
            background-color: #fff; }
          .paint-wireless .content-paint .list-paint li .btn-item:focus {
            outline: 0;
            box-shadow: none; }
        .paint-wireless .content-paint .list-paint li.item-save {
          position: relative;
          padding-left: 10px; }
          .paint-wireless .content-paint .list-paint li.item-save::before {
            content: '';
            width: 1px;
            position: absolute;
            height: 80%;
            left: 2.5px;
            top: 10%;
            background-color: #fff; }
          .paint-wireless .content-paint .list-paint li.item-save .btn-item:hover, .paint-wireless .content-paint .list-paint li.item-save .btn-item:focus, .paint-wireless .content-paint .list-paint li.item-save .btn-item.active {
            background-color: transparent; }

.btn-input-form.btn-secondary:hover {
  background-color: transparent !important;
  border: 1px solid #c0c2c7 !important; }

.disabled-form {
  pointer-events: none !important; }

.text-notify-red {
  color: red;
  font-size: 10px;
  margin-bottom: 0; }

.table-left-wireless {
  padding-bottom: 30px;
  border-bottom: 1px solid #cddbfc; }
  .table-left-wireless thead tr th:nth-child(1) {
    width: 20%; }
  .table-left-wireless thead tr th:nth-child(2) {
    text-align: left !important; }
  .table-left-wireless tbody tr td:nth-child(2) {
    text-align: left !important; }

.line-top {
  padding-top: 20px;
  border-top: 1px solid #cddbfc;
  margin-top: 20px; }

.m-left {
  margin-left: -10px; }

.modal .content-product .top .list-tab .tab-item .nav-link {
  padding: 8px 10px;
  font-size: 12px;
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1; }
  .modal .content-product .top .list-tab .tab-item .nav-link:active {
    line-height: 1; }
  .modal .content-product .top .list-tab .tab-item .nav-link:focus {
    outline: 0;
    box-shadow: none; }

.modal .content-product .top .list-tab#mytab .tab-item .nav-link {
  padding: 8px 10px;
  font-size: 14px; }

.modal .content-product #myTabContendt {
  margin-top: 0; }

.table-wireless-step .table-header {
  margin-bottom: 0;
  width: 99.6%; }
  .table-wireless-step .table-header tr th {
    padding: .75rem 10px;
    background: #F5F8FC; }
    .table-wireless-step .table-header tr th:first-child, .table-wireless-step .table-header tr th:nth-child(2) {
      width: 150px; }
      @media screen and (max-width: 1350px) {
        .table-wireless-step .table-header tr th:first-child, .table-wireless-step .table-header tr th:nth-child(2) {
          width: 130px; } }
    .table-wireless-step .table-header tr th:nth-child(3), .table-wireless-step .table-header tr th:nth-child(4) {
      width: 100px; }
    .table-wireless-step .table-header tr th:nth-child(5) {
      width: 160px; }
      @media screen and (max-width: 1350px) {
        .table-wireless-step .table-header tr th:nth-child(5) {
          width: 115px; } }
    .table-wireless-step .table-header tr th:last-child {
      width: 70px; }
      .table-wireless-step .table-header tr th:last-child .d-flex {
        padding-left: 2px; }
        @media screen and (max-width: 1350px) {
          .table-wireless-step .table-header tr th:last-child .d-flex {
            padding-left: 7px; } }
    .table-wireless-step .table-header tr th .d-flex.align-items-center a {
      margin-right: 7px; }

.table-wireless-step .table-scroll {
  max-height: 405px;
  overflow-y: auto;
  overflow-x: hidden; }
  .table-wireless-step .table-scroll::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    min-height: 50px; }
  .table-wireless-step .table-scroll::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .table-wireless-step .table-scroll::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0;
    right: 10px; }
  .table-wireless-step .table-scroll tr th {
    width: 150px;
    padding: .75rem 10px;
    vertical-align: middle; }
    @media screen and (max-width: 1350px) {
      .table-wireless-step .table-scroll tr th {
        width: 130px; } }
  .table-wireless-step .table-scroll tr td {
    vertical-align: middle; }
    .table-wireless-step .table-scroll tr td:nth-of-type(1) {
      width: 150px; }
      @media screen and (max-width: 1350px) {
        .table-wireless-step .table-scroll tr td:nth-of-type(1) {
          width: 130px; } }
    .table-wireless-step .table-scroll tr td:nth-of-type(2), .table-wireless-step .table-scroll tr td:nth-of-type(3) {
      width: 100px; }
    .table-wireless-step .table-scroll tr td:nth-of-type(4) {
      width: 160px; }
      @media screen and (max-width: 1350px) {
        .table-wireless-step .table-scroll tr td:nth-of-type(4) {
          width: 115px; } }
    .table-wireless-step .table-scroll tr td:last-of-type {
      width: 70px;
      text-align: left !important; }
      .table-wireless-step .table-scroll tr td:last-of-type .btn {
        margin-left: 6px; }
        @media screen and (max-width: 1350px) {
          .table-wireless-step .table-scroll tr td:last-of-type .btn {
            margin-left: 6px; } }

.wireless-advice .content-product .tab-content {
  margin-top: 20px; }
  .wireless-advice .content-product .tab-content .table-form {
    overflow: hidden;
    max-height: inherit;
    min-height: inherit;
    height: 470px;
    margin-top: 0; }
    @media screen and (min-width: 1350px) {
      .wireless-advice .content-product .tab-content .table-form {
        height: 550px; } }
    .wireless-advice .content-product .tab-content .table-form .table-scroll {
      height: 420px !important; }
      @media screen and (min-width: 1350px) {
        .wireless-advice .content-product .tab-content .table-form .table-scroll {
          height: 455px !important;
          max-height: 460px !important; } }

.wireless-advice .content-product .top .list-tab .tab-item .nav-link {
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  line-height: 1; }
  .wireless-advice .content-product .top .list-tab .tab-item .nav-link:focus {
    outline: 0;
    box-shadow: none; }
  .wireless-advice .content-product .top .list-tab .tab-item .nav-link.active {
    line-height: 1; }

.modal .swiper-button-next.swiper-button-disabled, .modal .swiper-button-prev.swiper-button-disabled {
  opacity: 1; }

.button_search {
  position: relative; }
  .button_search .btn {
    position: absolute;
    top: -5px;
    margin-left: 10px; }
    .button_search .btn:focus {
      outline: none;
      box-shadow: none; }

.right-information .text-content.mb-0 {
  white-space: normal !important;
  word-break: keep-all; }

.header-auth {
  padding: 23px 0;
  box-shadow: 0px 2px 2px #1a24310a, 0px 1px 2px #1a243114; }
  .header-auth .logo img:hover {
    filter: opacity(0.8); }

.form-login {
  margin-top: 53px; }
  .form-login h1 {
    font-weight: 600;
    font-size: 18px;
    color: #2F3447;
    text-align: center; }
  .form-login p {
    font-weight: 600;
    font-size: 14px;
    color: #363C58;
    text-align: center; }
  .form-login form {
    max-width: 352px;
    width: 100%;
    margin: 0 auto;
    margin-top: 125px; }
    .form-login form input {
      border-color: #C0C2C7;
      color: #2F3447; }
      .form-login form input::placeholder {
        color: #D7D8DF;
        font-size: 14px;
        font-weight: 100; }
    .form-login form .button-login {
      margin-top: 50px; }
      .form-login form .button-login .btn-login {
        height: 44px;
        background-color: #2F8BFF;
        width: 100%;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.8px; }
        .form-login form .button-login .btn-login:hover {
          background-color: #0066EE; }

.link-register {
  margin-top: 70px; }
  .link-register .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 0 13px; }
    .link-register .list-item li {
      color: #05060B;
      font-size: 14px; }
      .link-register .list-item li a {
        color: #05060B;
        font-size: 14px;
        font-weight: 400; }

.wrapper_coupon.page_counseling_history {
  margin-top: 27px; }
  .wrapper_coupon.page_counseling_history .tab-content {
    margin-top: 31px; }
    .wrapper_coupon.page_counseling_history .tab-content .table tr th {
      padding: 4px .75rem; }
      .wrapper_coupon.page_counseling_history .tab-content .table tr th:first-child {
        padding-left: 35px; }
      .wrapper_coupon.page_counseling_history .tab-content .table tr th:last-child {
        padding-right: 2.5%; }
  .wrapper_coupon.page_counseling_history article {
    margin-right: -4px; }
    .wrapper_coupon.page_counseling_history article .table-scroll {
      height: 448px; }
    .wrapper_coupon.page_counseling_history article .page_seller_manager .d-flex.border-top-0 {
      margin-top: 31px !important; }

.status-register {
  max-width: 569px;
  width: 100%;
  margin: 0 auto;
  margin-top: 70px; }
  .status-register .list-status {
    display: flex;
    align-items: center;
    list-style: none;
    width: 100%;
    padding-left: 0; }
    .status-register .list-status .item {
      width: calc(100% / 3);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .status-register .list-status .item p {
        color: #363c58;
        font-size: 16px;
        font-weight: normal; }
        @media screen and (max-width: 480px) {
          .status-register .list-status .item p {
            font-size: 9px; } }
      .status-register .list-status .item .top {
        display: flex;
        align-items: center;
        width: 100%; }
        .status-register .list-status .item .top .number {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          background-color: #fff;
          border: 1px solid #9498ab;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          font-weight: 600;
          color: #9498ab; }
        .status-register .list-status .item .top .border-status {
          width: calc((100% - 44px) / 2);
          height: 2px;
          background-color: #9498ab; }
      .status-register .list-status .item.in-process p {
        color: #2f8bff; }
      .status-register .list-status .item.in-process .top .number {
        border: 1px solid #2f8bff;
        color: #2f8bff; }
      .status-register .list-status .item.in-process .top .border-status {
        background-color: #2f8bff; }
      .status-register .list-status .item.item-finish .top .number {
        text-indent: -9999px;
        background-color: #2f8bff;
        background-image: url(/images/check.svg);
        background-repeat: no-repeat;
        background-position: center; }

.form-register {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px; }
  .form-register .content-form {
    max-width: 768px;
    width: 100%;
    margin: 0 auto; }
    .form-register .content-form.form-register {
      max-width: 570px; }
      .form-register .content-form.form-register .custom-checkbox {
        line-height: 1.2; }
        .form-register .content-form.form-register .custom-checkbox .custom-control-label::before {
          top: 2px; }
      .form-register .content-form.form-register .rulehref {
        font-size: 14px; }
      .form-register .content-form.form-register .font-14 {
        font-size: 14px;
        margin-bottom: 0; }
    .form-register .content-form .tab-content .form-row {
      max-width: 675px;
      margin: 0 auto; }
      .form-register .content-form .tab-content .form-row .col-md-12 {
        padding-left: 0; }
      .form-register .content-form .tab-content .form-row .col-md-9 {
        padding-left: 0; }
      .form-register .content-form .tab-content .form-row .col-md-3 {
        padding-right: 0; }
  .form-register .label-text {
    letter-spacing: 0.75px;
    text-transform: uppercase; }
  .form-register select {
    color: #363c58; }
  .form-register .group-radio {
    display: flex;
    align-items: center; }
    .form-register .group-radio .custom-radio {
      margin-right: 45px; }
      @media screen and (max-width: 480px) {
        .form-register .group-radio .custom-radio {
          margin-right: 15px; } }
      .form-register .group-radio .custom-radio .custom-control-label {
        font-size: 16px;
        color: #2f3447;
        font-weight: normal;
        white-space: nowrap; }
  .form-register .btn-verify {
    background: #727b89;
    border: 1px solid #727b89;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.8px;
    transition: 0.3s;
    white-space: nowrap; }
    .form-register .btn-verify:hover {
      background-color: #363c58; }
  .form-register .group-button {
    margin-top: 40px;
    display: flex;
    justify-content: center; }
    .form-register .group-button .btn {
      height: 44px;
      width: 160px;
      margin-right: 20px;
      text-transform: uppercase;
      background-color: #2F8BFF;
      color: #fff;
      font-weight: bold;
      font-size: 14px;
      letter-spacing: 0.8px;
      transition: 0.3s;
      display: flex;
      align-items: center;
      justify-content: center; }
      .form-register .group-button .btn:hover {
        background-color: #0066ee; }
      .form-register .group-button .btn.btn-close-register {
        background-color: #727b89; }
        .form-register .group-button .btn.btn-close-register:hover {
          background-color: #363c58; }
  .form-register .title-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative; }
    .form-register .title-form h2 {
      font-weight: bold;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      letter-spacing: 0.75px;
      color: #363c58;
      text-transform: uppercase;
      margin-bottom: 0;
      padding: 0 15px;
      white-space: nowrap;
      background-color: #fff; }
    .form-register .title-form::before {
      height: 1px;
      background-color: #cddbfc;
      content: "";
      width: 45%; }
    .form-register .title-form::after {
      height: 1px;
      background-color: #cddbfc;
      content: "";
      width: 45%; }
  .form-register .list-tab {
    display: flex;
    margin-top: 20px; }
    .form-register .list-tab .tab-item {
      width: calc(100% / 3);
      padding: 5px;
      background-color: #f7f9fc; }
      .form-register .list-tab .tab-item .nav-link {
        background-color: transparent;
        border: 0;
        width: 100%;
        text-align: center;
        padding: 15px 20px 11px 20px;
        font-size: 14px;
        color: #363c58;
        font-weight: bold;
        border-radius: 4px;
        transition: 0.3s; }
        @media screen and (max-width: 480px) {
          .form-register .list-tab .tab-item .nav-link {
            font-size: 10px; } }
        .form-register .list-tab .tab-item .nav-link.active {
          background-color: #2f8bff;
          color: #fff; }
        .form-register .list-tab .tab-item .nav-link:hover {
          background-color: #2f8bff;
          color: #fff; }
  .form-register .tab-content {
    margin-top: 50px; }
  .form-register.register-user {
    max-width: 100%;
    margin-top: 50px; }
    .form-register.register-user .title-form {
      max-width: 768px;
      margin: 0 auto; }
    .form-register.register-user .box-register {
      display: flex;
      margin-top: 45px;
      margin-bottom: 70px;
      justify-content: center; }
      .form-register.register-user .box-register .box-item {
        width: 168px;
        border: 1px solid #f0f1f5;
        border-radius: 4px;
        margin-right: 15px;
        padding: 40px 0;
        cursor: pointer; }
        .form-register.register-user .box-register .box-item:last-child {
          margin-right: 0; }
        .form-register.register-user .box-register .box-item .list-title {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 0 8px;
          margin-bottom: 0;
          list-style: none; }
          .form-register.register-user .box-register .box-item .list-title li {
            font-weight: normal;
            font-size: 14px;
            color: #fff;
            border-top: 1px solid #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 48px;
            width: 100%; }
            .form-register.register-user .box-register .box-item .list-title li:last-child {
              border-bottom: 1px solid #fff; }
        .form-register.register-user .box-register .box-item .list-status {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin-bottom: 0;
          list-style: none;
          padding: 0; }
          .form-register.register-user .box-register .box-item .list-status li {
            font-weight: normal;
            font-size: 16px;
            color: #2f3447;
            border-top: 1px solid transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 48px;
            width: 100%; }
            .form-register.register-user .box-register .box-item .list-status li:nth-child(2n + 1) {
              background-color: #f7f9fc; }
        .form-register.register-user .box-register .box-item .check-status {
          display: flex;
          justify-content: center;
          align-items: center;
          padding-top: 56px;
          padding-bottom: 16px; }
          .form-register.register-user .box-register .box-item .check-status .check {
            width: 52px;
            height: 52px;
            background: #f0f2f5;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center; }
            .form-register.register-user .box-register .box-item .check-status .check .icon-check {
              background-image: url(../images/check-01.svg);
              width: 100%;
              height: 100%;
              background-position: center;
              background-repeat: no-repeat; }
        .form-register.register-user .box-register .box-item:nth-child(1) {
          background-color: #2f8bff;
          pointer-events: none; }
        .form-register.register-user .box-register .box-item .total-top {
          height: 140px; }
          .form-register.register-user .box-register .box-item .total-top h4 {
            text-align: center;
            font-weight: bold;
            font-size: 18px;
            letter-spacing: 1px;
            color: #363c58; }
          .form-register.register-user .box-register .box-item .total-top .prices {
            font-weight: bold;
            font-size: 24px;
            color: #363c58;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 5px; }
            .form-register.register-user .box-register .box-item .total-top .prices span {
              font-weight: normal;
              font-size: 16px;
              color: #9498ab; }
          .form-register.register-user .box-register .box-item .total-top .vat {
            font-weight: normal;
            font-size: 14px;
            color: #9498ab;
            display: block;
            text-align: center; }
        .form-register.register-user .box-register .box-item.active {
          border-color: #2f8bff;
          box-shadow: 0px 4px 16px #1a243114, 0px 16px 16px #1a24310a; }
          .form-register.register-user .box-register .box-item.active .check-status .check {
            background: #43c588; }
            .form-register.register-user .box-register .box-item.active .check-status .check .icon-check {
              background-image: url(../images/check-02.svg); }
    .form-register.register-user .extra-service {
      max-width: 768px;
      margin: 0 auto;
      margin-top: 50px;
      margin-bottom: 60px; }
      .form-register.register-user .extra-service .extra-item {
        display: flex;
        background: #f7f9fc;
        padding: 11px 0; }
        .form-register.register-user .extra-service .extra-item .item {
          width: 50%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .form-register.register-user .extra-service .extra-item .item h4 {
            font-weight: bold;
            font-size: 16px;
            color: #05060b; }
            .form-register.register-user .extra-service .extra-item .item h4 span {
              font-weight: normal;
              font-size: 14px;
              color: #9496ab; }
          .form-register.register-user .extra-service .extra-item .item .text-extra {
            font-weight: normal;
            font-size: 16px;
            color: #05060b;
            margin-bottom: 0; }
          .form-register.register-user .extra-service .extra-item .item .form-check .custom-control-label::after {
            top: 0.25rem; }
          .form-register.register-user .extra-service .extra-item .item .form-check .custom-control-label::before {
            top: 0.25rem; }
    .form-register.register-user .method-payment {
      max-width: 705px;
      margin: 0 auto;
      margin-top: 60px; }
      .form-register.register-user .method-payment .top {
        display: flex; }
        .form-register.register-user .method-payment .top .item-top {
          width: 50%;
          display: flex;
          align-items: center; }
          .form-register.register-user .method-payment .top .item-top .dropdown {
            margin-left: 20px; }
            .form-register.register-user .method-payment .top .item-top .dropdown .btn {
              border: 1px solid #c0c2c7;
              box-sizing: border-box;
              border-radius: 3px;
              height: 44px;
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 160px;
              font-weight: normal;
              font-size: 16px;
              color: #363c58; }
            .form-register.register-user .method-payment .top .item-top .dropdown .dropdown-menu {
              padding: 0;
              box-shadow: 0px 4px 16px #1a243114, 0px 16px 16px #1a24310a;
              border-radius: 4px; }
              .form-register.register-user .method-payment .top .item-top .dropdown .dropdown-menu .dropdown-item {
                font-weight: normal;
                font-size: 16px;
                color: #363c58;
                padding: 10px 15px; }
                .form-register.register-user .method-payment .top .item-top .dropdown .dropdown-menu .dropdown-item:hover {
                  background: #f0f2f5; }
      .form-register.register-user .method-payment .prices-payment {
        background-image: url(../../images/Union.svg);
        padding: 18px 55px 7px 55px;
        background-position: bottom;
        background-repeat: no-repeat;
        margin-top: 50px;
        border-top: 4px solid #c9d9ff;
        background-size: cover; }
        .form-register.register-user .method-payment .prices-payment .list-payment {
          padding: 0;
          border-bottom: 1px solid #c9d9ff;
          margin-bottom: 18px; }
          .form-register.register-user .method-payment .prices-payment .list-payment li {
            display: flex;
            margin-bottom: 18px; }
            .form-register.register-user .method-payment .prices-payment .list-payment li .left {
              width: 70%;
              display: flex;
              align-items: center; }
              .form-register.register-user .method-payment .prices-payment .list-payment li .left p {
                margin-bottom: 0;
                font-weight: normal;
                font-size: 14px;
                color: #363c58;
                width: 40%; }
                .form-register.register-user .method-payment .prices-payment .list-payment li .left p.text-bold {
                  width: 60%; }
                  .form-register.register-user .method-payment .prices-payment .list-payment li .left p.text-bold span {
                    font-weight: normal;
                    margin-left: 2px; }
            .form-register.register-user .method-payment .prices-payment .list-payment li .right {
              width: 30%; }
              .form-register.register-user .method-payment .prices-payment .list-payment li .right p {
                text-align: right;
                margin-bottom: 0;
                font-weight: 600;
                font-size: 16px;
                color: #363c58; }
        .form-register.register-user .method-payment .prices-payment .total-payment {
          display: flex;
          justify-content: space-between; }
          .form-register.register-user .method-payment .prices-payment .total-payment p {
            font-weight: normal;
            font-size: 16px;
            color: #05060b;
            margin-bottom: 10px; }
            .form-register.register-user .method-payment .prices-payment .total-payment p.text-reds {
              color: #ff3963;
              font-weight: bold; }
            .form-register.register-user .method-payment .prices-payment .total-payment p span {
              font-weight: normal;
              font-size: 12px;
              color: #9496ab; }
          .form-register.register-user .method-payment .prices-payment .total-payment.sub-total p {
            font-size: 14px;
            padding-left: 10px;
            margin-bottom: 18px; }
      .form-register.register-user .method-payment .text-payment {
        padding: 35px;
        border: 1px solid #C9D9FF;
        position: relative;
        margin-bottom: 100px;
        margin-top: 40px; }
        .form-register.register-user .method-payment .text-payment h4,
        .form-register.register-user .method-payment .text-payment p {
          font-size: 14px !important;
          color: #f56264;
          font-weight: normal; }
        .form-register.register-user .method-payment .text-payment h4 {
          margin-bottom: 16px; }
        .form-register.register-user .method-payment .text-payment p {
          margin-bottom: 0; }
        .form-register.register-user .method-payment .text-payment .check-text-payment {
          position: absolute;
          bottom: -15px;
          left: 25px;
          background-color: #fff;
          padding-left: 10px; }
          .form-register.register-user .method-payment .text-payment .check-text-payment .custom-control-label {
            line-height: 1.2; }
    .form-register.register-user .payment-information {
      max-width: 810px;
      margin: 0 auto;
      padding: 50px 50px 40px 50px;
      border: 1px solid #C9D9FF;
      border-top: 0;
      margin-top: -10px; }
      .form-register.register-user .payment-information .form-group {
        align-items: center; }
        .form-register.register-user .payment-information .form-group .form-control {
          height: 44px; }
        .form-register.register-user .payment-information .form-group .form-date {
          position: relative; }
          .form-register.register-user .payment-information .form-group .form-date img {
            position: absolute;
            right: 15px;
            top: 23%; }
      .form-register.register-user .payment-information .button-information {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px; }
        .form-register.register-user .payment-information .button-information .btn {
          width: 160px !important;
          height: 44px;
          display: flex;
          justify-content: center;
          align-items: center;
          letter-spacing: 0.8px;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: bold;
          color: #fff;
          background-color: #43C588;
          margin: 0 5px; }
          .form-register.register-user .payment-information .button-information .btn:hover {
            opacity: 0.8; }
          .form-register.register-user .payment-information .button-information .btn.btn-yellow {
            background: #F8BA34;
            width: 178px; }
    .form-register.register-user .form-inputs {
      max-width: 675px;
      margin: 0 auto; }

.content-register-modal .img-check {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px; }

.content-register-modal h4 {
  font-weight: 600;
  font-size: 18px;
  color: #05060b;
  margin-top: 25px; }

.content-register-modal p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #363c58; }

.content-register-modal .btn-ok {
  display: block;
  height: 44px;
  background-color: #2F8BFF;
  font-size: 14px;
  color: #fff;
  margin: 0 auto;
  border: 0;
  margin-top: 80px;
  margin-bottom: 20px;
  text-transform: uppercase;
  padding: 5px 25px;
  white-space: nowrap; }
  .content-register-modal .btn-ok:hover {
    background-color: #0066ee; }

.list-card {
  margin-bottom: 50px;
  padding: 0 10px; }
  .list-card .card {
    padding: 5px 5px 15px 5px;
    border: 1px dashed #d7d8df; }
    @media screen and (max-width: 480px) {
      .list-card .card {
        margin-bottom: 15px; } }
    .list-card .card .content-card {
      padding-left: 2px;
      margin-top: 12px; }
      .list-card .card .content-card h5 {
        font-size: 12px;
        color: #05060b;
        font-weight: normal;
        text-align: center; }
      .list-card .card .content-card h3 {
        font-size: 24px;
        color: #05060b;
        font-weight: bold;
        display: flex;
        align-items: flex-start;
        margin: 15px 0 5px 0;
        justify-content: center; }
        .list-card .card .content-card h3 span {
          font-size: 12px;
          font-weight: normal;
          color: #05060b;
          margin-right: 5px;
          padding-top: 3px; }
      .list-card .card .content-card h4 {
        font-weight: normal;
        font-size: 14px;
        line-height: 23px;
        text-align: center;
        text-decoration-line: line-through;
        color: #9498ab;
        margin-bottom: 5px; }
      .list-card .card .content-card .sale-number {
        display: flex;
        justify-content: center; }
        .list-card .card .content-card .sale-number span {
          width: 68px;
          height: 22px;
          font-weight: normal;
          font-size: 12px;
          background: #ff3963;
          border-radius: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff; }
    .list-card .card.card-active {
      background-color: #f5f8fc; }

.form-search-id {
  padding-top: 50px; }
  .form-search-id form {
    max-width: 530px;
    margin: 0 auto;
    margin-top: 70px; }
    .form-search-id form .card-search {
      border-color: #fff; }
      .form-search-id form .card-search .card-header {
        padding: 0 18px;
        background: #f5f8fc;
        border-color: #fff; }
        .form-search-id form .card-search .card-header .btn-collapsed {
          font-weight: normal;
          font-size: 16px;
          color: #363C58;
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          padding: 16px 0; }
          .form-search-id form .card-search .card-header .btn-collapsed:focus {
            outline: 0;
            box-shadow: none; }
          .form-search-id form .card-search .card-header .btn-collapsed span {
            width: calc(100% - 20px);
            text-align: left;
            display: flex;
            align-items: center; }
            .form-search-id form .card-search .card-header .btn-collapsed span img {
              margin-right: 10px; }
          .form-search-id form .card-search .card-header .btn-collapsed .custom-radio {
            width: 20px; }
      .form-search-id form .card-search .card-body {
        border: 1px solid #f5f8fc;
        padding: 16px 18px; }
        .form-search-id form .card-search .card-body .label-text {
          font-weight: bold;
          font-size: 12px;
          letter-spacing: 0.75px;
          text-transform: uppercase; }
        .form-search-id form .card-search .card-body select {
          color: #363C58; }
          .form-search-id form .card-search .card-body select.is-invalid {
            background-position: right calc(13px + .1875rem) center; }
  .form-search-id .submit-form .btn {
    padding: 0 45px;
    white-space: nowrap;
    display: inline-block;
    line-height: 44px;
    margin: 0 8px; }
    .form-search-id .submit-form .btn:nth-child(2) {
      background-color: #747E99; }
      .form-search-id .submit-form .btn:nth-child(2):hover {
        background-color: #363C58; }

.result-search {
  max-width: 390px;
  margin: 0 auto;
  margin-bottom: 250px; }
  .result-search .item-result {
    border-bottom: 1px solid #F5F8FC;
    padding: 10px 0; }
    .result-search .item-result .left {
      display: flex; }
      .result-search .item-result .left .custom-control {
        margin-right: 18px; }
      .result-search .item-result .left span {
        font-weight: normal;
        font-size: 16px;
        color: #363C58;
        margin-left: 10px; }
        .result-search .item-result .left span.id-number {
          color: #2F8BFF;
          margin-left: 18px;
          font-weight: 600; }
    .result-search .item-result .right {
      display: flex;
      margin-bottom: 0;
      justify-content: space-between;
      font-weight: normal;
      font-size: 16px;
      color: #363C58; }
      .result-search .item-result .right span {
        color: #363C58;
        font-weight: 600; }

.form-reset-password {
  max-width: 620px;
  width: 100%;
  margin: 0 auto;
  padding-top: 55px; }
  .form-reset-password form {
    max-width: 490px;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px; }
    .form-reset-password form .text-radio {
      font-weight: normal;
      font-size: 16px;
      color: #9498AB; }
      .form-reset-password form .text-radio span {
        color: #2F3447;
        font-weight: 600; }

.modal-penalty .modal-body .list-item.list_custom_01 li:nth-child(2n) {
  background-color: #F5F8FC; }

.notification-wrapper {
  margin: 40px 0; }
  .notification-wrapper .list-tabs {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 0;
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    justify-content: center;
    height: 50px; }
    .notification-wrapper .list-tabs .button-add-notifi {
      position: absolute;
      right: 0;
      top: 0; }
    .notification-wrapper .list-tabs .nav-item {
      padding: 0;
      border: 0;
      padding-bottom: 1px; }
      .notification-wrapper .list-tabs .nav-item a {
        padding: 0 40px;
        border: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #12183729;
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        color: #9498AB;
        font-size: 14px;
        position: relative; }
        .notification-wrapper .list-tabs .nav-item a::before {
          content: '';
          width: 0;
          height: 2px;
          background-color: #2F8BFF;
          position: absolute;
          left: 0;
          bottom: -1px;
          display: none;
          transition: width .3s; }
        .notification-wrapper .list-tabs .nav-item a:hover {
          color: #2F8BFF; }
        .notification-wrapper .list-tabs .nav-item a.active {
          color: #2F8BFF; }
          .notification-wrapper .list-tabs .nav-item a.active::before {
            display: block;
            width: 100%; }

.content-notification {
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
  margin-top: 50px; }
  .content-notification .item-notification {
    padding: 11px 15px;
    border-top: 1px dashed #C9D9FF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer; }
    .content-notification .item-notification:hover {
      background-color: #e5effb; }
    .content-notification .item-notification .left {
      width: calc(100% - 100px);
      position: relative;
      transition: 3s ease-in; }
      .content-notification .item-notification .left h2 {
        color: #3E3F42;
        font-weight: 600;
        font-size: 16px;
        cursor: pointer; }
      .content-notification .item-notification .left .date-like {
        display: flex;
        align-items: center; }
        .content-notification .item-notification .left .date-like .item {
          margin-right: 20px;
          display: flex;
          align-items: center; }
          .content-notification .item-notification .left .date-like .item img {
            margin-right: 6px; }
          .content-notification .item-notification .left .date-like .item span {
            font-weight: normal;
            font-size: 13px;
            color: #9498AB; }
      .content-notification .item-notification .left .pop-detail {
        position: absolute;
        z-index: 2;
        top: 20px;
        width: 530px;
        display: none;
        border: 1px solid #e1e1e1;
        padding-bottom: 20px;
        background-color: #fff; }
        .content-notification .item-notification .left .pop-detail .modal-content {
          border: 0; }
          .content-notification .item-notification .left .pop-detail .modal-content .modal-title {
            font-weight: bold;
            padding-left: 0; }
          .content-notification .item-notification .left .pop-detail .modal-content .box_content p {
            font-size: 16px;
            color: #3E3F42; }
        .content-notification .item-notification .left .pop-detail .modal-body {
          max-height: 50vh;
          overflow: auto;
          padding: 0 20px; }
          .content-notification .item-notification .left .pop-detail .modal-body::-webkit-scrollbar {
            width: 8px;
            height: 50px;
            right: 10px;
            min-height: 50px; }
          .content-notification .item-notification .left .pop-detail .modal-body::-webkit-scrollbar-thumb {
            border-radius: 0;
            background: transparent;
            right: 10px;
            min-height: 50px; }
          .content-notification .item-notification .left .pop-detail .modal-body::-webkit-scrollbar-track {
            background: #fff;
            height: 50px;
            min-height: 50px;
            border-radius: 0; }
          .content-notification .item-notification .left .pop-detail .modal-body:hover::-webkit-scrollbar-thumb {
            border-radius: 0;
            background: #c9d9ff;
            height: 50px;
            min-height: 50px; }
      .content-notification .item-notification .left:hover .pop-detail {
        display: block; }
    .content-notification .item-notification:last-child {
      border-bottom: 1px dashed #C9D9FF; }
    .content-notification .item-notification .right .btn i {
      color: #9498AB; }
      .content-notification .item-notification .right .btn i.far.fa-edit {
        margin-right: 10px; }

.pagination-notifi {
  display: flex;
  justify-content: center;
  margin-top: 70px; }
  .pagination-notifi .pagination .page-item {
    margin: 0 12px; }
    .pagination-notifi .pagination .page-item .page-link {
      border: 0;
      display: flex;
      width: 28px;
      height: 28px;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      color: #9498AB;
      border-radius: 50%; }
      .pagination-notifi .pagination .page-item .page-link span {
        justify-content: center;
        align-items: center;
        width: 28px;
        height: 28px;
        display: block; }
        .pagination-notifi .pagination .page-item .page-link span img {
          opacity: 0; }
    .pagination-notifi .pagination .page-item.active .page-link {
      background-color: #2F8BFF;
      color: #fff; }
    .pagination-notifi .pagination .page-item.item-previous {
      margin-right: 50px; }
      .pagination-notifi .pagination .page-item.item-previous .page-link {
        background-color: #F0F2F5;
        background-image: url(/images/Left.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto; }
    .pagination-notifi .pagination .page-item.item-next {
      margin-left: 50px; }
      .pagination-notifi .pagination .page-item.item-next .page-link {
        background-color: #F0F2F5;
        background-image: url(/images/Right.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto; }
    .pagination-notifi .pagination .page-item:hover .page-link {
      background-color: #2F8BFF;
      color: #fff; }

.container_nofitication {
  max-width: 1110px;
  margin: 0 auto; }
  .container_nofitication .box_title {
    padding: 20px 0 5px 0; }
    .container_nofitication .box_title h1 {
      font-style: normal;
      font-weight: 600;
      font-size: 21px;
      line-height: 22px;
      color: #3E3F42; }
    .container_nofitication .box_title .sub {
      display: flex;
      align-items: center; }
      .container_nofitication .box_title .sub i {
        font-size: 14px;
        color: #2F8BFF;
        margin-right: 5px; }
      .container_nofitication .box_title .sub span {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        color: #9498AB; }
    .container_nofitication .box_title .flex-row.justify-content-start .sub {
      position: relative; }
      .container_nofitication .box_title .flex-row.justify-content-start .sub:last-child {
        margin-left: 15px; }
        .container_nofitication .box_title .flex-row.justify-content-start .sub:last-child::before {
          content: '';
          position: absolute;
          width: 1px;
          height: 60%;
          background-color: #727B89;
          left: -17.5px;
          top: 20%; }
  .container_nofitication .box_content {
    padding: 20px 0;
    border-bottom: 1px dashed #CDDBFC;
    border-top: 1px dashed #CDDBFC;
    margin-bottom: 50px; }
    .container_nofitication .box_content h3 {
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      color: #3E3F42; }
    .container_nofitication .box_content a {
      font-size: 14px; }
    .container_nofitication .box_content p {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: normal; }
    .container_nofitication .box_content img {
      height: auto !important;
      margin-top: 24px;
      margin-bottom: 36px; }
  .container_nofitication .box_comment {
    padding: 18px 0; }
    .container_nofitication .box_comment .title {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .container_nofitication .box_comment .title h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #3E3F42; }
      .container_nofitication .box_comment .title .btn_outline_primary {
        color: #2F8BFF;
        border: 1px solid #2F8BFF;
        border-radius: 24px; }
        .container_nofitication .box_comment .title .btn_outline_primary span {
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 16px; }
        .container_nofitication .box_comment .title .btn_outline_primary:hover {
          background-color: #0066ee;
          color: #fff; }
    .container_nofitication .box_comment .content_comment .user_comment {
      display: flex;
      align-items: flex-start; }
      .container_nofitication .box_comment .content_comment .user_comment h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: #3E3F42; }
      .container_nofitication .box_comment .content_comment .user_comment span {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        color: #9498AB; }
    .container_nofitication .box_comment .content_comment .reply a {
      text-decoration: none;
      color: #2F8BFF; }
      .container_nofitication .box_comment .content_comment .reply a span {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 23px; }

.add-notification {
  margin-top: 40px; }
  .add-notification .top {
    display: flex;
    justify-content: flex-end; }
    .add-notification .top .group-button {
      display: flex;
      align-items: center; }
      .add-notification .top .group-button span {
        font-size: 13px;
        color: #05060B; }
      .add-notification .top .group-button .btn-left {
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        color: #05060B; }
        .add-notification .top .group-button .btn-left:hover {
          color: #2F8BFF; }
      .add-notification .top .group-button .btn-submit {
        margin-left: 30px; }
  .add-notification .content-add {
    margin-top: 30px;
    height: calc(100vh - 190px); }
    .add-notification .content-add .right {
      padding: 0 20px; }
      .add-notification .content-add .right .title {
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        color: #05060B; }
      .add-notification .content-add .right .form-group .box-setting .box-radio .custom-checkbox {
        margin-bottom: 15px; }
  .add-notification .toggle-custom {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 14px; }
    .add-notification .toggle-custom input {
      display: none; }
      .add-notification .toggle-custom input:checked + label {
        background-color: #2f8bff; }
        .add-notification .toggle-custom input:checked + label::after {
          left: 17px; }
      .add-notification .toggle-custom input:checked ~ span:last-of-type {
        color: #1e2532;
        opacity: 1; }
      .add-notification .toggle-custom input:checked ~ span:first-of-type {
        color: #D7D8DF;
        opacity: 0.6; }
    .add-notification .toggle-custom label {
      position: relative;
      display: inline-block;
      width: 38px;
      height: 23px;
      background-color: #D7D8DF;
      border-radius: 20px;
      cursor: pointer;
      order: 2;
      transition: all .2s ease-in-out;
      margin-bottom: 0; }
      .add-notification .toggle-custom label::after {
        content: '';
        width: 17px;
        height: 17px;
        position: absolute;
        top: 3px;
        left: 4px;
        border-radius: 50%;
        background-color: #fff;
        transition: all .2s ease-in-out; }
    .add-notification .toggle-custom span {
      color: #7e8aa2;
      opacity: 0.6;
      transition: opacity .2s ease-in-out, color .2s ease-in-out; }
      .add-notification .toggle-custom span:first-of-type {
        padding-right: 10px;
        color: #1e2532;
        opacity: 1;
        order: 1; }
      .add-notification .toggle-custom span:last-of-type {
        padding-left: 10px;
        order: 3; }
  .add-notification .note-editor.note-frame .note-editing-area .note-editable {
    height: calc(100vh - 260px); }

.page_profile {
  margin-top: 30px;
  padding-bottom: 30px; }
  .page_profile .info_profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 170px; }
    .page_profile .info_profile .btn-gray {
      width: 120px;
      height: 44px;
      background: #747E99;
      border-radius: 5px;
      font-size: 14px;
      padding: 0; }
      .page_profile .info_profile .btn-gray i {
        padding-left: 5px !important; }
        .page_profile .info_profile .btn-gray i::before {
          font-size: 16px; }
      .page_profile .info_profile .btn-gray:hover {
        background: #363C58; }
    .page_profile .info_profile .box_info {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: auto;
      position: relative; }
      .page_profile .info_profile .box_info .avatar {
        background-color: #AFB7CC;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        color: #fff;
        font-size: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 25px; }
        .page_profile .info_profile .box_info .avatar img {
          width: 100%;
          height: 100%;
          border-radius: 50%; }
      .page_profile .info_profile .box_info .info span {
        display: block; }
      .page_profile .info_profile .box_info .info .name {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #3B4859; }
      .page_profile .info_profile .box_info .info .package, .page_profile .info_profile .box_info .info .id {
        font-weight: normal;
        font-size: 12px;
        line-height: 20px; }
      .page_profile .info_profile .box_info .info .package {
        color: #39475B; }
      .page_profile .info_profile .box_info .info .id {
        color: #8998AC;
        letter-spacing: 0.5px;
        font-style: italic; }
      .page_profile .info_profile .box_info .btn-add-img {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #fff;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 20px;
        top: -2px;
        box-shadow: 0px 4px 15px #00000026; }
        .page_profile .info_profile .box_info .btn-add-img:hover {
          filter: drop-shadow(1px 0px 2px #000); }
  .page_profile .form_profile {
    padding: 0 161px; }
    .page_profile .form_profile .form-row .form-group {
      margin-bottom: 22px !important; }
      .page_profile .form_profile .form-row .form-group .label-text {
        margin-bottom: 4px !important; }
    .page_profile .form_profile .label_text {
      font-style: normal;
      font-weight: bold;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0.75px;
      text-transform: uppercase;
      color: #9498AB; }
    .page_profile .form_profile .form-row > [class*=col-] {
      padding-right: 10px;
      padding-left: 10px; }

.bg_input {
  background-color: #F5F8FC;
  border: none; }

.btn.btn_edit_profile {
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  background: #AFB7CC;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  border-radius: 5px; }
  .btn.btn_edit_profile:hover {
    background-color: #9498AB;
    color: #fff; }

.edit_form_profile {
  width: 500px;
  margin: 0 auto; }
  .edit_form_profile .info_profile {
    padding-top: 0;
    padding-bottom: 32px;
    padding-left: 0; }
    .edit_form_profile .info_profile .box_info .form-row .form-group .avatar img {
      border-radius: 50%;
      width: 80px;
      height: 80px;
      object-fit: cover; }
  .edit_form_profile .label-text {
    margin-bottom: 4px; }

.wrapper_coupon {
  margin-top: 15px; }
  .wrapper_coupon .my_coupon {
    padding: 60px 70px !important; }
    @media screen and (max-width: 1024) {
      .wrapper_coupon .my_coupon {
        width: 810px;
        margin: 0 auto; } }
    .wrapper_coupon .my_coupon .table-responsive {
      padding: 0 10px; }
    .wrapper_coupon .my_coupon .table thead th:last-child {
      padding-right: 30px; }
    .wrapper_coupon .my_coupon .table tbody tr td p {
      margin-bottom: 0; }

.thead_bg {
  background-color: #f5f8fc; }

.table_striped thead {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #2f3447; }
  .table_striped thead th {
    white-space: nowrap; }

.table_striped tbody {
  color: #9498ab;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px; }
  .table_striped tbody tr {
    background-color: #f5f8fc; }
    .table_striped tbody tr:nth-of-type(odd) {
      background-color: #ffffff; }
    .table_striped tbody tr td a {
      color: #9498ab; }
      .table_striped tbody tr td a:hover {
        color: #2f3447; }
    .table_striped tbody tr td .fas.fa-share-alt {
      margin-right: 10px; }
    .table_striped tbody tr td:nth-child(2) {
      white-space: normal;
      width: 350px; }
    .table_striped tbody tr td:nth-child(3) {
      white-space: normal;
      width: 350px; }
    .table_striped tbody tr td:nth-child(4) {
      white-space: nowrap; }
    .table_striped tbody tr td:nth-child(5) {
      white-space: nowrap; }

#delete_coupon .btn {
  height: 44px;
  margin-right: 10px;
  text-transform: uppercase;
  background-color: #2F8BFF;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.8px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none; }
  #delete_coupon .btn.btn_delete {
    background-color: #2f8bff;
    width: 120px; }
    #delete_coupon .btn.btn_delete:hover {
      background-color: #0066ee;
      color: #fff; }
    #delete_coupon .btn.btn_delete:active,
    #delete_coupon .btn.btn_delete :focus {
      outline: none;
      box-shadow: none; }
  #delete_coupon .btn.btn_close {
    background-color: #727b89; }
    #delete_coupon .btn.btn_close:hover {
      background-color: #363c58;
      color: #fff; }
    #delete_coupon .btn.btn_close:active,
    #delete_coupon .btn.btn_close :focus {
      outline: none;
      box-shadow: none; }

.notification_delete {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #363c58; }
  .notification_delete span {
    color: #9496ab; }

.header_modal {
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 0; }
  .header_modal h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #2f3447; }

.box_modal_sharing {
  display: flex;
  flex-direction: row;
  padding: 65px 30px 20px 30px;
  flex-wrap: wrap;
  justify-content: center; }
  .box_modal_sharing .box_social {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 20%;
    margin-bottom: 39px; }
    .box_modal_sharing .box_social a {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 32px; }
      .box_modal_sharing .box_social a img {
        width: 32px;
        height: 32px; }
    .box_modal_sharing .box_social span {
      font-style: normal;
      font-weight: normal;
      font-size: 13px;
      line-height: 18px;
      color: #9498ab; }

@media screen and (max-width: 1024) {
  .seller_manager {
    width: 644px;
    margin: 0 auto; } }

.seller_manager .table-borderless tr {
  cursor: inherit; }

.box_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 50px 0; }
  .box_header .limited_seller, .box_header .number_seller {
    font-family: 'Montserrat';
    font-style: normal;
    line-height: 20px;
    color: #2F3447;
    margin-bottom: 5px; }
  .box_header .limited_seller {
    font-weight: 550;
    font-size: 16px; }
  .box_header .number_seller {
    font-weight: normal;
    font-size: 12px; }

.form_add_seller {
  padding: 0 80px; }
  .form_add_seller .form-control {
    color: #9496AB;
    outline: none;
    box-shadow: none; }
    .form_add_seller .form-control:disabled {
      color: #05060B; }

.btn_create {
  height: 44px;
  width: 146px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2F8BFF;
  color: #fff; }
  .btn_create:hover {
    background-color: #0066ee;
    color: #fff;
    outline: none;
    box-shadow: none; }
  .btn_create:active, .btn_create:focus {
    outline: none;
    box-shadow: none;
    outline: none;
    box-shadow: none; }

.title_header {
  text-align: center;
  margin-bottom: 40px; }
  .title_header h5 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #2F3447; }

.btn_certification, .btn_confirm {
  background-color: #727B89;
  border: 1px solid #AEB9CA;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  height: 44px;
  padding: 0 30px;
  outline: none;
  box-shadow: none;
  width: 100%;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase; }
  .btn_certification:hover, .btn_confirm:hover {
    background-color: #9498AB;
    color: #fff; }
  .btn_certification:active, .btn_certification:focus, .btn_confirm:active, .btn_confirm:focus {
    outline: none;
    box-shadow: none; }

.btn_close {
  background-color: #727B89;
  color: #fff;
  height: 44px;
  padding: 0 50px;
  font-size: 14px;
  font-weight: bold; }
  .btn_close:hover {
    background-color: #363C58;
    color: #fff; }
  .btn_close:active, .btn_close :focus {
    outline: none;
    box-shadow: none; }

.btn_save {
  background-color: #2F8BFF;
  color: #fff;
  height: 44px;
  padding: 0 50px; }
  .btn_save:hover {
    background-color: #0066ee;
    color: #fff; }
  .btn_save:active, .btn_save :focus {
    outline: none;
    box-shadow: none; }

.form-register.payment_management .content-form {
  max-width: 768px; }
  .form-register.payment_management .content-form .list-tab {
    padding: 0px 120px;
    border-bottom: none; }
    .form-register.payment_management .content-form .list-tab .tab-item {
      width: calc(100% / 2); }

.form-register.payment_management .tab-content {
  width: 100%; }
  .form-register.payment_management .tab-content .list-card {
    padding: 0 10px; }

.form-register .btn-gray, .form-register .btn-submit {
  width: 160px;
  padding: 0; }

.banner {
  width: 100%;
  height: 104px;
  background: linear-gradient(-135deg, #F5F8FC 5px, transparent 0) 0 5px, linear-gradient(135deg, #F5F8FC 5px, #fff 0) 0 5px;
  background-color: #F5F8FC;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 10px 10px;
  border-top: 4px solid #CDDBFC;
  display: flex;
  justify-content: start; }
  .banner .box_banner {
    padding: 15px;
    width: 100%; }
    .banner .box_banner:first-child {
      position: relative; }
      .banner .box_banner:first-child::before {
        position: absolute;
        content: '';
        top: 45%;
        right: -34px;
        width: 65px;
        border: 0.5px solid #CDDBFC;
        transform: rotate(90deg); }
    .banner .box_banner .payment_detail {
      display: flex;
      justify-content: space-between; }
      .banner .box_banner .payment_detail .payment_detail_title {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #363C58; }
      .banner .box_banner .payment_detail .payment_detail_price {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #FF3963; }
    .banner .box_banner .payment_total {
      display: flex;
      flex-direction: column; }
      .banner .box_banner .payment_total .payment_total_title {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #363C58; }
      .banner .box_banner .payment_total .payment_total_price {
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 30px;
        color: #FF3963; }

.info-payment {
  font-size: 16px;
  padding: 10px 15px;
  margin-bottom: 25px; }

.text-link {
  color: #2F8BFF;
  font-style: normal;
  font-weight: normal; }
  .text-link.red {
    color: #ff877c; }

.btn_purchase {
  border: 1px solid #2F8BFF;
  box-sizing: border-box;
  border-radius: 5px;
  background: #2F8BFF;
  color: #fff; }
  .btn_purchase:hover {
    background-color: #0066ee;
    color: #fff; }
  .btn_purchase:focus, .btn_purchase :active {
    outline: none;
    box-shadow: none; }

.payment-top {
  display: flex;
  max-width: 768px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center; }
  .payment-top .border-pay {
    height: 13px;
    width: 1px;
    background-color: #363C58;
    margin: 0 15px;
    display: inline-block; }

.table-payment {
  max-width: 768px;
  margin: 0 auto;
  margin-top: 35px; }
  .table-payment thead tr th {
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    color: #05060B;
    border: 0;
    background: #F5F8FC; }
    .table-payment thead tr th:first-child {
      width: 20%; }
    .table-payment thead tr th:nth-child(2) {
      width: 30%; }
    .table-payment thead tr th:nth-child(3) {
      width: 15%; }
    .table-payment thead tr th:nth-child(4) {
      width: 15%; }
    .table-payment thead tr th:nth-child(5) {
      width: 20%; }
  .table-payment tbody tr {
    height: 48px; }
    .table-payment tbody tr td {
      vertical-align: middle;
      font-weight: normal;
      font-size: 12px;
      color: #363C58;
      border-bottom: 1px dashed #C9D9FF;
      border-top: 0; }
    .table-payment tbody tr:nth-child(2n+2) td {
      background-color: #F5F8FC; }

.form-register.payment_management {
  color: #363C58; }
  .form-register.payment_management .content-form {
    max-width: 768px; }
    .form-register.payment_management .content-form .title-payment {
      font-size: 18px;
      color: #363C58;
      font-weight: bold; }
    .form-register.payment_management .content-form .select-payment-method {
      font-size: 14px;
      color: #363C58;
      font-weight: bold; }
    .form-register.payment_management .content-form .pay-mth {
      font-size: 16px;
      color: #363C58; }
    .form-register.payment_management .content-form .label-text {
      font-weight: bold;
      color: #363C58;
      font-size: 14px; }
    .form-register.payment_management .content-form .list-tab {
      padding: 0px 120px;
      border-bottom: none; }
      .form-register.payment_management .content-form .list-tab .tab-item {
        width: calc(100% / 2); }
    .form-register.payment_management .content-form .agree-color {
      color: #2F8BFF;
      border-bottom: 1px solid #2F8BFF;
      font-weight: bold; }
      .form-register.payment_management .content-form .agree-color:hover {
        cursor: pointer; }
    .form-register.payment_management .content-form .none-text {
      height: 21px; }
    .form-register.payment_management .content-form .text-extra {
      font-size: 14px;
      color: #363C58; }
  .form-register.payment_management .tab-content {
    width: 100%; }
    .form-register.payment_management .tab-content .list-card {
      padding: 0 10px; }

.form-register .btn-gray, .form-register .btn-submit {
  width: 160px;
  padding: 0; }

.info-payment {
  font-size: 16px;
  padding: 10px 15px;
  margin-bottom: 25px; }

.text-link {
  color: #2F8BFF;
  font-style: normal;
  font-weight: normal; }
  .text-link.red {
    color: #ff877c; }

.btn_purchase {
  border: 1px solid #2F8BFF;
  box-sizing: border-box;
  border-radius: 5px;
  background: #2F8BFF;
  color: #fff; }
  .btn_purchase:hover {
    background-color: #0066ee;
    color: #fff; }
  .btn_purchase:focus, .btn_purchase :active {
    outline: none;
    box-shadow: none; }

.payment-top {
  display: flex;
  max-width: 768px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center; }
  .payment-top .border-pay {
    height: 13px;
    width: 1px;
    background-color: #363C58;
    margin: 0 15px;
    display: inline-block; }

.table-payment {
  max-width: 768px;
  margin: 0 auto;
  margin-top: 35px; }
  .table-payment thead tr th {
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    color: #05060B;
    border: 0;
    background: #F5F8FC; }
    .table-payment thead tr th:first-child {
      width: 20%; }
    .table-payment thead tr th:nth-child(2) {
      width: 30%; }
    .table-payment thead tr th:nth-child(3) {
      width: 15%; }
    .table-payment thead tr th:nth-child(4) {
      width: 15%; }
    .table-payment thead tr th:nth-child(5) {
      width: 20%; }
  .table-payment tbody tr {
    height: 48px; }
    .table-payment tbody tr td {
      vertical-align: middle;
      font-weight: normal;
      font-size: 12px;
      color: #363C58;
      border-bottom: 1px dashed #C9D9FF;
      border-top: 0; }
    .table-payment tbody tr:nth-child(2n+2) td {
      background-color: #F5F8FC; }

.container .form-payment-success {
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px; }
  .container .form-payment-success .content-form {
    width: 100%;
    margin: 0 auto; }
    .container .form-payment-success .content-form .method-payment {
      margin: 0 auto;
      margin-top: 60px; }
      .container .form-payment-success .content-form .method-payment .title-payment {
        text-align: center;
        color: #363C58;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 24px; }
      .container .form-payment-success .content-form .method-payment .prices-payment {
        width: 100%;
        padding: 18px 20px 7px 20px;
        background: linear-gradient(-135deg, #F5F8FC 5px, transparent 0) 0 5px, linear-gradient(135deg, #F5F8FC 5px, #fff 0) 0 5px;
        background-color: #F5F8FC;
        background-position: left bottom;
        background-repeat: repeat-x;
        background-size: 10px 10px;
        border-top: 4px solid #CDDBFC;
        justify-content: start; }
        .container .form-payment-success .content-form .method-payment .prices-payment .list-payment {
          padding: 0; }
          .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li {
            display: flex;
            margin-bottom: 10px;
            border-bottom: 1px dashed #C9D9FF; }
            .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li .left {
              width: 70%;
              display: flex;
              align-items: center;
              margin-bottom: 10px; }
              .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li .left p.rate-plan {
                margin-bottom: 0;
                font-size: 14px;
                color: #363C58;
                width: 20%; }
                .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li .left p.rate-plan.text-bold {
                  width: 60%; }
                  .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li .left p.rate-plan.text-bold span {
                    font-weight: normal;
                    margin-left: 2px; }
              .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li .left .plan-data {
                font-size: 14px;
                margin-bottom: 0px; }
              .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li .left .regis-info {
                margin-bottom: 0px;
                font-size: 14px; }
              .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li .left .payment-amount-detail {
                font-size: 14px;
                color: #A8A8A8;
                margin-left: 10px;
                margin-bottom: 0px !important; }
            .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li .right {
              width: 30%; }
              .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li .right p {
                text-align: right;
                margin-bottom: 0;
                font-weight: 700;
                font-size: 16px;
                color: #363c58; }
          .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li:last-child {
            border-bottom: none; }
          .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li.number-line .left {
            width: 60%; }
          .container .form-payment-success .content-form .method-payment .prices-payment .list-payment li.number-line .right {
            width: 40%; }
        .container .form-payment-success .content-form .method-payment .prices-payment .total-payment {
          display: flex;
          justify-content: space-between;
          border-bottom: 1px dashed #C9D9FF;
          margin-bottom: 10px; }
          .container .form-payment-success .content-form .method-payment .prices-payment .total-payment p {
            font-weight: bold;
            font-size: 14px;
            color: #363C58;
            margin-bottom: 12px; }
            .container .form-payment-success .content-form .method-payment .prices-payment .total-payment p.text-reds {
              color: #ff3963;
              font-weight: bold;
              font-size: 16px;
              margin-bottom: 10px; }
            .container .form-payment-success .content-form .method-payment .prices-payment .total-payment p span {
              font-weight: normal;
              font-size: 12px;
              color: #9496ab; }
          .container .form-payment-success .content-form .method-payment .prices-payment .total-payment.sub-total p {
            font-size: 14px;
            padding-left: 10px;
            margin-bottom: 18px; }
      .container .form-payment-success .content-form .method-payment .text-payment {
        padding: 35px;
        border: 1px solid #C9D9FF;
        position: relative;
        margin-bottom: 100px;
        margin-top: 40px; }
        .container .form-payment-success .content-form .method-payment .text-payment h4,
        .container .form-payment-success .content-form .method-payment .text-payment p {
          font-size: 14px !important;
          color: #f56264;
          font-weight: normal; }
        .container .form-payment-success .content-form .method-payment .text-payment h4 {
          margin-bottom: 16px; }
        .container .form-payment-success .content-form .method-payment .text-payment p {
          margin-bottom: 0; }
        .container .form-payment-success .content-form .method-payment .text-payment .check-text-payment {
          position: absolute;
          bottom: -15px;
          left: 25px;
          background-color: #fff;
          padding-left: 10px; }
          .container .form-payment-success .content-form .method-payment .text-payment .check-text-payment .custom-control-label {
            line-height: 1.2; }

.advisory-smart {
  margin-top: 25px; }
  .advisory-smart .left-advisory-smart .button-resset {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px; }
  .advisory-smart .left-advisory-smart .group-check {
    margin-top: 15px; }
    .advisory-smart .left-advisory-smart .group-check .check-smart {
      border: 1px solid #cddbfc;
      box-sizing: border-box;
      border-radius: 4px;
      padding: 0 12px;
      height: 44px;
      display: flex;
      align-items: center;
      cursor: pointer;
      width: 100%; }
      .advisory-smart .left-advisory-smart .group-check .check-smart .custom-control .custom-control-label {
        height: 24px;
        display: flex;
        align-items: center; }
      .advisory-smart .left-advisory-smart .group-check .check-smart img {
        width: auto;
        -o-object-fit: contain;
        max-width: 105px;
        max-height: 30px;
        object-fit: contain;
        margin: 0 auto;
        display: block;
        cursor: pointer;
        margin-left: 6px; }
        @supports (-webkit-touch-callout: none) {
          .advisory-smart .left-advisory-smart .group-check .check-smart img {
            width: auto;
            max-width: 100%;
            min-height: 20px; } }
        @media screen and (max-width: 1400px) {
          .advisory-smart .left-advisory-smart .group-check .check-smart img {
            width: auto;
            max-width: 100%;
            min-height: 20px; } }
  .advisory-smart .left-advisory-smart .form-check .custom-control-label::before, .advisory-smart .left-advisory-smart .form-check .custom-control-label::after {
    top: 16%; }
  .advisory-smart .no-check {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none; }
    .advisory-smart .no-check article {
      border-top: 1px solid #CDDBFC;
      padding-top: 15px; }
  .advisory-smart .click-check {
    opacity: 1; }
    .advisory-smart .click-check article {
      border-top: 1px solid #CDDBFC;
      padding-top: 15px; }
  .advisory-smart .right-advisory-smart {
    background-color: #f5f8fc;
    border: 1px dashed #cddbfc;
    box-sizing: border-box;
    height: 100%; }
    .advisory-smart .right-advisory-smart.show-content {
      background-color: transparent;
      border: 0; }
    .advisory-smart .right-advisory-smart .card {
      border: 1px solid #cddbfc; }
      .advisory-smart .right-advisory-smart .card .card-header {
        background-color: #f5f8fc;
        padding: .55rem 1.25rem; }
        .advisory-smart .right-advisory-smart .card .card-header .bt-mobile {
          width: 100%;
          position: relative;
          padding-left: 0;
          padding: 0; }
          .advisory-smart .right-advisory-smart .card .card-header .bt-mobile:focus {
            outline: 0;
            box-shadow: none; }
          .advisory-smart .right-advisory-smart .card .card-header .bt-mobile::after {
            position: absolute;
            content: '';
            right: 0;
            width: 10px;
            height: 10px;
            top: 7px;
            background-image: url(/images/icon-after.svg);
            background-position: center; }
          .advisory-smart .right-advisory-smart .card .card-header .bt-mobile.collapsed::after {
            background-image: url(/images/icon-16.svg); }
          .advisory-smart .right-advisory-smart .card .card-header .bt-mobile img {
            max-width: 65px;
            max-height: 30px;
            width: auto;
            -o-object-fit: contain;
            object-fit: contain; }
            @supports (-webkit-touch-callout: none) {
              .advisory-smart .right-advisory-smart .card .card-header .bt-mobile img {
                width: 100%; } }
  .advisory-smart .card-body {
    padding: 0; }
    .advisory-smart .card-body .table-form .table-scroll {
      max-height: 31vh;
      overflow: auto;
      overflow-x: hidden; }
      .advisory-smart .card-body .table-form .table-scroll::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px; }
      .advisory-smart .card-body .table-form .table-scroll::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        right: 10px;
        min-height: 50px; }
      .advisory-smart .card-body .table-form .table-scroll::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }
      @media screen and (max-width: 1350px) {
        .advisory-smart .card-body .table-form .table-scroll {
          height: 28vh; } }
    .advisory-smart .card-body .table-form .infinite-scroll-component {
      overflow-x: hidden !important; }
      .advisory-smart .card-body .table-form .infinite-scroll-component .table {
        margin-bottom: 0; }
    .advisory-smart .card-body .table-form thead th {
      font-weight: bold;
      font-size: 14px;
      color: #05060B;
      background-color: #F5F8FC;
      border: 0;
      white-space: nowrap;
      letter-spacing: 0.75px;
      padding: .75rem 10px;
      text-align: center;
      padding-top: 0; }
      @media screen and (max-width: 1350px) {
        .advisory-smart .card-body .table-form thead th {
          padding: .75rem 0; } }
      .advisory-smart .card-body .table-form thead th div {
        width: 87.6px; }
        @media screen and (max-width: 1350px) {
          .advisory-smart .card-body .table-form thead th div {
            width: 100px;
            padding: 0 10px; } }
        .advisory-smart .card-body .table-form thead th div.d-flex {
          justify-content: flex-end;
          padding-right: 10px; }
        .advisory-smart .card-body .table-form thead th div div, .advisory-smart .card-body .table-form thead th div .sort-fillter {
          width: auto; }
      .advisory-smart .card-body .table-form thead th:first-child {
        padding-left: 10px; }
        @media screen and (max-width: 1350px) {
          .advisory-smart .card-body .table-form thead th:first-child {
            padding-left: 0; } }
        .advisory-smart .card-body .table-form thead th:first-child div {
          width: 170px; }
          @media screen and (max-width: 1350px) {
            .advisory-smart .card-body .table-form thead th:first-child div {
              width: 118px; } }
      @media screen and (max-width: 1350px) {
        .advisory-smart .card-body .table-form thead th:last-child {
          padding: .75rem 10px; } }
      @media screen and (max-width: 1350px) {
        .advisory-smart .card-body .table-form thead th:nth-child(5) div {
          width: 115px; } }
    .advisory-smart .card-body .table-form thead .th-blue {
      display: flex;
      justify-content: flex-end;
      width: 90px;
      justify-content: flex-end !important;
      background: #2f8bff;
      border-radius: 5px;
      box-sizing: border-box;
      color: #fff;
      height: 32px;
      align-items: center; }
      @media screen and (max-width: 1350px) {
        .advisory-smart .card-body .table-form thead .th-blue {
          width: 85px;
          padding: 0; } }
    .advisory-smart .card-body .table-form tbody tr th {
      text-align: left;
      vertical-align: middle; }
      .advisory-smart .card-body .table-form tbody tr th div {
        width: 170px; }
        @media screen and (max-width: 1350px) {
          .advisory-smart .card-body .table-form tbody tr th div {
            width: 118px;
            padding: 0 10px;
            padding-right: 12px; } }
    .advisory-smart .card-body .table-form tbody tr td {
      font-weight: normal;
      font-size: 12px;
      color: #363C58;
      border-color: #CDDBFC;
      padding: .75rem 10px;
      border-top: 1px dashed #C9D9FF;
      white-space: nowrap;
      text-align: right;
      vertical-align: middle; }
      @media screen and (max-width: 1350px) {
        .advisory-smart .card-body .table-form tbody tr td {
          padding: .75rem 0; } }
      .advisory-smart .card-body .table-form tbody tr td div {
        width: 87.6px; }
        @media screen and (max-width: 1350px) {
          .advisory-smart .card-body .table-form tbody tr td div {
            width: 100px;
            padding: 0 10px;
            padding-right: 12px; } }
      .advisory-smart .card-body .table-form tbody tr td:last-of-type {
        white-space: normal; }
        .advisory-smart .card-body .table-form tbody tr td:last-of-type div {
          width: 87.6px; }
          @media screen and (max-width: 1350px) {
            .advisory-smart .card-body .table-form tbody tr td:last-of-type div {
              width: 100px; } }
      @media screen and (max-width: 1350px) {
        .advisory-smart .card-body .table-form tbody tr td:nth-of-type(4) div {
          width: 115px; } }
      @media screen and (max-width: 1350px) {
        .advisory-smart .card-body .table-form tbody tr td:nth-of-type(5) div {
          width: 107px; } }
    .advisory-smart .card-body .table-form tbody tr th {
      font-weight: 600;
      font-size: 12px;
      color: #363C58;
      padding: .75rem 10px;
      border-top: 1px dashed #C9D9FF; }
      @media screen and (max-width: 1350px) {
        .advisory-smart .card-body .table-form tbody tr th {
          padding: .75rem 0; } }

.tab-manufacturer .list-tab {
  display: flex; }
  .tab-manufacturer .list-tab .tab-item {
    padding: 5px;
    background-color: #f7f9fc; }
    .tab-manufacturer .list-tab .tab-item .nav-link {
      background-color: transparent;
      border: 0;
      width: 100%;
      text-align: center;
      padding: 8px 25px;
      font-size: 14px;
      color: #9498ab;
      font-weight: bold;
      border-radius: 4px;
      transition: 0.3s; }
      @media screen and (max-width: 480px) {
        .tab-manufacturer .list-tab .tab-item .nav-link {
          font-size: 10px; } }
      .tab-manufacturer .list-tab .tab-item .nav-link.active {
        background-color: #cddbfc;
        color: #2f8bff; }
      .tab-manufacturer .list-tab .tab-item .nav-link:hover {
        background-color: #cddbfc;
        color: #2f8bff; }

.left-advisory-smart .btn-wireless {
  padding: 0;
  width: 92px;
  font-weight: normal; }

.list-network {
  display: flex;
  padding: 0;
  list-style: none;
  padding-right: 15px;
  flex-wrap: wrap; }
  .list-network li {
    height: 44px;
    padding: 0 10px;
    margin: 5px 0;
    background: #f5f8fc;
    border: 0.5px solid #afb7cc;
    box-sizing: border-box;
    border-radius: 5px;
    margin-right: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #363C58;
    cursor: pointer;
    line-height: 10px;
    white-space: nowrap; }
    .list-network li span {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%; }
    @media screen and (max-width: 1200px) {
      .list-network li {
        padding: 0 8px;
        height: 36px;
        margin-right: 5px; } }
    .list-network li:last-child {
      margin-right: 0; }
    .list-network li.active {
      background: #2f8bff;
      border: 0.5px solid #2f8bff;
      box-sizing: border-box;
      color: #fff; }
    .list-network li:hover {
      background: #2f8bff;
      border: 0.5px solid #2f8bff;
      box-sizing: border-box;
      color: #fff; }

.wt-170 {
  width: 170px !important; }
  @media screen and (max-width: 1200px) {
    .wt-170 {
      width: 135px !important; } }

@supports (-webkit-touch-callout: none) {
  .col-form-label {
    line-height: 1; } }

.w-96 {
  width: 96px;
  padding: 0; }

.mt-20 {
  margin-top: 20px; }

.compare-terminals {
  margin-top: 35px;
  padding-bottom: 30px; }
  .compare-terminals .top {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .compare-terminals .top .list-tab {
      display: flex;
      border-radius: 4px;
      overflow: hidden;
      border: 0; }
      .compare-terminals .top .list-tab .tab-item {
        padding: 5px;
        background-color: #f7f9fc; }
        .compare-terminals .top .list-tab .tab-item .nav-link {
          background-color: transparent;
          border: 0;
          width: 100%;
          text-align: center;
          padding: 9px 35px;
          font-size: 14px;
          color: #363c58;
          font-weight: bold;
          border-radius: 4px;
          transition: 0.3s; }
          @media screen and (max-width: 480px) {
            .compare-terminals .top .list-tab .tab-item .nav-link {
              font-size: 10px; } }
          .compare-terminals .top .list-tab .tab-item .nav-link.active {
            background-color: #2f8bff;
            color: #fff; }
          .compare-terminals .top .list-tab .tab-item .nav-link:hover {
            background-color: #2f8bff;
            color: #fff; }
    .compare-terminals .top .group-button {
      display: flex; }
      .compare-terminals .top .group-button .btn-wireless {
        margin-left: 15px; }
  .compare-terminals .tab-content {
    margin-top: 20px; }
    .compare-terminals .tab-content .table tbody th {
      font-weight: 500;
      font-size: 16px;
      color: #05060b;
      text-align: right;
      border: 1px solid #cddbfc;
      width: 19%;
      vertical-align: middle;
      white-space: nowrap;
      padding-right: 28px; }
    .compare-terminals .tab-content .table tbody td {
      font-weight: normal;
      font-size: 14px;
      color: #05060b;
      border: 1px solid #cddbfc;
      width: 27%;
      vertical-align: middle;
      padding: 0.75rem 25px; }
      .compare-terminals .tab-content .table tbody td .btn-table {
        box-sizing: border-box;
        border-radius: 100px;
        height: 32px;
        border: 1px solid #afb7cc;
        padding: 0 45px;
        font-weight: bold;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        font-size: 14px;
        color: #363c58;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center; }
        .compare-terminals .tab-content .table tbody td .btn-table:hover {
          border-color: #2f8bff;
          color: #2f8bff; }
      .compare-terminals .tab-content .table tbody td .name {
        text-align: center;
        margin: 10px 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        min-height: 40px; }
        @media screen and (max-width: 1100px) {
          .compare-terminals .tab-content .table tbody td .name {
            margin: 10px 30px 10px 0; } }
        .compare-terminals .tab-content .table tbody td .name a {
          font-weight: bold;
          font-size: 14px;
          color: #363c58;
          position: relative;
          display: flex;
          align-items: center;
          width: 100%;
          justify-content: center;
          white-space: normal;
          padding: 0 20px;
          flex-direction: column; }
          @media screen and (max-width: 1100px) {
            .compare-terminals .tab-content .table tbody td .name a {
              padding: 0;
              font-size: 14px; } }
          .compare-terminals .tab-content .table tbody td .name a .model-code {
            font-weight: 400;
            word-break: break-all; }
        .compare-terminals .tab-content .table tbody td .name .reset-table {
          width: 36px;
          height: 36px;
          padding: 0;
          position: absolute;
          right: -30px; }
      .compare-terminals .tab-content .table tbody td .logo-network {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 16px;
        color: #363c58;
        font-weight: 600; }
        .compare-terminals .tab-content .table tbody td .logo-network img {
          max-width: 100%;
          width: auto;
          max-height: 35px;
          height: auto; }
        .compare-terminals .tab-content .table tbody td .logo-network::after {
          width: 8px;
          height: 8px;
          content: "";
          border-right: 1px solid #9498ab;
          border-top: 1px solid #9498ab;
          transform: rotate(45deg);
          position: absolute;
          right: 10px;
          top: 7px; }
      .compare-terminals .tab-content .table tbody td .gallary-table {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 320px;
        margin: 0 auto; }
        .compare-terminals .tab-content .table tbody td .gallary-table:focus {
          box-shadow: none;
          outline: 0; }
      .compare-terminals .tab-content .table tbody td .group-select {
        display: flex;
        align-items: center;
        width: 100%; }
        .compare-terminals .tab-content .table tbody td .group-select .check-table {
          display: flex;
          align-items: center;
          padding: 0;
          list-style: none;
          margin-bottom: 0;
          border-right: 1px solid #cddbfc;
          padding-right: 10px;
          width: 35% !important; }
          .compare-terminals .tab-content .table tbody td .group-select .check-table .check-item {
            white-space: nowrap;
            color: #363c58;
            font-size: 14px;
            font-weight: normal;
            padding: 3px 7px;
            border-radius: 3px 0px 0px 3px;
            border: 1px solid #afb7cc;
            box-sizing: border-box;
            cursor: pointer; }
            .compare-terminals .tab-content .table tbody td .group-select .check-table .check-item.active {
              color: #fff;
              background-color: #afb7cc; }
            .compare-terminals .tab-content .table tbody td .group-select .check-table .check-item:last-child {
              border-radius: 0px 3px 3px 0px; }
        .compare-terminals .tab-content .table tbody td .group-select .form-control {
          position: relative; }
          .compare-terminals .tab-content .table tbody td .group-select .form-control::before {
            position: absolute;
            content: "";
            width: 8px;
            height: 8px;
            border-top: 1px solid #afb7cc;
            border-left: 1px solid #afb7cc;
            right: 10px;
            transform: rotate(-135deg);
            top: 7px; }
        .compare-terminals .tab-content .table tbody td .group-select span {
          border: 0;
          font-weight: normal;
          font-size: 12px;
          color: #363c58;
          border-right: 1px solid #cddbfc;
          border-radius: 0;
          padding: 0 7px;
          height: 27px;
          display: flex;
          align-items: center;
          cursor: pointer;
          padding-left: 10px;
          -webkit-appearance: none;
          padding-right: 20px;
          width: 25% !important; }
          .compare-terminals .tab-content .table tbody td .group-select span:last-child {
            border-right: 0;
            width: 130px;
            padding-right: 6px; }
            .compare-terminals .tab-content .table tbody td .group-select span:last-child::before {
              right: -5px; }
          .compare-terminals .tab-content .table tbody td .group-select span:focus {
            outline: 0;
            box-shadow: none; }
          .compare-terminals .tab-content .table tbody td .group-select span::-ms-expand {
            display: none; }
        .compare-terminals .tab-content .table tbody td .group-select .form-control:nth-of-type(1) {
          width: 40% !important;
          display: block;
          padding-top: 6px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
      .compare-terminals .tab-content .table tbody td .list-feature {
        display: flex;
        align-items: center;
        justify-content: center; }
        .compare-terminals .tab-content .table tbody td .list-feature img {
          margin: 0 5px;
          height: 40px;
          width: 40px; }
        .compare-terminals .tab-content .table tbody td .list-feature .text-feature {
          height: 40px;
          width: 40px;
          margin: 0 5px; }
    .compare-terminals .tab-content .table tbody .total td,
    .compare-terminals .tab-content .table tbody .total th {
      font-size: 18px;
      font-weight: bold;
      color: #2f3447; }
    .compare-terminals .tab-content .table .right-product {
      height: 50px;
      padding: 0 10px; }
      .compare-terminals .tab-content .table .right-product .list-feature {
        min-height: inherit; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr td {
      background-color: #fff; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr th {
      background-color: #fff; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr:nth-child(3) td {
      padding: 0.75rem; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr:nth-child(4) td {
      padding-left: 37px; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr:nth-child(5) td {
      padding-left: 37px; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr:nth-child(6) td {
      padding-left: 37px; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr:nth-child(7) td {
      padding-left: 37px; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr:nth-child(10) td {
      padding-left: 37px; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr:nth-child(11) td {
      padding-left: 37px; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr:nth-child(2n + 2) td {
      background-color: #f5f8fc; }
    .compare-terminals .tab-content .tab-pane:nth-child(2) tbody tr:nth-child(2n + 2) th {
      background-color: #f5f8fc; }
  .compare-terminals .right-product .list-feature li {
    margin-bottom: 0; }
  .compare-terminals .group-table-button .item .btn {
    width: 120px; }
  .compare-terminals .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f5f8fc; }
  .compare-terminals .table-striped tbody tr {
    background-color: #fff; }
    .compare-terminals .table-striped tbody tr:nth-child(1) {
      background-color: #fff; }
  .compare-terminals .h-35 {
    height: 40px !important; }

.slide-color-product .swiper-top {
  height: 195px;
  width: 155px; }
  .slide-color-product .swiper-top .swiper-wrapper .swiper-slide a {
    display: block;
    height: 195px;
    width: 155px;
    background-color: transparent; }
    .slide-color-product .swiper-top .swiper-wrapper .swiper-slide a img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      -o-object-fit: contain; }

.slide-color-product .swiper-thumbs {
  height: 30px;
  margin-top: 17px; }
  .slide-color-product .swiper-thumbs .swiper-wrapper {
    height: 30px;
    justify-content: center; }
    .slide-color-product .swiper-thumbs .swiper-wrapper .swiper-slide {
      width: 24px !important;
      height: 24px !important;
      display: flex;
      justify-content: center;
      align-items: center; }
      .slide-color-product .swiper-thumbs .swiper-wrapper .swiper-slide span {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        padding: 0;
        display: block;
        cursor: pointer;
        position: relative; }
      .slide-color-product .swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
        border-radius: 50%;
        border: 1px solid #cddbfc; }

.group-table-button {
  display: flex;
  justify-content: flex-end; }
  .group-table-button .item {
    width: 27%;
    display: flex;
    align-items: center;
    justify-content: center; }

.provider-choose-table {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .provider-choose-table img {
    max-width: 100%;
    width: auto;
    max-height: 30px;
    height: auto; }
  .provider-choose-table a {
    position: absolute;
    right: 10px; }
    .provider-choose-table a::before {
      width: 7px;
      height: 7px;
      content: "";
      border-left: 1px solid #9498ab;
      border-top: 1px solid #9498ab;
      position: absolute;
      right: 0;
      transform: rotate(135deg); }

.mt-30 {
  margin-top: 30px; }

.my_coupon .table-responsive {
  overflow: hidden; }

.payment-new .dropdown-toggle {
  padding-right: 5px; }
  .payment-new .dropdown-toggle::after {
    border-top: 2px solid #363c58;
    border-right: 0;
    border-bottom: 0;
    border-left: 2px solid #363c58;
    width: 6.5px;
    height: 6.5px;
    transition: revert;
    transform: rotate(-135deg);
    padding-right: 5px; }

.payment-new .box-custom-selected .btn::after {
  right: 7px; }

.payment-new select {
  padding-left: 10px; }

.payment-new input {
  padding-left: 12px !important; }

.sales_report {
  padding: 20px 5px; }
  .sales_report table tr {
    cursor: inherit; }
  .sales_report table td,
  .sales_report table th {
    white-space: nowrap;
    padding: 0 5px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px dashed #c9d9ff;
    border-bottom: 1px dashed #c9d9ff;
    font-size: 14px;
    color: #363c58;
    height: 44px; }
    @media screen and (max-width: 1100px) {
      .sales_report table td,
      .sales_report table th {
        font-size: 11px; } }
  .sales_report .tab-content-consultancy .scroll-sale {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden; }
    .sales_report .tab-content-consultancy .scroll-sale::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .sales_report .tab-content-consultancy .scroll-sale::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .sales_report .tab-content-consultancy .scroll-sale::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .sales_report .tab-content-consultancy .scroll-sale:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
  .sales_report .tab-content-consultancy .table-consultancy tr:first-child td {
    border-top: none; }
  .sales_report .tab-content-consultancy .table-consultancy tfoot {
    margin-top: 10px; }
    .sales_report .tab-content-consultancy .table-consultancy tfoot tr {
      background-color: #f5f8fc;
      border-top: 1px dashed #c9d9ff;
      border-bottom: 1px dashed #c9d9ff;
      margin-top: 15px; }
      .sales_report .tab-content-consultancy .table-consultancy tfoot tr .table-prices {
        color: #2f8bff; }
        .sales_report .tab-content-consultancy .table-consultancy tfoot tr .table-prices span {
          color: #363c58; }

.tfooter {
  background: #cddbfc; }
  .tfooter .title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #2f3447; }
  .tfooter .price {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #2f8bff; }

.search_box {
  border-top: none;
  border-right: none;
  border-left: none;
  padding-bottom: 20px; }

.input-group-append i {
  color: #2f8bff;
  font-size: 20px; }

.previous,
.next {
  padding: 13px 18px;
  border: 1px solid #afb7cc;
  border-radius: 4px; }
  .previous i,
  .next i {
    color: #afb7cc; }
  .previous:hover,
  .next:hover {
    background-color: #9498ab; }
    .previous:hover i,
    .next:hover i {
      color: #fff; }

.btn_blue {
  text-transform: uppercase;
  background-color: #2f8bff;
  border: 1px solid #cddbfc;
  color: #fff;
  padding: 10px 50px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px; }
  .btn_blue:hover {
    background-color: #0066ee;
    color: #fff; }
  .btn_blue:focus,
  .btn_blue :active {
    outline: none;
    box-shadow: none; }

.btn-drop-date {
  text-transform: uppercase;
  border: 1px solid #c0c2c7;
  color: #363c58;
  padding: 10px 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px; }
  .btn-drop-date:focus,
  .btn-drop-date :active {
    outline: none;
    box-shadow: none; }

.tooltip-custom {
  position: relative; }
  .tooltip-custom .tooltip-title {
    position: absolute;
    top: -30px;
    z-index: 99;
    background: #555555;
    border-radius: 2px;
    padding: 3px 5px;
    color: #fff;
    font-size: 12px; }
    .tooltip-custom .tooltip-title::after {
      content: "";
      height: 5px;
      width: 5px;
      background: #555555;
      position: absolute;
      left: 48%;
      bottom: -2px;
      transform: rotate(45deg);
      z-index: -1; }
    .tooltip-custom .tooltip-title span {
      z-index: 2;
      font-size: 12px; }

.table-sale-report .table thead tr th {
  padding-left: 0;
  padding-right: 0; }
  .table-sale-report .table thead tr th div {
    padding: 0 5px;
    text-align: center; }
  .table-sale-report .table thead tr th:nth-child(1) div {
    width: 50px; }
  .table-sale-report .table thead tr th:nth-child(2) div {
    width: 120px; }
  .table-sale-report .table thead tr th:nth-child(3) div {
    width: 130px; }
  .table-sale-report .table thead tr th:nth-child(4) div {
    width: 200px; }
  .table-sale-report .table thead tr th:nth-child(5) div {
    width: 150px; }
  .table-sale-report .table thead tr th:nth-child(6) div {
    width: 150px; }
  .table-sale-report .table thead tr th:nth-child(7) div {
    width: 150px;
    text-align: right; }
  .table-sale-report .table thead tr th:nth-child(8) div {
    width: 150px;
    text-align: right; }

.table-sale-report .table tbody tr td {
  padding-left: 0;
  padding-right: 0; }
  .table-sale-report .table tbody tr td div {
    padding: 0 5px;
    text-align: center; }
  .table-sale-report .table tbody tr td:nth-child(1) div {
    width: 50px; }
  .table-sale-report .table tbody tr td:nth-child(2) div {
    width: 120px; }
  .table-sale-report .table tbody tr td:nth-child(3) div {
    width: 130px; }
  .table-sale-report .table tbody tr td:nth-child(4) div {
    width: 200px; }
  .table-sale-report .table tbody tr td:nth-child(5) div {
    width: 150px; }
  .table-sale-report .table tbody tr td:nth-child(6) div {
    width: 150px; }
  .table-sale-report .table tbody tr td:nth-child(7) div {
    width: 150px;
    text-align: right; }
  .table-sale-report .table tbody tr td:nth-child(8) div {
    width: 150px;
    text-align: right; }

.table-sale-report .table tfoot tr td {
  padding-left: 0;
  padding-right: 0; }
  .table-sale-report .table tfoot tr td div {
    padding: 0 5px; }
  .table-sale-report .table tfoot tr td:nth-child(1) div {
    text-align: left;
    width: 800px; }
  .table-sale-report .table tfoot tr td:nth-child(2) div {
    width: 150px;
    text-align: right; }
  .table-sale-report .table tfoot tr td:nth-child(3) div {
    width: 150px;
    text-align: right; }

.sales_report_table thead th div {
  width: 100px; }

.sales_report_table thead th:nth-child(1) div {
  width: 50px; }

.sales_report_table thead th:nth-child(1) div {
  width: 50px; }

.sales_report_table thead th:nth-child(12) div {
  width: 80px; }

.sales_report_table thead th:nth-child(13) div {
  width: 80px; }

.sales_report_table thead th:last-child div {
  width: 25px; }

.sales_report_table tbody tr td {
  white-space: normal !important; }
  .sales_report_table tbody tr td:nth-child(13) {
    text-align: center; }

.report-sale-wired .h-130 {
  height: 130px !important; }

.essence-plan {
  padding-top: 0; }

.page_seller_manager .content-product .top .list-tab .tab-item .nav-link {
  padding: 9.5px 55px; }

.page_seller_manager article {
  overflow: hidden !important;
  height: auto;
  max-height: auto; }
  .page_seller_manager article::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .page_seller_manager article::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .page_seller_manager article::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .page_seller_manager article:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .page_seller_manager article .tbale-header {
    margin-bottom: 0; }
    .page_seller_manager article .tbale-header tr th {
      width: 25%; }
  .page_seller_manager article .table-header {
    margin-bottom: 0; }
    .page_seller_manager article .table-header tr th {
      width: 25%; }
  .page_seller_manager article .table-scroll {
    height: 60vh;
    overflow: auto;
    overflow-x: hidden; }
    .page_seller_manager article .table-scroll::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .page_seller_manager article .table-scroll::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .page_seller_manager article .table-scroll::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .page_seller_manager article .table-scroll:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
    .page_seller_manager article .table-scroll tr td {
      width: 25%; }

.page_seller_manager table tbody tr td {
  padding: 20px 0.75rem; }

.page_seller_manager .d-flex.border-top-0 {
  margin-top: 50px !important; }
  .page_seller_manager .d-flex.border-top-0 .btn {
    width: 120px;
    padding: 0 !important; }

.page_seller_manager .modal-counseling-history article {
  height: 60vh; }

.page_seller_manager .content-product .top .list-tab {
  height: 48px; }

.report-sale-wired .form-group {
  line-height: 1; }
  .report-sale-wired .form-group .label-text {
    line-height: 1; }
    .report-sale-wired .form-group .label-text .flex-title .btn-wireless.h-25 {
      position: absolute;
      top: -5px;
      right: 0; }

.wired-consultation {
  margin-top: 35px;
  margin-bottom: 50px; }
  .wired-consultation .list-box {
    max-width: 875px; }
    .wired-consultation .list-box .box-main .box-item {
      height: 258px; }
      .wired-consultation .list-box .box-main .box-item .btn-gray-white {
        width: 120px;
        height: 36px; }
  .wired-consultation .step-wireless {
    max-width: 350px; }
  .wired-consultation .button-consultation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px; }
    .wired-consultation .button-consultation .btn-gray {
      height: 36px; }
  .wired-consultation article {
    margin-top: 55px; }
    .wired-consultation article .left-article {
      box-shadow: 0px 2px 2px #1a24310a, 0px 1px 2px #1a243114;
      margin-bottom: 20px;
      padding: 25px 15px 0 15px; }
      .wired-consultation article .left-article .item-form {
        border-bottom: 1px solid #d3d4db;
        align-items: center;
        padding-bottom: 10px;
        margin-bottom: 15px; }
        .wired-consultation article .left-article .item-form:last-child {
          border-bottom: 0; }
      .wired-consultation article .left-article .total-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 25px 0;
        border-top: 3px solid #cddbfc; }
        .wired-consultation article .left-article .total-item h2 {
          font-weight: bold;
          font-size: 18px;
          color: #2f3447;
          display: flex;
          align-items: center; }
          .wired-consultation article .left-article .total-item h2 span {
            font-weight: 400;
            font-size: 12px;
            color: #9498ab;
            letter-spacing: 0.75px;
            margin-left: 10px; }
        .wired-consultation article .left-article .total-item h4 {
          font-weight: 600;
          font-size: 18px;
          color: #2f8bff; }
          .wired-consultation article .left-article .total-item h4 span {
            color: #9498ab; }
      .wired-consultation article .left-article .top {
        display: flex;
        align-items: center;
        margin-bottom: 15px; }
        .wired-consultation article .left-article .top h3 {
          font-style: normal;
          font-weight: bold;
          font-size: 18px;
          color: #2f3447;
          margin-bottom: 0;
          margin-right: 100px; }
        .wired-consultation article .left-article .top .btn-add {
          height: 32px;
          padding: 0 25px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #2f8bff;
          box-sizing: border-box;
          border-radius: 3px;
          color: #2f8bff;
          font-size: 14px;
          font-weight: bold; }
          .wired-consultation article .left-article .top .btn-add:hover {
            background-color: #2f8bff;
            color: #fff; }
          .wired-consultation article .left-article .top .btn-add span {
            margin-right: 10px;
            font-size: 20px; }
    .wired-consultation article .right-article {
      height: 100%;
      max-height: 615px;
      border-top: 1px solid #c9d9ff; }
      .wired-consultation article .right-article .button-expected {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 15px; }
      .wired-consultation article .right-article .item-right {
        padding: 15px;
        background: #f5f8fc;
        border-radius: 3px;
        border-bottom: 1px solid #c9d9ff;
        min-height: 615px;
        padding-bottom: 0; }
        .wired-consultation article .right-article .item-right form {
          height: 530px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          margin-bottom: 0; }
    .wired-consultation article .title-total {
      border-top: 1px solid #c9d9ff;
      border-bottom: 1px solid #c9d9ff;
      padding: 17px 12px;
      font-size: 14px; }
      .wired-consultation article .title-total .total-price {
        font-size: 16px; }
      .wired-consultation article .title-total .text-muted {
        color: #9496AB !important;
        font-weight: 500;
        font-size: 14px !important; }
  .wired-consultation .form-group select,
  .wired-consultation .form-group input {
    color: #2f3447;
    letter-spacing: 0.4; }
  .wired-consultation .title-form {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #363c58; }
    .wired-consultation .title-form.border-bottom-title {
      border-bottom: 1px solid #c9d9ff; }
    .wired-consultation .title-form span {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 23px;
      color: #363c58; }
    .wired-consultation .title-form.font-16 {
      font-size: 16px; }
  .wired-consultation .prices-form {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #2f8bff; }
    .wired-consultation .prices-form span {
      color: #9498ab;
      font-weight: normal; }
  .wired-consultation .flex-form {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .wired-consultation .total-prices {
    padding-top: 25px; }
  .wired-consultation .text-small {
    font-weight: normal;
    font-size: 10px;
    color: #9498ab; }
  .wired-consultation .big-total {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    width: 160px;
    height: 52px;
    background-color: #2f8bff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .wired-consultation .big-total span {
      font-size: 18px;
      font-weight: normal; }
  .wired-consultation .button-expected {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .wired-consultation .button-expected .star-comment {
      margin-right: 20px;
      border-right: 1px solid #C9D9FF;
      height: 100%;
      padding-right: 20px;
      height: 32px;
      display: flex;
      align-items: center; }
      .wired-consultation .button-expected .star-comment span {
        font-weight: normal;
        font-size: 14px;
        color: #363c58;
        margin-right: 10px; }
      .wired-consultation .button-expected .star-comment i {
        color: #f8ba34;
        font-size: 14px; }
      .wired-consultation .button-expected .star-comment .btn-star {
        background-image: url(/images/star-01.svg);
        width: 21px;
        height: 21px;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 10px; }
        .wired-consultation .button-expected .star-comment .btn-star:focus {
          outline: 0;
          box-shadow: none; }
        .wired-consultation .button-expected .star-comment .btn-star.active {
          background-image: url(/images/star-02.svg); }
  .wired-consultation .grape-record .form-group {
    margin-bottom: 1rem;
    height: auto; }
  .wired-consultation table tr td, .wired-consultation table tr th {
    padding: 0.75rem 6px; }
    @media screen and (max-width: 1300px) {
      .wired-consultation table tr td .btn-input-form, .wired-consultation table tr th .btn-input-form {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; } }
    .wired-consultation table tr td:nth-child(3) .btn-input-form, .wired-consultation table tr th:nth-child(3) .btn-input-form {
      white-space: nowrap; }
    .wired-consultation table tr td:last-child .btn-input-form, .wired-consultation table tr th:last-child .btn-input-form {
      white-space: nowrap; }
    .wired-consultation table tr td .w-90, .wired-consultation table tr th .w-90 {
      width: auto; }
      @media screen and (max-width: 1300px) {
        .wired-consultation table tr td .w-90, .wired-consultation table tr th .w-90 {
          width: 100px; } }
    .wired-consultation table tr td .w-170, .wired-consultation table tr th .w-170 {
      width: 202px; }
      @media screen and (max-width: 1350px) {
        .wired-consultation table tr td .w-170, .wired-consultation table tr th .w-170 {
          width: 196px; } }
    .wired-consultation table tr td:nth-child(4), .wired-consultation table tr th:nth-child(4) {
      width: 130px; }
      .wired-consultation table tr td:nth-child(4) input, .wired-consultation table tr th:nth-child(4) input {
        width: 100%; }
    .wired-consultation table tr td:nth-child(5), .wired-consultation table tr th:nth-child(5) {
      width: 130px; }
      .wired-consultation table tr td:nth-child(5) .btn, .wired-consultation table tr th:nth-child(5) .btn {
        width: 100%; }

.btn-select {
  border: 1px solid #c0c2c7;
  box-sizing: border-box;
  border-radius: 3px;
  height: 44px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 5px;
  font-weight: normal;
  align-items: center;
  font-size: 14px;
  color: #2f3447; }

.modal-body .top-content {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .modal-body .top-content h5 {
    font-weight: 600;
    font-size: 16px;
    color: #2f3447; }
  .modal-body .top-content .btn-modal {
    height: 32px;
    background: transparent;
    border-radius: 5px;
    padding: 0 25px;
    font-weight: bold;
    font-size: 14px;
    color: #afb7cc;
    border: 1px solid #afb7cc;
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-body .top-content .btn-modal:hover, .modal-body .top-content .btn-modal:focus {
      background-color: #2f8bff;
      color: #fff; }

.modal-body .total-modal {
  display: flex;
  justify-content: space-between;
  background: #f5f8fc;
  border-top: 1px solid #c9d9ff;
  border-bottom: 1px solid #c9d9ff;
  padding: 15px 20px 5px 20px; }
  .modal-body .total-modal h4 {
    font-weight: bold;
    font-size: 14px;
    color: #05060b;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin-bottom: 0; }
  .modal-body .total-modal span {
    color: #363c58;
    font-weight: normal;
    font-size: 16px; }

.modal-body .list-item {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin-top: 15px; }
  .modal-body .list-item li {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    border-bottom: 1px dashed #cddbfc;
    cursor: pointer;
    height: 64px; }
    .modal-body .list-item li span {
      font-size: 16px;
      color: #363c58; }
    .modal-body .list-item li.bg-item {
      background-color: #cddbfc; }

.add_line {
  border: 1px dashed #727b89;
  color: #9496ab;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  font-weight: bold; }
  .add_line::before {
    width: 15px;
    height: 15px;
    content: '';
    background-image: url(../images/fill-11.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 15px; }
  .add_line:focus,
  .add_line :active {
    outline: none;
    box-shadow: nones; }
  .add_line:hover {
    background-color: #2f8bff;
    color: #fff; }
    .add_line:hover::before {
      width: 15px;
      height: 15px;
      content: '';
      background-image: url(../images/fill-13.svg);
      background-position: center;
      background-size: 100%;
      background-repeat: no-repeat;
      margin-right: 15px; }
  .add_line i {
    font-size: smaller;
    display: none; }

.add_line_blue {
  border: 1px dashed #2f8bff;
  color: #2f8bff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  font-weight: bold;
  font-size: 14px; }
  .add_line_blue::before {
    width: 15px;
    height: 15px;
    content: '';
    background-image: url(../images/fill-12.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 15px; }
  .add_line_blue:focus,
  .add_line_blue :active {
    outline: none;
    box-shadow: nones; }
  .add_line_blue:hover {
    background-color: #2f8bff;
    color: #fff; }
    .add_line_blue:hover::before {
      width: 15px;
      height: 15px;
      content: '';
      background-image: url(../images/fill-14.svg);
      background-position: center;
      background-size: 100%;
      background-repeat: no-repeat;
      margin-right: 15px; }
  .add_line_blue i {
    font-size: smaller;
    display: none; }

.title-table {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #9496ab;
  white-space: nowrap; }

.table-wired {
  height: 555px; }
  .table-wired::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .table-wired::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .table-wired::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .table-wired:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .table-wired .table {
    margin-bottom: 0; }
    .table-wired .table.h-100 {
      height: auto !important; }
  .table-wired tr {
    border-bottom: 1px solid #c9d9ff; }
    .table-wired tr:last-child {
      border-bottom: none; }
    .table-wired tr th {
      white-space: nowrap; }
    .table-wired tr td .btn:last-child, .table-wired tr td input:last-child {
      margin-bottom: 0 !important; }
  .table-wired td {
    border-top: none !important;
    padding: 0.75rem 5px; }
  .table-wired .total-price {
    font-size: 18px; }
  .table-wired table tr td:nth-child(3) {
    width: 170px; }
    .table-wired table tr td:nth-child(3) .btn {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .table-wired button.btn.btn-input-form.mb-1 {
    margin-bottom: 15px !important; }
  .table-wired button.btn.add_line_blue.w-100.mb-2 {
    margin-bottom: 15px !important; }

.billing-fee thead th {
  font-size: 14px; }
  .billing-fee thead th:nth-child(1) {
    width: 20%; }
  .billing-fee thead th:nth-child(2) {
    width: 25%; }
  .billing-fee thead th:nth-child(3) {
    width: 20%; }
  .billing-fee thead th:nth-child(4) {
    width: 17.5%; }
  .billing-fee thead th:nth-child(5) {
    width: 17.5%; }

.billing-fee .prices-form {
  font-size: 14px !important; }

.billing-fee .price-sub {
  font-size: 14px !important; }

.billing-fee .total-price {
  font-size: 14px !important; }

.billing-fee tfoot .prices-form {
  font-size: 16px; }

.billing-fee tfoot .total-price {
  font-size: 16px !important; }

.billing-fee tfoot .prices-form {
  font-size: 16px !important; }

.billing-fee.table-product-fee thead th {
  font-size: 14px; }
  .billing-fee.table-product-fee thead th:nth-child(1) {
    width: 6%; }
    @media screen and (max-width: 1350px) {
      .billing-fee.table-product-fee thead th:nth-child(1) {
        width: 8%; } }
  .billing-fee.table-product-fee thead th:nth-child(2) {
    width: 24%; }
    @media screen and (max-width: 1350px) {
      .billing-fee.table-product-fee thead th:nth-child(2) {
        width: 22%; } }
  .billing-fee.table-product-fee thead th:nth-child(3) {
    width: 15%; }
  .billing-fee.table-product-fee thead th:nth-child(4) {
    width: 20%; }
  .billing-fee.table-product-fee thead th:nth-child(5) {
    width: 17.5%; }
  .billing-fee.table-product-fee thead th:nth-child(6) {
    width: 17.5%; }

.billing-fee.table-product-fee .total-price {
  font-size: 14px !important; }

.billing-fee.table-product-fee .price-sub {
  font-size: 14px !important; }

.billing-fee.table-product-fee tfoot .prices-form {
  font-size: 16px; }

.billing-fee.table-product-fee tfoot .total-price {
  font-size: 16px; }

.billing-fee tr {
  border-bottom: 1px solid #c9d9ff; }
  .billing-fee tr:last-child {
    border-bottom: none; }

.billing-fee td {
  border-top: none !important;
  font-size: 14px;
  vertical-align: middle; }
  .billing-fee td p.mb-2 {
    margin-bottom: 3rem !important; }
    .billing-fee td p.mb-2:last-child {
      margin-bottom: 0 !important; }

.billing-fee tbody td {
  vertical-align: top;
  line-height: 1; }

.billing-fee tbody .prices-form {
  line-height: 1; }

.billing-fee .total-price {
  font-size: 18px; }

.billing-fee .product {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  color: #363c58;
  margin-bottom: 3rem;
  line-height: 1; }

.billing-fee .promotion {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #363c58;
  line-height: 1; }

.billing-fee tfoot {
  background-color: #f5f8fc; }
  .billing-fee tfoot td {
    font-size: 16px; }
    .billing-fee tfoot td.text-right .mb-2 {
      margin-bottom: 0 !important; }
    .billing-fee tfoot td.text-right .px-2 {
      padding: 0 !important; }

.billing-fee .d-flex.flex-row.text-center.align-items-center {
  align-items: inherit !important; }

.billing-fee .sale-prices {
  position: relative;
  line-height: 1;
  margin-bottom: 10px; }
  .billing-fee .sale-prices p {
    margin-bottom: 5px; }
    .billing-fee .sale-prices p .prices-form {
      font-size: 14px;
      font-weight: 600; }
    .billing-fee .sale-prices p .price-sub {
      font-size: 14px !important; }
  .billing-fee .sale-prices .ont-12 {
    font-size: 12px; }
  .billing-fee .sale-prices:last-child {
    margin-bottom: 0; }

.billing-fee .border-none {
  border-bottom: 0;
  position: relative;
  border-top: 1px solid #c9d9ff; }
  .billing-fee .border-none td {
    border: 0; }
  .billing-fee .border-none .td-count {
    height: 1px; }
    .billing-fee .border-none .td-count .flex-table {
      display: table;
      height: 100%;
      width: 100%; }
      .billing-fee .border-none .td-count .flex-table .bordered-right-blue {
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column; }
  .billing-fee .border-none .total-price {
    font-size: 16px; }

.price-sub {
  font-size: 16px !important;
  color: #363c58 !important;
  font-weight: bold !important; }

.border-head-blue {
  border-top: 1px solid #c9d9ff;
  border-bottom: 1px solid #c9d9ff; }

.total-price {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 22px;
  color: #ff3963; }

.box-payment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  margin-top: 15px;
  background-color: #f5f8fc;
  border-top: 1px solid #c9d9ff;
  border-bottom: 1px solid #c9d9ff; }
  .box-payment span.font-weight-bold {
    white-space: nowrap;
    font-size: 16px;
    color: #363C58; }

.installation-cost {
  display: flex;
  align-items: center; }
  .installation-cost small {
    white-space: nowrap; }
  .installation-cost span {
    white-space: nowrap; }
  .installation-cost .total-price {
    font-size: 18px; }

.installation-cost-social {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; }
  .installation-cost-social .list-cost-social {
    padding: 0 15px;
    border-right: 1px solid #c9d9ff;
    margin: 4px 0;
    display: flex;
    align-items: center; }
    .installation-cost-social .list-cost-social:last-child {
      border-right: none; }
    .installation-cost-social .list-cost-social img {
      margin-bottom: 1px;
      margin-right: 5px; }
    .installation-cost-social .list-cost-social span {
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      color: #363c58; }

.text-note {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #363c58; }

.thead-table-blue {
  border-top: 1px solid #c9d9ff;
  border-bottom: 1px solid #c9d9ff; }
  .thead-table-blue th {
    border: none !important; }

.bordered-right-blue {
  border-right: 1px solid #c9d9ff; }

.font-12 {
  font-size: 12px; }

.wired-consultation .grape-record::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #c9d9ff;
  margin: 0 15px 30px 15px; }

.btn-button {
  height: 44px;
  width: 160px; }

.main-step-box {
  position: relative; }
  .main-step-box .btn-edit-form {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none; }

.main-btn-submit {
  margin-top: 20px; }
  .main-btn-submit .group-button {
    display: flex;
    justify-content: center; }

.border-right-gray {
  border-right: 1px solid #CDDBFC; }

.btn-edit-form {
  margin-left: 15px; }

.title-box-line {
  position: relative; }
  .title-box-line span {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #363C58;
    font-weight: bold; }
    .title-box-line span::after {
      content: "";
      height: 1px;
      width: 95%;
      color: red;
      background-color: #CDDBFC;
      margin-left: 25px; }

.form-box .btn-add {
  width: 100%;
  border: 1px dashed #CDDBFC !important;
  box-sizing: border-box;
  border-radius: 3px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.8px;
  color: #2F8BFF;
  border: 1px solid #2F8BFF; }
  .form-box .btn-add span {
    margin-right: 10px;
    font-size: 16px; }
  .form-box .btn-add:hover {
    background-color: #2F8BFF;
    color: #fff; }

.font-10 {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  color: #363C58; }

.box-right {
  position: absolute;
  right: 15px;
  width: 300px;
  padding: 15px 10px;
  top: -15px;
  border: 2px dashed #C9D9FF;
  box-sizing: border-box;
  border-radius: 3px;
  padding-right: 80px; }
  @media screen and (max-width: 1400px) {
    .box-right {
      right: 0;
      width: 250px; } }
  .box-right .title, .box-right .content {
    font-style: normal;
    font-size: 12px;
    color: #363C58; }
  .box-right .title {
    font-weight: bold;
    color: #2F8BFF; }
  .box-right .content {
    font-weight: normal;
    white-space: nowrap; }

.wired_option_table_report {
  margin: 15px 5px !important;
  margin-bottom: 0 !important; }
  .wired_option_table_report td {
    padding: .5rem 5px !important; }
    .wired_option_table_report td.py-0 {
      padding-bottom: 0 !important;
      padding-top: 0 !important; }
  .wired_option_table_report tr:last-child td {
    padding-bottom: 0 !important; }

.title_custom {
  text-align: right; }
  @media screen and (max-width: 1350px) {
    .title_custom {
      font-size: 15px; } }

.pr-custom {
  padding-right: 25px; }
  @media screen and (max-width: 1350px) {
    .pr-custom {
      padding-right: 6%; } }

.text-red {
  color: #ff3963 !important;
  font-weight: bold; }

.sales-guide .list-tabs {
  max-width: 900;
  width: 100%;
  margin: 0 auto;
  border: 0;
  justify-content: center;
  margin-top: 30px;
  position: relative; }
  .sales-guide .list-tabs .button-add-notifi {
    position: absolute;
    right: -120px;
    top: -10px; }
    @media screen and (max-width: 1200px) {
      .sales-guide .list-tabs .button-add-notifi {
        right: -50px; } }
  .sales-guide .list-tabs .nav-item {
    padding: 0;
    border: 0; }
    .sales-guide .list-tabs .nav-item a {
      padding: 10px 15px;
      border: 0;
      border-bottom: 1px solid #12183729;
      display: block;
      text-align: center;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 14px;
      color: #363C58;
      position: relative;
      text-transform: uppercase; }
      .sales-guide .list-tabs .nav-item a::before {
        content: '';
        width: 0;
        height: 2px;
        background-color: #2F8BFF;
        position: absolute;
        left: 0;
        bottom: -1px;
        display: none;
        transition: width .3s; }
      .sales-guide .list-tabs .nav-item a:hover {
        color: #2F8BFF; }
      .sales-guide .list-tabs .nav-item a.active {
        color: #2F8BFF; }
        .sales-guide .list-tabs .nav-item a.active::before {
          display: block;
          width: 100%; }

.sales-guide .list-category {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 850px;
  margin: 0 auto;
  margin-top: 20px;
  flex-wrap: wrap; }
  .sales-guide .list-category li {
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px; }
    .sales-guide .list-category li span {
      height: 32px;
      padding: 5px 15px;
      background: #F5F8FC;
      border-radius: 4px;
      font-weight: normal;
      font-size: 14px;
      color: #05060B;
      cursor: pointer; }
    .sales-guide .list-category li.active span {
      background: #C9D9FF;
      color: #2F8BFF; }
    .sales-guide .list-category li:hover span, .sales-guide .list-category li:focus span {
      background: #C9D9FF;
      color: #2F8BFF; }

@media screen and (max-width: 1350px) {
  .sales-guide.sales-admin .list-tabs {
    width: 90%; } }

.sales-guide.sales-admin .list-tabs .btn-submit {
  width: 124px;
  padding: 0 !important; }

@media screen and (max-width: 1350px) {
  .sales-guide.sales-admin .list-tabs .button-add-notifi {
    right: -40px; } }

@media screen and (max-width: 1350px) {
  .sales-guide.sales-admin .list-category {
    width: 90%; } }

.modal .flex-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.modal .btn-header {
  padding: 0 15px;
  border: 1px solid #afb7cc;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #afb7cc;
  height: 32px;
  display: flex;
  align-items: center; }
  .modal .btn-header:hover {
    background-color: #2f8bff;
    color: #fff;
    border-color: #2f8bff; }

.modal .discount-card .list-item li {
  background-color: #fff;
  border-top: 1px dashed #c9d9ff; }
  .modal .discount-card .list-item li .left {
    width: 55%;
    font-size: 16px; }
  .modal .discount-card .list-item li .right {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .modal .discount-card .list-item li .right .btn-wireless {
      margin-right: 25px; }
    .modal .discount-card .list-item li .right p {
      font-weight: normal;
      font-size: 16px;
      color: #363c58;
      width: 40%;
      text-align: right; }
  .modal .discount-card .list-item li:nth-child(2n) {
    background-color: #f5f8fc; }
  .modal .discount-card .list-item li:last-child {
    border-bottom: 1px dashed #c9d9ff; }
  .modal .discount-card .list-item li.active {
    background-color: #c9d9ff; }

.modal-additional .modal-body {
  padding: 0;
  margin-top: 10px; }

.modal-additional .list-additional {
  padding: 0;
  list-style: none;
  max-height: 360px;
  overflow: auto;
  min-height: 170px; }
  .modal-additional .list-additional::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .modal-additional .list-additional::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .modal-additional .list-additional::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .modal-additional .list-additional:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .modal-additional .list-additional li {
    padding: 19.5px 12px;
    font-weight: normal;
    font-size: 16px;
    color: #363c58;
    border-top: 1px dashed #c9d9ff;
    font-weight: 400; }
    .modal-additional .list-additional li:last-child {
      border-bottom: 1px dashed #c9d9ff; }
    .modal-additional .list-additional li:nth-child(2n) {
      background-color: #f5f8fc; }
    .modal-additional .list-additional li .flex-title {
      width: 50%; }
    .modal-additional .list-additional li p {
      width: 50%;
      text-align: right; }
    .modal-additional .list-additional li:hover {
      background-color: #c9d9ff94; }
    .modal-additional .list-additional li.active {
      background-color: #c9d9ff; }
      .modal-additional .list-additional li.active:hover {
        background-color: #c9d9ff; }

.modal .modal-content {
  position: relative; }
  .modal .modal-content .modal-header {
    border-bottom: 2px solid #c9d9ff;
    padding: 40px 0 10px 0; }
    .modal .modal-content .modal-header .close {
      position: absolute;
      right: 20px;
      padding: 0;
      top: 20px; }

.modal-list-plan .nav-tabs.list-tab {
  background-color: #f7f9fc;
  border-bottom: 0; }
  .modal-list-plan .nav-tabs.list-tab .tab-item {
    background-color: transparent; }
    .modal-list-plan .nav-tabs.list-tab .tab-item .nav-link {
      padding: 8px 8px; }

.modal-list-plan .form-check .custom-control-label::before {
  top: 0.16rem; }

.modal-list-plan .form-check .custom-control-label::after {
  top: 0.16rem; }

.modal-list-plan .content-product .tab-content .table-form {
  height: 400px;
  min-height: inherit;
  max-height: inherit; }

.essence-plan .list-essencs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0; }
  .essence-plan .list-essencs li {
    display: flex;
    margin-top: 35px;
    align-items: center;
    padding: 10px 30px;
    font-weight: normal;
    font-size: 15px;
    color: #363c58;
    justify-content: center;
    border-left: 1px solid #c9d9ff; }
    .essence-plan .list-essencs li img {
      margin-right: 7px;
      height: 24px; }
    .essence-plan .list-essencs li:last-child {
      border-right: 1px solid #c9d9ff; }

.essence-plan .content-essencs {
  position: relative;
  border: 1px solid #c9d9ff;
  box-sizing: border-box;
  margin-top: 40px;
  padding: 38px 20px; }
  .essence-plan .content-essencs .title-essencs {
    font-weight: bold;
    font-size: 14px;
    color: #363c58;
    position: absolute;
    background-color: #fff;
    top: -9px;
    padding: 0 5px;
    left: 15px; }
  .essence-plan .content-essencs p {
    font-weight: normal;
    font-size: 14px;
    color: #363c58; }

.list-detail-internet {
  padding: 0;
  list-style: none;
  margin-top: 20px;
  min-height: 300px;
  max-height: 500px;
  overflow: auto;
  overflow-x: hidden; }
  .list-detail-internet::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .list-detail-internet::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .list-detail-internet::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .list-detail-internet:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .list-detail-internet li {
    padding: 13px 15px;
    display: flex;
    align-items: center;
    border-top: 1px dashed #c9d9ff; }
    .list-detail-internet li .left {
      width: 70%; }
      .list-detail-internet li .left .top-detail {
        display: flex;
        align-items: center;
        margin-bottom: 10px; }
        .list-detail-internet li .left .top-detail h6 {
          font-weight: 600;
          font-size: 12px;
          color: #363c58;
          margin-bottom: 0;
          padding-right: 10px;
          margin-bottom: 0; }
        .list-detail-internet li .left .top-detail span {
          color: #2f8bff;
          font-weight: normal;
          font-size: 12px;
          padding: 0 10px;
          border-left: 1px solid #363c58; }
        .list-detail-internet li .left .top-detail a {
          color: #fff;
          font-size: 12px;
          display: flex;
          align-items: center;
          padding: 0 10px; }
      .list-detail-internet li .left p {
        font-weight: normal;
        font-size: 12px;
        color: #363c58;
        margin-bottom: 0; }
    .list-detail-internet li .right {
      width: 30%;
      display: flex;
      justify-content: flex-end; }
    .list-detail-internet li:last-child {
      border-bottom: 1px dashed #c9d9ff; }
    .list-detail-internet li:nth-child(2n) {
      background-color: #f5f8fc; }

.installment-card {
  max-height: 675px;
  padding-top: 3px; }
  .installment-card table {
    border-right: 1px solid #c9d9ff; }
  .installment-card thead th {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #363c58;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 25%; }
    .installment-card thead th:nth-child(2) {
      width: 20%; }
    .installment-card thead th:nth-child(3) {
      width: 30%; }
  .installment-card tbody tr {
    vertical-align: middle; }
  .installment-card tbody td {
    vertical-align: middle;
    border: 1px solid #c9d9ff;
    box-sizing: border-box; }
    .installment-card tbody td p {
      font-weight: normal;
      font-size: 12px;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      color: #363c58;
      margin-bottom: 5px; }
    .installment-card tbody td h6 {
      font-weight: bold;
      font-size: 12px;
      letter-spacing: 0.8px;
      color: #363c58;
      margin-bottom: 5px; }
      .installment-card tbody td h6 span {
        font-weight: normal; }
      .installment-card tbody td h6 a {
        font-weight: bold;
        font-size: 11px;
        letter-spacing: 0.8px;
        color: #363c58; }
    .installment-card tbody td h5 {
      font-weight: normal;
      font-size: 12px;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      color: #9496ab; }
    .installment-card tbody td img {
      width: 158px;
      height: 100px;
      object-fit: contain;
      border-radius: 5px;
      margin-bottom: 15px; }
  .installment-card .text-footer-modal {
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 0.8px;
    color: #363c58; }

.installment-height {
  padding-top: 4px; }
  .installment-height .top-installment {
    padding: 0 30px 5px 30px;
    border-bottom: 1px dashed #c9d9ff; }
    .installment-height .top-installment .col-5 {
      flex: 0 0 33.666667%;
      max-width: 33.666667%; }
    .installment-height .top-installment img {
      max-width: 210px;
      max-height: 138px;
      border-radius: 5px;
      object-fit: contain; }
      .installment-height .top-installment img.qr-code-pop {
        width: 70px;
        height: 70px;
        position: absolute;
        right: -70px;
        bottom: 0;
        object-fit: contain;
        -o-object-fit: contain; }
        @media screen and (max-width: 1700px) {
          .installment-height .top-installment img.qr-code-pop {
            right: -80px; } }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .installment-height .top-installment img.qr-code-pop {
            max-width: 70px;
            max-height: 70px;
            width: auto;
            height: auto; } }
    .installment-height .top-installment strong.text-name .blue-white {
      margin-bottom: 7px; }
  .installment-height article {
    margin-top: 15px;
    max-height: inherit !important; }
    .installment-height article .scroll-content {
      height: 164px;
      overflow-y: auto;
      overflow-x: hidden;
      border: 1px solid #c0c2c7;
      border-radius: 3px;
      padding: 7px 20px; }
      .installment-height article .scroll-content::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px; }
      .installment-height article .scroll-content::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent;
        right: 10px;
        min-height: 50px; }
      .installment-height article .scroll-content::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }
      .installment-height article .scroll-content:hover::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        height: 50px;
        min-height: 50px; }
      .installment-height article .scroll-content p {
        font-weight: normal;
        font-size: 11px;
        color: #363c58;
        margin-bottom: 3px; }
      .installment-height article .scroll-content h6 {
        margin-bottom: 3px;
        font-weight: bold;
        font-size: 11px;
        color: #363c58; }
      .installment-height article .scroll-content.scroll-content-right {
        height: 68px;
        font-size: 12px;
        color: #363c58; }

.label-modal {
  font-weight: bold;
  font-size: 12px;
  color: #363c58;
  text-align: right;
  width: 100%;
  display: block;
  margin-bottom: 10px; }

.text-name {
  font-weight: normal;
  font-size: 12px;
  color: #363c58;
  display: block;
  display: flex;
  align-items: center; }
  .text-name img {
    width: 17px !important;
    height: 17px !important;
    margin-left: 10px; }

.blue-white {
  color: #2f8bff !important;
  font-weight: 600; }

.flex-title {
  display: flex;
  align-items: center;
  margin-bottom: 5px; }
  .flex-title a {
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
    padding: 0 10px; }
    .flex-title a img {
      margin-right: 5px; }
  .flex-title .title {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.75px;
    color: #363c58; }

.label-title {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.75px;
  color: #363c58; }

.wireless-connection .top {
  background: #f5f8fc;
  border-bottom: 1px solid #c9d9ff;
  border-top: 1px solid #c9d9ff;
  padding: 7px 10px; }
  .wireless-connection .top a {
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-left: 1px solid #c0c2c7;
    font-weight: normal;
    font-size: 12px;
    color: #727b89; }
    .wireless-connection .top a img {
      margin-right: 3px; }
  .wireless-connection .top .label.label-title.col-3.mn-0 {
    max-width: 16.666667% !important; }
  .wireless-connection .top .btn-input-form.btn-devices.col-6 {
    max-width: 38.666667%; }

.wireless-connection .product-wireless {
  margin-top: 10px;
  border-bottom: 1px solid #c9d9ff;
  border-top: 1px solid #c9d9ff;
  padding: 3px 10px; }

.wireless-connection table {
  margin-top: 10px; }
  .wireless-connection table td,
  .wireless-connection table th {
    vertical-align: middle;
    padding: 0.4rem; }
  .wireless-connection table .text-small-blue {
    font-size: 10px;
    color: #2f8bff;
    font-weight: normal; }
  .wireless-connection table thead {
    border-top: 1px solid #c9d9ff;
    border-bottom: 1px dashed #c9d9ff; }
    .wireless-connection table thead th {
      border: 0;
      white-space: nowrap; }
      .wireless-connection table thead th:last-child {
        background-color: #f5f8fc;
        padding-left: 19px;
        padding-right: 19px; }
  .wireless-connection table tbody {
    border-bottom: 1px solid #c9d9ff; }
    .wireless-connection table tbody tr td {
      border: 0;
      padding-top: 10px;
      padding-bottom: 10px; }
      .wireless-connection table tbody tr td:nth-child(2) {
        white-space: nowrap; }
        .wireless-connection table tbody tr td:nth-child(2) p {
          white-space: nowrap; }
      .wireless-connection table tbody tr td:nth-child(4) {
        background-color: #f5f8fc;
        width: 220px;
        padding-left: 19px;
        padding-right: 19px; }
        .wireless-connection table tbody tr td:nth-child(4) .form-group {
          margin-bottom: 0;
          padding-bottom: 50px;
          padding-top: 7px; }
          .wireless-connection table tbody tr td:nth-child(4) .form-group:last-child {
            margin-bottom: 0;
            margin-top: 0 !important;
            padding-bottom: 30px; }
          .wireless-connection table tbody tr td:nth-child(4) .form-group .btn-input-form {
            width: 198px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
      .wireless-connection table tbody tr td .row {
        align-items: center; }
        .wireless-connection table tbody tr td .row.w-200 {
          width: auto;
          margin-right: 0; }
          .wireless-connection table tbody tr td .row.w-200 .col-8 {
            padding: 0 !important;
            position: relative; }
            .wireless-connection table tbody tr td .row.w-200 .col-8 .text-small-blue {
              position: absolute;
              bottom: -14px;
              left: 0;
              white-space: nowrap; }
      .wireless-connection table tbody tr td .pb-3 {
        padding-bottom: 0 !important; }
      .wireless-connection table tbody tr td .justify-content-center.pl-0.custom-checkbox {
        margin-bottom: 0 !important; }
      .wireless-connection table tbody tr td .row .label-title {
        white-space: nowrap; }
      .wireless-connection table tbody tr td .h-32 {
        height: 36px !important; }
        .wireless-connection table tbody tr td .h-32.btn-input-form::after {
          display: inline-block;
          margin-left: 0;
          vertical-align: 0.255em;
          content: "";
          border-top: 0.3em solid;
          border-right: 0.3em solid transparent;
          border-bottom: 0;
          border-left: 0.3em solid transparent;
          position: absolute;
          right: 15px;
          top: 15px; }
      .wireless-connection table tbody tr td:last-child .btn-input-form::after {
        display: none; }
    .wireless-connection table tbody tr.disabled-tr td {
      opacity: 0.4; }
    .wireless-connection table tbody tr.disabled-tr:nth-child(1) td:last-child {
      opacity: 1 !important; }
    .wireless-connection table tbody tr.disabled-tr .custom-control-input {
      opacity: 0; }
    .wireless-connection table tbody tr:last-child td {
      padding-bottom: 20px; }
  .wireless-connection table .custom-control-label::after,
  .wireless-connection table .custom-checkbox .custom-control-label::before {
    left: -0.5rem; }

.wireless-connection .program_rates th {
  font-size: 12px;
  white-space: nowrap; }

.wireless-connection .program_rates td.program_rate {
  font-size: 12px;
  border: 1px solid #dee2e6 !important;
  background-color: #fff transparent;
  padding-left: 5px;
  padding-right: 5px; }
  .wireless-connection .program_rates td.program_rate .input-group-cs {
    display: flex;
    align-items: center;
    justify-content: center; }
    .wireless-connection .program_rates td.program_rate .input-group-cs span.attach {
      white-space: nowrap; }
  .wireless-connection .program_rates td.program_rate .form-control-cs {
    width: 42px;
    border: 1px solid #c0c2c7;
    border-radius: 3px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    pointer-events: none;
    font-size: 10px; }
    .wireless-connection .program_rates td.program_rate .form-control-cs::placeholder {
      font-size: 10px; }
    .wireless-connection .program_rates td.program_rate .form-control-cs span {
      white-space: nowrap; }

.wireless-connection .content-article {
  border: 1px solid #c0c2c7;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 15px 20px;
  height: 164px;
  overflow-y: auto;
  overflow-x: hidden; }
  .wireless-connection .content-article::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .wireless-connection .content-article::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .wireless-connection .content-article::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .wireless-connection .content-article:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }

.wireless-connection .table-mobile .custom-control-label::after,
.wireless-connection .table-mobile .custom-checkbox .custom-control-label::before {
  left: -1.5rem; }

.wireless-connection .table-mobile th {
  border-right: 1px solid #c9d9ff;
  width: 33.33%; }
  .wireless-connection .table-mobile th:nth-child(1) {
    background-color: #f5f8fc; }

.wireless-connection .table-mobile td {
  vertical-align: top;
  border-right: 1px solid #c9d9ff;
  width: 33.33%; }
  .wireless-connection .table-mobile td:nth-child(1) {
    background-color: #f5f8fc; }

.wireless-connection .text-wireless {
  white-space: nowrap; }

.weight-normal {
  font-weight: normal !important; }

.text-wireless {
  font-weight: normal;
  font-size: 14px;
  color: #9496ab;
  letter-spacing: 0.75px;
  text-transform: uppercase; }

.h-32 {
  height: 32px !important; }

.list-modal-wiress li {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.promotional-discount table thead {
  border-top: 1px solid #c9d9ff;
  border-bottom: 1px solid #c9d9ff; }
  .promotional-discount table thead th {
    text-align: left;
    border: 0;
    font-size: 14px; }
    .promotional-discount table thead th:nth-child(2n) {
      text-align: right; }

.promotional-discount table tbody tr td {
  text-align: left;
  vertical-align: middle;
  border: 0;
  border-bottom: 1px dashed #c9d9ff;
  font-size: 14px;
  color: #363c58; }
  .promotional-discount table tbody tr td:nth-child(2n) {
    text-align: right; }

.promotional-discount .total-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #c9d9ff;
  border-top: 1px solid #c9d9ff;
  padding: 10px;
  background: #f5f8fc; }
  .promotional-discount .total-form h4 {
    font-weight: normal;
    font-size: 14px;
    color: #05060b;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin-bottom: 0; }
  .promotional-discount .total-form p {
    font-size: 14px; }

.modal .form-signs {
  position: relative;
  border: 1px solid #c9d9ff;
  box-sizing: border-box;
  height: 150px; }
  .modal .form-signs h4 {
    position: absolute;
    background-color: #fff;
    padding: 0 10px;
    top: -7px;
    left: 20px; }

.modal-counseling-history {
  padding-left: 0;
  padding-right: 0;
  padding-top: 3px; }
  .modal-counseling-history article {
    max-height: 50vh;
    overflow: auto; }
    .modal-counseling-history article::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .modal-counseling-history article::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      right: 10px;
      min-height: 50px; }
    .modal-counseling-history article::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .modal-counseling-history article.article_counseling {
      max-height: inherit;
      height: auto; }
  .modal-counseling-history table tbody tr {
    background-color: #f5f8fc; }
    .modal-counseling-history table tbody tr td {
      border-bottom: 1px dashed #c9d9ff;
      border-top: 0;
      font-weight: normal;
      font-size: 12px;
      color: #363c58;
      vertical-align: middle; }
      .modal-counseling-history table tbody tr td:nth-child(4) {
        white-space: nowrap; }
      .modal-counseling-history table tbody tr td:nth-child(5) {
        white-space: nowrap; }
    .modal-counseling-history table tbody tr:nth-child(2n) {
      background-color: #fff; }
  .modal-counseling-history table tbody .custom-control {
    display: flex;
    align-items: center; }
    .modal-counseling-history table tbody .custom-control.custom-radio {
      padding-left: 10px; }
  .modal-counseling-history table tbody .custom-radio .custom-control-label::before {
    top: 0; }
  .modal-counseling-history table tbody .custom-radio .custom-control-label::after {
    top: 0; }
  .modal-counseling-history table thead tr th {
    border-bottom: 0; }
  .modal-counseling-history .list-tab {
    margin: 0 auto; }
  .modal-counseling-history td .custom-control {
    padding-left: 7px; }

.list-color-tag {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center; }
  .list-color-tag .item-tag {
    border-radius: 4px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    cursor: pointer; }
    .list-color-tag .item-tag i {
      color: #fff;
      font-size: 14px;
      display: none; }
    .list-color-tag .item-tag.disabled {
      opacity: 0.3; }
      .list-color-tag .item-tag.disabled i {
        display: block; }
    .list-color-tag .item-tag.active i {
      display: block; }
    .list-color-tag .item-tag.tag-1 {
      background-color: #43c588; }
    .list-color-tag .item-tag.tag-2 {
      background-color: #727b89; }
    .list-color-tag .item-tag.tag-3 {
      background-color: #f56264; }
    .list-color-tag .item-tag.tag-4 {
      background-color: #f8ba34; }
    .list-color-tag .item-tag.tag-5 {
      background-color: #2f3447; }
    .list-color-tag .item-tag.tag-6 {
      background-color: #ff3963; }
    .list-color-tag .item-tag.tag-7 {
      background-color: #56ccf2; }
    .list-color-tag .item-tag.tag-8 {
      background-color: #2f8bff; }
    .list-color-tag .item-tag:hover {
      opacity: 0.5; }

.progress-wrapper {
  margin-top: 60px; }
  .progress-wrapper .progress-item {
    display: flex;
    margin-bottom: 50px;
    min-height: 50px; }
    .progress-wrapper .progress-item:last-child {
      margin-bottom: 20px; }
    .progress-wrapper .progress-item h4 {
      margin-bottom: 0;
      font-weight: bold;
      font-size: 14px;
      color: #363c58;
      width: 70px; }
    .progress-wrapper .progress-item .right {
      width: calc(100% - 200px);
      margin: 0 auto; }
      .progress-wrapper .progress-item .right .progress {
        height: 4px;
        overflow: initial;
        margin: 0 50px; }
        .progress-wrapper .progress-item .right .progress .progress-bar {
          position: relative;
          overflow: initial; }
          .progress-wrapper .progress-item .right .progress .progress-bar::before {
            position: absolute;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            border: 1.5px solid #2f8bff;
            content: "";
            right: -0;
            z-index: 2;
            background-color: #fff; }
      .progress-wrapper .progress-item .right .list-border {
        display: flex;
        justify-content: space-between;
        padding: 0 50px; }
        .progress-wrapper .progress-item .right .list-border span {
          height: 10px;
          width: 1px;
          background-color: #d3d4db; }
          .progress-wrapper .progress-item .right .list-border span.center {
            opacity: 0; }
      .progress-wrapper .progress-item .right .list-value {
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: space-between;
        margin-top: 10px; }
        .progress-wrapper .progress-item .right .list-value .value-item {
          font-weight: normal;
          font-size: 12px;
          color: #363c58;
          position: relative;
          width: 100px;
          text-align: center; }
          .progress-wrapper .progress-item .right .list-value .value-item.active {
            color: #2f8bff; }
      .progress-wrapper .progress-item .right .rc-slider .rc-slider-mark .rc-slider-mark-text {
        font-size: 12px;
        color: #363c58; }
        .progress-wrapper .progress-item .right .rc-slider .rc-slider-mark .rc-slider-mark-text:focus {
          outline: 0; }
        .progress-wrapper .progress-item .right .rc-slider .rc-slider-mark .rc-slider-mark-text.rc-slider-mark-text-active {
          color: #2f8bff; }

.total-progress {
  font-size: 14px;
  color: #363c58;
  font-weight: normal;
  text-align: center; }
  .total-progress span {
    font-size: 24px;
    font-weight: bold; }

.td-discount {
  height: 1px; }
  .td-discount .list-discount-card {
    display: table;
    height: 100%;
    width: 100%; }
    .td-discount .list-discount-card .item-discount-card {
      border-bottom: 1px solid #c9d9ff;
      display: table-row; }
      .td-discount .list-discount-card .item-discount-card .flex-discount {
        display: flex;
        padding: 12px;
        flex-direction: column;
        justify-content: center; }
      .td-discount .list-discount-card .item-discount-card h6 {
        margin-bottom: 0; }
      .td-discount .list-discount-card .item-discount-card:last-child {
        border-bottom: 0; }

.position-table {
  position: relative;
  height: 1px; }
  .position-table .list-include-price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }
    .position-table .list-include-price .include-price {
      height: inherit;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-bottom: 1px solid #c9d9ff;
      width: 100%;
      padding: 12px; }
      .position-table .list-include-price .include-price div {
        font-size: 11px;
        font-weight: normal; }
      .position-table .list-include-price .include-price:last-child {
        border-bottom: 0; }

.modal .right .btn-wireless:hover {
  background-color: #2f8bff; }

.modal .right .btn-wireless:focus {
  outline: 0;
  box-shadow: none; }

li.disable {
  pointer-events: none !important;
  opacity: 0.6; }

.modal-body ul li {
  cursor: pointer; }

.dropdown .dropdown-menu.dropdown-menu-option {
  right: 0;
  left: auto !important; }

.modal-detail-card {
  max-width: 70%; }
  @media screen and (max-width: 1400px) {
    .modal-detail-card {
      max-width: 95%; } }

.modal-dialog {
  max-width: 540px; }
  .modal-dialog article {
    max-height: 490px;
    min-height: 350px;
    overflow: auto;
    overflow-x: hidden; }
    .modal-dialog article::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .modal-dialog article::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .modal-dialog article::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .modal-dialog article:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
  .modal-dialog .modal-content {
    max-height: 90vh; }

.modal-body .list-item {
  max-height: 420px;
  overflow: auto;
  min-height: 300px; }
  .modal-body .list-item::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .modal-body .list-item::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .modal-body .list-item::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .modal-body .list-item:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  @media screen and (max-width: 1400px) {
    .modal-body .list-item {
      overflow: auto;
      height: auto; }
      .modal-body .list-item::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px; }
      .modal-body .list-item::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent;
        right: 10px;
        min-height: 50px; }
      .modal-body .list-item::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }
      .modal-body .list-item:hover::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        height: 50px;
        min-height: 50px; } }

.modal-support-service table thead th {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase; }

.modal-support-service table tbody tr:nth-child(2n + 1) {
  background-color: #f5f8fc; }

.modal-support-service table tbody td {
  font-weight: normal;
  font-size: 12px;
  color: #363c58;
  padding: 20px 0.75rem; }

.bg-blue {
  background-color: #f5f8fc !important; }

.essence-plan .content-essencs {
  overflow: initial; }

.modal-notification {
  display: flex;
  flex-direction: column; }
  .modal-notification .img-form {
    width: 100%;
    height: 440px;
    display: block; }
    .modal-notification .img-form img {
      max-width: 100%;
      width: auto !important;
      height: auto;
      margin: 30px 0; }
    .modal-notification .img-form .popup-home {
      height: auto !important; }
  .modal-notification .group-check {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px; }

.modal .container_nofitication p {
  font-size: 14px;
  color: #363c58; }

@media screen and (max-width: 1300px) {
  .modal .list-box {
    margin-top: 80px; } }

.modal .list-box .box-main .box-item {
  padding: 0 10px; }
  @media screen and (max-width: 1300px) {
    .modal .list-box .box-main .box-item {
      height: 220px; } }
  @media screen and (max-width: 1300px) {
    .modal .list-box .box-main .box-item img {
      max-width: 100%;
      height: 50px; } }

.modal .list-box .box-extra {
  margin-bottom: 50px; }
  @media screen and (max-width: 1300px) {
    .modal .list-box .box-extra {
      margin-top: 15px; } }
  .modal .list-box .box-extra .box-item {
    padding: 0 10px; }
    @media screen and (max-width: 1300px) {
      .modal .list-box .box-extra .box-item img {
        max-width: 100%; } }

.form_password a {
  position: relative;
  color: #2f8bff;
  font-weight: normal;
  font-size: 14px; }
  .form_password a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    width: 1px;
    height: 70%;
    background: #2f8bff; }

.modal-body .list-item.list_wireless {
  height: 363px;
  margin-top: 7px !important; }

.tvplus-modal {
  max-width: 846px; }
  .tvplus-modal .modal-body {
    padding-top: 10px; }
    .tvplus-modal .modal-body .list-item {
      height: 416px; }
      .tvplus-modal .modal-body .list-item li p {
        margin-bottom: 0;
        font-weight: normal;
        font-size: 16px;
        color: #363c58; }
      .tvplus-modal .modal-body .list-item li span {
        display: block;
        margin-top: 3px; }
      .tvplus-modal .modal-body .list-item li.disabled {
        background-color: #e4e9ef;
        cursor: not-allowed !important;
        opacity: 0.8; }

.wireless-connection .product-wireless .btn-input-form.btn-devices:disabled {
  background-color: #e4e9ef;
  cursor: not-allowed !important;
  opacity: 0.8; }

.modal-output {
  max-width: 860px; }
  .modal-output .modal-footer {
    border-top: 1px solid #c9d9ff; }

.form-modal-output h2 {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #363c58;
  padding: 22px 0 11px;
  margin-bottom: 0; }

.form-modal-output .flex-output {
  display: flex;
  margin-bottom: 1rem; }
  .form-modal-output .flex-output .form-group {
    align-items: center; }
    .form-modal-output .flex-output .form-group:last-child {
      margin-bottom: 0; }
  .form-modal-output .flex-output .form-control {
    height: 36px; }
  .form-modal-output .flex-output .btn-input-form {
    height: 36px;
    padding: 0 5px;
    font-weight: normal;
    font-size: 12px; }
    .form-modal-output .flex-output .btn-input-form.disabled {
      background: #f0f1f5;
      cursor: not-allowed;
      pointer-events: none; }
  .form-modal-output .flex-output .label-text {
    font-weight: normal;
    color: #363c58;
    margin-bottom: 0; }
  .form-modal-output .flex-output .flex-item {
    width: 50%; }
    .form-modal-output .flex-output .flex-item .item {
      border-bottom: 1px solid #c9d9ff;
      border-top: 1px solid #c9d9ff;
      padding: 20px 0; }
      .form-modal-output .flex-output .flex-item .item:last-child {
        border-top: 0; }
    .form-modal-output .flex-output .flex-item:last-child {
      background: #f5f8fc; }

.form-modal-output .list-status {
  display: block;
  padding: 27px 30px;
  background: #f5f8fc;
  margin-bottom: 0; }
  .form-modal-output .list-status .item-status {
    cursor: pointer;
    border: 1px solid #d3d4db;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #9496ab;
    margin-bottom: 8px;
    position: relative;
    box-sizing: border-box; }
    .form-modal-output .list-status .item-status .logo-img {
      width: 70px;
      margin-right: 10px;
      position: relative;
      height: 100%;
      display: flex;
      align-items: center; }
      .form-modal-output .list-status .item-status .logo-img:before {
        content: "";
        width: 1px;
        height: 80%;
        position: absolute;
        top: 10%;
        right: 0;
        background-color: #9496ab; }
      .form-modal-output .list-status .item-status .logo-img img {
        max-width: 60px;
        max-height: 30px;
        width: auto;
        height: auto; }
    .form-modal-output .list-status .item-status i {
      margin-right: 18px; }
    .form-modal-output .list-status .item-status.active {
      border: 1px solid #2f8bff;
      color: #363c58; }
      .form-modal-output .list-status .item-status.active i {
        color: #2f8bff; }
    .form-modal-output .list-status .item-status .btn-delete {
      position: absolute;
      right: 10px;
      top: 23%;
      padding: 0;
      display: flex;
      align-items: center; }
      .form-modal-output .list-status .item-status .btn-delete:focus {
        outline: 0;
        box-shadow: none; }
      .form-modal-output .list-status .item-status .btn-delete img {
        width: 20px; }

.form-modal-output .group-check {
  display: flex;
  align-items: center; }
  .form-modal-output .group-check .form-check {
    margin-right: 15px; }
    .form-modal-output .group-check .form-check:last-child {
      margin-right: 0; }
    .form-modal-output .group-check .form-check .custom-control-label {
      font-size: 12px;
      color: #05060b; }
      .form-modal-output .group-check .form-check .custom-control-label span {
        margin-right: 6px; }

.form-modal-output .group-radio {
  display: flex;
  align-items: center; }
  .form-modal-output .group-radio .custom-radio {
    margin-right: 20px; }
    .form-modal-output .group-radio .custom-radio:last-child {
      margin-right: 0; }
  .form-modal-output .group-radio .custom-control-label {
    font-size: 12px;
    font-weight: normal; }
    .form-modal-output .group-radio .custom-control-label::before {
      top: 2px; }
    .form-modal-output .group-radio .custom-control-label::after {
      top: 2px; }

.form-modal-output .accordion-status {
  background: #f5f8fc;
  padding: 27px 30px;
  height: 202px;
  overflow: auto; }
  .form-modal-output .accordion-status::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .form-modal-output .accordion-status::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .form-modal-output .accordion-status::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .form-modal-output .accordion-status:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .form-modal-output .accordion-status .accordion .card {
    margin-bottom: 10px;
    border: 1px solid #d3d4db;
    box-sizing: border-box;
    border-radius: 3px; }
    .form-modal-output .accordion-status .accordion .card:last-child {
      margin-bottom: 0; }
    .form-modal-output .accordion-status .accordion .card.active-card {
      border-color: #2f8bff; }
  .form-modal-output .accordion-status .accordion .card-header {
    background: #ffffff; }
    .form-modal-output .accordion-status .accordion .card-header .btn {
      font-weight: normal;
      font-size: 12px;
      letter-spacing: 0.75px;
      text-transform: uppercase;
      color: #9496ab;
      position: relative; }
      .form-modal-output .accordion-status .accordion .card-header .btn:hover, .form-modal-output .accordion-status .accordion .card-header .btn:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none; }
      .form-modal-output .accordion-status .accordion .card-header .btn i {
        color: #2f8bff;
        margin-right: 20px; }
      .form-modal-output .accordion-status .accordion .card-header .btn .icon-btn {
        display: flex;
        position: absolute;
        width: 30px;
        height: 100%;
        background-image: url(../images/pop-close-01.svg);
        right: 0;
        top: 0;
        background-repeat: no-repeat;
        background-position: center; }
      .form-modal-output .accordion-status .accordion .card-header .btn .img-collapse {
        position: absolute;
        right: 0;
        top: 0;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 100%; }
      .form-modal-output .accordion-status .accordion .card-header .btn.collapsed i {
        color: #9496ab; }
      .form-modal-output .accordion-status .accordion .card-header .btn.collapsed .icon-btn {
        display: flex;
        position: absolute;
        width: 30px;
        height: 100%;
        background-image: url(../images/pop-close.svg);
        right: 0;
        top: 0;
        background-repeat: no-repeat;
        background-position: center; }
  .form-modal-output .accordion-status .list-status {
    padding: 0 30px; }

.modal-habitat-output .top {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #c9d9ff; }
  .modal-habitat-output .top h2 {
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #363c58;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
    margin-right: 20px; }
  .modal-habitat-output .top .list-tab {
    background: #f7f9fc;
    border-radius: 6px;
    padding: 3px;
    border-bottom: 0; }
    .modal-habitat-output .top .list-tab .tab-item .nav-link {
      font-weight: bold;
      font-size: 12px;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      color: #363c58;
      margin-right: 8px;
      padding: 0.5rem; }
      .modal-habitat-output .top .list-tab .tab-item .nav-link.active {
        background-color: #2f8bff;
        border-radius: 5px;
        color: #fff; }
      .modal-habitat-output .top .list-tab .tab-item .nav-link:hover {
        border-color: transparent; }

.modal-habitat-output .tab-content .group-radio {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-habitat-output .tab-content .group-radio .custom-radio {
    margin-right: 20px; }
  .modal-habitat-output .tab-content .group-radio .custom-control-label {
    font-size: 12px;
    font-weight: normal; }
    .modal-habitat-output .tab-content .group-radio .custom-control-label::before {
      top: 2px; }
    .modal-habitat-output .tab-content .group-radio .custom-control-label::after {
      top: 2px; }

.modal-habitat-output .group-check {
  display: flex;
  align-items: center; }
  .modal-habitat-output .group-check .form-check {
    margin-right: 20px; }
    .modal-habitat-output .group-check .form-check:last-child {
      margin-right: 0; }
    .modal-habitat-output .group-check .form-check .custom-control-label {
      font-size: 12px;
      color: #05060b; }
      .modal-habitat-output .group-check .form-check .custom-control-label span {
        opacity: 0.5; }
  .modal-habitat-output .group-check .label-text {
    font-weight: 500;
    font-size: 12px;
    color: #05060b; }

.modal-habitat-output .flex-row {
  display: flex;
  border-bottom: 1px solid #c9d9ff; }
  .modal-habitat-output .flex-row .item-row {
    width: 50%;
    padding: 15px 0 12px 0;
    border-right: 1px solid #c9d9ff; }
    .modal-habitat-output .flex-row .item-row:last-child {
      border-right: 0; }

.modal-habitat-output .text-output {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #363c58; }

.modal-habitat-output .accordion-status {
  height: 315px; }

.modal-habitat-output .form-search {
  position: relative;
  border-bottom: 1px solid #12183729;
  padding-bottom: 10px; }
  .modal-habitat-output .form-search input {
    border: 0;
    border-radius: 0;
    font-weight: normal;
    font-size: 16px; }
  .modal-habitat-output .form-search .btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0; }
    .modal-habitat-output .form-search .btn:focus {
      outline: 0;
      box-shadow: none; }

.modal-payment-check {
  max-width: 344px; }

.modal-payment-lg {
  max-width: 600px; }

.content-product .tab-content .table-form.form-insurance thead tr th {
  width: auto !important; }
  .content-product .tab-content .table-form.form-insurance thead tr th:nth-child(1) {
    width: 40px !important; }
  .content-product .tab-content .table-form.form-insurance thead tr th:nth-child(3) {
    width: 50% !important; }

.content-product .tab-content .table-form.form-insurance tbody tr td {
  white-space: normal !important; }

.content-product .tab-content .table-form.form-insurance tbody tr th:first-of-type {
  font-weight: normal; }

.modal-xl {
  max-width: 900px; }
  .modal-xl .modal-content {
    padding-left: 60px !important;
    padding-right: 60px !important; }
  .modal-xl.modal-big {
    max-width: 950px; }
  .modal-xl.modal-sale-prices {
    max-width: 868px; }

.modal-lg.modal-images .modal-content {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.modal-lg {
  max-width: 750px; }
  .modal-lg .modal-content {
    padding-left: 50px !important;
    padding-right: 50px !important;
    padding-bottom: 25px; }

.modal-body .nav-tabs.justify-content-between {
  justify-content: flex-start !important; }

.modal-body.modal-mobile-insurance {
  margin-top: 0 !important;
  padding-top: 5px !important; }
  .modal-body.modal-mobile-insurance .nav-tabs.justify-content-between {
    justify-content: flex-start !important; }
    @media screen and (max-width: 1350px) {
      .modal-body.modal-mobile-insurance .nav-tabs.justify-content-between .tab-item .nav-link {
        font-size: 12px;
        padding: 8px; } }
  .modal-body.modal-mobile-insurance .tab-content {
    margin-top: 15px; }

.modal-print {
  max-width: 790px;
  width: 790px; }
  .modal-print .modal-body {
    margin-top: 0 !important;
    padding-top: 0; }

.modal-small {
  max-width: 360px; }
  .modal-small .modal-content {
    padding-left: 30px !important;
    padding-right: 30px !important; }
    .modal-small .modal-content .modal-body {
      margin-top: 10px; }

.modal-lg .modal-footer.justify-content-center {
  padding-bottom: 0 !important; }

.modal-support-service thead tr th {
  width: 300px; }
  .modal-support-service thead tr th:nth-child(1) {
    width: 50px; }

.modal-add-service .modal-body {
  padding-top: 8px; }

.modal-add-service article {
  overflow: hidden; }

.modal-add-service .table thead th {
  border-bottom: 0;
  vertical-align: middle; }
  .modal-add-service .table thead th:nth-child(1) {
    width: 50px; }
  .modal-add-service .table thead th:nth-child(2) {
    width: 250px; }
  .modal-add-service .table thead th:nth-child(3) {
    width: 277px; }
  .modal-add-service .table thead th:nth-child(4) {
    width: 140px;
    text-align: right;
    padding-right: 16px; }

.modal-add-service .table tbody td .text-wrap {
  white-space: normal !important; }

.modal-add-service .table.table-header {
  margin-bottom: 0; }

.modal-add-service .table-scroll {
  height: 440px;
  overflow-y: auto;
  overflow-x: hidden; }
  .modal-add-service .table-scroll::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .modal-add-service .table-scroll::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .modal-add-service .table-scroll::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .modal-add-service .table-scroll:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .modal-add-service .table-scroll tr td {
    font-size: 14px;
    vertical-align: middle; }
    .modal-add-service .table-scroll tr td p {
      margin-bottom: 0; }
    .modal-add-service .table-scroll tr td:nth-child(3) {
      font-size: 12px; }
    .modal-add-service .table-scroll tr td span {
      font-size: 12px !important; }
    .modal-add-service .table-scroll tr td:nth-child(1) {
      width: 50px; }
    .modal-add-service .table-scroll tr td:nth-child(2) {
      width: 250px; }
    .modal-add-service .table-scroll tr td:nth-child(3) {
      width: 277px; }
    .modal-add-service .table-scroll tr td:nth-child(4) {
      width: 130px;
      text-align: right; }

.modal-used-phone .table-mobile .label-title {
  font-size: 14px; }

.modal-used-phone .table-mobile .btn-input-form {
  height: 36px; }

.modal-used-phone thead th {
  font-size: 13px;
  padding: 12.5px 0.4rem !important; }
  .modal-used-phone thead th:first-child {
    text-align: center; }
  .modal-used-phone thead th.bg-white .small-color {
    color: #9496ab !important; }

.modal-used-phone tbody tr:first-child td {
  background-color: #f5f8fc; }

.modal-used-phone tbody tr:nth-child(2) td {
  background-color: transparent !important; }

.modal-used-phone .wireless-connection table tbody tr td:nth-child(4) {
  width: auto; }

.modal-used-phone .month_custom {
  font-size: 10px;
  font-weight: bold;
  margin-right: 0; }

.modal-used-phone .attach {
  font-size: 10px !important; }

.modal-detail-mobile .left-product {
  max-height: 500px;
  min-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden; }
  .modal-detail-mobile .left-product::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .modal-detail-mobile .left-product::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .modal-detail-mobile .left-product::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .modal-detail-mobile .left-product:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }

.modal-penalty {
  padding: 0 33.5px; }
  .modal-penalty .modal-body .list-item {
    height: 192px; }
    .modal-penalty .modal-body .list-item li {
      background-color: #fff; }
      .modal-penalty .modal-body .list-item li:nth-child(2n + 1) {
        background-color: #f5f8fc; }
      .modal-penalty .modal-body .list-item li:nth-child(2n) {
        background-color: #fff; }
      .modal-penalty .modal-body .list-item li:first-child {
        background-color: #fff; }
  .modal-penalty .modal-footer {
    padding: 3px 0; }
    .modal-penalty .modal-footer .btn {
      width: 120px;
      padding: 0 !important; }

.modal-notifi-home {
  max-width: 900px; }
  .modal-notifi-home .container_nofitication {
    max-height: 90% !important;
    height: max-content !important; }
    .modal-notifi-home .container_nofitication .box_content {
      margin-bottom: 0px !important;
      min-height: 540px; }
  .modal-notifi-home .modal-content {
    padding: 0 30.5px;
    padding-bottom: 19px; }
    .modal-notifi-home .modal-content .modal-body {
      padding-top: 0;
      max-height: 85vh; }
      .modal-notifi-home .modal-content .modal-body .logo-network img {
        max-height: 50px;
        width: 100% !important;
        height: auto !important; }
      .modal-notifi-home .modal-content .modal-body table th {
        white-space: nowrap; }
      .modal-notifi-home .modal-content .modal-body table td, .modal-notifi-home .modal-content .modal-body table th {
        border: 1px solid #D3D4DB;
        width: calc(100% / 5);
        text-align: center;
        vertical-align: middle;
        padding: 11px 8px; }
      .modal-notifi-home .modal-content .modal-body table thead th {
        font-weight: 500;
        font-size: 14px; }
      .modal-notifi-home .modal-content .modal-body table tbody td {
        position: relative;
        padding: 7px 8px; }
        .modal-notifi-home .modal-content .modal-body table tbody td:nth-child(1) {
          vertical-align: top; }
        .modal-notifi-home .modal-content .modal-body table tbody td .name-devices {
          font-size: 13px;
          color: #333333;
          text-align: left;
          position: relative;
          padding-right: 15px;
          cursor: pointer;
          width: 100%;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: 144px;
          min-height: 19px;
          display: block; }
          .modal-notifi-home .modal-content .modal-body table tbody td .name-devices::before {
            content: '';
            position: absolute;
            border-top: .4em solid #D3D4DB;
            border-right: .4em solid transparent;
            border-bottom: 0;
            border-left: .4em solid transparent;
            right: 0px;
            top: 45%; }
          .modal-notifi-home .modal-content .modal-body table tbody td .name-devices:hover {
            text-decoration: underline; }
          .modal-notifi-home .modal-content .modal-body table tbody td .name-devices.no-hover {
            cursor: auto; }
            .modal-notifi-home .modal-content .modal-body table tbody td .name-devices.no-hover:hover {
              text-decoration: none; }
            .modal-notifi-home .modal-content .modal-body table tbody td .name-devices.no-hover::before {
              display: none; }
        .modal-notifi-home .modal-content .modal-body table tbody td .prices-devices {
          display: flex;
          align-items: flex-end;
          justify-content: flex-end;
          flex-direction: column;
          min-height: 38px;
          cursor: pointer; }
          .modal-notifi-home .modal-content .modal-body table tbody td .prices-devices span {
            font-size: 12px;
            color: #727B89;
            text-align: right;
            text-decoration: line-through; }
          .modal-notifi-home .modal-content .modal-body table tbody td .prices-devices .status-prices {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            margin-top: 6px;
            font-size: 12px;
            font-weight: 600; }
        .modal-notifi-home .modal-content .modal-body table tbody td.status-down {
          background: #D2F1E2; }
          .modal-notifi-home .modal-content .modal-body table tbody td.status-down .status-prices {
            color: #0F7D4A; }
        .modal-notifi-home .modal-content .modal-body table tbody td.status-up {
          background: #FDE3E3; }
          .modal-notifi-home .modal-content .modal-body table tbody td.status-up .status-prices {
            color: #CF1619; }
        .modal-notifi-home .modal-content .modal-body table tbody td .delete-network {
          position: absolute;
          width: 24px;
          height: 24px;
          top: calc(50% - 12px);
          background: #F7F9FC;
          border: 1px solid #C4C4C4;
          box-sizing: border-box;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          right: -30px;
          color: #F26B60;
          font-weight: 100;
          line-height: 23px;
          z-index: 9;
          font-size: 12px; }
          .modal-notifi-home .modal-content .modal-body table tbody td .delete-network:hover {
            box-shadow: grey; }
        .modal-notifi-home .modal-content .modal-body table tbody td.td-add-product {
          padding: 0 10px; }
          .modal-notifi-home .modal-content .modal-body table tbody td.td-add-product div {
            padding: 7px 8px;
            display: flex;
            align-items: center;
            height: 55px;
            cursor: pointer; }
      .modal-notifi-home .modal-content .modal-body table tbody .logo-network img {
        max-width: 80px;
        max-height: 35px;
        width: auto; }
      .modal-notifi-home .modal-content .modal-body table tbody .logo-network .btn {
        position: absolute;
        width: 24px;
        height: 24px;
        top: calc(50% - 12px); }
      .modal-notifi-home .modal-content .modal-body table tbody .logo-network .add-devices {
        background-color: #43C588;
        border: 1px solid #43C588;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        left: -7%;
        color: #fff;
        font-weight: 100;
        line-height: 23px; }
        .modal-notifi-home .modal-content .modal-body table tbody .logo-network .add-devices:hover {
          background-color: #50cc92;
          border-color: #50cc92; }
    .modal-notifi-home .modal-content .container_nofitication {
      height: 600px;
      max-height: inherit;
      max-width: inherit; }
      .modal-notifi-home .modal-content .container_nofitication .box_title h2 {
        line-height: 1; }
        .modal-notifi-home .modal-content .container_nofitication .box_title h2 a {
          font-size: 18px;
          color: #05060b; }
    .modal-notifi-home .modal-content .modal-notification .img-form img {
      margin: 0; }
  .modal-notifi-home .modal-content .modal-header {
    padding-top: 40px; }
  .modal-notifi-home .modal-content.popup-home {
    border: 0;
    padding: 0 !important;
    min-height: 300px;
    overflow: auto;
    margin-bottom: 50px;
    overflow: hidden; }
  .modal-notifi-home .img-form .modal-content {
    padding-bottom: 0;
    margin-bottom: 0; }
  .modal-notifi-home .form-group {
    margin-bottom: 0; }

.modal-cost {
  max-width: 846px; }
  .modal-cost .modal-content {
    padding: 0 66px; }
    .modal-cost .modal-content .total-form {
      padding: 9px 10px; }
    .modal-cost .modal-content .modal-footer {
      margin-top: 16px;
      margin-bottom: 14px; }
      .modal-cost .modal-content .modal-footer .btn {
        width: 120px; }
  .modal-cost .table {
    margin-bottom: 12px; }
    .modal-cost .table thead tr th {
      width: 30%;
      padding: 5px 0.75rem; }
      .modal-cost .table thead tr th:last-child {
        width: 20%; }
      .modal-cost .table thead tr th:nth-child(2) {
        width: 20%;
        padding-right: 50px; }
    .modal-cost .table tbody td {
      font-size: 14px;
      padding: 10px 0.75rem; }
      .modal-cost .table tbody td:nth-child(2) {
        padding-right: 50px; }
      .modal-cost .table tbody td input {
        width: 152px; }
  .modal-cost .total-form p {
    font-size: 16px; }

.modal-kh {
  max-width: 868px; }
  .modal-kh .modal-counseling-history table tbody .custom-control.custom-radio {
    padding-left: 22px; }
    .modal-kh .modal-counseling-history table tbody .custom-control.custom-radio .custom-control-label::before {
      left: -37px;
      top: 2px; }
    .modal-kh .modal-counseling-history table tbody .custom-control.custom-radio .custom-control-label::after {
      left: -37px;
      top: 2px; }
  .modal-kh .custom-radio .custom-control-label {
    color: #363c58 !important; }
  .modal-kh .modal-counseling-history {
    padding-top: 3px; }
  .modal-kh article {
    overflow: hidden;
    max-height: inherit;
    min-height: inherit; }
    .modal-kh article .table-header {
      margin-bottom: 0; }
      .modal-kh article .table-header tr th {
        font-size: 12px;
        padding: 6.5px 0.75rem; }
        .modal-kh article .table-header tr th:first-child {
          width: 198px;
          padding-left: 8%; }
        .modal-kh article .table-header tr th:nth-child(2) {
          width: 170px; }
        .modal-kh article .table-header tr th:nth-child(3) {
          width: 260px; }
        .modal-kh article .table-header tr th:nth-child(4) {
          width: 170px;
          padding-right: 21px;
          text-align: center !important; }
    .modal-kh article .table-scroll {
      height: 464px;
      overflow-y: auto;
      overflow-x: hidden; }
      .modal-kh article .table-scroll::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px; }
      .modal-kh article .table-scroll::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent;
        right: 10px;
        min-height: 50px; }
      .modal-kh article .table-scroll::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }
      .modal-kh article .table-scroll:hover::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        height: 50px;
        min-height: 50px; }
      .modal-kh article .table-scroll tr td {
        padding: 9px 0.75rem; }
        .modal-kh article .table-scroll tr td:first-child {
          width: 198px;
          font-size: 14px;
          font-weight: normal;
          padding-left: 23px; }
        .modal-kh article .table-scroll tr td:nth-child(2) {
          width: 170px; }
        .modal-kh article .table-scroll tr td:nth-child(3) {
          width: 260px; }
        .modal-kh article .table-scroll tr td:nth-child(4) {
          width: 170px;
          padding-right: 21px; }
          .modal-kh article .table-scroll tr td:nth-child(4) b {
            font-weight: 500; }
  .modal-kh .modal-footer {
    padding: 8px 0 26px 0; }
    .modal-kh .modal-footer .btn {
      width: 120px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 8px; }

.modal-potential {
  max-width: 908px; }
  .modal-potential article {
    max-height: inherit !important;
    min-height: inherit !important; }
  .modal-potential .modal-counseling-history {
    margin-top: 5px; }
  .modal-potential article {
    overflow: hidden; }
    .modal-potential article .table-header {
      margin-bottom: 0; }
      .modal-potential article .table-header tr th {
        width: 100px;
        padding: 5px 10px;
        font-size: 14px; }
        .modal-potential article .table-header tr th:nth-child(2) {
          width: 115px; }
        .modal-potential article .table-header tr th:nth-child(7) {
          width: 115px; }
        .modal-potential article .table-header tr th:nth-child(5) {
          width: 126px; }
        .modal-potential article .table-header tr th:first-child {
          width: 50px; }
        .modal-potential article .table-header tr th:last-child {
          width: 80px; }
    .modal-potential article .table-scroll {
      height: 538px;
      overflow-y: auto;
      overflow-x: hidden; }
      .modal-potential article .table-scroll::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px; }
      .modal-potential article .table-scroll::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent;
        right: 10px;
        min-height: 50px; }
      .modal-potential article .table-scroll::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }
      .modal-potential article .table-scroll:hover::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        height: 50px;
        min-height: 50px; }
      .modal-potential article .table-scroll tr td {
        width: 100px;
        padding: 9px 10px; }
        .modal-potential article .table-scroll tr td:nth-child(2) {
          width: 115px; }
        .modal-potential article .table-scroll tr td:nth-child(7) {
          width: 115px; }
        .modal-potential article .table-scroll tr td:nth-child(5) {
          width: 126px;
          white-space: inherit !important; }
        .modal-potential article .table-scroll tr td:first-child {
          width: 50px; }
        .modal-potential article .table-scroll tr td:last-child {
          width: 80px; }

.modal-bookmark-kh article {
  overflow: hidden; }
  .modal-bookmark-kh article .table-header {
    margin-bottom: 0; }
    .modal-bookmark-kh article .table-header tr th {
      width: 174.5px; }
      .modal-bookmark-kh article .table-header tr th:last-child {
        width: 100px; }
  .modal-bookmark-kh article .table-scroll {
    height: 440px;
    overflow-y: auto;
    overflow-x: hidden; }
    .modal-bookmark-kh article .table-scroll::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .modal-bookmark-kh article .table-scroll::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .modal-bookmark-kh article .table-scroll::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .modal-bookmark-kh article .table-scroll:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
    .modal-bookmark-kh article .table-scroll tr th {
      width: 174.5px; }
      .modal-bookmark-kh article .table-scroll tr th:last-child {
        width: 100px; }

.modal-star-review {
  max-width: 868px; }
  .modal-star-review .modal-footer {
    padding-bottom: 20px;
    padding-top: 20px; }
    .modal-star-review .modal-footer .btn {
      width: 120px;
      padding: 0 !important; }
  .modal-star-review .modal-content {
    padding: 0 76.5px; }
  .modal-star-review article {
    overflow: hidden; }
  .modal-star-review .table-header {
    margin-bottom: 0; }
    .modal-star-review .table-header tr th {
      white-space: normal;
      font-size: 12px;
      padding: 6.5px 0.75rem; }
      .modal-star-review .table-header tr th:nth-child(1) {
        width: 150px;
        padding-left: 43px; }
      .modal-star-review .table-header tr th:nth-child(2) {
        width: 145px; }
      .modal-star-review .table-header tr th:nth-child(3) {
        width: 145px; }
      .modal-star-review .table-header tr th:nth-child(4) {
        width: 150px; }
      .modal-star-review .table-header tr th:nth-child(5) {
        width: 120px;
        text-align: center !important; }
  .modal-star-review .table-scroll {
    height: 365px;
    overflow: auto; }
    .modal-star-review .table-scroll::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .modal-star-review .table-scroll::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .modal-star-review .table-scroll::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .modal-star-review .table-scroll:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
    .modal-star-review .table-scroll tr td {
      white-space: normal !important; }
      .modal-star-review .table-scroll tr td:nth-child(1) {
        width: 150px;
        padding-left: 10px; }
        .modal-star-review .table-scroll tr td:nth-child(1) .custom-control-label::after {
          left: -2rem; }
        .modal-star-review .table-scroll tr td:nth-child(1) .custom-control-label::before {
          left: -2rem; }
      .modal-star-review .table-scroll tr td:nth-child(2) {
        width: 145px; }
      .modal-star-review .table-scroll tr td:nth-child(3) {
        width: 145px; }
      .modal-star-review .table-scroll tr td:nth-child(4) {
        width: 150px; }
      .modal-star-review .table-scroll tr td:nth-child(5) {
        width: 120px;
        font-size: 15px;
        text-align: center !important; }

.modal-history-review {
  max-width: 868px; }
  .modal-history-review .modal-counseling-history table tbody .custom-control.custom-radio {
    padding-left: 22px; }
    .modal-history-review .modal-counseling-history table tbody .custom-control.custom-radio .custom-control-label::before {
      left: -37px;
      top: 2px; }
    .modal-history-review .modal-counseling-history table tbody .custom-control.custom-radio .custom-control-label::after {
      left: -37px;
      top: 2px; }
  .modal-history-review .custom-radio .custom-control-label {
    color: #363c58 !important; }
  .modal-history-review .modal-content {
    padding: 0 76.5px; }
    .modal-history-review .modal-content .modal-footer {
      padding-bottom: 26px;
      padding-top: 36px; }
      .modal-history-review .modal-content .modal-footer .btn {
        width: 120px; }
    .modal-history-review .modal-content .modal-body {
      padding-bottom: 0; }
  .modal-history-review article {
    overflow: hidden; }
  .modal-history-review .table-header {
    margin-bottom: 0; }
    .modal-history-review .table-header tr th {
      white-space: normal;
      padding: 6.5px 0.75rem;
      font-size: 12px; }
      .modal-history-review .table-header tr th:nth-child(1) {
        width: 190px;
        padding-left: 8.5%; }
      .modal-history-review .table-header tr th:nth-child(2) {
        width: 160px; }
      .modal-history-review .table-header tr th:nth-child(3) {
        width: 160px; }
      .modal-history-review .table-header tr th:nth-child(4) {
        width: 203px;
        padding-right: 3px;
        text-align: center !important; }
  .modal-history-review .table-scroll {
    height: 446px;
    overflow: auto; }
    .modal-history-review .table-scroll::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .modal-history-review .table-scroll::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .modal-history-review .table-scroll::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .modal-history-review .table-scroll:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
    .modal-history-review .table-scroll tr td {
      white-space: normal !important; }
      .modal-history-review .table-scroll tr td:nth-child(1) {
        width: 190px;
        padding-left: 24px;
        font-size: 14px;
        font-weight: normal; }
      .modal-history-review .table-scroll tr td:nth-child(2) {
        width: 160px; }
      .modal-history-review .table-scroll tr td:nth-child(3) {
        width: 160px; }
      .modal-history-review .table-scroll tr td:nth-child(4) {
        width: 195px;
        padding-right: 23px; }
        .modal-history-review .table-scroll tr td:nth-child(4) b {
          font-weight: 500; }

.modal-people-review article {
  overflow: hidden; }

.modal-people-review .table-header {
  margin-bottom: 0; }
  .modal-people-review .table-header tr th {
    white-space: normal; }
    .modal-people-review .table-header tr th:nth-child(1) {
      width: 70px; }
    .modal-people-review .table-header tr th:nth-child(2) {
      width: 100px; }
    .modal-people-review .table-header tr th:nth-child(3) {
      width: 100px; }
    .modal-people-review .table-header tr th:nth-child(4) {
      width: 100px; }
    .modal-people-review .table-header tr th:nth-child(5) {
      width: 100px; }
    .modal-people-review .table-header tr th:nth-child(6) {
      width: 140px; }
    .modal-people-review .table-header tr th:nth-child(7) {
      width: 128px; }
    .modal-people-review .table-header tr th:nth-child(8) {
      width: 60px; }

.modal-people-review .table-scroll {
  height: 400px;
  overflow: auto; }
  .modal-people-review .table-scroll::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .modal-people-review .table-scroll::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .modal-people-review .table-scroll::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .modal-people-review .table-scroll:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .modal-people-review .table-scroll tr td {
    white-space: normal !important; }
    .modal-people-review .table-scroll tr td:nth-child(1) {
      width: 70px; }
    .modal-people-review .table-scroll tr td:nth-child(2) {
      width: 100px; }
    .modal-people-review .table-scroll tr td:nth-child(3) {
      width: 100px; }
    .modal-people-review .table-scroll tr td:nth-child(4) {
      width: 100px; }
    .modal-people-review .table-scroll tr td:nth-child(5) {
      width: 100px; }
    .modal-people-review .table-scroll tr td:nth-child(6) {
      width: 140px; }
    .modal-people-review .table-scroll tr td:nth-child(7) {
      width: 128px; }
    .modal-people-review .table-scroll tr td:nth-child(8) {
      width: 60px; }

.modal-add-bt {
  max-width: 868px; }
  .modal-add-bt .modal-content {
    padding: 0 76.5px; }
  .modal-add-bt .modal-body {
    padding-top: 8px; }
  .modal-add-bt article {
    max-height: inherit;
    min-height: inherit;
    height: auto; }
    .modal-add-bt article .table-scroll {
      height: 506px;
      overflow: auto;
      overflow-x: hidden; }
      .modal-add-bt article .table-scroll::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px; }
      .modal-add-bt article .table-scroll::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent;
        right: 10px;
        min-height: 50px; }
      .modal-add-bt article .table-scroll::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }
      .modal-add-bt article .table-scroll:hover::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        height: 50px;
        min-height: 50px; }
  .modal-add-bt thead tr th {
    padding: 7px 0.75rem;
    border-bottom: 0;
    border-top: 0;
    font-size: 12px; }
    .modal-add-bt thead tr th:nth-child(1) {
      width: 35%; }
    .modal-add-bt thead tr th:nth-child(2) {
      width: 45%; }
    .modal-add-bt thead tr th:nth-child(3) {
      width: 20%;
      text-align: right; }
  .modal-add-bt tbody td {
    vertical-align: middle; }
    .modal-add-bt tbody td p {
      margin-bottom: 0; }
    .modal-add-bt tbody td:nth-child(1) {
      width: 35%; }
      .modal-add-bt tbody td:nth-child(1).text-wrap {
        white-space: normal !important; }
    .modal-add-bt tbody td:nth-child(2) {
      text-align: left;
      width: 44%; }
    .modal-add-bt tbody td:nth-child(3) {
      font-size: 12px;
      width: 20%;
      text-align: right; }

.h-135 {
  height: 130px !important; }
  @media screen and (max-width: 1350px) {
    .h-135 {
      height: 132px !important; } }

.detail-step-two {
  max-width: 1400px;
  width: max-content;
  min-width: 900px; }
  .detail-step-two .modal-content {
    padding-left: 49px !important;
    padding-right: 49px !important; }
  .detail-step-two .pl-4.pr-4 {
    padding: 0 !important; }
  .detail-step-two .modal-body {
    padding: 0; }
  .detail-step-two .content-detail {
    display: flex;
    align-items: flex-start; }
    .detail-step-two .content-detail .left-detail {
      width: calc(100% - 370px);
      border-right: 1px solid #c9d9ff;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .detail-step-two .content-detail .left-detail .list-detail {
        padding: 13px 10px 12px 0; }
        .detail-step-two .content-detail .left-detail .list-detail .col-4 {
          flex: 0 0 26.333333%;
          max-width: 26.333333%;
          line-height: 1.1; }
        .detail-step-two .content-detail .left-detail .list-detail .col-8 {
          padding-left: 0;
          line-height: 1.1; }
        .detail-step-two .content-detail .left-detail .list-detail label {
          font-size: 12px;
          font-weight: normal;
          color: #05060b;
          text-align: left;
          width: 100%;
          margin-bottom: 3px; }
        .detail-step-two .content-detail .left-detail .list-detail span {
          font-size: 12px;
          color: #363c58;
          margin-bottom: 3px; }
      .detail-step-two .content-detail .left-detail .bottom {
        padding: 0 10px 11px 0; }
        .detail-step-two .content-detail .left-detail .bottom h5 {
          font-size: 15px;
          font-weight: bold;
          color: #363c58;
          margin-bottom: 5px; }
        .detail-step-two .content-detail .left-detail .bottom .box-scroll {
          background: #f5f8fc;
          border-radius: 4px;
          width: 100%;
          height: 342px;
          overflow: auto;
          overflow-x: hidden;
          padding: 20px 15px; }
          .detail-step-two .content-detail .left-detail .bottom .box-scroll::-webkit-scrollbar {
            width: 8px;
            height: 50px;
            right: 10px;
            min-height: 50px; }
          .detail-step-two .content-detail .left-detail .bottom .box-scroll::-webkit-scrollbar-thumb {
            border-radius: 0;
            background: transparent;
            right: 10px;
            min-height: 50px; }
          .detail-step-two .content-detail .left-detail .bottom .box-scroll::-webkit-scrollbar-track {
            background: #fff;
            height: 50px;
            min-height: 50px;
            border-radius: 0; }
          .detail-step-two .content-detail .left-detail .bottom .box-scroll:hover::-webkit-scrollbar-thumb {
            border-radius: 0;
            background: #c9d9ff;
            height: 50px;
            min-height: 50px; }
          @media screen and (max-width: 1350px) {
            .detail-step-two .content-detail .left-detail .bottom .box-scroll {
              height: 338px; } }
          .detail-step-two .content-detail .left-detail .bottom .box-scroll p {
            font-size: 13px;
            font-weight: normal;
            color: #363c58;
            margin-bottom: 3px; }
            .detail-step-two .content-detail .left-detail .bottom .box-scroll p strong {
              font-size: 15px !important;
              font-weight: bold;
              color: #363c58; }
            .detail-step-two .content-detail .left-detail .bottom .box-scroll p span {
              font-size: 13px !important; }
    .detail-step-two .content-detail .right-detail {
      width: 370px;
      padding: 10px 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      @media screen and (max-width: 1350px) {
        .detail-step-two .content-detail .right-detail {
          padding-top: 0; } }
      .detail-step-two .content-detail .right-detail .slide-color-product {
        position: relative; }
      .detail-step-two .content-detail .right-detail .gallery-top {
        height: 422px; }
        .detail-step-two .content-detail .right-detail .gallery-top.swiper-top {
          width: 332px;
          padding: 0 16px; }
          .detail-step-two .content-detail .right-detail .gallery-top.swiper-top .swiper-slide {
            width: 300px !important; }
            .detail-step-two .content-detail .right-detail .gallery-top.swiper-top .swiper-slide a {
              width: 300px !important;
              display: flex;
              justify-content: center;
              max-width: inherit !important; }
              .detail-step-two .content-detail .right-detail .gallery-top.swiper-top .swiper-slide a img {
                width: 266px !important;
                max-width: inherit !important; }
        .detail-step-two .content-detail .right-detail .gallery-top .swiper-slide {
          display: flex;
          justify-content: center;
          align-items: center; }
          .detail-step-two .content-detail .right-detail .gallery-top .swiper-slide a {
            height: 100%; }
            .detail-step-two .content-detail .right-detail .gallery-top .swiper-slide a img {
              max-width: 222px;
              width: 100%; }
      .detail-step-two .content-detail .right-detail .swiper-button-next {
        top: 45%;
        right: 8px; }
        .detail-step-two .content-detail .right-detail .swiper-button-next:focus {
          outline: none; }
        .detail-step-two .content-detail .right-detail .swiper-button-next::after {
          display: none; }
        .detail-step-two .content-detail .right-detail .swiper-button-next::before {
          content: "";
          width: 30px;
          height: 30px;
          border-top: 1px solid #9498ab;
          border-left: 1px solid #9498ab;
          transform: rotate(135deg);
          position: absolute; }
      .detail-step-two .content-detail .right-detail .swiper-button-prev {
        top: 45%;
        left: 8px; }
        .detail-step-two .content-detail .right-detail .swiper-button-prev:focus {
          outline: none; }
        .detail-step-two .content-detail .right-detail .swiper-button-prev::after {
          display: none; }
        .detail-step-two .content-detail .right-detail .swiper-button-prev::before {
          content: "";
          width: 30px;
          height: 30px;
          border-top: 1px solid #9498ab;
          border-left: 1px solid #9498ab;
          transform: rotate(-45deg);
          position: absolute; }
    .detail-step-two .content-detail .list-feature {
      padding-bottom: 0;
      margin-top: 14px;
      margin-bottom: 0;
      min-height: 50px; }
      @media screen and (max-width: 1350px) {
        .detail-step-two .content-detail .list-feature {
          margin-top: 5px;
          min-height: 40px; }
          .detail-step-two .content-detail .list-feature img {
            width: 30px;
            height: 30px; } }
      .detail-step-two .content-detail .list-feature li {
        margin-bottom: 0; }
  .detail-step-two .modal-footer {
    border-top: 2px solid #c9d9ff;
    padding-top: 27px;
    padding-bottom: 26px;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (max-width: 1350px) {
      .detail-step-two .modal-footer {
        padding-top: 15px;
        padding-bottom: 15px; } }
    .detail-step-two .modal-footer .btn {
      width: 122px; }
  .detail-step-two .right-product .list-feature li img {
    width: 40px;
    height: 40px; }
  .detail-step-two .right-product .list-feature li .text-feature {
    width: 40px;
    height: 40px; }

.col6 {
  width: max-content;
  width: auto; }

.table-custom-insurance .modal-mobile-insurance.content-product .tab-content {
  margin-top: 25px; }

.table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance {
  max-height: inherit;
  min-height: inherit; }
  .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-header {
    margin-bottom: 0; }
    .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-header thead tr th {
      padding: 7.5px 0;
      border: 0;
      font-size: 12px; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-header thead tr th .col-td {
        padding: 0 10px; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-header thead tr th:nth-child(1) .col-td {
        width: 190px;
        padding-left: 24px; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-header thead tr th:nth-child(2) .col-td {
        width: 416px; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-header thead tr th:nth-child(3) .col-td {
        width: 150px;
        text-align: right;
        padding-right: 24px; }
  .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll {
    height: 390px;
    overflow: auto;
    overflow-x: hidden; }
    .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
    @media screen and (max-width: 1300px) {
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll {
        height: 300px; } }
    .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td {
      font-size: 14px;
      padding: 0.75rem 0;
      border-bottom: 1px dashed #c9d9ff; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td p {
        margin-bottom: 0; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td ul {
        padding-left: 10px; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td .col-td {
        padding: 0 10px; }
        .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td .col-td p {
          display: inline-block;
          width: 100%; }
          .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td .col-td p strong {
            white-space: nowrap;
            margin-right: 2px;
            display: inline; }
          .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td .col-td p p {
            margin-bottom: 0;
            margin-left: 2px;
            display: inline;
            width: auto; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td:nth-child(1) .col-td {
        width: 190px;
        padding-left: 24px;
        font-size: 12px; }
        .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td:nth-child(1) .col-td span {
          line-height: 1.8; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td:nth-child(2) .col-td {
        width: 416px; }
      .table-custom-insurance .modal-mobile-insurance.content-product .tab-content .form-insurance .table-scroll tbody tr td:nth-child(3) .col-td {
        width: 150px;
        text-align: right;
        padding-right: 24px;
        white-space: nowrap; }

article#scrollableDiv {
  min-height: inherit !important;
  max-height: inherit !important;
  height: 375px !important; }
  article#scrollableDiv .sort-fillter {
    margin-left: 5px !important; }

.modal-custom .modal-body {
  padding-top: 3px; }

.modal-signup-complete h4 {
  margin-top: 29px;
  margin-bottom: 17px; }

.modal-signup-complete .btn-ok {
  margin-top: 23px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center; }

.modal-reset-product {
  max-width: 448px; }
  .modal-reset-product .modal-content {
    padding: 0 25px; }
  .modal-reset-product .modal-body {
    padding: 32px 75px 23px 75px; }
  .modal-reset-product .modal-footer {
    padding-bottom: 31px;
    padding-top: 38px; }

.modal-dialog.modal_payment_notifi {
  max-width: 640px; }
  .modal-dialog.modal_payment_notifi .model-content {
    width: 620px;
    height: 349px; }
    .modal-dialog.modal_payment_notifi .model-content .modal-body .content-register-modal {
      position: relative;
      height: 300px; }
      .modal-dialog.modal_payment_notifi .model-content .modal-body .content-register-modal h4 {
        margin-top: 20px;
        margin-bottom: 35px !important; }
      .modal-dialog.modal_payment_notifi .model-content .modal-body .content-register-modal button {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
  .modal-dialog.modal_payment_notifi.customd_01 .modal-content {
    width: 620px;
    height: 349px;
    padding: 25px 100px; }

.modal-dialog.modal-customd_05 .modal-content {
  width: 868px;
  padding: 0 77.5px !important; }
  .modal-dialog.modal-customd_05 .modal-content .item-row {
    padding: 14px 0 10px 0; }
    .modal-dialog.modal-customd_05 .modal-content .item-row .col-sm-7 .group-check .label-text {
      margin-bottom: 6px; }
    .modal-dialog.modal-customd_05 .modal-content .item-row .col-sm-7 .group-check .form-check:last-child {
      margin-right: 4px; }
    .modal-dialog.modal-customd_05 .modal-content .item-row.list-status {
      height: 364px !important;
      overflow: auto;
      overflow-x: hidden;
      display: block; }
      .modal-dialog.modal-customd_05 .modal-content .item-row.list-status::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px; }
      .modal-dialog.modal-customd_05 .modal-content .item-row.list-status::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent;
        right: 10px;
        min-height: 50px; }
      .modal-dialog.modal-customd_05 .modal-content .item-row.list-status::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }
      .modal-dialog.modal-customd_05 .modal-content .item-row.list-status:hover::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        height: 50px;
        min-height: 50px; }
      .modal-dialog.modal-customd_05 .modal-content .item-row.list-status .item-status {
        box-sizing: border-box; }
  .modal-dialog.modal-customd_05 .modal-content .accordion-status {
    height: 291px !important; }

.modal-dialog.modal-customd_05 .form-search {
  margin-top: 8px;
  margin-right: 1rem !important;
  padding-bottom: 11px !important; }
  .modal-dialog.modal-customd_05 .form-search .btn {
    top: 5px; }

.modal-dialog.modal-customd_05 .item-row.list-status {
  padding-left: 17.5px !important;
  padding-right: 17.5px !important; }

.modal-dialog.modal-customd_05 .item-row.pl-3 .form-group .group-check {
  padding-right: 14px;
  margin-top: 1px; }
  .modal-dialog.modal-customd_05 .item-row.pl-3 .form-group .group-check .label-text {
    margin-right: 1rem !important; }

.modal-dialog.modal-customd_05 .accordion-status {
  padding-right: 1rem !important; }

.modal-dialog.modal-customd_05 .modal-footer {
  padding-top: 47px !important;
  padding-bottom: 44px !important; }
  .modal-dialog.modal-customd_05 .modal-footer .btn {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }

.modal-dialog.modal_custom_print .modal-content {
  width: 470px;
  height: 588px; }
  .modal-dialog.modal_custom_print .modal-content .modal-body .form-modal-output h2 {
    padding: 15px 0 20px 0 !important; }

.modal-dialog.modal_customd_09 .modal-content {
  height: 630px; }
  .modal-dialog.modal_customd_09 .modal-content .modal-body .form-modal-output .form_group_custom {
    margin-top: 20px; }
    .modal-dialog.modal_customd_09 .modal-content .modal-body .form-modal-output .form_group_custom .group-radio .custom-radio {
      margin-right: 35px; }
  .modal-dialog.modal_customd_09 .modal-content .modal-body .form-modal-output .accordion-status {
    height: 273px; }
  .modal-dialog.modal_customd_09 .modal-content .modal-body h2 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .modal-dialog.modal_customd_09 .modal-content .modal-body .group_check_custom {
    margin-top: 32px;
    margin-bottom: 20px; }

.modal-dialog.modal-output {
  max-width: 868px !important; }

.w-113 {
  width: 113px !important; }

.modal_customd_10 .form-modal-output .accordion-status {
  height: 257px; }

.w-120 {
  width: 120px !important; }

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

.h-360 {
  height: 360px !important; }

.h-202 {
  height: 202px !important; }

.modal-dialog.modal_custom_notifi {
  max-width: 620px; }
  .modal-dialog.modal_custom_notifi .modal-content {
    width: 640px;
    height: 432px; }
    .modal-dialog.modal_custom_notifi .modal-content .btn-ok {
      width: 120px; }

.modal-pass-notifi {
  max-width: 448px; }
  .modal-pass-notifi .modal-content {
    height: 204px; }
    .modal-pass-notifi .modal-content .modal-body {
      padding-top: 50px; }
    .modal-pass-notifi .modal-content .modal-footer {
      padding-bottom: 32px; }
      .modal-pass-notifi .modal-content .modal-footer .btn {
        width: 160px; }

.add-request {
  max-width: 848px; }
  .add-request .modal-content {
    padding: 0 56px;
    max-height: 80vh !important; }
    .add-request .modal-content .pl-4.pr-4 {
      padding: 0 !important; }
    .add-request .modal-content .modal-header {
      padding-bottom: 10px; }
      .add-request .modal-content .modal-header .modal-title {
        text-align: left; }
    .add-request .modal-content .modal-body {
      padding: 28px 5px 20px 0; }
      .add-request .modal-content .modal-body .text-add-request {
        font-size: 14px;
        color: #363c58;
        line-height: 20px; }
      .add-request .modal-content .modal-body form {
        padding-top: 10px; }
        .add-request .modal-content .modal-body form .title-form {
          color: #363c58;
          font-size: 18px;
          font-weight: 500;
          border-bottom: 1px solid #999999;
          padding-bottom: 8px;
          margin-top: 33px;
          margin-bottom: 33px; }
          .add-request .modal-content .modal-body form .title-form .text-red-01 {
            color: #cf1619;
            font-size: 16px; }
        .add-request .modal-content .modal-body form .form-group {
          margin-bottom: 20px;
          display: flex;
          position: relative; }
          .add-request .modal-content .modal-body form .form-group .label-text {
            width: 140px;
            margin-bottom: 0;
            font-size: 16px;
            color: #363c58;
            font-weight: 500;
            line-height: 44px; }
          .add-request .modal-content .modal-body form .form-group .form-control {
            border: 1px solid #c0c2c7;
            box-sizing: border-box;
            border-radius: 3px;
            height: 44px; }
          .add-request .modal-content .modal-body form .form-group textarea.form-control {
            height: 155px; }
          .add-request .modal-content .modal-body form .form-group.position-none {
            position: inherit; }
            .add-request .modal-content .modal-body form .form-group.position-none .invalid-feedback {
              position: inherit; }
        .add-request .modal-content .modal-body form .notifi-form {
          font-weight: normal;
          font-size: 13px;
          color: #9496ab;
          display: block;
          margin-left: 140px; }
        .add-request .modal-content .modal-body form .w-calc {
          width: calc(100% - 140px); }
        .add-request .modal-content .modal-body form .form-input {
          width: calc(100% - 140px);
          align-items: center; }
        .add-request .modal-content .modal-body form .w_100 {
          width: 100px;
          margin-right: 17px; }
        .add-request .modal-content .modal-body form .w-155 {
          width: 155px !important; }
        .add-request .modal-content .modal-body form .mr-17 {
          margin-right: 17px; }
        .add-request .modal-content .modal-body form .center-input {
          padding: 0 5px; }
        .add-request .modal-content .modal-body form .w-243 {
          width: 243px; }
        .add-request .modal-content .modal-body form .upload-file {
          position: relative; }
          .add-request .modal-content .modal-body form .upload-file input {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: 0;
            cursor: pointer; }
        .add-request .modal-content .modal-body form .ponter-events {
          pointer-events: none; }
        .add-request .modal-content .modal-body form .btn.w_100 {
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #c0c2c7;
          box-sizing: border-box;
          border-radius: 3px;
          font-size: 16px;
          color: #86888f;
          height: 44px; }
          .add-request .modal-content .modal-body form .btn.w_100:hover {
            border-color: #363c58;
            color: #363c58; }
      .add-request .modal-content .modal-body .text-red-01 {
        color: #cf1619; }
      .add-request .modal-content .modal-body .text-footer {
        font-weight: 300;
        font-size: 16px;
        color: #363c58;
        line-height: 23px;
        white-space: nowrap; }
      .add-request .modal-content .modal-body .custom-control {
        padding-left: 35px; }
      .add-request .modal-content .modal-body .custom-control-label::before {
        width: 24px;
        height: 24px;
        left: -35px; }
      .add-request .modal-content .modal-body .custom-control-label::after {
        width: 24px;
        height: 24px;
        left: -35px; }
      .add-request .modal-content .modal-body .custom-control-label {
        line-height: 1.8;
        font-size: 18px;
        color: #05060b;
        font-weight: 500; }
    .add-request .modal-content .modal-footer {
      margin-bottom: 20px;
      border: 0;
      margin-top: 20px; }
      .add-request .modal-content .modal-footer .btn {
        width: 150px;
        height: 44px; }
  .add-request .invalid-feedback {
    font-size: 12px;
    left: 140px;
    bottom: -16px;
    position: absolute; }
  .add-request .w-calc-100 {
    width: calc(100% - 100px); }
  .add-request .text-danger {
    font-size: 12px; }

.notifi-001 {
  max-width: 501px; }
  .notifi-001 .modal-content {
    padding-bottom: 30px; }
  .notifi-001 .modal-body {
    padding-top: 70px; }
  .notifi-001 .modal-footer .btn {
    width: 150px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center; }

.modal-pass-notifi-01.modal-pass-notifi .modal-content {
  height: auto !important; }

.swiper-tab {
  margin-top: 50px; }
  .swiper-tab .list-tabs {
    height: 50px;
    margin-top: 0; }
  .swiper-tab .list-tabs-notifi {
    flex-wrap: initial;
    overflow: initial;
    justify-content: flex-start; }
  .swiper-tab .nav-link {
    white-space: nowrap;
    width: 100%; }
  .swiper-tab .swiper-button-next {
    right: 0;
    left: auto;
    top: 10px;
    z-index: 22; }
    .swiper-tab .swiper-button-next::before {
      content: "";
      width: 15px;
      height: 15px;
      border-top: 1px solid #9498ab;
      border-left: 1px solid #9498ab;
      transform: rotate(135deg);
      position: absolute; }
    .swiper-tab .swiper-button-next::after {
      display: none; }
    .swiper-tab .swiper-button-next:focus {
      border: 0;
      box-shadow: none;
      outline: none; }
  .swiper-tab .swiper-button-prev {
    left: 0;
    top: 10px;
    z-index: 22; }
    .swiper-tab .swiper-button-prev::before {
      content: "";
      width: 15px;
      height: 15px;
      border-top: 1px solid #9498ab;
      border-left: 1px solid #9498ab;
      transform: rotate(-45deg);
      position: absolute; }
    .swiper-tab .swiper-button-prev::after {
      display: none; }
    .swiper-tab .swiper-button-prev:focus {
      border: 0;
      box-shadow: none;
      outline: none; }

.top-notifi-admin {
  position: relative; }
  .top-notifi-admin .button-add-notifi {
    position: absolute;
    right: -10px;
    top: -15px; }
  .top-notifi-admin .swiper-tab {
    max-width: calc(100% - 300px); }
  .top-notifi-admin .list-tabs .nav-item a {
    padding-bottom: 15px;
    padding-top: 0; }

.modal-dialog.modal-dialog-centered.modal_customd_09 {
  width: 550px; }

.calendar_container {
  position: relative;
  padding-bottom: 30px; }
  .calendar_container .calendar_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px; }
    .calendar_container .calendar_header .box_left {
      display: flex;
      position: relative;
      align-items: center; }
      .calendar_container .calendar_header .box_left .arrow_calendar {
        padding: 0 10px; }
      .calendar_container .calendar_header .box_left::before {
        content: "";
        position: absolute;
        background-image: url("/images/icon-calendar.svg");
        background-position: center;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        top: 1px; }
      .calendar_container .calendar_header .box_left .title_calendar {
        color: #363c58;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        margin-left: 30px;
        margin-right: 10px; }
    .calendar_container .calendar_header .box_right {
      display: flex;
      align-items: center; }
      .calendar_container .calendar_header .box_right .list-tab {
        display: flex; }
        .calendar_container .calendar_header .box_right .list-tab .tab-item {
          width: calc(100% / 3);
          padding: 5px;
          background-color: #f7f9fc; }
          .calendar_container .calendar_header .box_right .list-tab .tab-item .nav-link {
            background-color: transparent;
            border: 0;
            width: 100%;
            text-align: center;
            padding: 10px 30px 10px 30px;
            font-size: 14px;
            color: #363c58;
            font-weight: bold;
            border-radius: 4px;
            transition: 0.3s; }
            .calendar_container .calendar_header .box_right .list-tab .tab-item .nav-link.active {
              background-color: #2f8bff;
              color: #fff; }
  .calendar_container .box_calendar {
    border: 1px solid #c9d9ff;
    border-radius: 4px;
    padding: 10px;
    position: relative; }
    .calendar_container .box_calendar thead th {
      border-top: none;
      border-bottom: 2px solid #c9d9ff; }
    .calendar_container .box_calendar .calendar {
      width: 100%; }
      .calendar_container .box_calendar .calendar.month tbody td {
        height: 60px; }
      .calendar_container .box_calendar .calendar.mont-event tbody td {
        border-left: 0;
        border-right: 0; }
      .calendar_container .box_calendar .calendar thead th {
        text-align: center;
        color: #363c58;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        padding: 15px; }
      .calendar_container .box_calendar .calendar tbody td {
        width: 140px;
        height: 108px;
        border: 1px solid #c9d9ff;
        border-bottom: 1px dashed #c9d9ff;
        border-top: 1px dashed #c9d9ff;
        box-sizing: border-box;
        vertical-align: top;
        text-align: center;
        padding: 10px;
        background: #ffffff;
        cursor: pointer; }
        .calendar_container .box_calendar .calendar tbody td.disable {
          background: #f5f8fc; }
    .calendar_container .box_calendar .btn_add_event {
      position: absolute;
      width: 50px;
      height: 50px;
      background: #2f8bff;
      background-image: url("/images/icon-plus.svg");
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      right: 15px;
      bottom: 15px;
      cursor: pointer; }
    .calendar_container .box_calendar .table-head th {
      width: calc((100% - 100px) / 7);
      text-align: center; }
      .calendar_container .box_calendar .table-head th:nth-child(1) {
        width: 100px !important; }
    .calendar_container .box_calendar .table-scroll {
      height: 60vh;
      overflow: auto;
      -ms-overflow-style: none; }
      .calendar_container .box_calendar .table-scroll::-webkit-scrollbar {
        width: 0px;
        background: transparent; }
      @media screen and (max-width: 1200px) {
        .calendar_container .box_calendar .table-scroll {
          height: 55vh; } }
      .calendar_container .box_calendar .table-scroll tbody tr:nth-child(2n) td {
        background-color: #f5f8fc; }
      .calendar_container .box_calendar .table-scroll tbody tr th {
        width: 100px !important;
        text-align: center;
        vertical-align: bottom; }
        .calendar_container .box_calendar .table-scroll tbody tr th .text-mont {
          position: relative; }
          .calendar_container .box_calendar .table-scroll tbody tr th .text-mont span {
            position: absolute;
            bottom: -10px;
            width: 100%;
            left: 0; }
      .calendar_container .box_calendar .table-scroll tbody tr td {
        width: calc((100% - 100px) / 7); }

.btn_calendar {
  background: #f5f8fc;
  color: #363c58;
  border-radius: 5px;
  padding: 9px 40px; }
  .btn_calendar span {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase; }
  .btn_calendar:hover {
    background-color: #2f8bff;
    color: #fff; }
  .btn_calendar:focus {
    box-shadow: none;
    outline: none; }
  .btn_calendar.active {
    background: #2f8bff;
    color: #fff; }

.item-note {
  position: relative; }
  .item-note.item-note-two {
    margin-top: 40px; }
  .item-note.w220 {
    width: 220%; }
  .item-note .content-note {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 2px 3px #1432500d;
    border-radius: 4px;
    padding: 6px 3px;
    text-align: left;
    padding-left: 2px;
    display: flex;
    align-items: center; }
    .item-note .content-note::before {
      content: "";
      width: 3px;
      height: 16px;
      border-radius: 1.5px;
      background-color: #fff;
      margin-right: 5px; }
    .item-note .content-note.blue {
      background: #ffffff;
      border: 1px solid #2f8bff;
      color: #2f8bff;
      box-sizing: border-box;
      box-shadow: 0px 2px 3px #1432500d;
      border-radius: 4px; }
      .item-note .content-note.blue::before {
        background-color: #2f8bff; }
    .item-note .content-note.red {
      background: #ffffff;
      border: 1px solid #f56264;
      color: #f56264;
      box-sizing: border-box;
      box-shadow: 0px 2px 3px #1432500d;
      border-radius: 4px; }
      .item-note .content-note.red::before {
        background-color: #f56264; }
    .item-note .content-note.green {
      background: #ffffff;
      border: 1px solid #43c588;
      box-sizing: border-box;
      box-shadow: 0px 2px 3px #1432500d;
      border-radius: 4px;
      color: #43c588; }
      .item-note .content-note.green::before {
        background-color: #43c588; }
    .item-note .content-note.yellow {
      background: #ffffff;
      border: 1px solid #f8ba34;
      box-sizing: border-box;
      box-shadow: 0px 2px 3px #1432500d;
      border-radius: 4px;
      color: #f8ba34; }
      .item-note .content-note.yellow::before {
        background-color: #f8ba34; }
    .item-note .content-note.grey {
      background: #ffffff;
      border: 1px solid #9496ab;
      color: #9496ab;
      box-sizing: border-box;
      box-shadow: 0px 2px 3px #1432500d;
      border-radius: 4px; }
      .item-note .content-note.grey::before {
        background-color: #9496ab; }
    .item-note .content-note span {
      font-style: normal;
      font-weight: normal;
      font-size: 12px; }
      @media screen and (max-width: 1200px) {
        .item-note .content-note span {
          font-size: 10px; } }

.text-mont {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #9496ab; }

.text-number {
  color: #9496ab;
  font-style: normal;
  font-weight: normal;
  font-size: 12px; }

.number {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  color: #363c58; }

.box_event {
  border: 1px solid #c9d9ff;
  border-radius: 4px;
  padding: 20px 28px;
  padding-bottom: 0; }
  .box_event .header_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px; }
    .box_event .header_box span {
      color: #363c58;
      font-style: normal;
      font-weight: bold;
      font-size: 14px; }
      .box_event .header_box span i {
        color: #0070ff; }

.list_event_item {
  padding: 0;
  margin-top: 15px; }
  .list_event_item .item {
    display: flex;
    align-items: center;
    padding: 10px 2px 10px 10px;
    border-radius: 2px;
    justify-content: space-between;
    position: relative; }
    .list_event_item .item:hover {
      background-color: #F5F8FC; }
    .list_event_item .item .list-setting {
      position: absolute;
      padding: 0;
      list-style: none;
      width: 190px;
      box-shadow: 0px 24px 24px #1a24310a, 0px 6px 24px #1a243114;
      right: 0;
      bottom: -80px;
      background-color: #fff;
      z-index: 99;
      display: none; }
      .list_event_item .item .list-setting li {
        padding: 10px 15px;
        width: 100%;
        color: #363C58;
        font-weight: normal;
        font-size: 14px;
        cursor: pointer;
        transition: .3s;
        border-radius: 2px;
        overflow: hidden; }
        .list_event_item .item .list-setting li i {
          color: #9498AB;
          margin-right: 10px;
          width: 20px; }
        .list_event_item .item .list-setting li:hover {
          background-color: #2f8bff;
          color: #fff; }
          .list_event_item .item .list-setting li:hover i {
            color: #fff; }
        .list_event_item .item .list-setting li.active {
          background-color: #2f8bff;
          color: #fff; }
          .list_event_item .item .list-setting li.active i {
            color: #fff; }
    .list_event_item .item .tag {
      width: 16px;
      height: 16px;
      border-radius: 3px; }
    .list_event_item .item .border_tag {
      width: 3px;
      height: 16;
      border-radius: 1.5px;
      margin: 0 10px; }
    .list_event_item .item .tag_name {
      font-style: normal;
      font-weight: normal;
      font-size: 12px; }
    .list_event_item .item.blue {
      color: #2f8bff; }
      .list_event_item .item.blue .tag {
        background-color: #2f8bff; }
      .list_event_item .item.blue .border_tag {
        background-color: #2f8bff; }
    .list_event_item .item.green {
      color: #43c588; }
      .list_event_item .item.green .tag {
        background-color: #43c588; }
      .list_event_item .item.green .border_tag {
        background-color: #43c588; }
    .list_event_item .item.grey {
      color: #9496ab; }
      .list_event_item .item.grey .tag {
        background-color: #9496ab; }
      .list_event_item .item.grey .border_tag {
        background-color: #9496ab; }
    .list_event_item .item.red {
      color: #f56264; }
      .list_event_item .item.red .tag {
        background-color: #f56264; }
      .list_event_item .item.red .border_tag {
        background-color: #f56264; }
    .list_event_item .item.yellow {
      color: #f8ba34; }
      .list_event_item .item.yellow .tag {
        background-color: #f8ba34; }
      .list_event_item .item.yellow .border_tag {
        background-color: #f8ba34; }
    .list_event_item .item.active-setting .list-setting {
      display: block; }
  .list_event_item.list_event_setting .item .btn-setting {
    position: absolute;
    top: 5px;
    right: 0; }

.table_calendar {
  border: 1px solid #c9d9ff;
  border-radius: 4px;
  padding: 20px 15px;
  margin-bottom: 20px; }
  .table_calendar .table thead th {
    border-bottom: 1px solid #c9d9ff;
    font-weight: normal;
    font-size: 12px;
    color: #9496ab;
    text-align: center;
    border-top: 0; }
  .table_calendar .table tbody td {
    border: 0; }
    .table_calendar .table tbody td .number-day {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: relative; }
      .table_calendar .table tbody td .number-day .number {
        font-weight: normal;
        font-size: 12px;
        font-weight: normal;
        font-size: 12px;
        text-align: center;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .table_calendar .table tbody td .number-day .number.active {
          background-color: #2f8bff;
          color: #fff; }
      .table_calendar .table tbody td .number-day .icon-event {
        display: flex;
        align-items: center;
        justify-content: center; }
        .table_calendar .table tbody td .number-day .icon-event .icon-item {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          margin: 0 2px; }
          .table_calendar .table tbody td .number-day .icon-event .icon-item.blue {
            background: #2f8bff; }
          .table_calendar .table tbody td .number-day .icon-event .icon-item.grey {
            background: #9496ab; }
          .table_calendar .table tbody td .number-day .icon-event .icon-item.red {
            background: #f56264; }
          .table_calendar .table tbody td .number-day .icon-event .icon-item.yellow {
            background: #f8ba34; }

.calendar_container .calendar_form.box_calendar .table-scroll {
  height: 57.3vh; }

.calendar_container .week-day-form.box_calendar .table-scroll {
  height: 64vh; }

.message-wrapper {
  height: calc(100vh - 73px);
  display: flex; }
  .message-wrapper .user-message {
    width: 33%;
    padding: 10px 0;
    border-right: 1px solid #c9d9ff;
    position: relative; }
    .message-wrapper .user-message .button-message {
      display: flex;
      align-items: center;
      padding: 0 20px;
      position: absolute;
      top: 13px;
      left: 0;
      width: 100%;
      right: 0; }
  .message-wrapper .list-mess {
    padding: 0;
    margin-top: 13px;
    overflow-y: auto;
    margin-top: 70px;
    height: calc(100vh - 180px); }
    .message-wrapper .list-mess::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .message-wrapper .list-mess::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .message-wrapper .list-mess::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .message-wrapper .list-mess:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
    .message-wrapper .list-mess .item-mess {
      display: flex;
      padding: 15px 20px;
      align-items: center;
      cursor: pointer;
      border-bottom: 1px solid #f5f8fc; }
      .message-wrapper .list-mess .item-mess.active {
        background-color: #f5f8fc; }
      .message-wrapper .list-mess .item-mess:hover {
        background-color: #f5f8fc; }
      .message-wrapper .list-mess .item-mess .left {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center; }
      .message-wrapper .list-mess .item-mess .right {
        width: calc(100% - 42px);
        padding-left: 12px; }
        .message-wrapper .list-mess .item-mess .right h4 {
          font-weight: normal;
          font-size: 14px;
          color: #05060b; }
        .message-wrapper .list-mess .item-mess .right p {
          margin-bottom: 0;
          font-weight: normal;
          font-size: 14px;
          font-weight: normal;
          color: #9496ab;
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .message-wrapper .list-mess .item-mess .right .date {
          font-weight: normal;
          font-size: 12px;
          color: #363c58;
          text-align: right; }
  .message-wrapper .mess-detail {
    width: 67%;
    padding: 0 20px; }
    .message-wrapper .mess-detail .top-name {
      height: 82px;
      border-bottom: 2px solid #c9d9ff;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      box-sizing: border-box;
      justify-content: space-between; }
      .message-wrapper .mess-detail .top-name .right {
        display: flex;
        justify-content: center;
        width: 60px;
        border-left: 1px solid #C9D9FF; }
      .message-wrapper .mess-detail .top-name .label-name {
        font-weight: normal;
        font-size: 18px;
        color: #9496ab;
        margin-right: 10px; }
      .message-wrapper .mess-detail .top-name .user-name {
        font-weight: bold;
        font-size: 18px;
        color: #363c58; }
    .message-wrapper .mess-detail .send-to {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 14px 0 20px 0;
      width: 70%;
      padding-left: 10%; }
      .message-wrapper .mess-detail .send-to span {
        font-weight: bold;
        font-size: 10px;
        color: #9496ab;
        padding: 3px 18px 3px 8px;
        background: #f5f8fc;
        border-radius: 12px; }
    .message-wrapper .mess-detail .content-mess {
      height: calc(100vh - 160px);
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .message-wrapper .mess-detail .content-mess .list-content {
        list-style: none;
        padding: 0;
        max-height: calc(100vh - 300px);
        overflow-y: auto; }
        .message-wrapper .mess-detail .content-mess .list-content::-webkit-scrollbar {
          width: 8px;
          height: 50px;
          right: 10px;
          min-height: 50px; }
        .message-wrapper .mess-detail .content-mess .list-content::-webkit-scrollbar-thumb {
          border-radius: 0;
          background: transparent;
          right: 10px;
          min-height: 50px; }
        .message-wrapper .mess-detail .content-mess .list-content::-webkit-scrollbar-track {
          background: #fff;
          height: 50px;
          min-height: 50px;
          border-radius: 0; }
        .message-wrapper .mess-detail .content-mess .list-content:hover::-webkit-scrollbar-thumb {
          border-radius: 0;
          background: #c9d9ff;
          height: 50px;
          min-height: 50px; }
        .message-wrapper .mess-detail .content-mess .list-content .item-content {
          display: flex;
          justify-content: flex-end;
          align-items: flex-end;
          flex-direction: column;
          margin-bottom: 30px; }
          .message-wrapper .mess-detail .content-mess .list-content .item-content .content {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: 70%; }
            .message-wrapper .mess-detail .content-mess .list-content .item-content .content .dropdown {
              display: flex;
              align-items: center; }
              .message-wrapper .mess-detail .content-mess .list-content .item-content .content .dropdown .dropdown-toggle::after {
                display: none; }
              .message-wrapper .mess-detail .content-mess .list-content .item-content .content .dropdown .dropdown-menu {
                padding: 0;
                border: 0;
                box-shadow: 0px 2px 2px #1a24310a, 0px 1px 2px #1a243114; }
                .message-wrapper .mess-detail .content-mess .list-content .item-content .content .dropdown .dropdown-menu .dropdown-item {
                  font-weight: normal;
                  font-size: 14px;
                  color: #363c58;
                  padding: 12px 15px; }
                  .message-wrapper .mess-detail .content-mess .list-content .item-content .content .dropdown .dropdown-menu .dropdown-item i {
                    margin-right: 5px; }
                  .message-wrapper .mess-detail .content-mess .list-content .item-content .content .dropdown .dropdown-menu .dropdown-item:hover {
                    background-color: #2F8BFF;
                    color: #fff; }
            .message-wrapper .mess-detail .content-mess .list-content .item-content .content .btn {
              margin-right: 10px; }
            .message-wrapper .mess-detail .content-mess .list-content .item-content .content .text {
              width: 95%;
              padding: 30px;
              background: #f5f8fc;
              border-radius: 35px;
              display: flex;
              flex-direction: column;
              align-items: flex-end; }
              .message-wrapper .mess-detail .content-mess .list-content .item-content .content .text p {
                margin-bottom: 0;
                font-weight: normal;
                font-size: 14px;
                color: #05060b; }
              .message-wrapper .mess-detail .content-mess .list-content .item-content .content .text .image-content {
                display: flex;
                flex-direction: column;
                align-items: flex-end; }
                .message-wrapper .mess-detail .content-mess .list-content .item-content .content .text .image-content img {
                  max-width: 300px;
                  max-height: 200px;
                  object-fit: contain;
                  margin-top: 10px; }
                .message-wrapper .mess-detail .content-mess .list-content .item-content .content .text .image-content p {
                  font-weight: normal;
                  font-size: 10px;
                  color: #363C58;
                  margin-top: 5px;
                  margin-bottom: 0; }
                  .message-wrapper .mess-detail .content-mess .list-content .item-content .content .text .image-content p a {
                    color: #2F8BFF; }
          .message-wrapper .mess-detail .content-mess .list-content .item-content .date-send {
            margin-top: 8px; }
            .message-wrapper .mess-detail .content-mess .list-content .item-content .date-send span {
              font-weight: bold;
              font-size: 10px;
              color: #9496AB; }
              .message-wrapper .mess-detail .content-mess .list-content .item-content .date-send span.date {
                font-weight: normal; }
      .message-wrapper .mess-detail .content-mess .form-send {
        display: flex;
        justify-content: space-between;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 20px;
        align-items: flex-end; }
        .message-wrapper .mess-detail .content-mess .form-send .left {
          width: calc(100%  - 90px);
          border: 1px solid #AFB7CC;
          box-sizing: border-box;
          border-radius: 35px;
          padding: 20px 30px;
          min-height: 70px;
          display: flex;
          align-items: flex-start; }
          .message-wrapper .mess-detail .content-mess .form-send .left .form-content {
            width: calc(100% - 80px);
            padding-right: 20px; }
            .message-wrapper .mess-detail .content-mess .form-send .left .form-content .input-sms {
              width: 100%;
              border: 0;
              min-height: 36px; }
              .message-wrapper .mess-detail .content-mess .form-send .left .form-content .input-sms:focus {
                outline: 0;
                box-shadow: none; }
            .message-wrapper .mess-detail .content-mess .form-send .left .form-content .add-images {
              display: flex;
              justify-content: flex-end;
              flex-direction: column;
              align-items: flex-end; }
              .message-wrapper .mess-detail .content-mess .form-send .left .form-content .add-images img {
                max-width: 300px;
                max-height: 200px;
                object-fit: contain;
                margin-top: 10px; }
              .message-wrapper .mess-detail .content-mess .form-send .left .form-content .add-images p {
                font-weight: normal;
                font-size: 10px;
                color: #363C58;
                margin-top: 5px;
                margin-bottom: 0; }
                .message-wrapper .mess-detail .content-mess .form-send .left .form-content .add-images p a {
                  color: #2F8BFF; }
            .message-wrapper .mess-detail .content-mess .form-send .left .form-content .share-contact {
              display: inline-block;
              padding: 7px 10px;
              background-color: #2F8BFF;
              text-align: center;
              border-radius: 16px; }
              .message-wrapper .mess-detail .content-mess .form-send .left .form-content .share-contact .name-contact {
                color: #fff;
                font-weight: bold;
                font-size: 14px;
                margin-right: 5px; }
          .message-wrapper .mess-detail .content-mess .form-send .left .add-file {
            display: flex;
            justify-content: flex-end;
            width: 80px;
            min-height: 36px;
            border-left: 1px solid #AFB7CC; }
        .message-wrapper .mess-detail .content-mess .form-send .right .btn-send {
          width: 70px;
          height: 70px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          background: #2F8BFF;
          border-radius: 50%;
          box-shadow: 0px 16px 16px #1a24310a, 0px 4px 16px #1a243114; }
          .message-wrapper .mess-detail .content-mess .form-send .right .btn-send span {
            font-weight: bold;
            font-size: 14px;
            color: #fff; }
          .message-wrapper .mess-detail .content-mess .form-send .right .btn-send:hover {
            background-color: #2b62a9; }

.contact-mess .fillter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 76px;
  border-bottom: 1px solid #C9D9FF; }
  .contact-mess .fillter .left span {
    font-weight: normal;
    font-size: 16px;
    color: #363C58; }
  .contact-mess .fillter .right {
    display: flex;
    align-items: center; }
    .contact-mess .fillter .right span {
      color: #C9D9FF;
      font-size: 12px;
      margin: 0 10px; }
    .contact-mess .fillter .right .btn {
      font-weight: normal;
      font-size: 12px;
      color: #2F8BFF; }
      .contact-mess .fillter .right .btn:hover {
        color: #0b4ea2; }

.contact-mess .list-contact {
  padding: 0;
  height: calc(100vh - 270px);
  overflow-y: auto;
  margin-bottom: 0; }
  .contact-mess .list-contact::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .contact-mess .list-contact::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .contact-mess .list-contact::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .contact-mess .list-contact:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .contact-mess .list-contact .item-contact {
    display: flex;
    padding: 16px 20px;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #f5f8fc; }
    .contact-mess .list-contact .item-contact.active {
      background-color: #f5f8fc; }
    .contact-mess .list-contact .item-contact:hover {
      background-color: #f5f8fc; }
    .contact-mess .list-contact .item-contact .left {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .contact-mess .list-contact .item-contact .right {
      width: calc(100% - 42px);
      padding-left: 12px; }
      .contact-mess .list-contact .item-contact .right h4 {
        font-weight: bold;
        font-size: 14px;
        color: #05060b;
        margin-bottom: 5px; }
      .contact-mess .list-contact .item-contact .right p {
        margin-bottom: 0;
        font-weight: normal;
        font-size: 14px;
        font-weight: normal;
        color: #363C58; }
      .contact-mess .list-contact .item-contact .right .date {
        font-weight: normal;
        font-size: 12px;
        color: #2F8BFF;
        text-align: right;
        margin-bottom: 5px; }
      .contact-mess .list-contact .item-contact .right .text-mess {
        font-weight: normal;
        font-size: 12px;
        color: #363C58;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }

.contact-book table thead th {
  border-top: 1px solid #C9D9FF; }

.contact-book table td, .contact-book table th {
  border-bottom: 1px solid #C9D9FF; }

.contact-book table .text-table {
  width: 150px;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.contact-book .item-mess {
  display: flex;
  align-items: center; }
  .contact-book .item-mess .left {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .contact-book .item-mess .right {
    width: calc(100% - 42px);
    padding-left: 12px; }
    .contact-book .item-mess .right h4 {
      font-weight: normal;
      font-size: 14px;
      color: #05060b; }
    .contact-book .item-mess .right p {
      margin-bottom: 0;
      font-weight: normal;
      font-size: 14px;
      font-weight: normal;
      color: #9496ab;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .contact-book .item-mess .right .date {
      font-weight: normal;
      font-size: 12px;
      color: #363c58;
      text-align: right; }

.contact-book .button-book {
  display: flex;
  justify-content: flex-end; }
  .contact-book .button-book .btn-book {
    background: #43C588;
    border-radius: 18px;
    width: 60px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px; }
    .contact-book .button-book .btn-book:hover {
      background-color: #36a571; }
    .contact-book .button-book .btn-book:nth-child(2) {
      background-color: #FFE812; }
      .contact-book .button-book .btn-book:nth-child(2):hover {
        background-color: #e1cd1b; }
    .contact-book .button-book .btn-book:nth-child(3) {
      background-color: #FF3963; }
      .contact-book .button-book .btn-book:nth-child(3):hover {
        background-color: #cc2246; }
  .contact-book .button-book .dropdown {
    display: flex;
    align-items: center; }
    .contact-book .button-book .dropdown .dropdown-toggle::after {
      display: none; }
    .contact-book .button-book .dropdown .dropdown-menu {
      padding: 0;
      border: 0;
      box-shadow: 0px 2px 2px #1a24310a, 0px 1px 2px #1a243114; }
      .contact-book .button-book .dropdown .dropdown-menu .dropdown-item {
        font-weight: normal;
        font-size: 14px;
        color: #363c58;
        padding: 12px 15px; }
        .contact-book .button-book .dropdown .dropdown-menu .dropdown-item i {
          margin-right: 5px; }
        .contact-book .button-book .dropdown .dropdown-menu .dropdown-item:hover {
          background-color: #2F8BFF;
          color: #fff; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .right-product .slide-color-product .gallery-top .swiper-wrapper .swiper-slide a {
    max-height: 195px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .right-product .slide-color-product .gallery-top .swiper-wrapper .swiper-slide a img {
      height: auto; }
  .advisory-smart .right-advisory-smart .card .card-header .bt-mobile img {
    width: auto;
    height: auto; }
  .advisory-smart .left-advisory-smart .group-check .check-smart img {
    width: auto;
    height: auto; }
  .page_profile .info_profile .box_info {
    width: 80px; }
    .page_profile .info_profile .box_info .form-group {
      position: inherit; }
      .page_profile .info_profile .box_info .form-group .btn-add-img {
        right: 0; }
    .page_profile .info_profile .box_info .invalid-feedback {
      top: auto !important;
      position: absolute !important;
      width: 100%;
      white-space: nowrap;
      bottom: -10px; } }

.combine-condition-modal .wireless-connection td .btn:disabled {
  background-color: transparent;
  border: 1px solid #c0c2c7 !important; }

.combine-condition-modal .modal-footer .btn {
  width: 120px; }

.combine-condition-modal .label-text {
  white-space: nowrap; }

.combine-condition-modal .top .btn-input-form.col-5 {
  flex: 0 0 31.2%;
  max-width: 31.2%; }

.combine-condition-modal .product-wireless {
  margin-top: 12px; }
  .combine-condition-modal .product-wireless .col-5 {
    flex: 0 0 34.2%;
    max-width: 34.2%; }
    .combine-condition-modal .product-wireless .col-5 .text-wireless {
      line-height: 1; }
  .combine-condition-modal .product-wireless .pr-2.col-5 {
    flex: 0 0 31.2%;
    max-width: 31.2%; }
  .combine-condition-modal .product-wireless .btn-devices.col-5 {
    flex: 0 0 48.2%;
    max-width: 48.2%; }

.combine-condition-modal .table {
  margin-top: 12px;
  margin-bottom: 12px; }
  .combine-condition-modal .table td {
    padding: 14px 6px; }

.combine-condition-modal .wireless-connection.pt-1 {
  padding-top: 2px !important; }

.combine-condition-modal p.mb-0.text-wireless.blue-white.text-bold.ml-3 {
  margin-left: 21px !important;
  margin-left: 10px; }

.combine-condition-modal .wireless-connection .top a {
  margin-left: 22px;
  width: 110px;
  padding: 0 !important;
  font-size: 14px; }

.table-custom-insurance .modal-footer {
  padding-top: 0; }

.modal-footer .btn {
  margin-left: 8px;
  margin-right: 8px; }

.body-plans {
  padding: 0 27px;
  margin-bottom: 11px; }
  .body-plans .form-group .col-10 {
    max-width: 92%;
    flex: 0 0 92%; }
  .body-plans .form-group .col-2 {
    max-width: 8%;
    flex: 0 0 8%;
    padding-left: 14px; }
  .body-plans .footer-modal {
    margin-top: 72px; }
    .body-plans .footer-modal .btn {
      width: 120px;
      padding: 0 !important; }

.modal-signup-success {
  max-width: 620px; }

.modal-reset-product .modal-footer .btn {
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.modal-query {
  max-width: 684px; }
  .modal-query .modal-footer .btn {
    width: 120px;
    padding: 0 !important; }

.modal-share-social {
  max-width: 684px; }

.ponts-discount .modal-body {
  padding: 0 31px;
  margin-top: 57px; }
  .ponts-discount .modal-body .form-group {
    align-items: center; }
    .ponts-discount .modal-body .form-group .col-sm-10 {
      flex: 0 0 88.333333%;
      max-width: 88.333333%; }
    .ponts-discount .modal-body .form-group .col-sm-2 {
      flex: 0 0 11.666667%;
      max-width: 11.666667%;
      padding-right: 0; }
    .ponts-discount .modal-body .form-group span {
      font-size: 14px;
      color: #363c58; }

.ponts-discount .modal-footer {
  margin-bottom: 16px;
  margin-top: 89px; }
  .ponts-discount .modal-footer .btn {
    width: 120px; }

.modal-sale-prices .modal-content {
  padding-left: 76px !important;
  padding-right: 76px !important; }

.modal-sale-prices .modal-body {
  padding-top: 10px; }
  .modal-sale-prices .modal-body .list-item {
    height: 468px;
    min-height: inherit;
    max-height: inherit; }
    .modal-sale-prices .modal-body .list-item li {
      border-top: 0; }
      .modal-sale-prices .modal-body .list-item li:first-child {
        border-top: 1px dashed #c9d9ff; }

.modal-detail-discountcard {
  max-width: 868px; }
  .modal-detail-discountcard .modal-content {
    padding: 0 74px;
    padding-bottom: 3px; }
  .modal-detail-discountcard article {
    margin-top: 13px; }
    .modal-detail-discountcard article .row .col-6:first-child {
      padding-right: 10px; }
    .modal-detail-discountcard article .row .col-6:last-child {
      padding-left: 10px; }
      .modal-detail-discountcard article .row .col-6:last-child .form-group {
        margin-bottom: 5px; }
    .modal-detail-discountcard article form {
      height: 457px; }
  .modal-detail-discountcard .flex-title {
    margin-bottom: 3px; }
    .modal-detail-discountcard .flex-title .btn-wireless.h-25 {
      font-weight: normal;
      height: 20px !important; }
  .modal-detail-discountcard .modal-footer {
    padding-bottom: 2px;
    padding-top: 0;
    margin-top: 9px; }

.modal-opend-discountcard {
  max-width: 916px; }
  .modal-opend-discountcard .installment-card {
    height: 567px;
    margin-bottom: 15px; }
  .modal-opend-discountcard .table thead th {
    padding: 6px 0.75rem; }
  .modal-opend-discountcard .table tbody td {
    font-size: 12px; }
    .modal-opend-discountcard .table tbody td h6 {
      font-size: 12px; }
    .modal-opend-discountcard .table tbody td p {
      font-size: 12px; }
      .modal-opend-discountcard .table tbody td p span {
        font-size: 12px !important; }

.modal-xl.modal-list-plan {
  max-width: 900px; }
  .modal-xl.modal-list-plan .content-product .tab-content .table-form .table-striped tbody tr.disabled {
    pointer-events: none !important;
    opacity: 0.3; }
  .modal-xl.modal-list-plan .content-product .tab-content .table-form .table-striped tbody tr td {
    font-size: 14px;
    vertical-align: middle;
    padding: 9px 10px; }
  .modal-xl.modal-list-plan .content-product .tab-content .table-form .table-striped tbody tr th {
    font-size: 14px;
    vertical-align: middle;
    padding: 9px 10px;
    font-weight: 500; }
  .modal-xl.modal-list-plan .content-product .tab-content .table-form .table-striped tbody tr .font-16 {
    font-size: 15px !important; }
  .modal-xl.modal-list-plan .content-product .tab-content .table-form {
    margin-top: 8px; }
  .modal-xl.modal-list-plan .top-search-query .form-search {
    padding-bottom: 10px;
    padding-top: 2px; }
    .modal-xl.modal-list-plan .top-search-query .form-search input {
      font-size: 16px; }

.modal-dialog.modal-additional-support {
  max-width: 360px; }
  .modal-dialog.modal-additional-support .modal-content {
    padding-left: 29px !important;
    padding-right: 29px !important; }
  .modal-dialog.modal-additional-support .modal-content .modal-header {
    padding-top: 28px; }
  .modal-dialog.modal-additional-support .list-additional {
    min-height: 265px; }

.modal-custom .modal-content {
  padding-left: 35px !important;
  padding-right: 35px !important; }

.modal-custom .justify-content-center.border-top-0 .btn {
  padding: 0 !important;
  width: 120px; }

.modal-custom .btn-gray-white {
  padding: 0 !important;
  width: 88px; }

.modal-mont-installment.modal-additional {
  max-width: 360px; }
  .modal-mont-installment.modal-additional .modal-content {
    padding-left: 28.5px !important;
    padding-right: 28.5px !important; }
  .modal-mont-installment.modal-additional .list-additional {
    height: 348px;
    min-height: inherit;
    max-height: inherit; }
    .modal-mont-installment.modal-additional .list-additional li {
      padding: 19.5px 12px; }

.col-count-custom {
  flex: 0 0 67.3%;
  max-width: 67.3%; }

.modal-custom-232 {
  max-width: 426px; }
  .modal-custom-232 .modal-body {
    margin-top: 5px; }
    .modal-custom-232 .modal-body .list-additional {
      margin-bottom: 3px; }

.modal-used-phone {
  max-width: 880px; }
  .modal-used-phone .wireless-connection .content-article {
    height: 180px; }
  .modal-used-phone .custom-control-label {
    white-space: nowrap;
    font-size: 14px; }
  .modal-used-phone .modal-header {
    padding-top: 30px !important; }
  .modal-used-phone .modal-footer {
    padding-bottom: 7px !important; }
  .modal-used-phone .top .col-7 {
    padding-left: 0; }
  .modal-used-phone article {
    max-height: inherit; }
    .modal-used-phone article .btn:disabled {
      background-color: #e8f0fa !important;
      border: 0; }
    .modal-used-phone article .content-article {
      margin-bottom: 11px;
      padding: 10px 8px !important; }
    .modal-used-phone article p.color-sliver.text-line {
      margin-bottom: 0;
      font-size: 14px; }
    .modal-used-phone article .table-mobile tr td {
      padding: 0.4rem 10px; }
      .modal-used-phone article .table-mobile tr td:nth-child(2), .modal-used-phone article .table-mobile tr td:nth-child(3) {
        background-color: #fff; }
        .modal-used-phone article .table-mobile tr td:nth-child(2) .col-7, .modal-used-phone article .table-mobile tr td:nth-child(3) .col-7 {
          text-align: right; }
          .modal-used-phone article .table-mobile tr td:nth-child(2) .col-7 input, .modal-used-phone article .table-mobile tr td:nth-child(3) .col-7 input {
            text-align: right; }
        .modal-used-phone article .table-mobile tr td:nth-child(2) p, .modal-used-phone article .table-mobile tr td:nth-child(3) p {
          font-size: 14px; }
      .modal-used-phone article .table-mobile tr td .btn-input-form,
      .modal-used-phone article .table-mobile tr td input {
        width: 116px; }
      .modal-used-phone article .table-mobile tr td:nth-child(2) .row:nth-child(3) {
        font-weight: lighter; }
      .modal-used-phone article .table-mobile tr td .row .col-5 {
        flex: 0 0 45.666667%;
        max-width: 45.666667%; }
      .modal-used-phone article .table-mobile tr td .row .col-7 {
        flex: 0 0 54.333333%;
        max-width: 54.333333%; }
    .modal-used-phone article thead th {
      padding-left: 0.6rem !important;
      font-size: 14px; }
      .modal-used-phone article thead th .color-sliver {
        margin-right: 5px; }
      .modal-used-phone article thead th .small-color {
        margin-left: 5px; }
  .modal-used-phone .modal-footer .btn {
    width: 120px; }

.h-36 {
  height: 36px; }

.fontw-nomarl {
  font-weight: normal; }

.combine-condition-modal {
  max-width: 846px; }
  .combine-condition-modal .label-title {
    white-space: nowrap; }
  .combine-condition-modal article {
    max-height: inherit; }
  .combine-condition-modal .modal-content {
    padding: 0 66px;
    padding-bottom: 2px; }
    .combine-condition-modal .modal-content .table td {
      padding-left: 10px; }
    .combine-condition-modal .modal-content .table tbody tr td:nth-child(4) {
      width: 236px;
      padding-left: 19px;
      padding-right: 19px;
      vertical-align: top; }
      .combine-condition-modal .modal-content .table tbody tr td:nth-child(4) .text-name .weight-normal {
        margin-left: 5px; }
    .combine-condition-modal .modal-content .table thead th {
      padding: 13.5px 0.4rem !important;
      font-size: 14px;
      padding-left: 10px !important; }
      .combine-condition-modal .modal-content .table thead th:last-child {
        padding: 13.5px 15px !important; }
    .combine-condition-modal .modal-content .modal-footer {
      padding-bottom: 26px; }
  .combine-condition-modal .btn-input-form {
    width: 172px; }

.modal_custom_01.modal-additional .modal-content {
  padding-left: 36.5px;
  padding-right: 36.5px; }

.modal_custom_01.modal-additional .list-additional {
  max-height: inherit;
  min-width: inherit;
  height: 348px; }
  .modal_custom_01.modal-additional .list-additional li:first-child {
    padding: 22px 12px; }

.modal_custom_01.modal-additional .flex-title .title {
  font-size: 16px;
  font-weight: normal; }

.modal-custom-02 {
  max-width: 846px; }
  .modal-custom-02 .modal-content {
    padding-left: 61px;
    padding-right: 61px; }
  .modal-custom-02 .modal-body {
    padding-top: 10px; }
    .modal-custom-02 .modal-body .btn-wireless {
      height: 32px; }
    .modal-custom-02 .modal-body .list-item {
      display: block; }
    .modal-custom-02 .modal-body .list-item.list_wireless li span {
      display: flex;
      align-items: center;
      height: 64px; }

.modal-custom-03 {
  max-width: 846px; }
  .modal-custom-03 .modal-content {
    padding-left: 66px;
    padding-right: 66px; }
  .modal-custom-03 .modal-body {
    padding-top: 0; }
    .modal-custom-03 .modal-body .list-detail-internet {
      max-width: inherit;
      max-height: inherit;
      height: 550px; }
      .modal-custom-03 .modal-body .list-detail-internet li {
        padding: 7.5px 15px; }
        .modal-custom-03 .modal-body .list-detail-internet li .h-25 {
          height: 20px !important; }
        .modal-custom-03 .modal-body .list-detail-internet li .right .btn-submit {
          width: 88px; }

.modal_price_pay {
  max-width: 360px; }
  .modal_price_pay .modal-content {
    padding-left: 29px;
    padding-right: 29px; }
    .modal_price_pay .modal-content .modal-header {
      padding-top: 29px; }
  .modal_price_pay .modal-body {
    margin-top: 5px; }
  .modal_price_pay.modal-additional .list-additional {
    max-height: inherit;
    min-height: inherit;
    height: 200px; }

.modal-custom-04.modal-additional .list-additional {
  max-height: inherit;
  min-height: inherit;
  height: 416px; }

.modal-custom-04 .modal-content {
  padding-left: 31.5px;
  padding-right: 31.5px; }

.mt-8 {
  margin-top: 7px; }

.modal-custom-06 {
  max-width: 868px; }
  .modal-custom-06 .modal-support-service {
    margin-right: -4px; }
  .modal-custom-06 .modal-content {
    padding: 0 76.5px; }
    .modal-custom-06 .modal-content .table.mb-0 {
      width: calc(100% - 4px); }
    .modal-custom-06 .modal-content .modal-body {
      margin-top: 9px; }
    .modal-custom-06 .modal-content article {
      max-height: inherit;
      min-height: inherit;
      height: auto;
      overflow: hidden;
      margin-top: 0; }
    .modal-custom-06 .modal-content .table thead th {
      padding: 5.5px 0.75rem;
      width: 306.6px;
      border-bottom: 0; }
      .modal-custom-06 .modal-content .table thead th:first-child {
        width: 100px; }
    .modal-custom-06 .modal-content .table tbody tr td {
      width: 306.6px; }
      .modal-custom-06 .modal-content .table tbody tr td:nth-child(2) {
        font-size: 14px; }
      .modal-custom-06 .modal-content .table tbody tr td:first-child {
        width: 100px; }
      .modal-custom-06 .modal-content .table tbody tr td p {
        width: 100% !important;
        margin-bottom: 0; }
        .modal-custom-06 .modal-content .table tbody tr td p img {
          width: 100% !important;
          height: auto !important; }
    .modal-custom-06 .modal-content .table-scroll {
      height: 461px;
      overflow: auto;
      overflow-x: hidden; }
      .modal-custom-06 .modal-content .table-scroll::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px; }
      .modal-custom-06 .modal-content .table-scroll::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent;
        right: 10px;
        min-height: 50px; }
      .modal-custom-06 .modal-content .table-scroll::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }
      .modal-custom-06 .modal-content .table-scroll:hover::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        height: 50px;
        min-height: 50px; }

.modal-2g {
  max-width: 360px; }
  .modal-2g .modal-content {
    padding-left: 29px;
    padding-right: 29px; }
    .modal-2g .modal-content .modal-header {
      padding-top: 31px; }
    .modal-2g .modal-content .modal-body {
      margin-top: 5px; }
  .modal-2g.modal-additional .list-additional {
    max-height: inherit;
    min-height: inherit;
    height: 198px; }

.modal-detail-card {
  max-width: 868px; }

.modal-custom-08 {
  max-width: 432px; }
  .modal-custom-08 .modal-content {
    padding-left: 24.5px;
    padding-right: 24.5px; }
  .modal-custom-08.modal-additional .list-additional {
    max-height: inherit;
    min-height: inherit;
    height: 350px; }

.modal-information-plans {
  max-width: 820px; }
  .modal-information-plans .modal-content {
    padding-left: 44.5px;
    padding-right: 44.5px; }
    .modal-information-plans .modal-content .modal-header {
      padding-top: 30px; }
    .modal-information-plans .modal-content .modal-footer {
      margin-top: 30px;
      margin-bottom: 29px;
      padding: 0; }
      .modal-information-plans .modal-content .modal-footer .btn {
        padding: 0 !important;
        width: 120px; }
  .modal-information-plans .essence-plan .list-essencs li {
    margin-top: 30px;
    padding: 0.5px 10px; }
    .modal-information-plans .essence-plan .list-essencs li:nth-child(1) {
      width: 167px; }
    .modal-information-plans .essence-plan .list-essencs li:nth-child(2) {
      width: 132px; }
    .modal-information-plans .essence-plan .list-essencs li:nth-child(3) {
      width: 228px; }
    .modal-information-plans .essence-plan .list-essencs li:nth-child(4) {
      width: 132px; }
  .modal-information-plans .essence-plan .content-essencs {
    margin-top: 40px;
    max-height: inherit;
    min-height: inherit;
    height: 400px;
    overflow: hidden; }
    .modal-information-plans .essence-plan .content-essencs .essencs_custom {
      height: 325px;
      overflow: auto;
      overflow-x: hidden; }
      .modal-information-plans .essence-plan .content-essencs .essencs_custom::-webkit-scrollbar {
        width: 8px;
        height: 50px;
        right: 10px;
        min-height: 50px;
        max-height: 60px; }
      .modal-information-plans .essence-plan .content-essencs .essencs_custom::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: #c9d9ff;
        right: 10px;
        min-height: 50px;
        max-height: 60px; }
      .modal-information-plans .essence-plan .content-essencs .essencs_custom::-webkit-scrollbar-track {
        background: #fff;
        height: 50px;
        min-height: 50px;
        border-radius: 0; }

.modal-custom-09 {
  max-width: 540px; }
  .modal-custom-09 .modal-content {
    padding-left: 31.5px;
    padding-right: 31.5px; }
  .modal-custom-09.modal-additional .list-additional {
    max-height: inherit;
    min-height: inherit;
    height: 418px; }

.table-custom-insurance {
  max-width: 868px; }

.modal-custom-10 {
  max-width: 868px; }
  .modal-custom-10 .modal-content .modal-header {
    padding-top: 38px; }
  .modal-custom-10 .modal-add-service {
    padding: 0 74.5px; }
    .modal-custom-10 .modal-add-service .table thead th {
      padding: 5.5px 0.75rem;
      font-size: 14px;
      padding-right: 16px; }

.modal-custom-11 .modal-content {
  padding-left: 29px !important;
  padding-right: 29px !important; }
  .modal-custom-11 .modal-content .modal-header {
    padding-top: 30px; }
  .modal-custom-11 .modal-content .modal-body {
    margin-top: 5px;
    padding-bottom: 12px; }
    .modal-custom-11 .modal-content .modal-body .list-item {
      margin-bottom: 0;
      height: 576px;
      max-height: inherit !important; }

.row_mt .col-12:last-child .custom-control:last-child {
  margin-top: 15px; }

.mt-40 {
  margin-top: 34px; }

.modal-seller-01 {
  max-width: 360px; }
  .modal-seller-01 .modal-content {
    padding: 0 29px; }
  .modal-seller-01.modal-additional .list-additional {
    height: auto;
    max-height: 500px;
    min-height: 250px; }
    .modal-seller-01.modal-additional .list-additional li:last-child {
      padding: 19px 12px; }

.modal-custom-12 .modal-content {
  padding-left: 29px !important;
  padding-right: 29px !important; }
  .modal-custom-12 .modal-content .modal-header {
    padding-top: 30px; }

.modal-custom-12 .list-additional {
  margin-bottom: 10px;
  height: 270px; }

.modal-rules-custom {
  max-width: 820px; }
  .modal-rules-custom .modal-content {
    padding: 0 51.5px;
    padding-bottom: 40px; }
    .modal-rules-custom .modal-content .content-product .top .list-tab .tab-item {
      width: 50%; }
    .modal-rules-custom .modal-content .content-product .top .list-tab .tab-item .nav-link {
      font-size: 14px; }
    .modal-rules-custom .modal-content .modal-header .close {
      right: -30px; }
    .modal-rules-custom .modal-content .modal-body {
      padding: 0; }
    .modal-rules-custom .modal-content article {
      max-height: inherit;
      min-height: inherit;
      height: 377px; }
    .modal-rules-custom .modal-content .content-product .tab-content {
      margin-top: 26px; }
      .modal-rules-custom .modal-content .content-product .tab-content h4 {
        margin-bottom: 23px; }

.modal .modal-content {
  max-height: 100vh;
  overflow: auto; }
  .modal .modal-content::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .modal .modal-content::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .modal .modal-content::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .modal .modal-content:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: 100vh; }

.modal-custom-15 {
  max-width: 846px; }
  .modal-custom-15 .modal-content {
    padding: 0 66px; }
    .modal-custom-15 .modal-content .modal-body {
      padding-top: 14px; }
      .modal-custom-15 .modal-content .modal-body .col-md-6 {
        padding-right: 10px; }
        .modal-custom-15 .modal-content .modal-body .col-md-6:nth-last-of-type(2) {
          padding-right: 15px;
          padding-left: 10px; }
      .modal-custom-15 .modal-content .modal-body .top-content h5 {
        font-size: 14px;
        color: #05060b; }
      .modal-custom-15 .modal-content .modal-body .top-content .btn {
        width: 124px;
        padding: 0;
        font-size: 14px;
        height: 32px; }
      .modal-custom-15 .modal-content .modal-body .list-item.list_wireless {
        height: 412px; }
    .modal-custom-15 .modal-content .modal-footer {
      margin-bottom: 20px; }
      .modal-custom-15 .modal-content .modal-footer .btn {
        width: 120px; }
  .modal-custom-15 .list-item {
    display: block; }
  .modal-custom-15 .list-item.list_wireless li {
    padding: 0 14px; }
    .modal-custom-15 .list-item.list_wireless li:nth-child(2n) {
      background-color: #f5f8fc; }
    .modal-custom-15 .list-item.list_wireless li.bg-item {
      background-color: #cddbfc; }
    .modal-custom-15 .list-item.list_wireless li span {
      display: flex;
      align-items: center;
      height: 64px; }
  .modal-custom-15 .total-modal {
    padding: 10px 20px 10px 20px;
    align-items: center; }

.modal-custom-16 {
  max-width: 846px; }
  .modal-custom-16 .modal-content {
    padding: 0 66px; }
    .modal-custom-16 .modal-content .modal-body {
      padding-top: 20px; }
      .modal-custom-16 .modal-content .modal-body .list-detail-internet {
        margin-top: 0;
        max-height: inherit;
        height: 550px; }
        .modal-custom-16 .modal-content .modal-body .list-detail-internet li {
          padding: 10px 15px; }
          .modal-custom-16 .modal-content .modal-body .list-detail-internet li .top-detail {
            margin-bottom: 6px; }
          .modal-custom-16 .modal-content .modal-body .list-detail-internet li .right .btn {
            width: 88px;
            font-weight: normal; }

.modal-images-custom {
  max-width: 786px; }
  .modal-images-custom .modal-content {
    padding: 0 28px;
    padding-top: 40px; }
    .modal-images-custom .modal-content .modal-body {
      padding: 0;
      padding-bottom: 22px; }

.modal_notifi_custom {
  max-width: 448px; }
  .modal_notifi_custom .modal-content {
    height: 348px; }
    .modal_notifi_custom .modal-content .content-register-modal .btn {
      width: 120px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      margin-top: 47px; }

.modal_erro_password {
  max-width: 448px; }
  .modal_erro_password .modal-content {
    height: 396px; }
    .modal_erro_password .modal-content .content-register-modal .btn {
      margin-top: 57px; }

.modal .row_custom {
  padding: 0 36px; }
  .modal .row_custom .row.mt-4.align-items-center {
    justify-content: center; }
    .modal .row_custom .row.mt-4.align-items-center .col-10 {
      max-width: 94%;
      flex: 0 0 94%; }
    .modal .row_custom .row.mt-4.align-items-center .col-2 {
      max-width: 6%;
      flex: 0 0 6%;
      padding-left: 8px;
      padding-right: 0; }

.modal-custom-18 {
  max-width: 504px; }
  .modal-custom-18 .modal-content {
    padding: 0 40px; }
    .modal-custom-18 .modal-content .modal-body {
      padding: 0; }
      .modal-custom-18 .modal-content .modal-body h2 {
        margin-bottom: 47px;
        margin-top: 50px;
        font-weight: normal; }
    .modal-custom-18 .modal-content .modal-footer {
      margin-top: 53px;
      margin-bottom: 20px; }
      .modal-custom-18 .modal-content .modal-footer .btn {
        width: 125px; }

.text-10 {
  font-size: 10px; }

.font-18 {
  font-size: 18px; }

.table-wired-custom.table-wired th {
  font-size: 14px;
  text-align: center !important; }

.table-wired-custom.table-wired .btn-input-form {
  font-size: 16px; }

.table-wired-custom.table-wired input.form-control.w-90.h-44.mb-1 {
  margin-bottom: 15px !important; }

.progress-wrapper .progress-item .right .rc-slider .rc-slider-mark .rc-slider-mark-text.rc-slider-mark-text-active {
  pointer-events: none; }

.right .rc-slider.rc-slider-with-marks .rc-slider-mark .rc-slider-mark-text {
  width: 75px;
  display: inline-block;
  white-space: inherit; }

.modal .custom-control .custom-control-input:focus {
  outline: 0;
  box-shadow: none; }

.content-payment-custom h4 {
  line-height: 2; }

.content-payment-custom.content-register-modal .btn-ok {
  margin-top: 89px;
  width: 120px; }

.modall-add-seller {
  max-width: 540px; }
  .modall-add-seller .modal-content {
    padding: 0 66.5px; }
    .modall-add-seller .modal-content .header_modal {
      padding-bottom: 0; }
    .modall-add-seller .modal-content .modal-body {
      padding-top: 0; }
    .modall-add-seller .modal-content .modal-footer .btn {
      width: 120px; }

.modal-my-coupont .modal-content {
  max-width: 448px; }

.modal-my-coupont .modal-body {
  padding: 0;
  padding-top: 11px; }

.modal-my-coupont .modal-footer {
  border-top: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 30px; }
  .modal-my-coupont .modal-footer .btn {
    width: 120px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: bold; }

.modal-select-telecom {
  max-width: 846px; }
  .modal-select-telecom .modal-content {
    padding: 0 42px; }
    .modal-select-telecom .modal-content .list-box .box-main .box-item {
      height: 220px; }
    .modal-select-telecom .modal-content .list-box .box-extra .box-item {
      margin-bottom: 17px; }

@media screen and (max-width: 1350px) {
  .container {
    max-width: 976px;
    padding: 0; }
    .container .container {
      padding: 0; } }

.modal-custom-21 {
  max-width: 538px; }
  .modal-custom-21 .form_password {
    margin-top: 8px; }
  .modal-custom-21 .modal-content {
    padding: 0 85px; }
  .modal-custom-21 .modal-body {
    padding-left: 0;
    padding-right: 0; }
  .modal-custom-21 .modal-footer {
    border-top: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 36px;
    padding: 0; }
    .modal-custom-21 .modal-footer .btn {
      width: 120px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0;
      font-weight: bold;
      font-size: 14px; }
  .modal-custom-21 .form_password .form-group a:last-child::after {
    display: none; }

.forgot-password form {
  margin-top: 67px; }
  .forgot-password form .submit-form {
    margin-top: 170px !important; }

.wireless-advice .content-product .tab-content .table-form .table-striped tr {
  border-bottom: 0; }

.wireless-advice .content-product .tab-content .table-form .table-striped tbody td,
.wireless-advice .content-product .tab-content .table-form .table-striped tbody th {
  padding: 11px 10px;
  word-break: break-all; }

.wired-consultation .box-payment {
  margin-top: 12px; }

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important; }

.modal-custom-22 {
  max-width: 426px; }
  .modal-custom-22 .modal-content {
    padding: 0 24px; }
    .modal-custom-22 .modal-content .modal-header {
      padding-top: 30px; }
    .modal-custom-22 .modal-content .modal-body {
      margin-top: 5px; }
  .modal-custom-22.modal-additional .list-additional {
    min-height: inherit;
    max-height: inherit;
    height: 331px; }

.modal-custom-23 {
  max-width: 680px; }
  .modal-custom-23 .modal-content {
    padding: 0 44.5px; }
    .modal-custom-23 .modal-content .modal-body {
      padding-top: 50px; }
      .modal-custom-23 .modal-content .modal-body article {
        height: 301px;
        min-height: inherit;
        max-height: inherit; }

.modal-custom-242 {
  max-width: 680px; }
  .modal-custom-242 .modal-content {
    padding: 0 44.5px; }
    .modal-custom-242 .modal-content .modal-body {
      padding-top: 43px;
      padding-bottom: 0; }
      .modal-custom-242 .modal-content .modal-body article {
        height: 324px;
        min-height: inherit;
        max-height: inherit; }

.form-selete-custom select {
  width: 107%; }

.content-register-modal .btn-ok {
  min-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center; }

.pl-55 {
  padding-left: 55px; }

.compare-terminals .table .label-prices {
  font-weight: 500; }

.modal-custom-support {
  max-width: 680px; }
  .modal-custom-support .modal-content {
    padding: 0 45px; }
    .modal-custom-support .modal-content .modal-body {
      margin-top: 17px; }
      .modal-custom-support .modal-content .modal-body .list-additional {
        margin-top: 25px;
        margin-bottom: 0; }
      .modal-custom-support .modal-content .modal-body.discount-card .content-discount {
        height: 400px;
        overflow-y: auto;
        overflow-x: hidden; }
        .modal-custom-support .modal-content .modal-body.discount-card .content-discount::-webkit-scrollbar {
          width: 8px;
          height: 50px;
          right: 10px;
          min-height: 50px; }
        .modal-custom-support .modal-content .modal-body.discount-card .content-discount::-webkit-scrollbar-thumb {
          border-radius: 0;
          background: transparent;
          right: 10px;
          min-height: 50px; }
        .modal-custom-support .modal-content .modal-body.discount-card .content-discount::-webkit-scrollbar-track {
          background: #fff;
          height: 50px;
          min-height: 50px;
          border-radius: 0; }
        .modal-custom-support .modal-content .modal-body.discount-card .content-discount:hover::-webkit-scrollbar-thumb {
          border-radius: 0;
          background: #c9d9ff;
          height: 50px;
          min-height: 50px; }
        .modal-custom-support .modal-content .modal-body.discount-card .content-discount .list-additional {
          min-height: inherit;
          max-height: inherit; }
        .modal-custom-support .modal-content .modal-body.discount-card .content-discount p {
          width: 100% !important;
          margin-bottom: 0; }
          .modal-custom-support .modal-content .modal-body.discount-card .content-discount p img {
            width: 100% !important;
            height: auto !important; }
    .modal-custom-support .modal-content .modal-header .btn {
      width: 88px;
      padding: 0; }
    .modal-custom-support .modal-content .modal-footer {
      margin-bottom: 35px; }
      .modal-custom-support .modal-content .modal-footer .btn {
        width: 120px;
        padding: 0; }

.border-right-blue {
  border-left: 1px solid #c9d9ff; }

.form-time-clock {
  position: relative; }
  .form-time-clock .icon-clock {
    position: absolute;
    right: 15px;
    top: 37px; }
    .form-time-clock .icon-clock i {
      color: #9498ab; }

.font-14 {
  font-size: 14px !important; }

.font-18 {
  font-size: 18px !important; }

.form-register .form-group .label-text {
  margin-bottom: 4px; }

.mt-ab {
  margin-top: -8px; }

.page_profile .form-group .label-text {
  margin-bottom: 4px; }

.banner .box_banner.pl-55 {
  padding-left: 55px; }

.banner .box_banner.pr-55 {
  padding-right: 55px; }

.pl-30 {
  padding-left: 35px !important; }

.light-18 {
  line-height: 1.8; }

.modal-payment-check .modal-content {
  padding: 0 39px; }

.modal-payment-check .modal-footer .bnt {
  width: 123px; }

.modal-payment-check.modal-additional .list-additional {
  min-height: inherit;
  max-height: inherit;
  height: 192px;
  margin-bottom: 0; }
  .modal-payment-check.modal-additional .list-additional .label_title {
    cursor: pointer; }

.modal_payment_custom {
  max-width: 620px; }

.sales_report .btn_processing {
  width: 90px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3px;
  padding-bottom: 3px; }

.modal-custom-23 {
  max-width: 360px; }
  .modal-custom-23 .modal-content {
    padding: 0 30px; }

.border-right-grey {
  border-right: 1px solid #d3d4db; }

.form-red input {
  color: red !important;
  font-weight: bold; }

.form-group.form-custom {
  line-height: inherit !important; }

.modal-transactionpoint {
  max-width: 684px; }
  .modal-transactionpoint .modal-content {
    padding: 0 102px; }
    .modal-transactionpoint .modal-content .col-md-3 {
      margin-bottom: 13px; }
    .modal-transactionpoint .modal-content .footer-transactionpoint {
      margin-bottom: 45px;
      margin-top: 33px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .modal-transactionpoint .modal-content .footer-transactionpoint .btn {
        width: 120px;
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center; }
    .modal-transactionpoint .modal-content .label_title {
      color: #05060b !important; }

.btn_point {
  width: 119px; }

.table-wired-custom.table-wired table tr th {
  padding: 5px 6px; }
  .table-wired-custom.table-wired table tr th:nth-child(1) {
    width: 8% !important;
    padding-left: 0;
    padding-right: 12px; }

.table-wired-custom.table-wired table tr td:nth-child(1) {
  padding-left: 0;
  padding-right: 10px; }

.table-wired-custom.table-wired table tr td:nth-child(3) .btn {
  width: 164px; }
  @media screen and (max-width: 1350px) {
    .table-wired-custom.table-wired table tr td:nth-child(3) .btn {
      width: 160px; } }

.table-wired-custom.table-wired table tr td:nth-child(4) input {
  width: 122px; }
  @media screen and (max-width: 1350px) {
    .table-wired-custom.table-wired table tr td:nth-child(4) input {
      width: 96px;
      padding-left: 5px;
      padding-right: 5px; } }

.table-wired-custom.table-wired table tr td:nth-child(5) {
  padding-right: 0; }
  .table-wired-custom.table-wired table tr td:nth-child(5) .btn {
    width: 122px; }
    @media screen and (max-width: 1350px) {
      .table-wired-custom.table-wired table tr td:nth-child(5) .btn {
        width: 96px;
        padding-left: 5px;
        padding-right: 5px; } }

.btn-review {
  width: 140px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important; }

.mt-cs3 {
  margin-top: -3px; }

.content-rules article .table tr td {
  border: 1px solid #dee2e6; }

.content-rules article .table tr:nth-child(1) td {
  background-color: #f7f9fc; }

.content-rules article ul,
.content-rules article ol {
  list-style-type: disc !important;
  padding-left: 17px; }

.content-rules .tab-pane h4 {
  margin-top: 25px;
  margin-bottom: 23px; }

.content-rules article span {
  padding-left: 0; }

.table-seller-custom {
  max-width: 1024px;
  margin: 0 auto; }
  .table-seller-custom .table_striped th {
    font-size: 14px; }
    .table-seller-custom .table_striped th:last-child {
      padding-right: 25px; }

.seller_custom {
  margin-top: 70px; }
  .seller_custom .box_header {
    max-width: 1024px;
    margin: 0 auto; }

.bottom_right {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 45px;
  border-top: 1px solid #c9d9ff;
  padding-bottom: 3px; }

.register-user .banner .box_banner .payment_total .payment_total_title.mb-2 {
  margin-bottom: 14px !important; }

.form-register .content-form.form-register .custom-checkbox .custom-control-label::after {
  top: 2px; }

.payment-new.form-register .content-form .tab-content .form-row {
  max-width: 768px; }

.modal-dialog-centered {
  min-height: inherit !important;
  max-height: inherit !important; }

.modal-dialog-centered {
  margin-top: 10px !important; }

.body_home_page {
  overflow-x: hidden; }
  .body_home_page #root {
    width: 100vw;
    overflow-x: hidden; }

.modal-body .list-item {
  display: block; }

.text-payment-custom {
  font-size: 14px;
  font-weight: bold;
  color: #363c58; }

.text-vatpay {
  font-size: 12px;
  font-weight: normal;
  color: #363c58; }

.mt-50 {
  margin-top: 50px !important; }

.text-payment-red {
  color: #f56264;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  margin-top: 11px; }

.mt-35 {
  margin-top: 35px; }

.text-check-noticespay {
  font-size: 14px;
  color: #363c58;
  font-weight: normal;
  padding-left: 1.5rem;
  margin-top: 20px; }

.payment-new.form-register .content-form {
  max-width: 900px; }
  .payment-new.form-register .content-form .method-payment {
    max-width: 768px; }

.form-register.register-user .w-810 {
  max-width: 810px; }

.mb-10 {
  margin-bottom: 10px !important; }

.sprite {
  background-image: url(../images/spritesheet-03.png);
  background-repeat: no-repeat;
  display: block; }

.sprite-Alarm-Icon {
  width: 26px;
  height: 24px;
  background-position: -5px -5px; }

.sprite-CloseMenu {
  width: 18px;
  height: 16px;
  background-position: -41px -5px; }

.sprite-Group-589 {
  width: 24px;
  height: 26px;
  background-position: -69px -5px; }

.sprite-Logo {
  width: 173px;
  height: 28px;
  background-position: -5px -41px; }

.sprite-Notification {
  width: 20px;
  height: 20px;
  background-position: -103px -5px; }

.sprite-bluetooth {
  width: 24px;
  height: 32px;
  background-position: -188px -5px; }

.sprite-cart {
  width: 26px;
  height: 26px;
  background-position: -133px -5px; }

.sprite-close-modal {
  width: 24px;
  height: 24px;
  background-position: -222px -5px;
  margin-right: 10px;
  margin-top: 10px; }

.sprite-edit-profile {
  width: 16px;
  height: 16px;
  background-position: -256px -5px; }

.sprite-ggdrive {
  width: 32px;
  height: 28px;
  background-position: -222px -39px; }

.sprite-gmail {
  width: 32px;
  height: 25px;
  background-position: -188px -77px; }

.sprite-icon-01 {
  width: 58px;
  height: 56px;
  background-position: -5px -112px; }

.sprite-icon-02 {
  width: 50px;
  height: 57px;
  background-position: -73px -112px; }

.sprite-icon-03 {
  width: 46px;
  height: 56px;
  background-position: -133px -112px; }

.sprite-icon-04 {
  width: 57px;
  height: 56px;
  background-position: -189px -112px; }

.sprite-icon-05 {
  width: 59px;
  height: 54px;
  background-position: -133px -178px; }

.sprite-icon-06 {
  width: 51px;
  height: 54px;
  background-position: -5px -178px; }

.sprite-icon-07 {
  width: 26px;
  height: 25px;
  background-position: -230px -77px; }

.sprite-icon-11 {
  width: 23px;
  height: 25px;
  background-position: -202px -178px;
  margin-right: 20px; }

.sprite-icon-12 {
  width: 23px;
  height: 26px;
  background-position: -235px -178px;
  margin-right: 20px; }

.sprite-icon-13 {
  width: 13px;
  height: 18px;
  background-position: -256px -112px;
  margin-right: 5px; }

.sprite-icon-14 {
  width: 16px;
  height: 16px;
  background-position: -256px -140px;
  margin-right: 5px; }

.sprite-icon-15 {
  width: 16px;
  height: 17px;
  background-position: -66px -214px;
  margin-right: 5px; }

.sprite-icon-16 {
  width: 16px;
  height: 17px;
  background-position: -92px -214px;
  margin-right: 5px; }

.sprite-icon-17 {
  width: 14px;
  height: 18px;
  background-position: -202px -214px;
  margin-right: 5px; }

.sprite-icon-18 {
  width: 16px;
  height: 12px;
  background-position: -226px -214px; }

.sprite-icon-19 {
  width: 24px;
  height: 26px;
  background-position: -226px -236px; }

.sprite-icon-baocao-banhang {
  width: 26px;
  height: 24px;
  background-position: -282px -5px; }

.sprite-icon-lichsu-tuvan {
  width: 24px;
  height: 26px;
  background-position: -264px -39px; }

.sprite-icon-menu {
  width: 16px;
  height: 12px;
  background-position: -266px -75px;
  margin-bottom: 4px; }

.sprite-icon-reset {
  width: 16px;
  height: 16px;
  background-position: -292px -75px;
  margin-right: 5px; }

.sprite-icon-sosanh {
  width: 25px;
  height: 26px;
  background-position: -279px -101px; }

.sprite-icon-tailieu {
  width: 26px;
  height: 26px;
  background-position: -282px -137px; }

.sprite-icon-tuvan {
  width: 24px;
  height: 26px;
  background-position: -268px -173px; }

.sprite-internet {
  width: 16px;
  height: 16px;
  background-position: -268px -209px; }

.sprite-iot {
  width: 14px;
  height: 16px;
  background-position: -294px -209px; }

.sprite-kakao {
  width: 33px;
  height: 32px;
  background-position: -260px -235px; }

.sprite-logout {
  width: 25px;
  height: 25px;
  background-position: -5px -277px; }

.sprite-notifi {
  width: 20px;
  height: 19px;
  background-position: -40px -277px; }

.sprite-notifi-2 {
  width: 20px;
  height: 25px;
  background-position: -70px -277px; }

.sprite-notifi-list {
  width: 26px;
  height: 25px;
  background-position: -100px -277px; }

.sprite-payment {
  width: 24px;
  height: 26px;
  background-position: -136px -277px; }

.sprite-phone {
  width: 16px;
  height: 16px;
  background-position: -170px -277px; }

.sprite-profile {
  width: 26px;
  height: 26px;
  background-position: -196px -277px; }

.sprite-seller {
  width: 34px;
  height: 25px;
  background-position: -232px -277px; }

.sprite-share {
  width: 12px;
  height: 12px;
  background-position: -298px -39px; }

.sprite-skype {
  width: 32px;
  height: 32px;
  background-position: -276px -277px; }

.sprite-star {
  width: 16px;
  height: 16px;
  background-position: -318px -5px;
  margin-right: 5px; }

.sprite-time-line {
  width: 16px;
  height: 18px;
  background-position: -320px -31px;
  margin-right: 5px; }

.sprite-tivi {
  width: 16px;
  height: 14px;
  background-position: -320px -59px; }

.sprite-whatapp {
  width: 32px;
  height: 32px;
  background-position: -303px -235px; }

.sprite-03 {
  background-image: url(../images/spritesheet-04.png);
  background-repeat: no-repeat;
  display: block; }

.sprite-add-product {
  width: 80px;
  height: 145px;
  background-position: -5px -5px; }

.sprite-cicel-blue {
  width: 17px;
  height: 17px;
  background-position: -95px -5px; }

.sprite-close-blue {
  width: 12px;
  height: 12px;
  background-position: -122px -5px; }

.sprite-false {
  width: 78px;
  height: 82px;
  background-position: -95px -32px; }

.sprite-icon-20 {
  width: 16px;
  height: 12px;
  background-position: -144px -5px; }

.sprite-icon-21 {
  width: 14px;
  height: 14px;
  background-position: -95px -124px; }

.sprite-icon-ok {
  width: 82px;
  height: 82px;
  background-position: -183px -5px; }

.sprite-search-2 {
  width: 16px;
  height: 16px;
  background-position: -183px -97px; }

.payment-new select:focus {
  outline: 0;
  box-shadow: none;
  color: #495057;
  background-color: #fff;
  border-color: #80bdff; }

.w-160 {
  width: 160px; }

.box-custom-selected .btn {
  border: 1px solid #c0c2c7;
  box-sizing: border-box;
  border-radius: 3px;
  height: 44px;
  width: 100%;
  font-weight: normal;
  font-size: 16px;
  color: #363c58;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 25px;
  position: relative;
  text-align: left; }
  .box-custom-selected .btn::after {
    position: absolute;
    right: 15px;
    top: 17px; }
  .box-custom-selected .btn:focus {
    outline: 0;
    box-shadow: none;
    border-color: #80bdff; }

.box-custom-selected .dropdown-menu {
  width: 100%; }
  .box-custom-selected .dropdown-menu .dropdown-item {
    white-space: normal; }
    .box-custom-selected .dropdown-menu .dropdown-item.active:hover {
      background-color: #007bff;
      color: #fff; }

.modal-payment-custom {
  max-width: 448px; }
  .modal-payment-custom .modal-content {
    padding: 0 20px; }
    .modal-payment-custom .modal-content .modal-body {
      padding-top: 32px;
      height: 106px; }
    .modal-payment-custom .modal-content .modal-footer {
      padding-bottom: 32px; }
      .modal-payment-custom .modal-content .modal-footer .btn {
        width: 120px; }
        .modal-payment-custom .modal-content .modal-footer .btn.w-auto {
          width: auto;
          padding: 0 15px; }

.modal-open .modal {
  overflow: hidden; }
  @media screen and (max-width: 1220px) {
    .modal-open .modal {
      overflow: auto; } }

.advisory-smart .sort-fillter {
  margin-top: 1px; }

.wireless-advice .slide-color-product .gallery-top {
  width: 220px; }
  .wireless-advice .slide-color-product .gallery-top .swiper-slide {
    width: 100% !important; }
  .wireless-advice .slide-color-product .gallery-top a {
    width: 220px !important;
    display: flex !important;
    justify-content: center; }
    .wireless-advice .slide-color-product .gallery-top a img {
      width: 155px !important; }

.wireless-advice .slide-color-product .swiper-button-next::after {
  display: none; }

.wireless-advice .slide-color-product .swiper-button-next::before {
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #9498ab;
  border-left: 1px solid #9498ab;
  transform: rotate(135deg);
  position: absolute; }

.wireless-advice .slide-color-product .swiper-button-prev::after {
  display: none; }

.wireless-advice .slide-color-product .swiper-button-prev::before {
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #9498ab;
  border-left: 1px solid #9498ab;
  transform: rotate(-45deg);
  position: absolute; }

.top-search-query .form-check .custom-control-label::after {
  top: 0.15rem; }

.top-search-query .form-check .custom-control-label::before {
  top: 0.15rem; }

.list_wireless.list-scroll {
  height: 154px !important;
  overflow-y: auto;
  overflow-x: hidden; }
  .list_wireless.list-scroll::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .list_wireless.list-scroll::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .list_wireless.list-scroll::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .list_wireless.list-scroll:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .list_wireless.list-scroll select {
    width: 50px;
    padding: 0; }
  .list_wireless.list-scroll span {
    width: calc(100% - 150px); }
  .list_wireless.list-scroll span:last-of-type {
    width: 100px;
    text-align: right;
    justify-content: flex-end; }

@media screen and (orientation: portrait) {
  html.devices-mobile {
    transform: rotate(90deg) scale(1.4);
    transform-origin: top left;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    width: 100vh;
    height: 100vw;
    overflow: hidden; }
    html.devices-mobile footer {
      position: inherit; }
  html {
    padding: env(safe-area-inset); } }

@media screen and (orientation: portrait) and (min-width: 1200px) {
  .devices-mobile body {
    width: 100% !important; } }

@media screen and (orientation: portrait) {
  .devices-mobile .body-mobile {
    width: 62%;
    height: 100%;
    overflow: scroll;
    padding-bottom: 400px; } }
  @media screen and (orientation: portrait) and (max-height: 850px) {
    .devices-mobile .body-mobile {
      max-width: 100%;
      height: 100%; } }

@media screen and (orientation: portrait) {
    .devices-mobile .body-mobile .modal-custom-21.browser-login {
      padding-top: 9vh !important; }
    .devices-mobile .body-mobile .status-register {
      max-width: 700px; }
    .devices-mobile .body-mobile .modal-body .list-item.list_wireless {
      height: 310px; }
    .devices-mobile .body-mobile .list_wireless.list-scroll.height-363 {
      height: 310px !important; }
  .devices-mobile .container {
    max-width: 90%; }
  .devices-mobile .modal-dialog-centered {
    align-items: flex-start !important;
    margin-top: 30px !important; }
  .devices-mobile .modal {
    width: 62%;
    min-height: 100vw;
    background-color: transparent; }
  .devices-mobile .modal-backdrop {
    width: 72vh;
    min-height: 100vw; }
  .devices-mobile .wireless-advice .list-box {
    max-width: 70vh; }
    .devices-mobile .wireless-advice .list-box .box-item {
      height: 300px; }
    .devices-mobile .wireless-advice .list-box .box-extra .box-item {
      height: 200px; }
  .devices-mobile .advisory-smart .card-body .table-form .table-scroll {
    height: 14vh; }
  .devices-mobile .menu .menu-wrapper {
    min-height: 90vw;
    height: 90vw; }
  .devices-mobile .menu .menu-wrapper {
    left: 0;
    display: none; }
  .devices-mobile .menu .menu-wrapper.active-menu {
    display: block; }
  .devices-mobile .modal-dialog-centered {
    align-items: flex-start !important;
    justify-content: flex-start !important; }
  .devices-mobile body.modal-open .wired-consultation {
    z-index: -1; }
  .devices-mobile .body_home_page {
    overflow-x: auto; }
    .devices-mobile .body_home_page #root {
      width: 100%; } }

.add-notification-02.add-notification .top {
  justify-content: flex-end; }
  .add-notification-02.add-notification .top .group-button .btn-submit {
    margin-left: 53px;
    width: 113px;
    display: flex;
    align-items: center;
    justify-content: center; }

.add-notification-02.add-notification .box_title {
  margin-top: 0;
  margin-bottom: 20px; }
  .add-notification-02.add-notification .box_title input {
    width: 100%;
    margin-bottom: 5px;
    height: 44px;
    font-size: 16px; }
  .add-notification-02.add-notification .box_title h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 22px;
    color: #3e3f42; }
  .add-notification-02.add-notification .box_title .sub {
    display: flex;
    align-items: center;
    position: relative; }
    .add-notification-02.add-notification .box_title .sub i {
      font-size: 14px;
      color: #9498ab;
      margin-right: 5px; }
    .add-notification-02.add-notification .box_title .sub span {
      font-style: normal;
      font-weight: normal;
      font-size: 13px;
      line-height: 18px;
      color: #9498ab; }

.add-notification-02.add-notification .content-add .left {
  padding-right: 22px; }
  .add-notification-02.add-notification .content-add .left table td,
  .add-notification-02.add-notification .content-add .left table th {
    border: 1px solid #d3d4db;
    width: calc(100% / 5);
    text-align: center;
    vertical-align: middle;
    padding: 11px 8px; }
  .add-notification-02.add-notification .content-add .left table thead th {
    font-weight: 500;
    font-size: 14px; }
  .add-notification-02.add-notification .content-add .left table tbody td {
    position: relative;
    padding: 7px 8px; }
    .add-notification-02.add-notification .content-add .left table tbody td .name-devices {
      font-size: 13px;
      color: #333333;
      text-align: left;
      position: relative;
      padding-right: 15px;
      cursor: pointer;
      width: 100%;
      min-height: 19px;
      display: block; }
      .add-notification-02.add-notification .content-add .left table tbody td .name-devices::before {
        content: "";
        position: absolute;
        border-top: 0.4em solid #d3d4db;
        border-right: 0.4em solid transparent;
        border-bottom: 0;
        border-left: 0.4em solid transparent;
        right: 0px;
        top: 45%; }
      .add-notification-02.add-notification .content-add .left table tbody td .name-devices:hover {
        text-decoration: underline; }
      .add-notification-02.add-notification .content-add .left table tbody td .name-devices.no-hover {
        cursor: auto; }
        .add-notification-02.add-notification .content-add .left table tbody td .name-devices.no-hover:hover {
          text-decoration: none; }
        .add-notification-02.add-notification .content-add .left table tbody td .name-devices.no-hover::before {
          display: none; }
      .add-notification-02.add-notification .content-add .left table tbody td .name-devices.remove-before {
        cursor: initial !important; }
        .add-notification-02.add-notification .content-add .left table tbody td .name-devices.remove-before::before {
          display: none; }
        .add-notification-02.add-notification .content-add .left table tbody td .name-devices.remove-before:hover {
          text-decoration: none; }
    .add-notification-02.add-notification .content-add .left table tbody td .prices-devices {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      flex-direction: column;
      min-height: 38px;
      cursor: pointer; }
      .add-notification-02.add-notification .content-add .left table tbody td .prices-devices span {
        font-size: 12px;
        color: #727b89;
        text-align: right;
        text-decoration: line-through; }
      .add-notification-02.add-notification .content-add .left table tbody td .prices-devices .status-prices {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 6px;
        font-size: 12px;
        font-weight: 600; }
    .add-notification-02.add-notification .content-add .left table tbody td.status-down {
      background: #d2f1e2; }
      .add-notification-02.add-notification .content-add .left table tbody td.status-down .status-prices {
        color: #0f7d4a; }
    .add-notification-02.add-notification .content-add .left table tbody td.status-up {
      background: #fde3e3; }
      .add-notification-02.add-notification .content-add .left table tbody td.status-up .status-prices {
        color: #cf1619; }
    .add-notification-02.add-notification .content-add .left table tbody td .delete-network {
      position: absolute;
      width: 24px;
      height: 24px;
      top: calc(50% - 12px);
      background: #f7f9fc;
      border: 1px solid #c4c4c4;
      box-sizing: border-box;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      right: -30px;
      color: #f26b60;
      font-weight: 100;
      line-height: 23px;
      z-index: 9;
      font-size: 12px; }
      .add-notification-02.add-notification .content-add .left table tbody td .delete-network:hover {
        box-shadow: grey; }
    .add-notification-02.add-notification .content-add .left table tbody td.td-add-product {
      padding: 0; }
      .add-notification-02.add-notification .content-add .left table tbody td.td-add-product div {
        padding: 7px 8px;
        display: flex;
        align-items: center;
        min-height: 55px;
        cursor: pointer; }
  .add-notification-02.add-notification .content-add .left table tbody .logo-network img {
    max-width: 80px;
    max-height: 35px;
    width: auto; }
  .add-notification-02.add-notification .content-add .left table tbody .logo-network .btn {
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px); }
  .add-notification-02.add-notification .content-add .left table tbody .logo-network .add-devices {
    background-color: #43c588;
    border: 1px solid #43c588;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    left: -7%;
    color: #fff;
    font-weight: 100;
    line-height: 23px; }
    .add-notification-02.add-notification .content-add .left table tbody .logo-network .add-devices:hover {
      background-color: #50cc92;
      border-color: #50cc92; }
  .add-notification-02.add-notification .content-add .left .add-network {
    width: 131px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #2f8bff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px; }
    .add-notification-02.add-notification .content-add .left .add-network:hover {
      background: #0066ee; }

.add-notification-02.add-notification .content-add .right {
  border-left: 1px solid #d3d4db;
  height: 100%; }
  .add-notification-02.add-notification .content-add .right .toggle-custom {
    font-size: 16px;
    font-weight: 400;
    color: #363c58;
    font-family: "Noto Sans KR", sans-serif; }
    .add-notification-02.add-notification .content-add .right .toggle-custom input:checked ~ span:first-of-type {
      color: #363c58;
      opacity: 1 !important; }
    .add-notification-02.add-notification .content-add .right .toggle-custom span {
      font-size: 16px;
      font-weight: 400;
      color: #363c58 !important; }
  .add-notification-02.add-notification .content-add .right .custom-control .custom-control-label {
    font-size: 16px;
    font-weight: 400;
    color: #363c58 !important;
    padding-left: 25px; }

.add-devices-notifi input {
  width: 100%;
  margin-bottom: 10px;
  border: 0;
  border-bottom: 1px solid #ced4da;
  border-radius: 0; }

.add-devices-notifi .list-additional {
  height: 360px; }

.modal-002 {
  max-width: 448px; }

.price_devices span {
  line-height: 1.2;
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold; }

.form-modal-output .flex-output .flex-item.bg-white .group-check.justify-content-between .form-check .mr-sm-2 {
  margin-right: 0.25rem !important; }

.page_seller_manager .content-product .top .list-tab .tab-item {
  display: flex;
  align-items: center;
  padding: 5px 0; }
  .page_seller_manager .content-product .top .list-tab .tab-item .nav-link {
    margin: 0 5px; }

.modal-list-network {
  height: 500px;
  overflow: auto; }
  .modal-list-network::-webkit-scrollbar {
    width: 8px;
    height: 50px;
    right: 10px;
    min-height: 50px; }
  .modal-list-network::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    right: 10px;
    min-height: 50px; }
  .modal-list-network::-webkit-scrollbar-track {
    background: #fff;
    height: 50px;
    min-height: 50px;
    border-radius: 0; }
  .modal-list-network:hover::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #c9d9ff;
    height: 50px;
    min-height: 50px; }
  .modal-list-network.list-box .box-main .box-item {
    margin-bottom: 15px; }

.price_devices.mb-4 {
  margin-bottom: 1.7rem !important; }

.payment-new.form-register .content-form .tab-content .form-row select.form-control {
  padding-left: 10px !important; }

.payment-new.form-register .content-form .tab-content .form-row input.form-control {
  padding-left: 12px; }

.payment-new.form-register .content-form .tab-content .form-row .box-custom-selected .btn.dropdown-toggle {
  font-size: 14px !important; }

.add-notification .box-image {
  position: relative; }
  .add-notification .box-image .file.is-invalid.box-invalid {
    border: 0 !important; }
  .add-notification .box-image .invalid-feedback {
    top: 10px !important; }
  .add-notification .box-image .btn-add-img {
    padding: 0;
    margin-top: 18px; }
  .add-notification .box-image .btn-add-img.btn-delete-img {
    position: absolute;
    left: 35px;
    top: 25px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f26b60;
    background: #f7f9fc;
    border: 1px solid #c4c4c4;
    border-radius: 50%; }

.wrapper.body-menu {
  overflow: hidden; }

.btn-back {
  position: absolute;
  left: 20px; }
  .btn-back:focus {
    outline: none;
    box-shadow: none; }

.content-product .tab-content .table-form .table-striped tbody tr td {
  word-break: break-all; }

.table-cutstom-09 .table-header tr th:last-child {
  text-align: center !important;
  padding-right: 40px; }

article#scrollableDiv {
  height: 410px !important; }
  article#scrollableDiv tbody tr td button {
    min-height: 40px; }

.listmenu-slide {
  position: relative; }
  .listmenu-slide .swiper-container {
    margin-top: 50px;
    max-width: calc(100% - 300px); }
    .listmenu-slide .swiper-container .swiper-slide {
      padding: 10px 15px;
      border: 0;
      display: block;
      text-align: center;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 14px;
      color: #363c58;
      position: relative;
      text-transform: uppercase; }
      .listmenu-slide .swiper-container .swiper-slide a {
        line-height: 1.3; }
        .listmenu-slide .swiper-container .swiper-slide a.active {
          color: #2f8bff; }
        .listmenu-slide .swiper-container .swiper-slide a:hover {
          color: #2f8bff; }
  .listmenu-slide .button-add-notifi {
    position: absolute;
    right: -10px;
    top: 7px; }
    .listmenu-slide .button-add-notifi .btn {
      background: #2f8bff;
      border-radius: 5px;
      width: auto;
      padding: 0 25px;
      height: 44px;
      color: #fff;
      font-weight: bold;
      font-size: 14px;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 136px;
      padding: 0 !important; }
      .listmenu-slide .button-add-notifi .btn:hover {
        background-color: #0066ee;
        color: #fff; }
  .listmenu-slide .swiper-button-next {
    right: -3px;
    left: auto;
    top: 24px;
    z-index: 22; }
    .listmenu-slide .swiper-button-next::before {
      content: "";
      width: 15px;
      height: 15px;
      border-top: 1px solid #9498ab;
      border-left: 1px solid #9498ab;
      transform: rotate(135deg);
      position: absolute; }
    .listmenu-slide .swiper-button-next::after {
      display: none; }
    .listmenu-slide .swiper-button-next:focus {
      border: 0;
      box-shadow: none;
      outline: none; }
  .listmenu-slide .swiper-button-prev {
    left: -2px;
    top: 24px;
    z-index: 22; }
    .listmenu-slide .swiper-button-prev::before {
      content: "";
      width: 15px;
      height: 15px;
      border-top: 1px solid #9498ab;
      border-left: 1px solid #9498ab;
      transform: rotate(-45deg);
      position: absolute; }
    .listmenu-slide .swiper-button-prev::after {
      display: none; }
    .listmenu-slide .swiper-button-prev:focus {
      border: 0;
      box-shadow: none;
      outline: none; }

.btn-welfarediscount.disabled {
  background: transparent;
  color: #363c58;
  pointer-events: none;
  opacity: 0.65;
  border: 1px solid #c0c2c7; }

.carousel-item {
  -webkit-backface-visibility: initial;
  backface-visibility: initial; }

.modal-device-logged {
  max-width: 900px; }
  .modal-device-logged .modal-content {
    padding: 0 72px 50px 72px !important; }
    .modal-device-logged .modal-content .list-additional {
      padding-left: 0; }
    .modal-device-logged .modal-content article {
      max-height: inherit;
      min-height: inherit;
      height: 305px; }
    .modal-device-logged .modal-content table tr td {
      vertical-align: middle;
      padding: 5px 12px; }

.total-price-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
  border-top: 1px solid #cddbfc;
  padding: 10px 0 0 0; }
  .total-price-bottom .left-total h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #ff3963;
    margin-bottom: 1px; }
  .total-price-bottom .right-total .total-big {
    margin-bottom: 0;
    font-size: 32px;
    color: #FF3963;
    font-weight: 600; }
    .total-price-bottom .right-total .total-big span {
      font-size: 18px;
      color: #333;
      font-weight: normal; }

.right-information .top-right .total-number.pb-2 {
  border-bottom: 0; }

.prices-devices.prices-equal {
  align-items: center !important;
  justify-content: center !important; }
  .prices-devices.prices-equal .status {
    display: none; }
  .prices-devices.prices-equal .status-prices {
    justify-content: center !important;
    margin-top: 0 !important; }

.check-footer-print {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 75px;
  padding-top: 55px; }
  .check-footer-print label {
    margin-bottom: 0; }
  .check-footer-print button {
    background-color: #2f8bff;
    margin-left: 50px;
    border: 0.5px solid #2f8bff;
    box-sizing: border-box;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    display: inline-block; }
    .check-footer-print button:hover {
      background-color: #0066ee;
      color: #fff;
      border-color: #0066ee;
      text-decoration: none; }

.modal-detail-print {
  max-width: 955px; }
  .modal-detail-print .modal-content {
    padding: 0 45px; }
  .modal-detail-print .icon-top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
    flex-direction: column; }
    .modal-detail-print .icon-top p {
      font-size: 14px;
      color: #363C58;
      text-align: center;
      margin-top: 21px;
      font-weight: normal; }
  .modal-detail-print .content-detail {
    margin-top: 45px;
    padding: 0;
    display: flex; }
    .modal-detail-print .content-detail h5 {
      font-size: 12px;
      color: #363C58;
      font-weight: bold; }
    .modal-detail-print .content-detail p {
      font-size: 12px;
      color: #363C58;
      font-weight: normal;
      margin-bottom: 8px; }
    .modal-detail-print .content-detail .left-content {
      width: calc(100% - 328px); }
      @media screen and (max-width: 1200px) {
        .modal-detail-print .content-detail .left-content {
          width: calc(100% - 280px); } }
    .modal-detail-print .content-detail .right-content {
      width: 328px; }
      @media screen and (max-width: 1200px) {
        .modal-detail-print .content-detail .right-content {
          width: 280px; } }
      .modal-detail-print .content-detail .right-content img {
        width: 100%; }
        @media screen and (max-width: 1100px) {
          .modal-detail-print .content-detail .right-content img {
            max-height: 190px; } }
  .modal-detail-print .flex-print {
    display: flex;
    margin-top: 28px; }
    .modal-detail-print .flex-print .left-print {
      width: 149px;
      height: 104px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border: 1px solid #363C58; }
      .modal-detail-print .flex-print .left-print span {
        font-size: 12px;
        color: #363C58;
        font-weight: 400;
        margin-top: 8px; }
    .modal-detail-print .flex-print .right-print {
      width: calc(100% - 170px);
      margin-left: 21px; }
      .modal-detail-print .flex-print .right-print p {
        font-size: 12px;
        margin-bottom: 8px;
        line-height: 1.9; }
        .modal-detail-print .flex-print .right-print p img {
          margin-right: 10px; }
  .modal-detail-print .button-delete-print {
    display: flex;
    justify-content: flex-end;
    margin-top: 59px; }
    .modal-detail-print .button-delete-print .btn {
      width: 110px;
      height: 36px;
      border: 1px solid #363c58;
      border-radius: 2px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .modal-detail-print .button-delete-print .btn:hover {
        background-color: #F8F8F8; }
      .modal-detail-print .button-delete-print .btn img {
        margin-right: 5px; }
      .modal-detail-print .button-delete-print .btn:focus {
        outline: none;
        box-shadow: none; }
  .modal-detail-print .list-print {
    border-top: 2px solid #C9D9FF;
    margin-top: 11px;
    min-height: 192px;
    max-height: 420px;
    overflow: auto; }
    .modal-detail-print .list-print::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      right: 10px;
      min-height: 50px; }
    .modal-detail-print .list-print::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: transparent;
      right: 10px;
      min-height: 50px; }
    .modal-detail-print .list-print::-webkit-scrollbar-track {
      background: #fff;
      height: 50px;
      min-height: 50px;
      border-radius: 0; }
    .modal-detail-print .list-print:hover::-webkit-scrollbar-thumb {
      border-radius: 0;
      background: #c9d9ff;
      height: 50px;
      min-height: 50px; }
    .modal-detail-print .list-print .table tr:hover {
      background-color: #e5effb;
      cursor: pointer; }
      .modal-detail-print .list-print .table tr:hover td .group-button .btn:hover img {
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(2deg) brightness(108%) contrast(101%); }
    .modal-detail-print .list-print .table th, .modal-detail-print .list-print .table td {
      border: 0;
      font-size: 12px;
      vertical-align: middle;
      color: #363c58; }
      .modal-detail-print .list-print .table th:last-child, .modal-detail-print .list-print .table td:last-child {
        padding-right: 0; }
    .modal-detail-print .list-print .group-button {
      display: flex; }
      .modal-detail-print .list-print .group-button .btn {
        border: 1px solid #363C58;
        box-sizing: border-box;
        border-radius: 2px;
        width: 44px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .modal-detail-print .list-print .group-button .btn:last-child {
          margin-left: 22px; }
        .modal-detail-print .list-print .group-button .btn:hover {
          background: #2F8BFF;
          border-color: #2F8BFF; }
        .modal-detail-print .list-print .group-button .btn:focus {
          outline: none;
          box-shadow: none; }

.modal-print.modal-print-02 {
  max-width: 684px !important; }
  .modal-print.modal-print-02 .modal-body {
    padding-bottom: 30px; }

.modal-print-02 {
  max-width: 599px; }
  .modal-print-02.guide_print {
    max-width: 630px !important; }
  .modal-print-02 .modal-content {
    padding: 0 30px;
    padding-bottom: 25px; }
  .modal-print-02 .modal-footer {
    margin-top: 53px; }

.instructions-setting .content-setting {
  display: flex;
  margin-top: 17px;
  justify-content: space-between; }
  .instructions-setting .content-setting .img-content img {
    width: 240px;
    height: 157px; }
  .instructions-setting .content-setting .text-content {
    width: 50%; }
    .instructions-setting .content-setting .text-content h4 {
      font-size: 14px;
      font-weight: 600;
      color: #363636;
      margin-bottom: 15px; }
    .instructions-setting .content-setting .text-content p {
      font-size: 12px;
      color: #77787A;
      line-height: 1.7; }
      .instructions-setting .content-setting .text-content p span {
        margin-left: 5px; }

.modal-print-03 {
  max-width: 600px; }
  .modal-print-03 .modal-content {
    padding: 0 30px;
    padding-bottom: 30px; }
  .modal-print-03 .instructions-explorer {
    margin-top: 21px; }
    .modal-print-03 .instructions-explorer .text-explorer {
      font-size: 14px;
      color: #77787A; }
    .modal-print-03 .instructions-explorer .flex-explorer {
      display: flex;
      margin-top: 38px; }
      .modal-print-03 .instructions-explorer .flex-explorer .step-1 {
        width: 395px; }
        .modal-print-03 .instructions-explorer .flex-explorer .step-1 .flex-alt {
          display: flex;
          font-size: 14px;
          color: #77787A;
          margin-bottom: 4px; }
          .modal-print-03 .instructions-explorer .flex-explorer .step-1 .flex-alt .btn {
            padding: 1px 10px;
            font-size: 12px;
            color: #363C58;
            border: 1px solid #969696;
            box-sizing: border-box;
            border-radius: 5px;
            margin-right: 7px; }
            .modal-print-03 .instructions-explorer .flex-explorer .step-1 .flex-alt .btn:hover {
              background-color: #2f8bff;
              color: #fff;
              border-color: #2f8bff; }
      .modal-print-03 .instructions-explorer .flex-explorer h6 {
        font-size: 16px;
        color: #363C58;
        font-weight: 500; }
      .modal-print-03 .instructions-explorer .flex-explorer p {
        font-size: 14px;
        color: #77787A;
        line-height: 1.7; }
        .modal-print-03 .instructions-explorer .flex-explorer p span {
          font-weight: bold; }
    .modal-print-03 .instructions-explorer img {
      width: 100%;
      margin-bottom: 30px; }

.text-sale {
  width: 100% !important;
  text-align: left !important;
  font-size: 16px;
  color: #333;
  padding-left: 30   px !important; }
  .text-sale:last-child {
    margin-bottom: 0; }

.list-sale-01 .sub-title {
  pointer-events: none;
  background: transparent !important; }
  .list-sale-01 .sub-title .text-title {
    font-weight: 500; }
  .list-sale-01 .sub-title:hover {
    background: transparent !important; }

.flex-browser {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: flex-end; }
  .flex-browser .left-browser {
    width: 50%;
    margin-bottom: 30px; }
  .flex-browser .right-browser {
    padding-right: 5px; }

.font-13 {
  font-size: 13px; }

input.form-control {
  cursor: text !important; }

.btn-edit-table {
  margin-right: 10px; }
  .btn-edit-table i {
    font-size: 18px;
    color: #AFB7CC; }

.modal .content-product .left-product .tab-content .table-form {
  max-height: 445px; }

body.modal-open {
  overflow: hidden !important; }

body {
  -webkit-overflow-scrolling: touch; }

.list_wireless.list-scroll.height-154 {
  min-height: inherit; }

.modal-product-iot {
  max-width: 1000px; }
  .modal-product-iot .modal-content {
    padding: 0 66px; }
    @media screen and (min-width: 1400px) {
      .modal-product-iot .modal-content .modal-body .list-item.list_wireless {
        height: 530px;
        max-height: inherit; } }
    .modal-product-iot .modal-content .list_wireless.list-scroll.height-154 {
      height: 200px !important; }
      @media screen and (min-width: 1400px) {
        .modal-product-iot .modal-content .list_wireless.list-scroll.height-154 {
          height: 235px !important; } }
      .modal-product-iot .modal-content .list_wireless.list-scroll.height-154 .option-iot {
        width: 240px;
        text-align: left !important; }
        .modal-product-iot .modal-content .list_wireless.list-scroll.height-154 .option-iot div span {
          text-align: left; }

.no--wrap {
  white-space: nowrap; }

.modal-mobicell-01 {
  max-width: 530px; }
  .modal-mobicell-01 .modal-content {
    padding: 0; }
    .modal-mobicell-01 .modal-content .modal-body {
      padding: 0;
      background-image: url(../images/mobicell-02.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      height: 590px;
      padding-top: 40px;
      padding-bottom: 30px; }
      .modal-mobicell-01 .modal-content .modal-body .close-modal {
        position: absolute;
        top: 2px;
        right: 2px; }
      .modal-mobicell-01 .modal-content .modal-body .text-mobicell {
        font-size: 14px;
        color: #fff;
        text-align: center; }
        .modal-mobicell-01 .modal-content .modal-body .text-mobicell span {
          font-weight: bold;
          border-bottom: 1.5px solid #fff; }
      .modal-mobicell-01 .modal-content .modal-body h2 {
        font-size: 36px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-top: 22px;
        margin-bottom: 15px; }
      .modal-mobicell-01 .modal-content .modal-body .btn-mobicell {
        width: 242px;
        height: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #363c58;
        font-weight: bold;
        box-shadow: 0px 2px 4px #0000002e;
        border-radius: 46px;
        background-color: #fff;
        margin: 0 auto; }
        .modal-mobicell-01 .modal-content .modal-body .btn-mobicell:hover {
          background-color: #dcf2f9; }
      .modal-mobicell-01 .modal-content .modal-body .form-check {
        position: absolute;
        bottom: 5px;
        right: 20px;
        margin-bottom: 0; }
        .modal-mobicell-01 .modal-content .modal-body .form-check label {
          font-size: 14px;
          color: #fff; }
        .modal-mobicell-01 .modal-content .modal-body .form-check .custom-control-input:checked ~ .custom-control-label::before {
          background-color: #234365;
          border-color: #234365; }

.modal-mobicell-02 {
  max-width: 812px; }
  .modal-mobicell-02 .modal-content {
    padding: 0; }
    .modal-mobicell-02 .modal-content .modal-body {
      padding: 0;
      background-image: url(../images/bg_mobicell.png);
      height: 606px;
      padding-top: 40px;
      padding-bottom: 15px; }
      .modal-mobicell-02 .modal-content .modal-body .close-modal {
        position: absolute;
        top: 15px;
        right: 15px; }
        .modal-mobicell-02 .modal-content .modal-body .close-modal img {
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(2deg) brightness(108%) contrast(101%); }
      .modal-mobicell-02 .modal-content .modal-body .text-mobicell {
        font-size: 14px;
        color: #fff;
        text-align: center; }
        .modal-mobicell-02 .modal-content .modal-body .text-mobicell span {
          font-weight: bold;
          border-bottom: 1.5px solid #fff; }
      .modal-mobicell-02 .modal-content .modal-body h2 {
        font-size: 36px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-top: 22px;
        margin-bottom: 15px; }
      .modal-mobicell-02 .modal-content .modal-body .btn-mobicell {
        width: 242px;
        height: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #363c58;
        font-weight: bold;
        box-shadow: 0px 2px 4px #0000002e;
        border-radius: 46px;
        background-color: #fff;
        margin: 0 auto; }
        .modal-mobicell-02 .modal-content .modal-body .btn-mobicell:hover {
          background-color: #dcf2f9; }
      .modal-mobicell-02 .modal-content .modal-body .form-check {
        position: absolute;
        bottom: 15px;
        right: 20px;
        margin-bottom: 0; }
        .modal-mobicell-02 .modal-content .modal-body .form-check label {
          font-size: 14px;
          color: #fff; }
        .modal-mobicell-02 .modal-content .modal-body .form-check .custom-control-input:checked ~ .custom-control-label::before {
          background-color: #234365;
          border-color: #234365; }

.modal-mobicell-03 {
  max-width: 470px; }
  .modal-mobicell-03 .modal-content {
    padding: 0; }
    .modal-mobicell-03 .modal-content .modal-body {
      padding: 0;
      background-image: url(../images/mobicell-04.png);
      background-repeat: no-repeat;
      background-size: cover;
      height: 570px;
      padding-top: 40px;
      padding-bottom: 30px;
      position: relative; }
      .modal-mobicell-03 .modal-content .modal-body .close-modal {
        position: absolute;
        top: 2px;
        right: 2px; }
      .modal-mobicell-03 .modal-content .modal-body .wsimg {
        position: absolute;
        bottom: 21px;
        left: 110px;
        cursor: pointer; }
      .modal-mobicell-03 .modal-content .modal-body .text-mobicell {
        font-size: 14px;
        color: #fff;
        text-align: center; }
        .modal-mobicell-03 .modal-content .modal-body .text-mobicell span {
          font-weight: bold;
          border-bottom: 1.5px solid #fff; }
      .modal-mobicell-03 .modal-content .modal-body h2 {
        font-size: 36px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-top: 22px;
        margin-bottom: 15px; }
      .modal-mobicell-03 .modal-content .modal-body .btn-mobicell {
        width: 242px;
        height: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #363c58;
        font-weight: bold;
        box-shadow: 0px 2px 4px #0000002e;
        border-radius: 46px;
        background-color: #fff;
        margin: 0 auto; }
        .modal-mobicell-03 .modal-content .modal-body .btn-mobicell:hover {
          background-color: #dcf2f9; }
      .modal-mobicell-03 .modal-content .modal-body .form-check {
        position: absolute;
        bottom: 5px;
        right: 20px;
        margin-bottom: 0; }
        .modal-mobicell-03 .modal-content .modal-body .form-check label {
          font-size: 14px;
          color: #fff; }
        .modal-mobicell-03 .modal-content .modal-body .form-check .custom-control-input:checked ~ .custom-control-label::before {
          background-color: #234365;
          border-color: #234365; }


.modal-mobicell-06 {
  max-width: 632px; }
  .modal-mobicell-06 .modal-content {
    padding: 0; }
    .modal-mobicell-06 .modal-content .modal-body {
      padding: 0;
      background-image: url(../images/mobicell-06.jpg);
      height: 564px;
      padding-top: 40px;
      padding-bottom: 15px; }
      .modal-mobicell-06 .modal-content .modal-body .close-modal {
        position: absolute;
        top: 15px;
        right: 15px; }
        .modal-mobicell-06 .modal-content .modal-body .close-modal img {
          /*filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(2deg) brightness(108%) contrast(101%);*/ }
      .modal-mobicell-06 .modal-content .modal-body .text-mobicell {
        font-size: 14px;
        color: #fff;
        text-align: center; }
        .modal-mobicell-06 .modal-content .modal-body .text-mobicell span {
          font-weight: bold;
          border-bottom: 1.5px solid #fff; }
      .modal-mobicell-06 .modal-content .modal-body h2 {
        font-size: 36px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-top: 22px;
        margin-bottom: 15px; }
      .modal-mobicell-06 .modal-content .modal-body .btn-mobicell {
        width: 242px;
        height: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #363c58;
        font-weight: bold;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
        border-radius: 46px;
        background-color: #fff;
        margin: 0 auto; }
        .modal-mobicell-06 .modal-content .modal-body .btn-mobicell:hover {
          background-color: #dcf2f9; }
      .modal-mobicell-06 .modal-content .modal-body .form-check {
        position: absolute;
        bottom: 15px;
        right: 20px;
        margin-bottom: 0; }
                  .modal-mobicell-06 .modal-content .modal-body .form-check label {
                    font-size: 14px;
                    color: #fff; }
                  .modal-mobicell-06 .modal-content .modal-body .form-check .custom-control-input:checked ~ .custom-control-label::before {
                    background-color: #234365;
                    border-color: #234365; }

          
.custom-alert-beta {
  white-space: nowrap; }

.modal-custom-21.browser-login .modal-footer .btn {
  display: block;
  text-align: center;
  line-height: 44px; }

@media screen and (max-width: 1350px) {
  .container {
    max-width: 1000px; } }

@media screen and (max-width: 1100px) {
  .container {
    max-width: 980px; } }

.table-mobile .disable-td {
  display: none; }

.table-mobile.table-custom-mobisell {
  position: relative; }
  .table-mobile.table-custom-mobisell .disable-td {
    position: absolute;
    width: 68.3%;
    right: 0;
    top: 0;
    height: 100%;
    text-align: center;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    font-size: 16px;
    color: #ff3963; }
  .table-mobile.table-custom-mobisell tr th:nth-child(2) {
    opacity: 0.15;
    pointer-events: none; }
  .table-mobile.table-custom-mobisell tr th:nth-child(3) {
    opacity: 0.15;
    pointer-events: none; }
  .table-mobile.table-custom-mobisell tr td:nth-child(2) {
    opacity: 0.15;
    pointer-events: none; }
  .table-mobile.table-custom-mobisell tr td:nth-child(3) {
    opacity: 0.15;
    pointer-events: none; }

.test-class {
  color: red; }

.content-plan {
  position: relative;
  padding-bottom: 70px; }
  .content-plan .content-submit {
    position: absolute;
    width: 100%;
    bottom: 20px; }

.choose-package-plan {
  margin-bottom: 30px; }
  .choose-package-plan .content-plan {
    max-width: 768px;
    margin: 0 auto;
    margin-top: 35px; }
  .choose-package-plan .info-plan {
    margin-bottom: 35px; }
    .choose-package-plan .info-plan .label-info {
      display: block;
      text-align: left;
      font: normal normal bold 30px/37px Montserrat;
      letter-spacing: 0px;
      color: #000000;
      opacity: 1; }
    .choose-package-plan .info-plan .text-info-plan {
      text-align: left;
      font: normal normal normal 20px/24px Montserrat;
      letter-spacing: 0px;
      color: #000000;
      opacity: 1; }
  .choose-package-plan .payment-package-lists {
    display: flex;
    align-items: center;
    margin: 0 -10px 75px; }
    .choose-package-plan .payment-package-lists .payment-package-item {
      width: calc(100%/4 - 5px);
      border: 1px solid #f0f1f5;
      margin: 0 10px; }
      .choose-package-plan .payment-package-lists .payment-package-item.active {
        border-color: #2f8bff; }
      .choose-package-plan .payment-package-lists .payment-package-item .total-top {
        padding: 50px 20px; }
      .choose-package-plan .payment-package-lists .payment-package-item .value-name-plan {
        margin-bottom: 20px;
        font: normal normal bold 30px/37px Montserrat;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1; }
      .choose-package-plan .payment-package-lists .payment-package-item .price-plan {
        margin-bottom: 30px; }
        .choose-package-plan .payment-package-lists .payment-package-item .price-plan .prices {
          text-align: center;
          font: normal normal bold 20px/24px Montserrat;
          letter-spacing: 0px;
          color: #000000; }
        .choose-package-plan .payment-package-lists .payment-package-item .price-plan .vat {
          text-align: center;
          font: normal normal bold 20px/24px Montserrat;
          letter-spacing: 0px;
          color: #000000; }
      .choose-package-plan .payment-package-lists .payment-package-item .note-info-user-plan h5 {
        text-align: center;
        font: normal normal bold 20px/24px Montserrat;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1; }
  .choose-package-plan .choose-type-payment {
    margin-bottom: 60px; }
    .choose-package-plan .choose-type-payment .label-info {
      margin-bottom: 0px;
      text-align: left;
      font: normal normal bold 30px/37px Montserrat;
      letter-spacing: 0px;
      color: #000000;
      opacity: 1;
      margin-bottom: 30px; }
    .choose-package-plan .choose-type-payment .content-type .radio-content {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .choose-package-plan .choose-type-payment .content-type .radio-content .item-top .text-note-method-payment {
        text-align: left;
        letter-spacing: 0px;
        color: #000000;
        padding-left: 15px;
        white-space: nowrap; }
      .choose-package-plan .choose-type-payment .content-type .radio-content .item-top .choose-time {
        display: flex;
        align-items: center; }
        .choose-package-plan .choose-type-payment .content-type .radio-content .item-top .choose-time .custom-control {
          display: flex;
          justify-content: space-between; }
      .choose-package-plan .choose-type-payment .content-type .radio-content .item-top .dropdown {
        margin-left: 20px; }
        .choose-package-plan .choose-type-payment .content-type .radio-content .item-top .dropdown .btn {
          border: 1px solid #c0c2c7;
          box-sizing: border-box;
          border-radius: 3px;
          height: 44px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 160px;
          font-weight: 400;
          font-size: 16px;
          color: #363c58; }
        .choose-package-plan .choose-type-payment .content-type .radio-content .item-top .dropdown .dropdown-toggle::after {
          border-top: 2px solid #363c58;
          border-right: 0;
          border-bottom: 0;
          border-left: 2px solid #363c58;
          width: 6.5px;
          height: 6.5px;
          transition: revert;
          transform: rotate(-135deg); }
      .choose-package-plan .choose-type-payment .content-type .radio-content .item-top .price-package {
        text-align: left;
        font-weight: bold;
        font-family: "Montserrat";
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        padding-left: 20px; }

.confirm-change-plan .payment-package-lists {
  margin-top: 35px; }
  .confirm-change-plan .payment-package-lists .payment-package-item {
    width: calc(100%/3 - 5px); }
    .confirm-change-plan .payment-package-lists .payment-package-item.border-none {
      border: none; }
      .confirm-change-plan .payment-package-lists .payment-package-item.border-none i {
        font-size: 60px;
        color: #2f8bff; }

.confirm-change-plan .content-submit {
  margin-top: 100px; }

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

/*Font - end*/