#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: #6c87af78;*!*/ /* !*background-color: #6885bfb0;*!*/ /* background-color: #1650a778;*/ /*}*/ /*.bg-lightB{*/ /* background-color: #deebff78;*/ /*}*/ /*.bg-blue{*/ /* !*background-color: #1f2f5c;*!*/ /* background-color: #24396c;*/ /*}*/ /*.bg-leftMenu{*/ /* background-color: #253660;*/ /*}*/ /*.table-color{*/ /* background-color: #6c87af78;*/ /*}*/ /*.bi-square-fill{*/ /* color:#0d49a7;*/ /* !*color: #24396c;*!*/ /*}*/