/*-- second style --*/

.navbar .avatar{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.bg-primary{
    padding: 8px 16px;
}

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before{
    bottom: 25% !important;
    right: 2px !important;
}
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after{
    top: 75% !important;
    right: 2px !important;

}

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after{
    opacity: 0.3 !important;
    font-size: .10em;
}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after{
    opacity: 1 !important;
    color: rgb(59, 125, 221);
}

.table-scroll-container {
    width: 100%;
    overflow-x: scroll;
  }
  .table-scroll-container tbody {
    overflow-y: scroll;
    display: block;
    height: 400px;
  }
  .table-scroll-container thead {
      display: block;
      table-layout: fixed;
  }
  .table-scroll-container thead tr{
    display: block;
  }
  .table-scroll-container thead tr th{
    padding: 10px !important;
    text-align: center !important;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto !important;
    white-space: normal !important;
    font-size: 11px !important;
  }
  .table-scroll-container tbody tr td{
    padding: 10px !important;
    font-size: 11px !important;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto !important;
    white-space: normal !important;
  }
  .table-scroll-container thead tr th,
  .table-scroll-container tbody tr td{
    width: auto;
    text-align: center;
    min-width: 70px;
  }

  /* scrollbar */
.table-scroll-container:hover::-webkit-scrollbar {
    height: 8px;
}
.table-scroll-container:hover::-webkit-scrollbar-thumb
{
	background-color:rgb(59, 125, 221);
}

.table-scroll-container::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #f1f1f1;
}

.table-scroll-container::-webkit-scrollbar {
    height: 5px;
    cursor: pointer;
  }

.table-scroll-container::-webkit-scrollbar-thumb
{
    transition: .2s ease-in-out;
	border-radius: 10px;
	background-color: rgb(209, 209, 209);
}

.card-body .btn-close{
    position: absolute;
    margin-top: 5px;
    
}
.choices{
    margin-left: 30px;
    margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
    .dataTables_paginate{
        width: 100% !important;
        margin-top: 20px !important;}
        .dataTables_paginate span{
            display: flex !important;
            align-items: center !important;
            gap: 8px;
            justify-content: center !important;
        }
}