.addCompanies, .menu, .Player {
  color: white;  /* 글자 색 */
  padding: 0px 10px; /* 내부 여백 */
  border: none; /*테두리 제거*/
  cursor: pointer;  /* 마우스 올렸을때 반응 */
  text-align: center; /*텍스트 가운데 정렬*/
  display: inline; /*한줄로 정렬*/
  width: auto;
  text-shadow: 1.5px 1.5px 0px rgba(0, 0, 0, 0.5); /* 글씨 그림자 */
} /* 상, 하 버튼 */

.addCompanies,
.menu {
  margin-top: 13px; /* 상단 여백  */
  position: relative; 
}

/* static: 흐름에 따라 배치 */
/* relative: 흐름에 따라 배치, 자신을 기준으로 오프셋을 적용 */
/* absolute: 흐름에서 제거, 가장 가까운 위치 지정 조상 요소에 대해 상대적으로 배치 */
/* sticky: 흐름에 따라 배치, 가장 가까운 스크롤 되는 조상과, 컨테이닝 블록 기준으로 오프셋을 적용 */

.addCompanies {
  width: 90%;
}

.menu {
  width: 10%;
}

.Player {
  margin-bottom: 13px; /* 하단 여백  */
  position: absolute; /* 위치 지정해서 고정(상위 항목에 가깝게)  */
  bottom: 45px;
  right: 2.5%;
  width: 95%;
}

.input-row {
  display: flex;
  justify-content: center;
} /* inc, Shareprice, delete-row */

.text-input {
  padding: 4px 5px; /* 내부 상하, 좌,우 여백*/
  margin-top: 3px; /* 상단 여백*/
  margin-bottom: 1px; /* 하단 여백  */
  border: 0.5px solid #ccc;
}/* inc, Shareprice dividend */

.text-input.inc {
  width: 30%;
}/* 기업 입력창 */

.text-input.Shareprice {
  margin-left: 0.5%; /* 왼쪽 여백*/
  width: 34%;
}/* 소유 주식  입력창  */

.text-input.dividend {
  margin-left: 0.5%; /* 왼쪽 여백*/
  width: 29%;
}/* 배당금 입력창  */

.text-input.inc,
.text-input.Shareprice,
.text-input.dividend {
  background-color: #e3dada40;
}


.delete-row {
  /* background-color: red; 배경색  */
  background: linear-gradient(45deg, #eb3349, #f45c43);
  color: white; /* 글자 색  */
  font-size: 14px;
  padding: 2px 0px;
  border: none;
  cursor: pointer;
  margin-left: 1%; /* 왼쪽 여백*/
  margin-right: 0px; /* 오른쪽 여백*/
  margin-top: 3px; /* 상단 여백*/
  margin-bottom: 1px; /* 하단 여백  */
  width: 5%;
  min-width: 30px; 
  max-width: 45px; 
  transition: opacity 0.2s; /* 불투명도 변경을 위한 전환 추가 */
  user-select: none;
}

.delete-row:hover {
  background-color: darkred;
  opacity: 0.7; /* 버튼을 가리킬 때 불투명도 변경 */
} /* hover= 마우스 올렸을때 */



.search-input {
  margin: 7px 0px;
  width: 96%;
  margin-left: 2%;
  top: 4px;
  padding: 7px 9px;
  background-color: #37343465;
  border: 1px solid #000000b3;
  box-sizing: border-box;
  appearance: textfield;
} /* menu 검색 창 */

.search-input:focus {
  outline: none;
  border: 2px solid #000000b3;
  background-color: #d0d0d067;
} /* menu 검색 창 클릭시 색 변경*/

.scroll-series {
  overflow-x: hidden;/* 가로 스크롤바 숨기기 */
  overflow-y: auto; /* 세로 스크롤 */
  width: 96%;
  margin-top: 50px; /* 상단 위치를 검색창 아래로 설정*/
  margin-left: 2%;
  border: none; /*테두리 제거*/
  max-height: calc(100vh - 150px); /* 팝업 높이를 최대 뷰포트 높이에 맞춰 제한 */
} /*menu 의 scroll */

.scroll-series, .search-input {
  position: absolute; /* 위치 지정해서 고정(상위 항목에 가깝게)  */
}

.series-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  align-items: center;
  justify-content: center;
  border-spacing: 0 0px; /* 테두리 간격 */
  padding-top: 5px;  /* 내용 내부 여백 확보 */
  padding-bottom: 5px;  /* 내용 내부 여백 확보 */
}

.series-cell-series, 
.series-cell-data {
  border-bottom: 0.2px solid #ddd;
  border-left: 0px solid #ddd; 
  border-right: 0px solid #ddd;
  padding: 5px 11px;
  font-size: 14px; 
  vertical-align: middle;
}

.series-table tr:last-child td {
  border-bottom: none;
}

.series-cell-series {
  width: 96%; 
} /* 18시리즈 선택 리스트 창 */

.series-cell-data{
  width: 4%;
}

.searchFormIon {
  width: 13px;
  height: 13px;  /* 원하는 높이 */
  display: inline-block; /* 인라인 요소로 표시 */
} /* 돋보기 */


.series-name {
  background-color: transparent; /*배경색을 투명으로 설정 */
}

/* .series-name:hover {
  background-color: #f0f0f0;
} */