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

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

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

.f-invert{
  filter: invert(100%);
}
.fs-7{
  font-size: 7px;
}
.fs-8{
  font-size: 8px;
}
.fs-9{
  font-size: 9px;
}
.fs-10{
  font-size: 10px;
}
.fs-11{
  font-size: 11px;
}
.fs-12{
  font-size: 12px;
}
.fs-13{
  font-size: 13px;
}
.w-30{
  width: 30%!important;
}
.w-35{
  width:35%!important;
}
.w-40{
  width: 40%!important;
}
.w-60{
  width:60%!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-lightB1{
  background-color: #9bb2d9ab !important;
}
.bg-lightB2{
  background-color: #7e98c5ad !important;
}

.bg-blue{
  /*background-color: #1f2f5c;*/
  background-color: #24396c;
}
.bg-leftMenu{
  background-color: #253660;
  z-index: 100;
}
#wrapper{
  min-height: 91%;
}
.footer{
  transform : translateY(91%);
}
.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;
  margin-bottom: 2px;
}

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


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

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

.pSticky thead{
  position: sticky;
}

.pSticky th {
  position: sticky;
  top: 0px;

}
@font-face {
  font-family: 'GmarketSansMedium';
  src: url("/font/GmarketSansTTFMedium.ttf");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'GmarketSansMedium';
}

.titleLeft {
  text-align: left !important;
}

.gray3{
  background-color: #F8F9FA;
}
.gray5{
  background-color:#E6E6E6;
}

.view-modal-content{
  height: 300px;
  overflow-y: auto;
}