body {
    color: #6c5ba4;

}

#main-header {
    background-color: #6c5ba4;
    color: #fff;
}
#main-footer {
    color: #6c5ba4;
}
#main-footer .footer-wrapper{
    background-color: #eee;
}
#main-footer i.fa.footericon{
    color: #eee;
}

#main-content {
    background-color: #ffffff;

    color: #6c5ba4;
}

#main-title {

}
#main-title > span {
    font-size: 100%;
}

#main-wrapper {
    opacity: 1
}

.secondary-font,
h1, h2, h3, h4, 
.title,
.subtitle,
.btn,
button,
select,
textarea,
.text-input,
.fake-input,
.input-text {

}


.btn {
    color: #6c5ba4;
}
.btn:hover, .btn:focus, .btn:active, .btn.active {
    background-color: #6c5ba4;
    border-color: #6c5ba4;
    color: #fff;
}
.btn:hover.slim, .btn:focus.slim, .btn:active.slim, .btn.active.slim, 
.btn:hover.discret, .btn:focus.discret, .btn:active.discret, .btn.active.discret, 
.btn:hover.light, .btn:focus.light, .btn:active.light, .btn.active.light {
    background: transparent;
    color: inherit;
    border: none;
    opacity: 0.7;
}


.btn.plain {
    background-color: #6c5ba4;
    border-color: #6c5ba4;
    color: #fff;
}
.btn.plain:hover, .btn.plain:focus, .btn.plain:active, .btn.plain.active {
    opacity: 0.8;
}

.valid,
.btn.valid {
    color: #0fb155;
}
.btn.valid.plain, .btn.valid:hover, .btn.valid:focus, .btn.valid:active, .btn.valid.active {
    background-color: #0fb155;
    border-color: #0fb155;
    color: #fff;
}
.btn.valid:hover.slim, .btn.valid:focus.slim, .btn.valid:active.slim, .btn.valid.active.slim, 
.btn.valid:hover.discret, .btn.valid:focus.discret, .btn.valid:active.discret, .btn.valid.active.discret, 
.btn.valid:hover.light, .btn.valid:focus.light, .btn.valid:active.light, .btn.valid.active.light {
    background: transparent;
    color: #0fb155;
    border: none;
}



.beware,
.btn.beware {
    color: #ff9900;
}
.btn.beware.plain, .btn.beware:hover, .btn.beware:focus, .btn.beware:active, .btn.beware.active {
    background-color: #ff9900;
    border-color: #ff9900;
    color: #fff;
}
.btn.beware:hover.slim, .btn.beware:focus.slim, .btn.beware:active.slim, .btn.beware.active.slim, 
.btn.beware:hover.discret, .btn.beware:focus.discret, .btn.beware:active.discret, .btn.beware.active.discret, 
.btn.beware:hover.light, .btn.beware:focus.light, .btn.beware:active.light, .btn.beware.active.light {
    background: transparent;
    color: #ff9900;
    border: none;
}

.alert,
.btn.alert {
    color: #ff0033;
}
.btn.alert.plain, .btn.alert:hover, .btn.alert:focus, .btn.alert:active, .btn.alert.active {
    background-color: #ff0033;
    border-color: #ff0033;
    color: #fff;
}
.btn.alert:hover.slim, .btn.alert:focus.slim, .btn.alert:active.slim, .btn.alert.active.slim, 
.btn.alert:hover.discret, .btn.alert:focus.discret, .btn.alert:active.discret, .btn.alert.active.discret, 
.btn.alert:hover.light, .btn.alert:focus.light, .btn.alert:active.light, .btn.alert.active.light {
    background: transparent;
    color: #ff0033;
    border: none;
}

select.error,
textarea.error,
.text-input.error,
.fake-input.error {
    border-color: #ff0033;
}