.breadcrumb {
margin-top: 10px;
margin-bottom: 1.75em;
}
i.fa.fa-angle-right {
margin: 0 20px;
}
.tefl-verify-email {
cursor: pointer;
font-weight: 600 !important;
background-color: #0F3042;
border: 1px dashed #F7F2EE;
color: #fff;
padding: .7em 1.75em;
border-radius: 0 10px 10px 0;
display: inline-block;
position: absolute;
right: 0;
}
label {
margin-bottom: 8px !important;
display: block;
font-weight: 500;
}
#moodle_username {
background-color: transparent;
border: 1px dashed #999;
border-radius: 10px;
padding: .75em;
color: #353535;
font-weight: 400;
font-size: 1rem;
margin-bottom: 5px;
-webkit-appearance: none;
outline: none;
}
select#moodle_course {
background-color: transparent;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
background-repeat: no-repeat;
background-position: right .7em top 50%;
background-size: .65em auto;
border: 1px dashed #999;
border-radius: 10px;
padding: .75em;
color: #353535;
font-weight: 400;
font-size: 1rem;
margin-bottom: 5px;
-webkit-appearance: none;
outline: none;
}
.extension-fields span {
font-weight: 400;
}
#moodle_username:focus {
background-color: #fff;
border-color: #eaeaea;
}
span.ok-verified,
.verify-error {
display: none;
font-weight: bold;
}
span.verify-error {
color: #e45555;
}
span.ok-verified {
color: #028288;
}
.lds-dual-ring {
display: none;
width: 15px;
height: 15px;
}
.lds-dual-ring:after {
content: " ";
display: block;
width: 15px;
height: 15px;
margin: 3px;
border-radius: 50%;
border: 2px solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}