/* Model list style */
.add-pathway-button{
  background-color: #462CE9;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.add-pathway-button:hover,
.add-pathway-button:focus{
  background-color: #583ffb;
}

.model-table{
  display: table;
  width: 100%;
  table-layout: fixed;
}

.model-table th{
  color: #747783;
}

.model-table th:first-child,
.model-table td:first-child{
  width: 21%;
}

.model-table th:nth-child(2),
.model-table td:nth-child(2){
  width: 7%;
}

.model-table th:nth-child(3),
.model-table td:nth-child(3){
  width: 11%;
}

.model-table th:nth-child(4),
.model-table td:nth-child(4){
  width: 11%;
}

.model-table th:nth-last-child(3),
.model-table td:nth-last-child(3){
  width: 14%;
}

.model-table th:nth-last-child(2),
.model-table td:nth-last-child(2){
  width: 7%;
}

.model-table th:last-child,
.model-table td:last-child{
  width: 12%;
}

.model-table th{
  max-width: 200px;
}

.model-table-header {
  background-color: white;
  border: none;
  width: 100%;
  border-bottom: 1px solid #E3E3E4;
}

.model-table-expand-button svg.model-table-arrow{
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.model-table-expand-button.open svg.model-table-arrow{
  transform: rotate(90deg);
}

.delete-model-button{
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.delete-model-button:hover,
.delete-model-button:focus{
  scale: 1.1;
}

.model-table-buttons-wrapper{
  position: sticky;
  top: 0;
  right: 0;
  background-color: white;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 50;
}

.open-bg{
  background-color: #F8F8FA;
  border-bottom: 1px solid transparent;
}

.open-content-bg{
  border-bottom: 1px solid #E3E3E4;
}

.expand-model-1::before{
  position: absolute;
  content: "";
  height: 26px;
  width: 16px;
  top: -13px;
  left: -20px;
  border-left: 1px solid #E3E3E4;
  border-bottom: 1px solid #E3E3E4;
  border-bottom-left-radius: 10px;
}

.expand-model-2::before{
  position: absolute;
  content: "";
  height: 77px;
  width: 16px;
  top: -64px;
  left: -20px;
  border-left: 1px solid #E3E3E4;
  border-bottom: 1px solid #E3E3E4;
  border-bottom-left-radius: 10px;
}

@media (max-width: 1140px) {
  .intervention-accordion{
    overflow-x: scroll;
  }

  .model-table-header,
  .model-table-content {
    width: 1073px;
  }

  .intervention-accordion::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #FFFFFF;
  }

  .intervention-accordion::-webkit-scrollbar-button {
    display: none;
  }

  .intervention-accordion::-webkit-scrollbar-track {
    display: none;
  }

  .intervention-accordion::-webkit-scrollbar-track-piece {
    display: none;
  }

  .intervention-accordion::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #462CE9;
  }

  .intervention-accordion::-webkit-scrollbar-corner {
    display: none;
  }

  .intervention-accordion::-webkit-resizer {
    display: none;
  }
}

.delete-modal-wrapper{
  max-width: calc(100% - 48px);
}