.phases {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}

.phases_edit {
	width: auto;
	margin: 0 auto;
}

.phases td,
.phases th {
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
}

.phases_show td,
.phases_show th {
	text-align: center;
}

.phases_edit td:first-child {
	width: 384px;
	padding-left: 44px;
	padding-right: 6px;
}

.phases_edit td:last-child {
	padding-left: 0;
}

.phases_edit input {
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
}

.phases_edit .error input {
	border: 1px solid #f15b5b;
}

.phases img {
	vertical-align: middle;
}

.phases .phases__loadbar {
	text-align: center;
}

.phases .phases__progress {
	display: inline-block;
	margin-left: 10px;
}

.phases .phases__footer {
	position: relative;
	padding-top: 10px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	text-align: right;
}

.phases_show .phases__footer {
	text-align: left;
	padding-left: 0;
}

.phases_edit .phases__footer {
	padding-right: 34px !important;
}

.phases__ok {
	position: absolute;
	right: 0;
	top: 20px;
}

.phases__button {
	display: inline-block;
	cursor: pointer;
}

.phases__button-edit span {
	margin-left: 5px;
	border-bottom: 1px dashed;
	color: #457edb;
}

.phases__remove {
	cursor: pointer;
}

.phases_show td,
.phases_show th {
	border: 1px solid #e8e8e8;
	font-size: 13px;
}

.phases_show th {
	background: #f6f6f6;
}

.phases_show .phase_name {
	text-align: left;
}
