

.stepper .line {
	 width: 2px;
	 background-color: lightgrey !important;
}
 .stepper .lead {
	 font-size: 1.1rem;
}


.stepper .line {
	width: 2px;
	height:20px;
	background-color: lightgrey !important;
}
.stepper .lead {
	font-size: 1.1rem;
}

.step-tooltip{

}

.step-tooltip-popup{
	position:absolute;
	background-color: #f0f0f0;
	color: #000;
	padding: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	z-index: 9999;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 5px 5px;
	width: 70%;
	transform: translateX(-50%);

}

.info-tiptext {
	display: none;
	position: absolute;
	background-color: #f0f0f0;
	color: #000;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	z-index: 9999;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 5px 5px;
	/* bottom: 100%; */
	left: 30%;
	transform: translateX(-30%);
}


#textContainer {
	position: absolute;
	background-color: #f0f0f0;
	color: #000;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	z-index: 1;
	width: 80%;
}

.btn-primary{
	background-color: #1DA797;
	color: #ffffff;
}

.border-top-none{
	border-top: none !important;
}


.btn-circle.btn-sm { 
    width: 20px;
    height: 20px;
    padding: 3px 0px;
    border-radius: 15px;
    font-size: 8px;
    text-align: center;
}
.w-30 {
	width: 30% !important; }

.invalid-small-text{
    font-size: 60%;
}


.risk-green{
	background-color: #008000FF !important;
}

.risk-red{
	background-color: #FF0000FF !important;
}

.risk-orange{
	background-color: #FFA500FF !important;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #000000 !important; }


.callout_container{
	background: #c3ceee;
	padding: 1rem;
}

.ai_output_container{
	background: #c3bcbc;
	padding: 1rem;
}

svg{
height: 1.5rem;
}


ul {
	list-style: none; /* Removes default bullet points */
	padding: 0; /* Removes default padding */
}

li {
	margin-bottom: 1rem; /* Adds 1rem spacing between list items */
}

::placeholder {
	color: #010705;
	font-style: italic;
	opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
	color: #010705;
	opacity: 1; /* Firefox */
}

tr.left{
	background-color: beige !important;
}


.btn-blue{
	background-color: #6161b5;
	border-color: #6161b5;
	color: #fff;
}

.btn-10{
	width: 10% !important;
}


.btn-15{
	width: 15% !important;
}

.btn-blue:hover{
	background-color: #5151b3;
	border-color: #5151b3;
	color: #fff;
}

table.preview-table tr:nth-child(1){
	text-align: center;

}

table.preview-table tr td{
	text-align: center;
}

table.preview-table td:nth-child(2){
	text-align: center;

}


.col-md-20p{
	flex: 0 0 15%;
	max-width: 20%;
}

.form-label{
	font-size: 1.2rem;
}

table.table.assessment-table tr td{
	width: 20%;
}
table.reactive-assessment-preview-table{
	background-color: #b6b6b6;
}

table.reactive-assessment-preview-table tr td{
	text-align: center;
}

table.final-table tr td{
	text-align: center;
}

table.final-table tr:first-child td,
table.final-table tr td:first-child{
	text-align: left;
}


.text-area-reading{
	width: 100% !important;
	background-color: transparent !important;
	border: none !important;
}

.loader {
	width: 60px;
	aspect-ratio: 4;
	--_g: no-repeat radial-gradient(circle closest-side,#1DA797 90%,#fcfcfc00);
	background: 
	  var(--_g) 0%   50%,
	  var(--_g) 50%  50%,
	  var(--_g) 100% 50%;
	background-size: calc(100%/3) 100%;
	animation: l7 1s infinite linear;
  }
  @keyframes l7 {
	  33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
	  50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
	  66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
  }


  .loader-small {
	width: 30px;
	aspect-ratio: 4;
	--_g: no-repeat radial-gradient(circle closest-side,#1DA797 90%,#fcfcfc00);
	background: 
	  var(--_g) 0%   50%,
	  var(--_g) 50%  50%,
	  var(--_g) 100% 50%;
	background-size: calc(100%/3) 100%;
	animation: l7-small 1s infinite linear;
  }
  @keyframes l7-small {
	  33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
	  50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
	  66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
  }


  .btn-config{
	background-color: #2929e7;
    border-color: #2929e7;
    color: #fff;
  }


  .blurred-plan-action{
	filter: blur(10px);
  }

  .btn-link{
	color: #000000 !important;
  }

  .btn-link:hover{
	color: #1610b3 !important;
  }


  .btn-link-danger{
	color: #ff0000 !important;
	background: transparent !important;
  }

  .btn-link-danger:hover{
	color: #ff0000 !important;
  }

  .btn-active{
	background-color: #157c70 !important;
	font-weight: 700 !important;
  }