.ahachat-cartback-widget .ahachat-cartback-widget__box {

    margin-top: 15px;

}.ahachat-cartback-widget-box {

    border: 1px solid #d4d4d4;

}.ahachat-cartback-widget-box {

    display: flex;

    justify-content: center;

    min-height: 73px;

    border-radius: 5px;

    border: 1px solid #d4d4d4;

    overflow: hidden;

    text-align: left;

}

/*.ahachat-cartback-widget *, */

.ahachat-cartback-widget *:before, .ahachat-cartback-widget *:after {

    box-sizing: border-box;

}

.ahachat-cartback-widget-box__icon-container {

    background-color: #eef1f5;

}

.ahachat-cartback-widget-box__icon-container {

	order: 2;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    width: 70px;

    background-color: #eef1f5;

    /*border-right: 1px solid #d4d4d4;*/

    text-align: center;

}

div#ahachat-cartback-widget{

    padding: 10px 0px;

}

.ahachat-cartback-widget-box__icon-container::before{

    margin-top: -12px;

    border-bottom: 12px solid transparent;

    border-top: 12px solid transparent;

    border-left: 12px solid #d4d4d4;

}

.ahachat-cartback-widget-box__icon-container::after,

.ahachat-cartback-widget-box__icon-container::before{

   /* content: '';*/

    display: block;

    position: absolute;

    top: 50%;

    right: 0;

    width: 0;

    height: 0;

    transform: translateX(100%);

}

.cartback-loading-circle {

    border-top: 4px #a4a5a6 solid;

}

.ahachat-cartback-widget-box__content {

    background: #fff;

}



.ahachat-cartback-widget-box__icon-container::after {

    border-left: 12px solid #eef1f5;

}

.ahachat-cartback-widget-box__icon-container::after {

    margin-top: -12px;

    right: 1px;

    border-bottom: 12px solid transparent;

    border-top: 12px solid transparent;

    border-left: 12px solid #eef1f5;

}

.ahachat-cartback-widget-box__content {

    display: flex;

    align-items: center;

    flex: 1;

    padding: 0 0px 0 -3px;

    background: #fff;

    order: 1;

    width: 100px;

    padding-left: 70px;

}

.ahachat-cartback-widget-box__discount-icon-bg {

    fill: #130f0f;

}

.ahachat-cartback-widget-box__discount-icon span{

    color: #fff;

}

.ahachat-cartback-widget-box__discount-icon span {

    position: absolute;

    top: 45%;

    left: 50%;

    transform: translate3d(-50%, -50%, 0);

    color: #fff;

    font-family: "Lato", sans-serif;

    font-size: 25px;

    line-height: 25px;

}



.ahachat-widget-preview-content{

 

    background-color: #fff;



}

.ahachat-cartback-widget {

    padding: 10px 5px;

    clear: both;

}

.ahachat-cartback-widget__title {

    color: #444444;

}

.ahachat-cartback-widget__title {

    font-size: 20px;

    line-height: 20px;

    color: #444444;

    margin: 0;

    padding: 0;border: none;

    font-weight: 700;

}

.ahachat-cartback-widget__subtitle {

    color: #727272;

}

.ahachat-cartback-widget__subtitle {

    font-size: 14px;

    line-height: 18px;

    color: #727272;

    margin: 5px 0 0 0;

    padding: 0;border: none;

    text-align: justify;

    font-weight: normal;

}

@media only screen and (max-width:767px){

    .ahachat-cartback-widget .ahachat-cartback-widget__box{

        width: 320px !important;

    }

}



/**********************************************************/

.ahachat_text_preiew{

    border-width: 1px !important;

    border-style: solid !important;

    border-color: rgb(255, 98, 73);

    border-image: initial !important;

}



/*********************/

/* START TOOLTIP STYLES */

[tooltip] {

  position: relative; /* opinion 1 */

}



/* Applies to all tooltips */

[tooltip]::before,

[tooltip]::after {

  text-transform: none; /* opinion 2 */

  font-size: .9em; /* opinion 3 */

  line-height: 1;

  user-select: none;

  pointer-events: none;

  position: absolute;

  display: none;

  opacity: 0;

}

[tooltip]::before {

  content: '';

  border: 5px solid transparent; /* opinion 4 */

  z-index: 1001; /* absurdity 1 */

  margin-top: 15px;

}



[tooltip]::after {

  content: attr(tooltip); /* magic! */

  

  /* most of the rest of this is opinion */

  font-family: Helvetica, sans-serif;

  text-align: center;



  width: auto;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  padding: 1ch 1.5ch;

  margin-top: -20px;

  margin-left: 1px;

  border-radius: .3ch;

  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);

  background: #333;

  color: #fff;

  z-index: 1000; /* absurdity 2 */



}



/* Make the tooltips respond to hover */

[tooltip]:hover::before,

[tooltip]:hover::after {

  display: block;

}



/* don't show empty tooltips */

[tooltip='']::before,

[tooltip='']::after {

  display: none !important;

}



/* FLOW: UP */





/* FX All The Things */ 





[tooltip][flow^="right"]::before {

  top: 40%;

  border-left-width: 0;

  border-right-color: #333;

  right: calc(0em - 30px);

  transform: translate(.5em, -50%);

}

[tooltip][flow^="right"]::after {

  top: 40%;

  left: calc(100% + 30px);

  transform: translate(.5em, -50%);

}





/* KEYFRAMES */

@keyframes tooltips-vert {

  to {

    opacity: .9;

    transform: translate(-50%, 0);

  }

}



@keyframes tooltips-horz {

  to {

    opacity: .9;

    transform: translate(0, -50%);

  }

}



/* FX All The Things */ 

[tooltip]:not([flow]):hover::before,

[tooltip]:not([flow]):hover::after,

{

  animation: tooltips-vert 300ms ease-out forwards;

}



[tooltip][flow^="right"]:hover::before,

[tooltip][flow^="right"]:hover::after {

  animation: tooltips-horz 300ms ease-out forwards;

  top: -30%;

}