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

    .detail-control-input{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border: none;
        border-bottom: solid 1PX #C8C8CD;
        padding: 5px;
        border-radius: 0;
        width: 90%;
        padding-top: 9px;
    }
    
    .detail-control-input:focus {
        border-bottom: solid 1PX #3688FF;
      }

      .persent{
        height:15px;
      }


    .count-icon {
      width: 20px;
      height: 20px;
    }

    .iconScan{
      font-size: 15px;
      color: #999;
      padding:0 10px 0 0;
    }
    .iconInput{
      font-size: 15px;
      color: #999;
      padding:0 0 0 5px;
    }
    
}


/* 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 */
}