/* expandable table */

/* old design */
/* .hangup-table {
    overflow-x: hidden;
    border-right: 1px solid #e8eaf1;
    position: relative;
} */

/* new design */
.hangup-table {
  overflow: visible!important;
  position: relative;
}
.hangup-table .table td:first-child {
    width: auto !important;
}
.hangup-table .table {
    width: 130% !important;
    max-width: 135%;
    margin-bottom: 0 !important;
}
.hangup-table .table thead th {
  vertical-align: top;
}
.btn-expand{
  position: relative;
}
.btn-expand:before {
    content: "\e903";
    background: white;
    font-size: 6px;
    color: #03a94a;
    position: absolute;
    right: 0;
    border: 1px solid #03a94a;
    border-radius: 50%;
    padding: 5px;
    transform: translate(10px, 35px) rotate(-90deg);
    font-family: "icomoon" !important;
    overflow: visible;
    z-index: 2;
    cursor: pointer;
}
.btn-expand:hover::before{
    background: #03a94a;
    color: #fff;
}
.hangup-table:before{
  content: none!important;
}

.right-section .accordion-heading, .right-section ul {
    visibility: hidden;
}

/* new style */
.middle-section .hangup-table {
  border: none!important;
  overflow-x: scroll!important;
}

.middle-section .hangup-table:before {
  background: none;
}
.middle-section .hangup-table .table{
  width: 100%;
  max-width: 130%;
}
.middle-section .btn-expand:before{
  transform: translate(10px, 35px) rotate(90deg);
}
.right-section{
  width: 8%;
}
.v-none{
  visibility: hidden;
}
.btn-expand-open-icon:before {
  content: "\e902";
  font-family: "icomoon" !important;
  color: #05006d;
  border: 1px solid #05006d;
  padding: 4px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  overflow: visible;
  transform: translate(-12px, 20px) rotate(0deg);
  cursor: pointer;
  background: #fff;
  font-size: 8px;
}
.btn-expand-close-icon:before {
  transform: translate(-12px, 20px) rotate(180deg);
  }
.feedback-box-position{
  position: absolute;
}


@media (max-width: 768px) {
  .btn-expand{
    display: none;
  }
  /* old style */
  /* .hangup-table {
    overflow-x: scroll; 
  } */

  /* new style */
  .hangup-table {
    overflow: visible; 
  }
  .hangup-table:before {
    display: none;
  }
  .middle-section {
    max-width: 100% !important;
  }
  .feedback-box-position {
    position: relative;
  }
}