body {
  opacity: 0.25;
}



/*@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar-track {
  background: var(--scroll-bar-bg-color);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--scroll-bar-color);
 
}


/* :root{
  scrollbar-color: var(--scroll-bar-bg-color) var(--scroll-bar-color) !important;
                  scrollbar-width: 3px;
} */



a { 
    text-decoration:none;
    color: var(--bs-danger-100);
    font-size: 12px;

}
a.disabled {
  pointer-events: none;
  cursor: default;
         opacity: 0.5;
}

.loading{
  background-color:white;
  /* background-image: url('images/ui-anim_basic_16x16.gif');
  background-repeat: no-repeat;
  background-position-x: left ; 
  background-position-y: top ;  */
  height: 100px;
  width: 100%;;
  
 }

body {
  margin: 0px;
  padding: 0px;
  /* /background-color: ivory; */
}

body, thead, tbody, th, td {
  font-family:  Verdana, sans-serif , "Inter";
  /* font-size:     0.850em; */
  font-size: 12px;
}
main label {
  font-size: 12px; 
  /* font-size:     0.820em; */
  color: var(--bs-gray-50); 
  /* color: rgba(95, 94, 94, 0.801); */
}

.form-control:focus,
.form-select:focus {
  border: 1px solid #0415ff85;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 10,
      29, 0.27);
}

.text-toogle[aria-expanded=false] .text-expanded {
  display: none;
}
.text-toogle[aria-expanded=true] .text-collapsed {
  display: none;
}

.card,
.btn,
.form-control,
.form-select,
input,
select {
  border-radius: 0;
}

.fldronly {
  background-color: white;
}

.err {
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: red;
}

.infobox {
  top: 65px;
  right: 10px;
  position: fixed;
  z-index: 1000;
  display: none; 
  
}




:root {
  --offcanvas-width: 48px;
  --topNavbarHeight: 56px;
  --scroll-bar-bg-color: #fffbfb;
  --scroll-bar-color: #cfcccc;

}


.offcanvas:hover{
  width: 250px;
  
}
/* i:hover { -webkit-text-stroke: 1px; } */


.nav-link{
  inline-size: 250px;
  font-size: 13px;
}

.sidebar-nav {
  width: var(--offcanvas-width);
  border: none;
  
}

.sidebar-link {
  display: flex;
  align-items: center;
  
  
}

.sidebar-link .right-icon {
  display: inline-flex;
}

.sidebar-link[aria-expanded="true"] .right-icon {
  transform: rotate(180deg);
}

.notify p {
  text-align: justify;
  text-justify: inter-word;
    font-size: 12px;
}

.footer {

  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin:0;
   height: 18px; 
  font-size: 11px;
  z-index:1000;

}
/* .dt-body-nowrap {
  white-space: nowrap;
} */


@media screen and (min-width: 992px) {
  body {
    overflow: auto !important;


  }

  main {
    margin-left: var(--offcanvas-width);
    

  } 
  
   .offcanvas-backdrop::before {
    display: none;
  }

  .sidebar-nav {
    -webkit-transform: none;
    transform: none;
    visibility: visible !important;
    height: calc(97.5% - (var(--topNavbarHeight)));
    top: var(--topNavbarHeight);
  }
}


.pagination > .active > a
{
    color: white;
    background-color: rgb( 108, 117, 125) !Important;
    border: solid 1px rgb( 108, 117, 125) !Important;
}



                        

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background:  #6C757D  !important;  
  /* #6693bc */
  font-weight: bold !important;
  color: #ffffff !important;
}