.history {

	font-size: 13px;
	color: #333;

	.inner2 {
		padding: 10px 10px 10px 0;
	}

	h2 {
		margin: 10px;
		font-size: 16px;
		color: #444;
		font-weight: bold;
	}

    .follow {
        position: fixed;
        background: #ffffff;
        border: 1px solid gray;
        box-shadow: 0 0 10px 1px #999;
        max-width: 700px;
        max-height: 350px;
        overflow: auto;
        padding: 3px;

        .atomlist {
            border: 1px solid gray;
            margin-right: 10px;
            padding: 2px;
        }

        .selection {
        	white-space: pre;
        	margin-top: 15px;
        }
    }

	.border {
		z-index: 1;
		overflow: auto;

		@include box-sizing(border-box);
		height: 100%;
		background: #fff;
		border: 1px solid #bbb;

		> p {
			margin: 10px;
		}
	}

	.table {
		margin: 1%;
    	width: 98%;

    	.shrink {
    		width: 1px;
    		white-space: nowrap;

    		button {
    			height: 25px;
    			padding: 2px 7px;
    		}
    	}
    	.center {
    		text-align: center;

    		.duplicates-select-container {
    			width: 75%;
    		}
    	}

		a {
			color: $primary-color;
			outline: 0;
			@extend %smart-underline;
		}

		td.commands {
			padding: 1px 2px;
			text-align: right;
			vertical-align: middle;

			button {
				//@extend %button;
		        height: 25px;
		        padding: 3px 7px;
		        font-size: 12px;
				height: 23px;
			}

			.icon {
				font-size: 20px;
				vertical-align: middle;
				margin: 0 8px 0 8px;
				color: gray;
			}
		}

		tbody tr.current td {
			color: #fff;
			background-color: $selection;

			a {
				color: inherit;
				text-decoration: none;
			}
		}
	}
}
