.steps-bg {
	padding-left: 0;
	padding-right: 15px;
}

.steps-bg .ui-state-highlight {
	background: #8abae1 !important;
	position: relative;
}

.ui-steps ul {
	border: 1px #8abae1 solid;
}

.ui-datatable.ui-datatable-sm .ui-datatable-data>tr>td {
	padding: 0.3rem 0.5rem !important;
}

.ui-steps .ui-steps-item {
	height: 66px;
	border: none !important;
	position: relative;
	padding-left: 15px;
	padding-right: 10px;
}

.ui-steps .ui-steps-item:after {
	content: " ";
	position: absolute;
	right: -15px;
	top: 0px;
	border-top: 33px solid transparent;
	border-right: none;
	border-left: 15px solid #8abae1;
	border-bottom: 33px solid transparent;
	z-index: 100;
}

.ui-steps .ui-steps-item:before {
	content: " ";
	position: absolute;
	right: -14px;
	top: 0px;
	border-top: 33px solid transparent;
	border-right: none;
	border-left: 15px solid #ffffff;
	border-bottom: 33px solid transparent;
	z-index: 101;
}

.steps-bg .ui-state-highlight:before {
	content: " ";
	position: absolute;
	right: -14px;
	top: 0px;
	border-top: 33px solid transparent;
	border-right: none;
	border-left: 15px solid #8abae1 !important;
	border-bottom: 33px solid transparent;
	z-index: 101;
}

.steps-bg .ui-state-highlight:after {
	content: " ";
	position: absolute;
	right: -15px;
	top: 0px;
	border-top: 33px solid transparent;
	border-right: none;
	border-left: 15px solid #8abae1 !important;
	border-bottom: 33px solid transparent;
	z-index: 100;
}

.ui-steps-item .ui-steps-number {
	font-size: 30px !important;
	background: none !important;
	color: #000000 !important;
	border: none !important;
	margin-top: 1rem !important;
}

.ui-steps-item .ui-steps-title {
	color: #000000 !important;
	padding-top: 1.5rem !important;
}

.ui-steps-item.ui-state-highlight .ui-steps-title {
	color: #ffffff !important;
	padding-top: 1.3rem !important;
}

.ui-steps:before {
	content: " ";
	border-top: none !important;
}

.ui-steps .ui-steps-item:not(.ui-state-highlight) {
	opacity: 10 !important;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
	margin-top: 1rem !important;
	color: #ffffff !important;
}

.custom-wizard .wizard-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	width: 100%;
}

.custom-wizard .wizard-list-item {
	position: relative;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 0px;
	flex: 1;
	display: grid;
	grid-template-columns: 30px 1fr;
	gap: 10px;
	min-height: 37px;
	line-height: 15px;
	align-items: center;
	justify-items: center;
	margin-left: 0;
	background: #f1f0f8;
	justify-items: start;
	padding-right: 35px;
}

.custom-wizard .wizard-list-item:first-child {
	border-radius: 50px 0 0 50px !important;
	gap: 35px;
}

.custom-wizard .wizard-list-item:first-child::before {
	margin-left: 0 !important;
}

.custom-wizard .wizard-list-item:last-child {
	border-radius: 0 50px 50px 0 !important;
}

.custom-wizard .wizard-list-item::before {
	content: attr(data-step);
	display: block !important;
	background-color: #007bff;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	margin: auto;
	text-align: center;
	margin-left: -25px;
	box-shadow: 0 0 6px -1px #0000003d;
}

.custom-wizard .wizard-list-item.active {
	background: #0096fa !important;
	color: #fff;
}

.custom-wizard .wizard-list-item.active::before {
	background-color: #0078d0 !important;
	color: #fff !important;
	display: blcok !important;
	border-radius: 30px !important;
	margin-left: -30px;
}

.custom-wizard .wizard-list-item::before {
	background-color: white;
	color: #000;
	border: 1px #0000001c solid;
	border-radius: 30px;
}

