@import '../constants.scss';

.base-table-viewer-structure {
	margin-top: 1rem;

	.log-info-block {
		font-size: 14px;
		padding: 0 15px;
		max-width: 100%;
		margin: 14px 0;
		border: 1px solid $light-blue;
		background-color: $light-blue-bg;
		border-radius: 4px;

		display: flex;
		align-items: center;
		justify-content: space-between;

		p {
			font-weight: bold;
			margin-bottom: 7px;
			margin-top: 7px;
		}
	}

	.log-filepath {
		p {
			padding: 5px 20px;
			border-radius: 4px;
			border: 1px solid $light-blue;
			background-color: $light-blue-bg;
		}
	}

	.dataTable[role="grid"] {
		border: 1px;
		border-radius: 5px;
		border-color: #dddddd; 
		border-style: solid;
		// text-align: center;

		thead {
			background-color: #f8f9fa;

			tr[role="row"] {
				vertical-align: top;

				th:nth-child(1) {		
					text-align: left;		
					padding-left: 20px;
				}

				th {
					border-bottom: 1px solid #dddddd;
				}
			}
		}

		tbody {
			tr {
				&.odd {
					background-color: $main-background-table-color;
				}

				&.odd:hover {
					background-color: #f8f9fa;
				}

				&.even:hover {
					background-color: #f8f9fa;
				}

				td:nth-child(1) {
					text-align: left;
					padding-left: 20px;
				}

				td {
					border-bottom: 1px dashed $light-blue-bg;
					
				}	
			}

			tr:hover {
				--bs-table-accent-bg: #f8f9fa;
			}
		}

	}

	.dataTables_paginate {
		margin: 0px;
		margin-top: 10px;
		padding: 0px;
		border: 1px;
		border-radius: 5px;
		border-style: solid;
		border-color: #dddddd;
		overflow: hidden;
	}

	.log-filesize-limitation {
		text-align: center;
		color: #fa9732;
	}
}