.table-container{
    position: relative;
    @media (min-width: 768px) { 
    }
    @media (min-width: 1024px) { 
      max-width: calc(80rem - 4rem - 16rem);
    }
    .checkbox{
      transform: scale(1.4);
    }
  
}
.history-table-container{
  overflow-x: auto;
  position: relative;
}
.min-w-32{
  min-width: 8rem;
}
.min-w-20{
  min-width: 5rem;
}
.min-w-48{
  min-width: 12rem;
}
.min-w-64{
  min-width: 16rem;
}
.min-w-72{
  min-width: 18rem;
}
.min-w-80{
  min-width: 20rem;
}
.lg-max-w-80{
  @media (min-width: 1024px) {
    max-width: 20rem;
  }
}
.popup-content{
  max-width: 80rem;
	max-height: 80%;
  overflow-y: auto;
  @media (max-width: 768px) { 
    width: 80% !important;
  }
}
.document-popup-content{
	width: 80% !important;
	max-height: 80%;
	overflow-y: auto;
}
.document-popup-overlay{
  cursor: auto;
}

.password-popup-content{
  border:none !important;
  width: auto !important;
  max-width: 95% !important;
	max-height: 80%;
}
.-m-5px{
  margin: -5px;
}
.float-label {
	display: flex;
	flex-direction: column;
	position: relative;
  }
  

  
  .float-label label {
	pointer-events: none;
	position: absolute;
	transform: translate(0, 0.5rem) scale(1);
	transform-origin: top left;
	transition: all 0.2s ease-out;
  }
  .float-label:focus-within label {
	transform: translate(-0.5rem, -1.5rem) scale(0.75);
	font-size: 15px;
	font-weight: bold;
  }
  .float-label .active {
	transform: translate(-0.5rem, -1.5rem) scale(0.75);
	font-size: 15px;
	font-weight: bold;
  }
  .loader-in-row{
    >div{
      margin: auto;
    }
  }

  .mobileSidebarBG{
    background-color: black;
    opacity: 0.5;
    z-index: 1050;
    position: absolute;
    width: 100%;
    height: 100vh;
  }
  .mobileSidebar{
    z-index: 1051;
    position: absolute;
    height: 100vh;
  }