@import '~src/function.scss';

.header-toolbar{
    --background:transparent;
    --opacity: 1;

   .main-header{
     width: 100%; /* 400px */
     height: 100%;
     font-family: Roboto;
     border-top-left-radius: 25px;
     border-top-right-radius: 25px;
     background-color: #fff;
     overflow:hidden;
     padding: 30px 20px 0px 20px;
     color:#000;
     transform: translate3d(0, 1px, 0);

     .div-icon{
       width: rem(40);
       float: right;
       font-size: rem(35);
       overflow: auto;
       padding: 1px;
     }
     .div-icon ion-icon{
       float: right;
       padding-left: 20px;
     }
       .title-content{
         margin: 0px auto;
         overflow: auto;
         padding: 0 !important;
       }

     .back-icon{
       width: 37px;
       float: left;
       font-size: rem(35);
       overflow: auto;

       }
     .div-title{
         width: calc(100% - 45px);
         padding: 0!important;
         float: left;
         margin: 2.5px 0 0 5px;
     }
     .title{
         font-size: rem(25);
     }
   }
 }

 ion-content{
   --background:transparent;
 }
 .main-content{
   width: 100%;
   height: 100%;
   font-family: Roboto;
   margin: 0 auto;
   background-color: #fff;
   overflow:auto;
   padding: 0 0 0 0;


   }

  .type-message {
    display: flex;
    border: 1px solid #ebebeb;
    border-radius: 25px;
    align-items: center;
    overflow: auto;
  }

.old-message-container {
  padding: 40px;
}
.old-message {
  font-size: rem(13);
  font-family: Roboto;
  overflow: auto;
  background: var(--chat-incoming-msg-color);
  border-radius: 10px;
  display: inline;
  padding: 10px 20px;
}