:root[data-bs-theme='light'] {
  --txtColor: black;
  --txtColorRGB: RGB(0,0,0);
  --phColorRGB: RGB(0,0,0,.1);
  --txtColorRev: floralwhite;
  --bgColorRev: black;
  --bgColor: floralwhite;
  --bgColorModal: rgba(255,250,240,.5);
  --pColor: DodgerBlue;
  --nbgColor: rgba(0,122,174,.2);
  --txtSpan: rgba(122,41,123,1);

  --bgColorOdd: HoneyDew;
  --bgColorOdd: WhiteSmoke;
  --bgColorEven: AntiqueWhite;
  --bgColorEven: WhiteSmoke;
  --txtBlink: red;

  --borderColor: lightgrey;

  --txtColor2: black;
  --bgColor2: LightCyan;
  --bgColor2: WhiteSmoke;

  --bgColorOdd2: HoneyDew;
  --bgColorOdd2: Gainsboro;
  --bgColorOdd2: WhiteSmoke;
  --bgColorEven2: LavenderBlush;
  --bgColorEven2: DarkGray;

  --imgBg: rgba(113,44,249,.3);
  --imgBg: lightGrey;

  --bg-bs-bt: RoyalBlue;

  --bs-bg-color-org-rgb: rgb(112,44,247);
  --bs-bg-color-org:#6E2BF3

  --bs-scr-top-line-rgb: rgb(112,44,247);
  --bs-scr-top-bg-rgb: rgba(0,0,0,.1);
  --bs-scr-top-bg-rgb-mm: rgba(0,0,0,.5);
  /*--bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>")*/

}


:root[data-bs-theme='dark'] {
  --txtColor: floralwhite;
  --txtColorRGB: RGB(255,250,240);
  --phColorRGB: RGB(255,250,240,.1);
  --txtColorRev: black;
  --bgColorRev: floralwhite;
  --bgColor: black;
  --bgColorModal: rgba(0,0,0,.5);
  --pColor: gold;
  --nbgColor: rgba(0,122,174,.6);
  --txtSpan: orange;

  --bgColorOdd: CadetBlue;
  --bgColorOdd: rgba(175,175,175,.2);
  --bgColorEven: CornflowerBlue;
  --bgColorEven: rgba(175,175,175,.2);
  --txtBlink: gold;

  --borderColor: lightgrey;

  --txtColor2: floralwhite;
  --bgColor2: CornflowerBlue;
  --bgColor2: rgba(175,175,175,.2);


  --bgColorOdd2: MediumAquaMarine;
  --bgColorOdd2: rgba(175,175,175,.2);
  --bgColorEven2: IndianRed;
  --bgColorEven2: black;

  --imgBg: lightGrey;

  --bg-bs-bt: CornflowerBlue;

  --bs-bg-color-org-rgb: rgb(112,44,247);
  --bs-bg-color-org:#6E2BF3

  --bs-scr-top-line-rgb: rgb(112,44,247);
  --bs-scr-top-bg-rgb: rgba(255,255,255,.1);
  --bs-scr-top-bg-rgb-mm: rgba(255,255,255,.5);

  /*--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")*/

}

input::-webkit-inner-spin-button {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}

.bg-ctrl {
  background-color:var(--bgColor);
}

.dis-li{
  background-color:var(--bs-scr-top-bg-rgb-mm) !important;
}

#only-data-ul > li:hover , #only-data-ul-footer > li:hover{
  background-color:var(--bs-scr-top-bg-rgb);
}

.text-copy {
  cursor:grab;
}

.fs-8pt{
  font-size:8pt;
}

.fs-9pt{
  font-size:9pt;
}

.fs-xs{
  font-size:.6rem;
}

.fs-sm{
  font-size:.8rem;
}

.sels-sm{
  width:5rem;
}

.sels-md{
  width:8rem;
}

.sels-lg{
  width:10rem;
}

input::placeholder, textarea::placeholder {
  /*color: var(--phColorRGB) !important;*/
}

.boxType-width{
  width:3rem !important;
}

.ea-width, .num-2{
  width:3rem !important;
}

.amt-width{
  width:5rem !important;
}

.its-size-width{
  width:10rem !important;
}

.its-size-sum-width{
  width:9rem !important;
}

.sm-ea-width, .num-3{
  width:4.5rem !important;
}

.sm-amt-width, .acdtPrgsSNm, .acdtTypeNm{
  width:6.5rem !important;
}

.sm-margin-amt-width{
  width:8rem !important;
}

.num-2, .num-3, .acdtPrgsSNm, .acdtTypeNm{
  text-align:center;
  justify-content:center;
}

.text-tp{
  color:transparent;
}

pre {
  display: block;
  margin-top: reset;
  margin-bottom: reset;
  overflow: auto;
  font-size: reset;
  white-space: pre-wrap;
}
code, kbd, pre, samp {
  font-family: reset;
  font-size: 1rem;
}

div.btyp-amt{
  text-align:center;
  width:8rem !important;
}


.dropdown-item-danger.active, .dropdown-item-danger:active, .dropdown-item-danger:hover {
  background-color: var(--bs-danger) !important;
  background-color: rgba(220, 53, 69, 0.9) !important;
  color: white !important;
}

.dropdown-item-warning.active, .dropdown-item-warning:active, .dropdown-item-warning:hover {
  background-color: var(--bs-warning) !important;
  background-color: rgba(255, 193, 7, 0.9) !important;
  color: white !important;
}

.dropdown-item-info.active, .dropdown-item-info:active, .dropdown-item-info:hover {
  background-color: var(--bs-info) !important;
  background-color: rgba(23, 162, 184, 0.9) !important;
  color: white !important;
}

.dropdown-item-primary.active, .dropdown-item-primary:active, .dropdown-item-primary:hover {
  background-color: var(--bs-primary) !important;
  background-color: rgba(0, 123, 255, 0.9) !important;
  color: white !important;
}



/* Primary 색상의 투명도 조절 */
.x-bg-primary {
  background-color: rgba(0, 123, 255, 0.5); /* 50% 투명도 */
}

/* Secondary 색상의 투명도 조절 */
.x-bg-secondary {
  background-color: rgba(108, 117, 125, 0.5); /* 50% 투명도 */
}

/* Success 색상의 투명도 조절 */
.x-bg-success {
  background-color: rgba(40, 167, 69, 0.5); /* 50% 투명도 */
}

/* Danger 색상의 투명도 조절 */
.x-bg-danger {
  background-color: rgba(220, 53, 69, 0.5); /* 50% 투명도 */
}

/* Warning 색상의 투명도 조절 */
.x-bg-warning {
  background-color: rgba(255, 193, 7, 0.5); /* 50% 투명도 */
}

/* Info 색상의 투명도 조절 */
.x-bg-info {
  background-color: rgba(23, 162, 184, 0.5); /* 50% 투명도 */
}

.dore-w{
  width:10rem;
}


label.lbtn {
  user-select: none;
}


.excel-price-update-span-a {
  width: 10rem;
}
.excel-price-update-toss {
  cursor: pointer;
}