.page-bg::after {
   content:'';
   position: absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-color: #003205;
   opacity: 0.75;
   z-index: 1;
}
.page-bg svg {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 2;
   opacity: 0.4;
}
.page-bg .card {
   border: 4px solid var(--tw-fluo-alt);
   position: relative;
   z-index: 3;
}
.btn-dark {
   color: var(--tw-fluo);
   background-color: #015000;
   font-weight: 600;
}
.bs {
   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.new-alert button {
   width: 18px;
   height: 18px;
}
.new-alert button svg {
   opacity: 0.8;
}

.page-bg {
   background-image: url('../metronic-assets/9.1.2/media/new/background-login.jpeg');
   background-size: cover;
}
.dark .page-bg::after {
   background-color: #071612;
   opacity: 0.95;
}