.custom-wizard .wizard-list-item.active::after {
	/* content: " ";*/
	position: absolute;
	right: -14px;
	top: 0px;
	border-top: 25px solid transparent;
	border-right: none;
	border-left: 15px solid #B3D2E2;
	border-bottom: 25px solid transparent;
	z-index: 101;
}

.custom-wizard .wizard-list-item::after {
	/* content: " ";*/
	position: absolute;
	right: -14px;
	top: 0px;
	border-top: 25px solid transparent;
	border-right: none;
	border-left: 15px solid #F7F7F7;
	border-bottom: 25px solid transparent;
	z-index: 101;
}

.wizard-single-item {
	max-width: 300px !important;
}

/* NEW WIZARD STYLES START*/
.progress-steps .wizard-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	width: 100%;
	column-gap: 20px;
	justify-content: center;
}

.progress-steps .wizard-list-item {
	position: relative;
	padding: 0;
	border-radius: 0px;
	display: grid;
	grid-template-columns: 30px 1fr;
	gap: 10px;
	min-height: 50px;
	line-height: 15px;
	align-items: center;
	justify-items: center;
	margin-left: 0;
	justify-items: start;
	border-bottom: 4px #ccc solid;
}

.progress-steps  .wizard-list-item::before {
	content: attr(data-step);
	background-color: #e8e8e8 !important;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	margin: auto;
	text-align: center;
	box-shadow: 0 0 6px -1px #0000003d;
}

.progress-steps  .wizard-list-item.done {
	color: #0088fb;
	border-bottom: 4px #92c340 solid;
}

.progress-steps  .wizard-list-item.done::before {
	background-color: #92c340 !important;
	color: #fff !important;
	border-radius: 30px !important;
	font: var(--fa-font-solid);
	content: "\f00c";
	display: flex;
	justify-content: center;
	align-items: center;
}

