
.st-epic-accordion:not(:first-child) {
	border-top: 1px solid #d9d9da;
}

.st-epic-item {
	padding: 12px 20px;
}

.st-epic-item:not(:last-child) {
	border-bottom: 1px solid #d9d9da;
	margin-bottom: -1px;
}

.st-task-item {
	padding: 10px 20px 10px 30px
}

.st-task-item:nth-child(even) {
	background-color: #f6f6f6;
}

.sp-type-radio label {
	border: 1px solid #d9d9da;
	display: block;
	margin-bottom: 0;
	padding: 12px 15px 11px 45px;
}

.sp-type-radio [type=radio]+label:before {
	left: 15px;
}

.sp-type-radio [type=radio]+label:after {
	left: 19px;
}

.sp-type-radio [type=radio]:checked+label {
	border-color: #5680e9;
}

.sp-template-list {
	border: 1px solid #d9d9da;
	margin-bottom: -1px;
}

.sp-epic-item {
	padding: 10px 20px;
}

.sp-task-item:nth-child(even) {
	background-color: #f6f6f6;
}

.sp-satge-item {
	padding: 0 15px;
}

.sp-items-list {
	position: relative;
}

.sp-items-list:after {
	content: '';
	position: absolute;
	top: 34px;
	width: 26%;
	height: 2px;
	background-color: #d9d9da;
	z-index: 1;
}

.sp-satge-item {
	position: relative;
	z-index: 9;
}

.sp-satge-second .active-img {
	display: none !important;
}

.sp-satge-second.active .active-img {
	display: inline-block !important;
}

.sp-satge-second.active .widthout-active-img {
	display: none !important;
}

.sp-satge-third .active-img {
	display: none !important;
}

.sp-satge-third.active .active-img {
	display: inline-block !important;
}

.sp-satge-third.active .widthout-active-img {
	display: none !important;
}

.sp-connfirm-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
}

.sp-connfirm-popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 9;
}

.sp-connfirm-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
	width: 90%;
	max-width: 730px;
	max-height: 90vh;
	overflow-y: auto;
}

.sp-connfirm-box .st-heading {
	padding: 10px 20px;
}

.sp-connfirm-box .sp-append-html .sp-listing .st-heading {
	padding: 8px 15px;
	background-color: #f5f5f5;
	border: 1px solid #d9d9da;
}

.close-connfirm {
	position: absolute;
	top: 15px;
	right: 15px;
}

.scope-to-checklist input.active+label {
	border-color: #5680e9;
}

.scope-to-checklist input.active+label span {
	border: 1px solid #5680e9;
}

.scope-to-checklist input.active+label span:before {
	opacity: 1;
}

.scope-to-checklist input.active+label span:after {
	width: 14px;
}

.template-box-item input[type=radio]:checked~label {
	border-color: #ccc!important;
}

.template-box-item input[type=radio]:checked+label:before {
	border-color: #b7b7b9;
}

.template-box-item input[type=radio]+label:after {
	opacity: 0;
	transform: translateY(-50%) scale(.5);
	-webkit-transform: translateY(-50%) scale(.5);
}

.template-box-item input.active~label,
.template-box-item input[type=radio].active:checked~label {
	border-color: #5680e9!important;
}

.template-box-item input.active~label:before {
	border-color: #5680e9;
}

.template-box-item input.active~label:after {
	right: 14px;
	left: auto;
	opacity: 1;
	transform: translateY(-50%) scale(1);
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
}

.st-slidebar {
	position: fixed;
	top: 45px;
	right: 0;
	width: 410px;
	height: calc(100% - 45px);
	padding: 25px 20px;
	background: #fff;
	z-index: 99999;
	box-shadow: -6px 0 22px rgba(0, 0, 0, .1);
	overflow-y: auto;
}

.st-slidebar .st-close-sidebar {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 22px;
	cursor: pointer;
}