/****************************************/
/****************************************/
.chat-arrow {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 12px;
    height: 19px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC);
}

.chat-arrow-mio {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 12px;
    height: 19px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURUxpcXmHa4maet/4yA0aDRMTE8fhsgAAAAAAAMDXrCsxJeX/z1xzXIiYetPsvGBsVUdPPuH8zOH8zNDrvMvmtrrOpwAAAAAAABUVFRoaGtnyxLTMozQ+MMfftFBeSR8nH5aoh6q/mW9+ZN/4yMjhtRwlHAAAAIOWd+r/06C1kkNLOwsLC9z4xur/0+n/0t76x9v4xeL9y+b/z+j/0d/7yeH8yuX/zeD8ytz5xt76yOP/zeH+y+b/zuD8yd35xuf/0MY9jkkAAAAsdFJOUwBvd/ATDZIBAsMp/At/11c9yPbizHoICQwT4bY1ykkgjahl6s8bBYT6nUAWOLbtFAAAAIhJREFUKM/tzbUWwlAURNFBE9zdg0NecLf//yvKUJyUdDnl7HXXletXqmXl9wPbQ9JCcC+VJsOj2mDwovzj3osjHGNFEVxNRAj7UR1hlx+I4FbuC8HkZBE8OwnRxamdFsEmUxCCGdoI51RLBK9xVwTvjyMEbzlDMJMp7lqseNc8YNc6CGyF/a0vcmwhZbCG+kEAAAAASUVORK5CYII=);
}

.chat-message-name {
    color: #1f7aec;
    font-weight: 600;
    margin-bottom: 3px;
}

.chat-message-foto {
    max-width: 300px;
    max-height: 220px;
}

.chat-message-foto-zoom {
    font-size: 13px;
    margin-top: 5px;
}

.chat-message-date {
    color: #797979;
    font-size: 11px;
    text-align: right;
    margin-bottom: -5px;
    margin-right: 1px;
}

.chat-message-1 {
    margin-top: 4px;
}

.chat-message-2 {
    background-color: #fff;
    max-width: min(500px, 100%);
    min-width: 200px;
    border-radius: 0px 7.5px 7.5px 7.5px;
    box-shadow: 0 1px 0.5px rgba(0,0,0,0.13);
    padding: 6px;
    word-wrap: break-word;
}

.chat-message-2-mio {
    background-color: #dcf8c6;
    max-width: min(500px, 100%);
    min-width: 200px;
    border-radius: 7.5px 0px 7.5px 7.5px;
    box-shadow: 0 1px 0.5px rgba(0,0,0,0.13);
    padding: 6px;
    position: relative;
    float: right;
    word-wrap: break-word;
}

/* BOX BUY Voucher*/
.divBoxBuyVouch {
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 12px;
}

.divBoxBuyVouch:hover {
/*    background-color: #F4F4FB;*/
}

.divBoxBuyVouchTitle {
    background-color: #e0e9f1;
    height: 100px;
    font-weight: 500 !important;
    font-size: 22px;
    text-align: center;
    padding: 20px;
    color: #3276b1;
}

.divBoxBuyVouchTitleInuso {
    background-color: #e0e9f1;
    height: 100px;
    font-weight: 500 !important;
    font-size: 22px;
    text-align: center;
    padding: 20px;
    color: #24881d;
}

.divBoxBuyVouchPrice {
    height: 94px;
    width: 94px;
    border-radius: 50%;
    background-color: #3276b1;
    margin: 0 auto;
    margin-top: -42px;
    text-align: center;
    color: #fff;
    font-weight: 400 !important;
    font-size: 23px;
    padding-top: 15px;
}

.divBoxBuyVouchPriceInuso {
    height: 94px;
    width: 94px;
    border-radius: 50%;
    background-color: #24881d;
    margin: 0 auto;
    margin-top: -42px;
    text-align: center;
    color: #fff;
    font-weight: 400 !important;
    font-size: 23px;
    padding-top: 15px;
}

.divBoxBuyVouchPriceInput {
    width: 70px;
    font-size: 20px;
}

.divBoxBuyVouchPrice2 {
    font-size: 13px;
}

.divBoxBuyVouchInUso {
    text-align: center;
    margin-top: 8px;
    color: #24881d;
    font-weight: 600;
    font-size: 14px;
    height: 20px;
}

.divBoxBuyVouchScadenza {
    text-align: center;
    margin-top: 2px;
    color: #505050;
    font-size: 14px;
    height: 23px;
    line-height: 14px;
    padding: 0px 7px;
}

.divBoxBuyVouchContent {
    height: 470px;
    text-align: left;
    color: #505050;
    font-size: 14px;
    border-top: 1px solid #e6e6e6;
}

.divBoxBuyVouchContent table {
    width: 100%;
}

.divBoxBuyVouchContent tr {
    border-bottom: 1px solid #e6e6e6;
    height: 53px;
}

.divBoxBuyVouchContent td {
    padding-left: 8px;
    padding-right: 8px;
}

.divBoxBuyVouchButton {
    width: 100%;
    text-align: center;
    margin-top: 7px;
    height: 52px;
}

.boxabbonamento {
    border: 1px #D0D0D0 solid;
    padding-left: 15px;
    padding-right: 0px;
    padding-bottom: 7px;
    min-height: 123px;
    border-radius: 5px;
    background-color: #F7F7F7;
    margin-bottom: 10px;
    display: block;
    overflow: auto;
}

.boxabbonamentoTop {
    padding-top: 5px;
    padding-left: 12px;
    min-height: 65px;
}

.boxabbonamentoPasso {
    margin-left: -20px;
    margin-top: 3px;
    color: #9a9a9a;
}

.boxabbonamentoBtnAction {
    width: 150px;
    height: 42px;
    font-size: 14px;
    padding-top: 10px;
}

.boxabbonamentoBtnAction-sm {
    width: 150px;
    height: 37px;
    font-size: 13px;
    padding-top: 9px;
}

.boxabbonamentoTotale {
    font-size: 24px;
    color: #907636;
}

.boxabbonamentoTotaleIva {
    font-size: 13px;
    margin-left: 12px;
    margin-top: -4px;
}

.boxabbonamentoMessRinnovafinoal {
    margin-left: 15px;
    margin-right: 16px;
    margin-top: 27px;
    font-size: 14px;
    text-align: justify;
}

.StripeElement {
    box-sizing: border-box;

    height: 40px;

    padding: 10px 12px;

    border: 1px solid #357ebd;
    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
      box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
      border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}