.discussion-right-wrapper{
    position: fixed;
    right: 0px;
    width: 30%;
    height: 100%;
    background: #fff;
    transform:translateX(100%);
    transition: 0.6s ease transform;
  }
  .discussion-right-head{
      background: #713ea7;
      padding: 15px 20px;
      box-shadow: 0px 6px 4px -4px #ccc;
  }
  /* Sajan css 2020-03-30 start */
  .discussion-right-head {
    background: #ffffff;
    padding: 12px 20px;
    box-shadow: 0 6px 4px -4px #0000002b !important;
    position: relative;
    z-index: 9999;
  }
  /* Sajan css 2020-03-30 end */
  .discussion-right-title{
      font-size: 22px;
      font-weight: 400;
      /* color: #fff; */
      color: #2b2b2b;
      display: inline-block;
      width: 250px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  
  .discussion-right-head .close-icon{
    width: 25px;
    height: 22px;
    cursor: pointer;
    background: url(../../assets/images/close.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 24px;
  }
  
  /*discussion instruction modal*/
  .info-modal-container {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  #info-modal .modal-content {
      background-color: #fefefe;
      margin: auto;
      padding: 40px;
      border: 1px solid #888;
      border-radius: 4px;
      width: 40%;
      padding-bottom: 40px;
  }
  #info-modal .close {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
      text-align: right;
  }
  #info-modal .close:hover,
  #info-modal .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
  }
  #info-modal .discussion-info-title{font-size: 18px;color:#47c365;}
  #info-modal .discussion-info-content{font-size: 14px;padding-top: 25px;color:#444;max-height: 300px;overflow: auto;}
  #info-modal .custom-btn{
      border: none;
      border-radius: 4px;
      padding: 10px 25px;
      background: #47c365;
      color: #fff;
      font-size: 14px;
      width: max-content;
      margin: 0 auto;
      margin-top: 25px;
  }
  
  /*answer wrapper style starts*/
  .content-delivery-wrapper .discussion-answer-wrapper{
    position: fixed;
    right: 0px;
    width: 35%;
    height: 100%;
    background: #f9f9f9;
    transform:translateX(100%);
    transition: 0.6s ease transform;
    padding-bottom: 90px;
  }
  .chevron-left{cursor: pointer;}
  .overflow-y{overflow: auto;height: 100%;}
  .overflow-y::-webkit-scrollbar {width: 10px;height: 60px;}
  .overflow-y::-webkit-scrollbar-track {background: #f1f1f1;}
  .overflow-y::-webkit-scrollbar-thumb {background: #afafaf;border-radius:12px;height: 60px;}
  .overflow-y::-webkit-scrollbar-thumb:hover {background: #713ea7;}
  .comment-container .icon-attach{font-size: 15px;}
  /*answer wrapper style ends*/
  
  
  @media  (min-width:360px) and (max-width: 768px) { 
    #info-modal .modal-content{width: 90%;}
  }
  
  @media (max-width: 325px) { 
    #info-modal .modal-content{width: 100%; padding:15px;}
    #info-modal{padding:20px; overflow-y: auto;}
  }