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

#logo{
  height: 40px;
}
#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;
}

#alarmCntDiv{
  width: 16px;
  height: 16px;
  left: 12px;
  top: -4px;
}
#alarmListDiv{
  width: 500px;
  left: -360px;
  top: 30px;
  z-index: 5000;
}

.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::before {
  content: url("/img/bootstrap-icons-1.9.1/caret-right-fill.svg");
  filter: invert(100%);
}
.btn-toggle[aria-expanded="true"]::before {
  content: url("/img/bootstrap-icons-1.9.1/caret-down-fill.svg");
}

.fs-10{
  font-size: 10px;
}
.fs-11{
  font-size: 11px;
}
.fs-12{
  font-size: 12px;
}
.fs-13{
  font-size: 13px;
}
.pl-15{
  padding-left: 15%;
}
.pl-23{
  padding-left: 23%;
}
.w-30{
  width: 30%!important;
}
.w-35{
  width:35%!important;
}
#subModalBody{
  white-space: nowrap;
}
.statusInput::-webkit-outer-spin-button,
.statusInput::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}