@import "../constants.scss";
@import "../base/base-table-view.scss";

.dbgme-log-viewer {
	@extend .base-table-viewer-structure;

	.buttons {
		.clear-log,
		.refresh-log,
		.download-log {
			margin: 0;
			width: 100%;
			height: 35px;
			padding: 0;
			font-size: 14px;
		}

		.refresh-log,
		.download-log {
			background-color: $main-theme-color;
		}

		.clear-log {
			background-color: $danger-color;
		}
	}

	.dataTables_wrapper {
		margin-top: 1rem;

		.pill{
			min-width: 70px;
			border-radius: .1875rem;
		}

		#dbgme_log-table_paginate {
			.current {
				color: #000;
				background: #dddddd;
			}

			.paginate_button,
			.ellipsis {
				box-sizing: border-box;
				display: inline-block;
				padding: 0;
				margin: 0;
				padding: 0 15px;
				border: 0;
				border-left: 1px;
				border-radius: 0px;
				border-style: solid;
				border-color: #ddd;

				&:hover {
					color: #000 !important;
					background: #999 !important;
				}

				a {
					text-decoration: none;
					margin: 0;
				}
			}
		}

		#dbgme_init_logging {
			margin: 0 auto;
			display: block;
			font-size: 18px;
			border: none;
			border-radius: 5px;
			margin-top: 50px;
		}
	}

	.bootstrap-switch {
		margin-bottom: 0;
	}

	.bootstrap-switch-on {
		background: $main-theme-color
	}
}