/**************************** REGISTER ****************************/

.lang {
	cursor:pointer;
	margin: 0px 5px 30px 5px;
	opacity: .3;	
	transition: opacity .5s, box-shadow .5s, border .5s;
}

.lang_selected {
	opacity: 1;

	box-shadow: 0px 1px 5px #000000;
}

/**************************** STUDY OVERVIEW ****************************/

@keyframes p-anim {
    from {width: 0%}
    to {}
}

.soto-participation .progress-bar {
	animation-name: p-anim;
	animation-duration: 1.2s;
}

.soto-timeline {
	margin-top: 15px;
}

.soto-timeline .soto-timeline-inner {
	animation-name: p-anim;
	animation-duration: .7s;
}

.soto_studydate_left {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	font-size: 12px;
	font-weight: 400;
	color: #afb7c2;
}

.soto_studydate_right {
	position: relative;
	display: block;
	float: right;
	width: 50%;
	text-align: right;
	font-size: 12px;
	font-weight: 400;
	color: #afb7c2;
}

/**************************** CUSTOM SOTO ****************************/

.soto-counter {
	color: #33c4b3;
	font-size: 30px;
}

.soto-progress-label {
	margin: 5px 0px 0px 0px;
	font-size: 13px;
}

/**************************** BOOTSTRAP OVERRULE ****************************/

body {
	background-color: #eef2f5;
	font-family: 'Roboto', sans-serif;
	color: #738495;
}

.bg-dark {
	background-color: #424c58!important;
}

.bg-secondary {
	background-color: #afb7c2!important;
}

.bg-primary {
	background-color: #15bdd8!important;
}

.bg-success {
	background-color: #4cbc6b!important;
}

.bg-teal {
	background-color: #33c4b3!important;
}

.bg-warning {
	background-color: #f68e4f!important;
}

.badge-info {
	background-color: #33c4b3!important;
}

.badge-warning {
	background-color: #f68e4f!important;
}

.btn-primary {
	background-color: #f68e4f;
	border: 0px;
	font-weight: 700;
	font-size: 14px;
}
	.btn-primary:hover {
		background-color: #e1712e;
	}

.progress-bar {
	color: rgba(255,255,255,0.6)!important;
	font-size: 12px;
	font-weight: 700;
}

.text-info {
	color: #33c4b3!important;
}