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

.table {
	>tbody {
		>tr {
			>td {
				padding: 4px 8px;
				border-top: 0px;
				vertical-align: middle;
			}
			>th {
				padding: 4px 8px;
				border-top: 0px;
			}
			>td.button-table-cell {
				padding: 0px;
			}
			>span.row-button {
				cursor: pointer;
				display: inline-block;
				padding: 3px;
				margin-bottom: 0px;
				margin-left: 4px;
				vertical-align: middle;
				//float: left;
				background-color: rgba(0, 0, 0, 0);
				color: #888888;
			}
		}
	}
	>tfoot {
		>tr {
			>td {
				padding: 4px 8px;
				border-top: 0px;
			}
			>th {
				padding: 4px 8px;
				border-top: 0px;
			}
			>td.button-table-cell {
				padding: 0;
			}
		}
	}
	>thead {
		>tr {
			>td {
				padding: 4px 8px;
				border-top: 0px;
			}
			>th {
				padding: 4px 8px;
				border-top: 0px;
			}
			>td.button-table-cell {
				padding: 0;
			}
		}
	}
}
.table-striped {
	>tbody {
		>tr {
			&:nth-of-type(odd) {
				background-color: #eee;
			}
		}
	}
}
#classlist {
	.document-class-list-tree {
        table-layout: auto !important;
		overflow-x: inherit !important;

		tr {
			color: color(text-color-default);
			border-right: none;
			font-weight: $font-weight-bold;

			th {
				span {
					color: color(text-color-default);
					font-weight: $font-weight-bold;
				}
				&:focus {
					outline: none;
				}
			}

			td {
				.image-container {
					position: relative;
					width: fit-content;
					.icon-container {
						position: absolute;
						pointer-events: none;
						top: 0;
						right: 0;
					}
				}
				&:focus {
					outline: none;
				}
				span {
					&:focus {
						outline: none;
					}
				}
			}

			&:focus {
                outline: none;
            }

			&.ui-iggrid-activerow.ui-state-focus {
				background: #ffffff;
				color: #333;
			}

			&[aria-selected="true"] {
				td.ui-state-active,
				td.ui-state-active.ui-state-hover {
					font-weight: 500;
				}
			}
		}
	}

	select.form-control {
		height: 34px;
		padding: 2px 5px;
		option {
			background: $modal-input-background;
		}
	}
	
	.form-control {
		&:focus {
			//box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); // Commented out because the shadow was causing problems in input fields in classlist table rows.
		}
	}
	
	.dbq-document-list-table-view {
		.form-inline {
			-webkit-box-shadow: 0px 3px 5px rgba(18, 25, 36, 0.07);
			-moz-box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
			box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
			border: 0;
		}
		table {
			border-collapse: collapse !important;
			th {
				color: color(text-color-default);
				font-weight: 600;
				text-transform: capitalize;
				font-size: $font-size-small;
				line-height: 20px;
				padding: 5px 10px;
				margin: 0;
				border-bottom: 1px solid $modal-border-color !important;
			}
			tr {
				color: color(text-color-default);
				font-weight: 500;
				text-transform: capitalize;
				font-size: $font-size-small;
				line-height: 20px;
				padding: 0;
				margin: 0;
				background: color(default-background);
				border-bottom: 1px solid $modal-border-color !important;
				td {
					padding: 5px 10px;
				}
			}
		}
	}	
}