.snp-tabs {
	margin: 0;

	.snp-tabs-nav {
		float: left;
		width: 100%;
		margin: 0;
		list-style-type: none;
		border-bottom: 1px solid #efefef;

		> li {
			float: left;
			margin-right: 0.5rem;
			margin-bottom: -1px;
			border-bottom: 1px solid #c5c5c5;
			background-color: #efefef;
				
			> a {
				float: left;
				line-height: 1.42857143;
				padding: 10px;
				border: 1px solid transparent;
				border-radius: 4px 4px 0 0;
	  			color: #666;

				&:hover {
					border-color: #eee #eee #ddd;
				}
			}

			&.active {
				> a,
				> a:hover,
				> a:focus {
					color: #fff;
					cursor: default;
					background-color: #0047ba;
					margin-bottom: -1px;
					border-bottom-color: transparent;
				}
			}
		}
	}

	.snp-tabs-content {
		float: left;
		width: 100%;

		> .anchor {
			display: none;

			&.active {
				display: block;
				padding: 1rem; 
				background-color: #efefef;
			}
		}

		> .active {
			display: block;
		}
	}

	.snp-tabs-row:after {
		content: "";
		display: table;
		clear: both;
	}
}