//@import "../../../abstracts/abstracts";

#content-wrapper {
	.dbq-document-list-table-view {
		padding: 10px;
		table.dataTable {
			margin: 0 !important;
		}
		label {
			font-size: $font-size-small;
			font-weight: $font-weight-bold;
			line-height: 20px;
			padding: 0 10px;
			margin: 10px;
			background: #ffffff;
			border: 2px solid #f5f7f9;
			border-radius: $border-radius-button-default;
		}
		select.form-control {
			margin: 0 10px;
		}
		.icon-view {
			&:before {
				display: none;
			}
		}
		table {
			span.row-button {
				padding: 0;
			}
			svg {
				fill: #3a3b40;
				margin: 0;
				padding: 2px;
				&:hover {
					fill: $color-primary;
				}
			}
		}
		div.dataTables_wrapper {
			div.dataTables_info {
				float: left;
				width: auto;
				padding: 15px 10px;
				font-size: $font-size-small;
				font-weight: 500;
				line-height: 20px;
			}
			div.dataTables_paginate {
				float: right;
				width: auto;
				padding: 0;
				ul.pagination {
					margin: 0;
				}
				li {
					font-size: $font-size-small;
					font-weight: 500;
					line-height: 20px;
					margin: 0 0 0 5px;
					padding: 3px 10px;
					border-radius: 10px;
					background: #f5f7f9;
					border: 2px solid #f5f7f9;
					&:hover {
						background: #3a3b40;
						border: 2px solid #3a3b40;
						cursor: pointer;
						a {
							color: #fff;
							text-decoration: none;
						}
					}
				}
				.paginate_button.active {
					border: 2px solid $color-primary !important;
					background-color: #ffffff !important;
					color: #ffffff !important;
					&:hover {
						border: 2px solid $color-primary !important;
						background-color: $color-primary !important;
						color: #ffffff !important;
					}
				}
			}
		}
	}
}