FAISP/src/main/resources/static/css/common.css

#fadeDiv{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00000050;
  z-index: 2090;
}

#fadeDiv > div{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
}

#fadeSearchDiv{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00000050;
  z-index: 2090;
}

#fadeSearchDiv > div{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
}

.activeTr{
  --bs-bg-opacity: 0.25;
  background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important;
}

.menuDiv{
  width: 250px;
  position: absolute;
  top: 0;
  left: 180px;
  z-index: 100;
  border-left: 1px solid;
  border-right: 1px solid;
}

.modal-xxl{
  --bs-modal-width : 1440px;
}

/*사이드바 카테고리 트리*/
.btn-toggle:hover, .btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}
.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("/img/bootstrap-icons-1.9.1/caret-right-fill.svg");
  transition: transform .35s ease;
  transform-origin: 0.5em 50%;
}
.btn-toggle[aria-expanded="true"]::before {
  content: url("/img/bootstrap-icons-1.9.1/caret-down-fill.svg");
  /*왜 안돌까?*/
  /*transform: rotate(90deg);*/
}

.fs-13{
  font-size: 13px;
}
.fs-11{
  font-size: 11px;
}
.fs-10{
  font-size: 10px;
}
.fsw-13{
   font-size: 13px;
   font-weight: 900;
}
.pl-15{
  padding-left: 15%;
}
.pl-23{
  padding-left: 23%;
}
.display-none{
	display:none
}
#subModalBody{
  white-space: nowrap;
}
.statusInput::-webkit-outer-spin-button,
.statusInput::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}