.detail-control-text{
  display: flex;
  align-items: start;

  .control-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    border: none;
    padding: 0;
    input{
      font-size: 15px;
    }
  }
  
    input::-webkit-input-placeholder {
  
    
    color: #888;
    
    }
    
    input:-moz-placeholder {
    
    
    color: #888;
    
    }
    
    input::-moz-placeholder {
    
    /* Mozilla Firefox 19+ */
    
    color: #888;
    
    }
    
    input::-ms-input-placeholder {
    
    /* Internet Explorer 10+ */
    
    color: #888;
    
    }
  
    .count-icon {
      width: 20px;
      height: 20px;
    }
}

/* styles.css */

/* Styling for the InputItem */
.blueScale-Check{
  margin-bottom: 20px;
  display: flex;
  span{
    margin-left: 10px;
  }
}
.blueScale-input {
  border: 1px solid #eee; /* Add a blue border to the input */
  padding: 8px; /* Add some padding for spacing */
  margin-bottom: 10px; /* Add spacing between the input and the button */
  font-size: 20px;
  input{
    font-size: 25px !important;
  }
}

/* Styling for the Button */
.blueScale-button {
  background-color: #537FFB; /* Set the background color to a bright blue */
  color: white; /* Set text color to white */
  text-align: center; /* Center-align the text in the button */
  padding: 10px 20px; /* Add padding for spacing */
  border: none; /* Remove button border */
  cursor: pointer; /* Add a pointer cursor on hover */
}