.main-form {
        margin: 20px 0px 0px 0px;
        box-shadow: 0 15px 15px -5px rgba(0, 0, 0, .5);
        border-radius: 1px;
        font-size: 16px;
	border-bottom-color: #3c225c;
}
.error-note {
/*        display:none; */
        margin: 10px 0px 0px 0px;
        box-shadow: 0 15px 15px -5px rgba(0, 0, 0, .5);
        border-radius: 1px;
	border-bottom: #3c225c;
	        color: #fff;

}
.top-note {
/*        display:none; */
        margin: 10px 0px -90px 0px;
        box-shadow: 0 15px 15px -5px rgba(0, 0, 0, .5);
        border-radius: 1px;
	border-bottom: #3c225c;
	color: #fff;
}

.modal-body {
        background:#3c225c;
}
.text-primary {
        color: #fff;
}
.well {
        background:#3c225c;
        border-color:#3c225c;
        box-shadow: none;
        margin-bottom: 0px;
        width: 70%;
}
.wellnaaf {
        background:#3c225c;
        border-color:#3c225c;
        box-shadow: none;
        margin-bottom: 75px;
        width: 96%; 
	color:#fff;
}

.control-label
{
        color:#fff;
}
.password a {
        color:#fff;
}
.password a:hover {
        color:#000;
}
.btn-roit {
        background-color: #41c0f0;
        color:#fff;
}
.btn-roit:hover {
        background-color: #000;
        color:#fff;
}
.list-unstyled {
	color:#fff;
}
.logout h4 {
	color:#fff;
}
/* Mobiele apparaten */
@media screen and (max-width: 670px) {
.main-form {
        margin: 0px 0px 0px 0px;
        width: 292px;
}
.well {
width:100%;
}
.error-note {
/*        display:none; */
        margin: 5px 0px 0px 0px;
        width: 292px;
}
.top-note {
/*        display:none; */
        margin: 5px 0px 5px 0px;
        width: 292px;
}
.modal-body{
        padding: 1px;
}
.col-xs-5 {
        width: 73.666667%;
}
.right {
        display:none;
}
}