ul.breadcrumb li span {
    min-height: 46px;
    min-width: 46px;
    display: block;
    border-radius: 26px;
    font-size: 20px;
    text-decoration: none;
    background: var(--graybg-darker);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    color: var(--textgray);
    transition: var(--transition-all);
}

ul.breadcrumb li.active span {
    padding-left: 40px;
    padding-right: 40px;
    background: var(--textblack);
    color: var(--white);
    font-weight: bold;
}


.form-container {
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
    /* background: var(--white); */
    display: flex;
    flex-direction: column;
    align-items: center;

}

.form-container.in-box {
    border-radius: var(--border-radius-big);
}


.form-container .forminput {
    border-radius: 50px;
    width: 100%;
    border: 0;
    background-color: var(--gray-input);
    min-height: 55px;
    outline: none;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 20px;
    margin-bottom: 15px;
    border: 1px solid var(--gray-input);
    transition: var(--transition-all);
    color: var(--textgray);
    font-family: var(--mainfont);
}
.form-container .forminput:focus, .form-container.profile .forminput:focus {
	border:1px solid var(--blue);
	transition:var(--transition-all);
}



.form-container.profile .forminput {
	background-color:var(--white);
	 
    border: 1px solid var(--gray-border);
  
}

.form-container .forminput:disabled {
	background-color:var(--gray-input);
}

.form-container.profile .inputfield select:not(:checked) {
	 color: var(--textgray);
}

.form-container .btn.blue {
    color: var(--blue);
    border: 2px solid var(--blue);
}


.form-container .btn {
    font-family: var(--mainfont);
    min-height: 55px;
    width: 100%;
    border-width: 2px;
    border-radius: 50px;
    background: transparent;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.25pt;
    transition: var(--transition-all);
}

.form-container .additional {
    display: flex;
    gap: 10px;
}


.myform {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
    max-width: 397px;
}

.myform .additional {
    display: flex;
    gap: 10px;
}


.inputfield select {
    width: 100%;
    min-height: 52px;
    border: 1px solid var(--gray-border);
    outline: none;
    border-radius: 30px;
    font-size: 20px;
    font-family: var(--mainfont);
    padding-left: 20px;
    box-sizing: border-box;
}

.inputfield-error {
    padding-left: 10px; 
    margin-bottom: 15px; 
    margin-top:-15px;
    font-size: 12pt; 
    color: red; 
    margin-right: auto;
}

.inputfield-link {
    padding-left: 10px; 
    margin-bottom: 15px; 
    margin-top:-15px;
    font-size: 12pt; 
    margin-right: auto;
}


div.questions ul.options-horizontal  {
    padding-inline-start: 0px;
	display:flex;
	align-items:center;
}

div.questions .options-horizontal li {
    display: flex;
	align-items:center;
	justify-content:center;
	
}
div.questions .options-horizontal li label {
	min-height:35px;
	height:auto;
	line-height:normal;
	 display: flex;
	align-items:center;
	justify-content:center;
}

div.questions ul.options-vertical  {
    padding-inline-start: 0px;
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	gap:15px;
}

div.questions .options-vertical li {
    list-style-type: none;
	display:flex;
	align-items:flex-start;
	 
}
div.questions .options-vertical li label {
	min-height:35px;
	height:auto;
	line-height:normal;
	 display: flex;
	align-items:center;
	justify-content:center;
	padding-left:46px;
	 
}
div.questions .options-vertical li label,
div.questions .options-horizontal li label {
	word-break:break-word;
}


div.question.plaintext .form-input {
	margin-bottom:20px;
}
div.question.plaintext h3 {
	margin-bottom:5px;
}
div.question.plaintext ul {
	margin-top:0px;
}
 
div.questions div.plaintext ul li {
	display:none;
}
div.questions div.plaintext ul li.visible {
	display:flex;
}


/*  Begin: Some custom toastr appearance  */

#toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div {
    width: 400px !important;
}

/*  End: Some custom toastr appearance  */



ul.messages li.read span.unread-messages-counter {
    display: none;
}