.all_chats {
    border-radius: 5px;
    padding: 8px;
}
.user_chats {
    background-color: #4545a6;
    color: white;
    margin-left: 20%;
}
.ref_chats {        
    /* margin-left: 10%; */
    max-width: 90%;
    /* color: #fbffb8; */
    background-color: #fffb75;
    /* margin-right: 20%; */
    margin-top: 2%
}
.is_following_flag {
  background-color:yellow;
}
.not_following_flag {
  background-color:none;
}
.awar_max_height-sm {
  max-height: 200px;
  overflow-y:scroll;
}
.awar_max_height-md {
  max-height: 280px;
  overflow-y:scroll;
}
.awar_max_height-lg {
  max-height: 365px;
  overflow-y:scroll;
}
.awar_max_height-max {
  max-height: 98%;
  overflow-y:scroll;
}

.user_chat_class {
  border-radius: 7px;
  padding: 3px;
  padding-bottom: 3px;
  background-color: #616161;/* blue;*/
  /* float: right; */
  color: white;
  margin-left: 20px;
}

.asst_chat_class {
/* font-size: 2.5rem; */
overflow: hidden;
border-right: .15em solid orange;
white-space: nowrap; 
width: 0;
animation: 
  typing 4s steps(25, end) forwards;
}
@keyframes typing {from { width: 0 }to { width: 100% }}
@keyframes blink {
from { border-color: transparent }
to { border-color: orange; }
}

.im_live_part {
    /* width: 100px;
    height: 100px; */
    color:white;
    background-color: red;
    animation-name: i_am_live;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
  
  @keyframes i_am_live {
    0%   {background-color:red; }
    50%  {background-color:transparent; }
    
  }
.game_blinky_del0 {
    animation-name: game_blinker;
    animation-duration: 3s;
    animation-iteration-count: infinite;
  }
.game_blinky_del1 {
    animation-name: game_blinker;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-delay: .35s;
  }
.game_blinky_del2 {
    animation-name: game_blinker;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-delay: .85s;
  }
.game_blinky_del3 {
    animation-name: game_blinker;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-delay: 1.3s;
  }
  
  @keyframes game_blinker {
    0%   {background-color:rgb(255, 249, 168); }
    50%  {background-color:transparent; }
    100%   {background-color:rgb(255, 249, 168); }
    
  }

  
/* width */
::-webkit-scrollbar {
    width: 20px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    /* background: red;  */
    background-image: repeating-linear-gradient(90deg, black 0px, black 4px, white 4px, white 8px);
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
    background-image: repeating-linear-gradient(90deg, blue 0px, blue 4px, white 4px, white 8px);
  }

  .type_textHere {
    border-radius: 5px;
    min-height: 35px;
    width:99%;
    /* position: absolute; */
    /* top: 50%; */
    padding-right: 105px;
  }


  
/* Create a Parallax Effect */
.bgimg-1,
.bgimg-2,
.bgimg-3 {
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.ref_stripes_bw_1 {
  background-image: repeating-linear-gradient(90deg, black 0px, black 4px, white 4px, white 8px);
}
.ref_stripes_bw_2 {
  background-image: repeating-linear-gradient(90deg, black 0px, black 6px, white 6px, white 12px);
}
.bgimg-1 {
  background-image: url('../vendor/adminlte/dist/img/awar_logo_red_1.png');
  background-size: 150px;
  height: 400px;
  background-color: white;
  background-position: center;
  background-position-y: 75px;
}
.bgimg-1-login{
  background-image: url('../vendor/adminlte/dist/img/awar_logo_red_1.png');
  background-size: 150px;
  height: 200px;
  /* background-color: white; */
  background-position: center;
  /* background-position-y: 0px; */
  background-repeat: no-repeat;
}
/* .bg-overlayer{ */
  /* background-size: 100%; */
  /* height: 100%; */
  /* background-color: white; */
  /* opacity: 50%; */
  /* color:white; */
/* } */
.bgimg-1-header{
  background-image: url('../vendor/adminlte/dist/img/awar_logo_red_1.png');
  background-size: 150px;
  height: 80px;
  /* background-color: white; */
  background-position: left;
  /* background-position-y: 0px; */
  background-repeat: no-repeat;
}
.bgimg-2 {
  background-image: url('../vendor/adminlte/dist/img/sphere_1.png');
  /* background-size: 250px; */
  /* height: 400px; */
  background-color: white;
  background-position-y: 95px;
}
.welcome_bg_1 {
  background-image: url('../vendor/adminlte/dist/img/ref_blind_1.png');
   background-size: 150px;
  height: 200px;
  opacity: 50%;
  background-repeat: no-repeat;
  background-position: center;
  /* background-color: white; */
}
.welcome_bg_2 {
  background-image: url('../vendor/adminlte/dist/img/ref_2.png');
  background-size: 150px;
 height: 200px;
 opacity: 50%;
 background-repeat: no-repeat;
 background-position: center; 
 background-position-y: top;
 /* background-color: white; */
}