/* CSS Editions to DATATABLES library  */
/* These are a set of editions to the CSS code that must come after the import of the BS5 library */

/* TABLE-DT GENERIC [START] */

table.table.table-dt,
table.table.table-dt-sm,
table.table.table-dt-xs {
  border-right: 1px solid var(--bs-card-border-color);
  border-left: 1px solid var(--bs-card-border-color);
  border-radius: .375rem;
  padding: 0rem;
  width: 100%;
}
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt-sm,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt-xs {
  border: 1px solid var(--bs-card-border-color);
}
table.table.table-dt th,
table.table.table-dt-sm th,
table.table.table-dt-xs th {
  border-top: none;
  border-bottom: none;
  color: var(--bs-tertiary-color);
  font-weight: 600;
  text-transform: uppercase;
}
table.table.table-dt th:first-child,
table.table.table-dt-sm th:first-child,
table.table.table-dt-xs th:first-child {
  border-top-left-radius: .375rem ;
}
table.table.table-dt th:last-child,
table.table.table-dt-sm th:last-child,
table.table.table-dt-xs th:last-child {
  border-top-right-radius: .375rem ;
}
table.table.table-dt th span.dt-column-title,
table.table.table-dt-sm th span.dt-column-title,
table.table.table-dt-xs th span.dt-column-title {
  display: flex;
  align-items: center;
  color: var(--bs-tertiary-color);
  font-weight: 600;
  text-transform: uppercase;
}
table.table.table-dt th.text-center span.dt-column-title,
table.table.table-dt-sm th.text-center span.dt-column-title,
table.table.table-dt-xs th.text-center span.dt-column-title {
  display: flex;
  align-items: center;
  color: var(--bs-tertiary-color);
  font-weight: 600;
  text-transform: uppercase;
  justify-content: center;
}
table.table.table-dt td,
table.table.table-dt-sm td,
table.table.table-dt-xs td {
  color: var(--bs-secondary-color);
  font-weight: 400;
  vertical-align: middle;
}
/* The opacity must be set to zero on the class cause if it were on the last element ==> the border lines would disapear */
table.table.table-dt tbody tr .table-dt-actions,
table.table.table-dt-sm tbody tr .table-dt-actions,
table.table.table-dt-xs tbody tr .table-dt-actions {
  text-align: center;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
table.table.table-dt tbody tr .table-dt-actions span a.btn,
table.table.table-dt-sm tbody tr .table-dt-actions span a.btn,
table.table.table-dt-xs tbody tr .table-dt-actions span a.btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
table.table.table-dt tbody tr:hover .table-dt-actions,
table.table.table-dt-sm tbody tr:hover .table-dt-actions,
table.table.table-dt-xs tbody tr:hover .table-dt-actions {
  opacity: 1
}
table.table.table-dt tbody tr td.table-name:hover,
table.table.table-dt-sm tbody tr td.table-name:hover,
table.table.table-dt-xs tbody tr td.table-name:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* TABLE-DT GENERIC [END] */

/* TABLE-DT SPECIFIC [START] */
table.table.table-dt th,
table.table.table-dt td {
  height: 27px;
  font-size: .85rem;
}
table.table.table-dt th span.dt-column-title {
  height: 27px;
  font-size: .85rem;
}
/* TABLE-DT SPECIFIC [END] */

/* TABLE-DT-SM SPECIFIC [START] */
table.table.table-dt-sm th,
table.table.table-dt-sm td {
  height: 23px;
  font-size: .85rem;
}
table.table.table-dt-sm th span.dt-column-title {
  height: 23px;
  font-size: .85rem;
}
/* TABLE-DT-SM SPECIFIC [START] */


/* TABLE-DT-XS [START] */
table.table.table-dt-xs th,
table.table.table-dt-xs td {
  height: 15px;
  font-size: .85rem;
}
table.table.table-dt-xs th span.dt-column-title {
  height: 15px;
  font-size: .85rem;
}
/* TABLE-DT-XS [END] */




/* TABLE SPECIFIC CUSTOMIZATIONS [START] */

table.table.table-dt.table-dt-questionnaires td {
  height: 37px;
}
table.table.table-dt.table-dt-questionnaires td.average-row-css {
  font-size: 1.25rem;
  /* font-weight: 700; */
}

/* Create criteria on Template [START] */

table.table.table-dt-check {
  border: none;
  border-radius: .375rem;
  padding: 0rem;
  width: 100%;
}
table.table.table-dt-check tbody {
  border: none;
  border-radius: .375rem;
  padding: 0rem;
  width: 100%;
}

table.table.table-dt-check tr:not(:first-child) {
  height: 25px;
  padding: 0rem;
  border-top: 1px solid #dee2e6;
  border-radius: .375rem;
}

table.table.table-dt-check td {
  height: 25px;
  padding: 0 1rem;
}

table.table.table-dt-check tr td:first-child {
  width: 90%;
}
table.table.table-dt-check tr:first-child td:not(:first-child) {
  display: flex;
  justify-content: center;
  align-items: center;
}
table.table.table-dt-check tr td:not(:first-child) {
  width: 10%;
}
table.table.table-dt-check tr td canvas {
  width: 45px !important; 
  height: 25px !important;
}
/* Create criteria on Template [END] */


/* Player Table [START] */

.user-profile-list table tbody tr td.table-name {
  font-size: 1rem;
}

.user-profile-list table tbody tr:hover td.table-name {
  text-decoration: underline;
}

.user-profile-list.user-profile-list-top table thead th {
  border-top: 1px solid #b2b2b2;
}
/* Player Table [END] */





/* DISCUSSION TABLES FROM SCORING [START] */

table.table-discussion tbody tr td.dt-ur {
  background-color: rgba(29, 218, 176, 0.7); 
  color: #FFF; 
  font-weight: bold; 
  text-align: center;
}

table.table-discussion tbody tr td.dt-lr {
  background-color: rgba(244, 66, 54, 0.45); 
  color: #FFF; 
  font-weight: bold; 
  text-align: center;
}

.table.table-permissions > tbody > tr > td:last-child {
  text-wrap:wrap;
}

/* DISCUSSION TABLES FROM SCORING [END] */



/* TABLE SPECIFIC CUSTOMIZATIONS [END] */



/* DATATABLE-LIBRARY-CUSTOMIZATIOS [START] */

div.dt-container div.dt-info {
  padding-top: .25rem;
  font-size: .9rem;
}

table.dataTable th.dt-type-numeric, 
table.dataTable th.dt-type-date, 
table.dataTable td.dt-type-numeric, 
table.dataTable td.dt-type-date {
  text-align: inherit;
}

div.dt-scroll-body>table>tbody>tr:last-child>td:first-child {
  border-bottom-left-radius: .375rem;
}
div.dt-scroll-body>table>tbody>tr:last-child>td:last-child {
  border-bottom-right-radius: .375rem ;
}


div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px !important;
}
/* .dataTables_filter {
  display: none;
} */
table.table.table-dt td.tooltip-descriptions-word-break {
  word-break: break-word;
  white-space:normal;
  font-size: 12px;
  /* line-height:inherit; */
  -webkit-line-clamp: 2;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
table.table.table-dt-sm#player-matchelevenreports-list-table td.tooltip-descriptions-word-break {
  word-break: break-word;
  white-space:normal;
  font-size: 12px;
  /* line-height:inherit; */
  -webkit-line-clamp: 3;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
table.table.table-dt.table-dt-questionnaires td.tooltip-descriptions-word-break {
  word-break: break-word;
  white-space:normal;
  font-size: 12px;
  line-height:21px;
  -webkit-line-clamp: 2;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
/* Adjusts the borders and border radiuses of a scrollable table */

div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt-sm,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt-xs,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt thead,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt-sm thead,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt-xs thead,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt colgroup,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt-sm colgroup,
div.dt-scroll div.dt-scroll-head div.dt-scroll-headInner table.table.table-dt-xs colgroup {
  border-bottom: none;
  border-radius: .375rem .375rem 0rem 0rem;
  width: 100%;
  min-width: 100%;
 }
/* Adjusts the borders and border radiuses of a scrollable table */

div.dt-scroll div.dt-scroll-body {
  /* border-left: none !important; */
  border-radius: .375rem;
  border-bottom: 1px solid var(--bs-card-border-color);
}

div.dataTables_scrollBody table.table.table-dt,
div.dataTables_scrollBody table.table.table-dt-sm,
div.dataTables_scrollBody table.table.table-dt-xs {
  border-radius: 0rem 0rem .375rem .375rem ;
  width: 100%;
  min-width: 100%;
 }
div.dataTables_wrapper {
  width: 100%;
  margin: 0 auto;
  min-width: 100%;
}

/* Make info and pagination section inline */
.dataTables_length,
.dataTables_filter {
  display: inline-block;
  padding-top: .85rem;
}
.dataTables_length {
  width: auto;
}

div.dataTables_wrapper div.dataTables_length label {
  font-size: .9rem;
}


.dataTables_filter {
  width: auto;
  float: right;
}

.dataTables_info,
.dataTables_paginate {
  width: 50%;
  display: inline-block;
  padding-top: .85rem;
}
div.dataTables_wrapper div.dataTables_info {
  font-size: .9rem;
  color: var(--bs-secondary-color);
  text-align: start;
}

.toolbar-filter,
.toolbar-filter-i-reports,
.toolbar-filter-m-reports,
.toolbar-filter-i-shortlists{
  width:auto;
  min-width: 25px;
  display: inline-block;
  padding-top: .95rem;
  float: right;
}

@media screen and (max-width: 767px) {
  .dataTables_info,
  .dataTables_paginate,
  .dataTables_length {
    width: 100%;
    margin-bottom: .5rem;    
  }
  .dataTables_filter {
    margin-top: 0 !important;
    /* float: unset; */
  }
  .toolbar-filter {
  float: unset;
}
}


/* Paggination [START] */

.page-link {
  color: var(--bs-secondary-color) !important; 
}

/* Paggination [END] */


/* OLD paginaaiton DATATABLES editions [START] */

/* 
.page-link {
  line-height: 1;
  border-radius: 0.2rem;
  margin: auto .2rem !important;
  color: var(--bs-secondary-color) !important; 
}

.page-link:hover {
  color: var(--bs-body-color) !important; 
}
.page-link:focus {
  box-shadow:none !important; 
}

.page-item:fisrt-child .page-link,
.page-item:last-child .page-link{
  margin: auto 0 !important;
} */
/* OLD paginaaiton DATATABLES editions [END] */


/* dataTables Search input box customization */
 
.dataTables_filter {
  position: relative;
}

.dataTables_filter input { 
  height: 32px;
  /* box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset; */
  text-indent: 2px;
  min-width: 211px;
}
.dataTables_filter input:focus { 
  background-color: var(--bs-tertiary-bg);
}

/* DATATABLE-LIBRARY-CUSTOMIZATIOS [END] */