html {
	overflow-x: hidden;
}

body {
	margin: 0;
    background: #fbfbfb;
	font-family: 'Open Sans', sans-serif;
    color: #2d2d2d;
    font-size: 14px;
	line-height: 20px;
	height: 100%;
	overflow-x: hidden;
	position: relative;
}

*, *:after, *:before {
	box-sizing: border-box;	
	font-family: 'Open Sans', sans-serif;
}

a {
	text-decoration: none;
	color: #4b9712;
}

b, strong {
	font-weight: 600;
}

h1 {
	font-size: 20px;
	line-height: 36px;
}

h2 {
	font-size: 16px;
	margin-bottom: 16px;
}

.goback {
	font-size: 12px;
	margin-bottom: 8px;
}
	.goback:before {
		content: "\2039";
		margin-right: 4px;
		font-size: 13px;
	}

.button {
	padding: 8px 16px;
	color: #fff;
	background: hsl(94deg 79% 33%);
	border-radius: 4px;
	font-size: 13px;
	border: none;
}
	.button.large {
		padding: 10px 20px;
		font-size: 14px;
	}
	.button:hover {
		box-shadow: inset 0 0 0 50px rgba(0,0,0,0.1);
	}
	
.container {
	width: 1000px;
	margin: 40px auto;
}
	
	.container .tabs {
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		bottom: -1px;
	}
		
		.container .tabs .tab {
			background: hsl(120, 11%, 96%);
			border: 1px solid hsl(210, 6%, 79%);
			color: hsl(215, 6%, 57%);
			font-size: 11px;
			font-weight: bold;
			height: 40px;
			line-height: 42px;
			text-align: center;
			text-transform: uppercase;
			padding: 0 16px 0 20px;
			position: relative;
		}
			.container .tabs .tab.active {
				background: hsl(0, 100%, 100%);
				border-bottom-color: #fff;
				color: hsl(94deg 79% 33%);
				cursor: default;
			}
			.container .tabs .tab:first-child {				
				border-right: 0;
				-moz-border-radius-topleft: 4px;
				-webkit-border-top-left-radius: 4px;
				border-top-left-radius: 4px;
			}
			.container .tabs .tab:last-child {	
				-moz-border-radius-topright: 4px;
				-webkit-border-top-right-radius: 4px;
				border-top-right-radius: 4px;
			}
			
			.container .tabs .tab .tab-url {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
			}
			
			.container .tabs .tab .plus {
				margin-left: 10px;
				padding: 2px;
				border-radius: 4px;				
				background: hsl(0deg 0% 64%);
				position: relative;
				z-index: 1;
			}
				.container .tabs .tab .plus:hover {
					box-shadow: inset 0 0 0 50px rgba(0,0,0,0.1);
				}
				.container .tabs .tab.active .plus {
					background: hsl(94deg 79% 33%);
				}
				
				.container .tabs .tab .plus svg {
					width: 12px;
					height: 12px;
					fill: #fff;
				}
	
	.container .content {
		border: 1px solid hsl(210, 6%, 79%);
		-webkit-border-radius: 0 4px 4px 4px;
		-moz-border-radius: 0 4px 4px 4px;
		-ms-border-radius: 0 4px 4px 4px;
		-o-border-radius: 0 4px 4px 4px;
		border-radius: 0 4px 4px 4px;
		clear: both;
		margin-bottom: 20px;
		padding: 20px;
		background: #fff;
	}
	
.default-form {}
	
	.default-form .table-form {
		width: 100%;
		border-collapse: collapse;
	}
	
	.default-form .table-field:not(:last-child) {
		border-bottom: 24px solid #fff;
	}
	
	.default-form .td-name {
		padding-right: 60px;
		white-space: nowrap;
	}
	
	.default-form .td-text {
		width: 100%;
	}
	
	.default-form .input {
		height: 36px;
		width: 100%;
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 0 8px;
		line-height: 40px;
		vertical-align: middle;
		background: #fff;
		width: 100%;
	}
	
.message {
	padding: 8px 12px;
    margin-bottom: 20px;
    background: #ffe394;
    border-radius: 4px;
    color: #8e6900;
}	
	.message.error {
		color: #ffffff;
		background: #fb6a6a;
	}
	
.data-table {
	width: 100%;
	border-collapse: collapse;
}
	
	.data-table thead {
		font-weight: 600;
		color: #777;
	}
		
		.data-table thead tr {
			border-bottom: 1px solid #eaeaea;
		}
	
	.data-table tr:not(:last-child) {
		border-bottom: 1px solid #eaeaea;
	}
	
	.data-table td {
		padding: 10px 8px;
	}
	
	.data-table .action {
		width: 28px;
		height: 28px;
		background: #f0f0f0;
		border-radius: 4px;
		border: none;
	}
		.data-table .action.print {
			width: initial;
			padding: 0 12px;
			color: #676767;
			background: #f0f0f0;
		}
		.data-table .action.delete {
			background: #fb6a6a;
		}
		
		.data-table .action svg {
			width: 13px;
			height: 13px;
		}
			.data-table .action.print svg {
				fill: #676767;
			}
			.data-table .action.delete svg {
				fill: #fff;
			}