/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */
 
 .dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_wrapper {
	/* border: 2px solid yellow; */
	position: relative;
}

.dataTables_wrapper div.row {
	/* border: 1px solid #0088cc !important; */
	padding: 0 !important;
}


.dataTables_processing {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -100px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
	z-index: 1000;
	height: auto;
	min-height: 50px;
}

.dataTables_length {
	width: auto;
	float: right;
	padding: 10px;
	padding-bottom: 17px;
}
.dataTables_length .selector {
	margin-left: 10px;
}
.dataTables_length .selector select {
	width:50px !important;
	height: 30px;
}
.panel .dataTables_length {margin-right: 15px;}
.dataTables_filter {
	width: auto;
	float: left;
	text-align: left;
}
.dataTables_filter input[type=search] {
	margin-left: 15px;
	margin-bottom: 10px;
	background: url(./images/search.svg) no-repeat 95% center;
	height: 35px !important;
	padding-left: 5px;
	width: 185px;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	background-clip: padding-box;
	border: var(--bs-border-width) solid var(--bs-border-color);
	-moz-appearance: none;
	appearance: none;
	border-radius: var(--bs-border-radius);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	outline: none !important;
	box-shadow: none !important; 
}
input::-webkit-clear-button,
input::-webkit-search-cancel-button,
input::-webkit-search-decoration,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

.panel .dataTables_filter {margin-left:15px;}
.dataTables_info {
	width: auto;
	float: left;
	padding-left:10px;
	padding-bottom: 15px;
	/* margin-top:10px; */
	/* border: 2px solid orangered !important; */
}
.panel .dataTables_info {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Paginação */
.dataTables_paginate {
	float: right;
	text-align: right;
	padding-top: 0.25em;
	padding-bottom: 15px;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.5em 1em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	color: inherit !important;
	border: 1px solid transparent;
	border-radius: 2px;
	background: transparent;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: inherit !important;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-color: rgba(0, 0, 0, 0.05);
	background: linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	cursor: default;
	color: #666 !important;
	border: 1px solid transparent;
	background: transparent;
	box-shadow: none;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: white !important;
	border: 1px solid #111;
	background-color: #111;
	background: linear-gradient(to bottom, #585858 0%, #111 100%);
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button:active {
	outline: none;
	background-color: #0c0c0c;
	background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
	box-shadow: inset 0 0 3px #111;
  }
  
  .dataTables_wrapper .dataTables_paginate .ellipsis {
	padding: 0 1em;
  }
  
  /* Tabelas */
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_processing,
  .dataTables_wrapper .dataTables_paginate {
	color: inherit;
  }
  
  .dataTables_wrapper .dataTables_scroll {
	clear: both;
  }
  
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
	-webkit-overflow-scrolling: touch;
  }
  
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
	vertical-align: middle;

  }
  
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
	height: 0;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
  }
  
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }
  
  .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
  .dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
	border-bottom: none;
  }
  
  .dataTables_wrapper:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
  }
  
  /* Responsividade */
  @media screen and (max-width: 767px) {
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate {
	  float: none;
	  text-align: center;
	}
	.dataTables_wrapper .dataTables_paginate {
	  margin-top: 0.5em;
	}
  }
  
  @media screen and (max-width: 640px) {
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
	  float: none;
	  text-align: center;
	}
	.dataTables_wrapper .dataTables_filter {
	  margin-top: 0.5em;
	  padding-bottom: 20px;
	}
  }
  
  /* Tema escuro */
  html.dark {
	--dt-row-hover: 255, 255, 255;
	--dt-row-stripe: 255, 255, 255;
	--dt-column-ordering: 255, 255, 255;
  }
  
  html.dark table.dataTable>thead>tr>th,
  html.dark table.dataTable>thead>tr>td {
	border-bottom: 1px solid rgb(89, 91, 94);
  }
  
  html.dark table.dataTable>thead>tr>th:active,
  html.dark table.dataTable>thead>tr>td:active {
	outline: none;
  }
  
  html.dark table.dataTable>tfoot>tr>th,
  html.dark table.dataTable>tfoot>tr>td {
	border-top: 1px solid rgb(89, 91, 94);
  }
  
  html.dark table.dataTable.row-border>tbody>tr>th,
  html.dark table.dataTable.row-border>tbody>tr>td,
  html.dark table.dataTable.display>tbody>tr>th,
  html.dark table.dataTable.display>tbody>tr>td {
	border-top: 1px solid rgb(64, 67, 70);
  }
  
  html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,
  html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td {
	border-top-color: #0257d5;
  }
  
  html.dark table.dataTable.cell-border>tbody>tr>th,
  html.dark table.dataTable.cell-border>tbody>tr>td {
	border-top: 1px solid rgb(64, 67, 70);
	border-right: 1px solid rgb(64, 67, 70);
  }
  
  html.dark table.dataTable.cell-border>tbody>tr>th:first-child,
  html.dark table.dataTable.cell-border>tbody>tr>td:first-child {
	border-left: 1px solid rgb(64, 67, 70);
  }
  
  html.dark .dataTables_wrapper .dataTables_filter input,
  html.dark .dataTables_wrapper .dataTables_length select {
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-color: var(--dt-html-background);
  }
  
  html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	border: 1px solid rgb(89, 91, 94);
	background: rgba(255, 255, 255, 0.15);
  }
  
  html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
  html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
  html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #666 !important;
  }
  
  html.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 1px solid rgb(53, 53, 53);
	background: rgb(53, 53, 53);
  }
  
  html.dark .dataTables_wrapper .dataTables_paginate .paginate_button:active {
	background: #3a3a3a;
  }