#visualizer { width: 100%; height: 30px; background-color: #ffffff; margin-top: 20px; border-radius: 5px; position: relative; overflow: hidden;}
  .bar { width: 5px; background-color: #007bff; position: absolute; bottom: 0;}
  audio{width: 90%;}

  .session_icon{font-size: 50px; color: #8bb8f8;}
  .session_clientname{font-size: 18px;}
  .j-circle-btn{height: 70px; width: 70px; border-radius: 80px;}
  .j-circle-btn i{font-size: 35px}
  .module_title{background-color: #2d54e8; padding: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white;}
  .module_body{border: 1px solid lightblue; padding: 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
  .client_list{background-color: aliceblue; padding: 15px; border-radius: 5px; margin-bottom: 5px; cursor: pointer; position: relative;}
  .client_list:hover{background-color: #2d54e8; color: white;}
  .cli-del {position: absolute; right: 15px; padding: 10px; top: 5px;}
  .cli-del:hover{background-color: #ffffff; border-radius: 8px; color: black;}
  .absolute_center{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}

.navbar{background-color: aliceblue; padding: 20px 0; margin-bottom: 25px;}
#spinner{background: aliceblue; padding: 10px; border-radius: 10px; margin-top: 15px; display: none;}
#processing{background: orange; display: inline-block; margin-left: 15px; padding: 5px 15px; border-radius: 8px; margin-bottom: 15px;}

/* .summary-box{background-color: aliceblue; border-radius: 15px; border: 1px solid lightcyan; padding: 15px;} */
.summary-heading{margin:15px 0 25px; padding: 0 15px;}

.summary_single_box{background: aliceblue; padding: 15px; border-radius: 8px; margin-bottom: 10px; position: relative;}
.copy_icon, .hint{position: absolute; right: 5px; top: 5px; cursor: pointer;background: white; padding: 3px 7px; border-radius: 5px;}
.copy_icon:hover{background: #2d54e8; color: white;}
.hint{top:-20px; font-size: 12px; display: none; background: #2d54e8; color: white;}