/* Login / registration form */
#login_captcha,
#registration_captcha {
    transform: scale(1);
    transition: transform .3s;
}
#login_captcha.scaled,
#registration_captcha.scaled {
    transform: scale(1.05);
}

.woo-before-forms-text {
    font-size: 20px;
    text-align: center;
}

/* Messages pages */
.spm-order-message-status-wrap {
    display: none;
}
.spm-order-message-status-wrap .spm-message-result {
    opacity: 1;
    transition: opacity .5s;
}
.spm-order-message-status-wrap .spm-message-result.spm-message-result-hidden {
    display: none;
    opacity: 0;
}

.messages-container,
.spm-message-content{
    display: flex;
    border: 1px solid;
    padding: 15px;
    margin-bottom: 25px;
}
.messages-container .messages-wrap-left,
.spm-message-content .messages-wrap-left{
    text-align: center;
    margin-right: 25px;
    width: 15%;
}
.messages-container .messages-wrap-left img,
.spm-message-content .messages-wrap-left img{
    width: 95px;
}
.messages-container .messages-wrap-left span,
.spm-message-content .messages-wrap-left span{
    display: block;
}
.messages-container .messages-wrap-right,
.spm-message-content .messages-wrap-right{
    width: 85%;
}
.messages-container .messages-wrap-right div span,
.spm-message-content .messages-wrap-right div span{
    display: block;
}
.messages-container .messages-wrap-right a{
    border: 1px solid;
    padding: 10px;
    transition: all .15s;
}
.messages-container .messages-wrap-right a:hover{
    color: var(--toggle-button-hover-text-color, #69727d);
}

.messages-container .messages-wrap-right .link{
    text-align: right;
}
.messages-container.unread,
.spm-message-content.unread,
.spm-message-content.companion.unread{
    background-color: #6aff6a3d;
}
.spm-message-content.companion{
    background-color: #cdcdcdd9;
}

form#spm-order-message-form{
    display: flex;
    margin-bottom: 25px;
}
form#spm-order-message-form .message-text{
    width: 90%;
    margin-right: 10px;
}
form#spm-order-message-form .message-button{
    width: 10%;
    text-align: right;  
}
form#spm-order-message-form .send-message-btn{
    border: 0;
}
form#spm-order-message-form .send-message-btn:hover{
    color: var(--toggle-button-hover-text-color,#69727d);
    background-color: #0B3851;
}

@media screen and (max-width: 480px) {
  .messages-container,
  .spm-message-content{
    display: block;
    text-align: center;
  }
  .messages-container .messages-wrap-left,
  .spm-message-content .messages-wrap-left,
  .messages-container .messages-wrap-right,
  .spm-message-content .messages-wrap-right{
    width: 100%;
  }
  .messages-container .messages-wrap-right .link{
    text-align: center;
    margin-top: 30px;
  }
  form#spm-order-message-form{
    display: block;
  }
}