@import url('https://fonts.googleapis.com/css2?family=Tiro+Tamil&display=swap');
/* font-family: 'Tiro Tamil', serif; */

.bg-dark-pint {background: #ab194a;}
.bg-blue {background: #2f3a76;}
#members-online {height: 40px;}
.bold {font-weight: bold;}

#example thead tr th:last-child {width: 150px;}

.card .card-body .card-icon i {
  font-size: 35px;
}

label.error {
  color: #f00;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.single-notification {
  padding: 2px 10px;
  transition: all 0.3s;
}

.single-notification:hover {background: #eeeeee;}
.single-notification span {color: #3e3e3e;}

table.dataTable thead .sorting_desc:after {display: none !important;}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {background-image: none !important;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  vertical-align: top !important;
  font-size: 14px;
}
table.dataTable thead > tr > th {border-bottom: 1px solid #8f8f8f;}

.bootstrap-tagsinput {
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
  padding: 8px 10px !important;
  border-radius: 0 !important;
}

.label-info {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background-color: #5bc0de;
  border-radius: .25em;
  margin-right: 0 !important;
  padding: 5px 8px !important;
}

.pagination-wrapper .pagination {
    display: flex;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
}

.pagination-wrapper .pagination .page-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.pagination-wrapper .pagination .page-item a {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color: #007bff;
    background-color: #fff;
}

.pagination-wrapper .pagination .page-item.active a {
    color: #fff;
    background-color: #007bff;
}