.project-setting-title{
    width: 300px;
    float: left;
}

.project-setting-title h4{
    color: #b1b1b1;
}

.project-setting-value{
    margin-left: 5px;
    width: calc(100% - 305px);
    float: left;
}

.button-resize-small{
    font-size: 11px;
    color: #1677ff;
}

.button-resize-small:hover{
    font-size: inherit;
    color: #1677ff;
}

.error-run-row{
    background-color: #ffdee2;
}

.skeletonMini {
    min-width: 80px !important;
    flex: unset !important;
    width: 80px !important
}

/* Scrollbar for the entire app */
::-webkit-scrollbar {
    width: 8px; /* Width of the vertical scrollbar */
    height: 8px; /* Height of the horizontal scrollbar */
  }
  
  ::-webkit-scrollbar-track {
    background: #f0f0f0; /* Background of the scrollbar track */
    border-radius: 4px; /* Rounded corners for the track */
  }
  
  ::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
    border-radius: 4px; /* Rounded corners for the thumb */
    border: 2px solid #f0f0f0; /* Adds padding around the thumb */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #555; /* Darker color when hovered */
  }
  
  tr.ant-table-expanded-row-level-1 > td:first-child {
    padding: 0 !important;
    margin: 0 !important;
    height: 20px !important;
  }
  tr.ant-table-expanded-row-level-1.extended > td:first-child {
    border: 2px dotted #d0f0c0;
  }

  .custom-sub-row {
    background: linear-gradient(to bottom, #ffffff, #f1f1f1);
    transition: background 0.3s;
    cursor: pointer;
  }

  .custom-sub-row:hover {
    background: linear-gradient(to bottom, #ffffff, #b1b1b1);
  }

  .custom-sub-row-expanded {
    background: #f1f1f1;
  }