.progress-steps  .wizard-list-item.active::before {
	background-color: #2120c1 !important;
	color: #fff !important;
	border-radius: 30px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.progress-steps  .wizard-list-item.active {
	border-bottom: 4px #2120c1 solid;
}

.progress-steps .wizard-list-item::before {
	background-color: white;
	color: #000;
	border-radius: 30px;
}

/* NEW WIZARD STYLES END*/

/*ACTIVE WIZARD STYLES START*/
.custom-wizard-left {
	position: sticky;
    top: 163px;
}

.custom-wizard-left .wizard-list {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

.custom-wizard-left .wizard-list-item {
	position: relative;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 0;
	flex: 1;
	display: grid;
	grid-template-columns: 35px 1fr;
	min-height: 39px;
	line-height: 15px;
	align-items: center;
	justify-items: center;
	margin-left: 0;
	background: #f0f2f6;
	justify-items: start;
	padding-right: 15px;
	margin-right: 15px;
	color: #99989c;
}

.custom-wizard-left .wizard-list-item span {
	max-width: 100%;
	overflow: hidden;
	/* text-overflow: ellipsis;
	white-space: nowrap !important; */
	display: flow-root;
	padding: 5px 0;
}

.custom-wizard-left .wizard-list-item:first-child::before {
	margin-left: 0 !important;
}

.custom-wizard-left .wizard-list-item::before {
	content: attr(data-step);
	display: block !important;
	width: 35px;
	height: 50px;
	line-height: 50px;
	margin: auto;
	text-align: center;
	background-color: transparent !important;
	color: #aba9a9;
	border-radius: 30px;
}

.custom-wizard-left .wizard-list-item::after {
	content: '';
	display: block !important;
	right: 0;
	color: rgb(53, 33, 47);
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: auto;
	text-align: center;
}

.custom-wizard-left .wizard-list-item.active {
	background: #fff !important;
	color: #000 !important;
}

.custom-wizard-left .wizard-list-item.active:hover {
	color: #000 !important;
}

.custom-wizard-left .wizard-list-item.active::after {
	/* content: " ";*/
	position: absolute;
	right: -50px;
	top: 0px;
	border-top: 25px solid transparent;
	border-right: none;
	border-left: 15px solid #ffffff;
	border-bottom: 25px solid transparent;
	z-index: 101;
}

.custom-wizard-left .wizard-list-item::after {
	/* content: " ";*/
	position: absolute;
	right: -14px;
	top: 0px;
	border-top: 25px solid transparent;
	border-right: none;
	border-left: 15px solid #f7f7f700;
	border-bottom: 25px solid transparent;
	z-index: 101;
}

/*ACTIVE WIZARD STYLES END*/

/*SIGNABLE DOCUMENT WIZARD START*/
.custom-wizard-sign-doc .wizard-list {
  	list-style: none;
  	padding: 0;
  	margin: 0;
  	display: flex;
  	width: 100%;
  	 position: relative;
  }
.custom-wizard-sign-doc .wizard-list:before{
	border-top: 1px #ccc solid;
    content: '';
    width: 100%;
    position: absolute;
    top: 50%;
     
}
.custom-wizard-sign-doc .wizard-list-item {
  	position: relative;
  	padding:0;
  	border-radius:0px;
  	flex: 1;
  	gap: 10px;
    line-height: 15px;
  	align-items: center;
  	justify-items: center;
  	margin-left: 0;
  	justify-items: start;
  	text-align:center;
  	max-width:300px;
  }
 
 .custom-wizard-sign-doc .wizard-list-item span{
  	color: #666769;
  	background-color:#d5d7db;
  	padding:7px 15px;
  	border-radius:30px;
  	position: relative;
  }
.custom-wizard-sign-doc .wizard-list-item.active span{
  	color: #fff;
  	background-color:#4cccbd;
  	padding:7px 15px;
  	font-weight: 700;
  	border-radius:30px;
  	position: relative;
  }
.custom-wizard-sign-doc .wizard-list-item.active span::after{
	 content: '';
    border-top: 10px solid #4cccbd;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}
 
  .custom-wizard-sign-doc .wizard-list-item.active::before {
    content: '';
    display: block !important;
    background-color: #007bff;
    background-color: #4bdcc3 !important;
    width: 100%;
    height: 4px;
    position: absolute;
    top: 6px;
    border-radius:0;
}
 
.custom-wizard-sign-doc .wizard-list-item::before {
    background-color: white;
    color: #000;
    border: 1px #0000001c solid;
    border-radius: 30px;
    
}
/*SIGNABLE DOCUMENT WIZARD END*/

.custom-wizard-sign-doc1 .ui-wizard-step-titles {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	font-size: 13px;
}

.custom-wizard-sign-doc1 .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight
	{
	background-color: #1375b6 !important;
	color: #fff;
	font-weight: bold !important;
}

.custom-wizard-sign-doc1 .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight:after
	{
	content: '';
	border-top: 10px solid #1375b6;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
}

.custom-wizard-sign-doc1 .ui-wizard-step-titles:before {
	border-top: 1px #ccc solid;
	content: '';
	width: 100%;
	position: absolute;
	top: 50%;
	display: block;
}

.custom-wizard-sign-doc1 .ui-wizard-step-title {
	position: relative;
	padding: 8px 20px !important;
	border-radius: 30px !important;
	flex: 1;
	gap: 10px;
	line-height: 15px;
	font-size: 13px !important;
	align-items: center;
	justify-items: center;
	margin-left: 0;
	justify-items: start;
	text-align: center;
	margin-left: 50px !important;
	margin-right: 50px !important;
	background: #d5d7db !important;
	min-width: 150px;
}

.custom-wizard-sign-doc1 .ui-wizard-step-title::before {
	background-color: white;
	color: #000;
	border-radius: 30px;
}

.custom-wizard-sign-doc1 .ui-wizard-step-title:last-child {
	border-top-right-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
}

.custom-wizard-sign-doc1 .ui-wizard-step-title:first-child {
	border-top-left-radius: 30px !important;
	border-bottom-left-radius: 30px !important;
}

.wizard-list-item .blueColor{
	display:block;
	margin-top:2px;
}