#tooltip {
  position: absolute;
  z-index: 999999;
  background: #fff;
  border: 1px solid #243a76;
  width: 377px;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25);
  padding-bottom: 10px;
  border-radius: 8px;
  display: none; }

.hover_name {
  display: block;
  padding: 15px 10px;
  font-size: 15px;
  overflow: hidden;
  line-height: 18px;
  background: linear-gradient(to right, #243a76, #ed1b24);
  color: #fff;
  word-break: break-word;
  border-radius: 8px 8px 0 0;
  margin: 1px;
  font-weight: 600;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25); }

.tooltip-title {
  display: inline-block;
  background: #243a76;
  color: #fff;
  border-radius: 3px;
  padding: 5px 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  line-height: 16px; }

#tooltip .hover_brand {
  padding: 5px; }

#tooltip .hover_brand img {
  max-width: 75px;
  max-height: 32px; }

#tooltip .hover_offer {
  padding: 0 10px;
  line-height: 21px;
  font-size: 13px; }

#tooltip .hover_offer b {
  color: #e00;
  font-size: 13px; }

#tooltip .detail {
  list-style: none;
  line-height: 1.5; }

#tooltip td span {
  list-style: none; }

#tooltip .detail li, #tooltip td span li {
  margin-left: 0; }

#tooltip .detail li a {
  color: #ed1b24 !important;
  font-weight: 600; }

#tooltip .detail li:before {
  color: #278c56;
  font-family: 'Font Awesome 5 Pro';
  content: '\f606';
  font-weight: 900;
  margin-right: 3px; }

#tooltip table {
  margin: 10px 10px 0;
  border-spacing: 0;
  font-size: 13px; }

#tooltip .p-extend-minprice-text {
  color: red;
  font-weight: 700; }

.product-item .product-wrapper .action-product.hehe {
  position: sticky;
  margin-top: 10px; }
  .product-item .product-wrapper .action-product.hehe .cart-index {
    width: 100%;
    height: 30px;
    background: #be1e2d;
    color: #ffffff;
    display: inline-block;
    padding: 3px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }

/* chat */
.fab-wrapper {
  position: fixed;
  bottom: 90px;
  right: 20px;
  z-index: 100; }
  .fab-wrapper input[type=checkbox], .fab-wrapper input[type=radio] {
    vertical-align: baseline;
    box-sizing: border-box;
    padding: 0px; }
  .fab-wrapper .fab-checkbox {
    display: none !important; }
  .fab-wrapper .fab-checkbox:not(:checked) ~ .fab {
    cursor: pointer;
    box-shadow: 0 0 0 0 #c31d1d; }
  .fab-wrapper .fab {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 50%;
    background: #d70018;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    /*position: absolute;
		right: 10px;
		bottom: 130px;*/
    z-index: 1000;
    overflow: hidden;
    transform: rotate(0deg);
    transition: all 0.15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
    position: relative; }
  .fab-wrapper [class*=icon-cps-] {
    display: inline-block;
    vertical-align: middle;
    background-image: url(//cdn.hstatic.net/themes/200000164551/1001509710/14/liiiiiicon.png?v=1) !important;
    background-repeat: no-repeat;
    background-size: 453px; }
  .fab-wrapper .icon-cps-fab-menu {
    width: 50px;
    height: 50px;
    margin: 0 !important;
    background-size: 694px;
    background-position: -649px 0; }
  .fab-wrapper .fab-wheel {
    width: 295px;
    height: 208px;
    position: absolute;
    bottom: -96px;
    right: 15px;
    transform: scale(0);
    transform-origin: bottom right;
    transition: all .3s ease;
    z-index: 12; }
  .fab-wrapper .fab-wheel .fab-action-2 {
    top: -40px;
    right: 5px; }
  .fab-wrapper .fab-wheel .fab-action {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    text-decoration: none; }
  .fab-wrapper .fab-title {
    float: left;
    margin: 0 5px 0 0;
    opacity: 1;
    color: #fff; }
  .fab-wrapper .fab-wheel .fab-button-2 {
    background: #2374E1; }
  .fab-wrapper .fab-button {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    padding: 4px;
    border-radius: 50%;
    background: #0f1941;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-size: 24px;
    color: #fff;
    transition: all 1s ease;
    overflow: hidden; }
  .fab-wrapper .icon-cps-phone {
    width: 28px;
    height: 28px;
    /*background-position: -51px -49px;*/
    background-position: -177px 0px; }
  .fab-wrapper .fab-wheel .fab-action-3 {
    left: 100px;
    bottom: 145px; }
  .fab-wrapper .fab-wheel .fab-button-3 {
    background: #0f9d58; }
  .fab-wrapper .icon-cps-chat {
    width: 30px;
    height: 30px;
    background-position: -369px 0; }
  .fab-wrapper .fab-wheel .fab-action-4 {
    left: 80px;
    bottom: 70px; }
  .fab-wrapper .fab-wheel .fab-button-4 {
    background: #2f82fc; }
  .fab-wrapper .icon-cps-chat-zalo {
    width: 30px;
    height: 30px;
    background-position: -362px -1px;
    background-size: 515px; }
  .fab-wrapper .fab-checkbox:checked ~ .fab {
    transform: rotate(90deg);
    transition: all 0.15s cubic-bezier(0.15, 0.87, 0.45, 1.23); }
  .fab-wrapper .fab-checkbox:checked ~ .fab .icon-cps-fab-menu {
    width: 30px;
    height: 30px;
    margin: 0;
    background-size: 615px;
    background-position: -291px -70px; }
  .fab-wrapper .fab-checkbox:checked ~ .fab-wheel {
    transform: scale(1); }
  .fab-wrapper .fab-checkbox:checked ~ .floating-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1; }