#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;
}

#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");
}

.btn-toggle2::before {
  content: url("/img/bootstrap-icons-1.9.1/caret-right.svg");
  filter: invert(100%);
}
.btn-toggle2[aria-expanded="true"]::before {
  content: url("/img/bootstrap-icons-1.9.1/caret-down.svg");
}

.f-invert{
  filter: invert(100%);
}

.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%;
}
.w-30{
  width: 30%!important;
}
.w-35{
  width:35%!important;
}
.w-40{
  width: 40%!important;
}
.w-70{
  width:70%!important;
}
.w-100p{
  width: 100px;
}
.min-width-300{
  min-width: 300px!important;
}
.statusInput::-webkit-outer-spin-button,
.statusInput::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.mouse-hover-clickable:hover{
  cursor: pointer;
}

.codeMgtDiv{
  max-height: 700px;
  overflow-y: auto;
}

#loading-spinner{
  --bs-spinner-width: 8rem;
  --bs-spinner-height: 8rem;
  --bs-spinner-border-width: 0.8em;
  --bs-spinner-animation-speed: 1s;
  --bs-text-opacity: 0.75;
}

#loading-spinner-text{
  position: absolute;
  top: 6rem;
  left: 4.3rem;
}

.bg-header{
  /*background-color: #1650a778;*/
  background-color: #f8f8f8;
}
.bg-lightB-card{
  background-color: #deebff78;
}
.bg-lightB{
  background-color: #aabfe178;
}
.bg-blue{
  /*background-color: #1f2f5c;*/
  background-color: #24396c;
}
.bg-leftMenu{
  background-color: #253660;
  z-index: 100;
}
#footer{
  z-index: 1;
}
.bg-label{
  background-color: lightblue;
}
.table-color{
  background-color: #6c87af78;
}
#footer ul {
  width: 1200px;
  margin-left: 550px;
  display: block;
}
#footerRow{float:left;padding:0px 20px;color:#7a7a7a;line-height:1.6;font-size:12px;text-align:left; list-style: none;}
#footerSiteName{font-size:18px;color:#2f71d4;;display:block;font-weight:700;margin:0px;padding:0px;}
#footerSiteNameEng{font-size:10px;color:#989898;display:block;font-weight:300;margin:0px 0px 8px 0px;padding:0px;}

.bi-square-fill{
  /*color:#0d49a7;*/
  font-size: 12px;
  color: #24396c;
  text-align: center;
}

.col-form-label-sm.text-center {
  background-color: #aabfe178;
  border: 1px solid rgba(var(--bs-secondary-rgb))!important;

}

.col-form-label-sm.text-start, .col-sm-10.form-control-sm{
  border: 1px solid rgba(var(--bs-secondary-rgb))!important;
}



@font-face {font-family:'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');}

.dash-title
{
  font-family: 'GmarketSansMedium';
  font-size: 18px;
}

.bg-light.text-center{
  background-color: #deebff78!important;
}