.addbutton { float:right}
.logowid {padding: 0 20px;}
.login_container {width: 650px; margin: 30px auto; background: rgba(256, 256, 256, 0.7);
  border-radius: 15px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 20px;}
.logintrotxt { margin-top: 30px;}
.login-section {padding: 20px; background-color: rgba(256, 256, 256, 0.3);}
.login_logo {margin: 0 auto 10px;}
.fpass {float: right;}
.login-bg { background: #f0f0f0 url("../../assets/img/bgimg2.jpg") no-repeat center fixed;}
#login-bg { height: 100vh; /* Full viewport height */
        background-size: cover; /* Cover the entire container */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; }
.input-daterange {display: inline-block; }
.input-daterange > div{ float: left; margin-left: 20px;}
.passnote {font-size: 11px; margin-top: -15px; display: ruby-text;}
.actionbtn a {margin-left: 10px;}
.logintrotxt div {padding: 10px; margin-top: 10px; background-color: rgba(0, 164, 153, 0.3);}
.mulitsel .dv-input_min label {display: block; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 0.75rem; }
.select-tags-group .select2-multiple {height: 300px;}
.hideband { display: none !important; }
table.dataTable {width: 100% !important;}
table.dataTable.no-footer { border-bottom: 1px solid #D3D3D3 !important; }
table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #D3D3D3 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button { border-radius: 20px !important;}
table.dataTable td:last-child { text-align: right;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
   border: 1px solid #10b981 !important; 
    background-color: #10b981 !important;
}
table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 15px 5px !important;
}