/********************************************
Primary Color: #8340CD
Secondary Color: #51287F
Hover/Focus Color: #6A34A6
********************************************/

body {
    color: #3A3A3A !important;
}

/********************************************
*                Basic Rules                *
********************************************/
h1 {
    color: #51287F !important;
}

a, a.popover-tip {
    color: #8340CD !important;
}
a:hover, a:focus, a.popover-tip:hover {
    color: #6A34A6 !important;
}

input[type='text'],
input[type='password'],
input[type='search'],
input[type='number'],
input#numberHomesOwned,
textarea {
    color: #3A3A3A !important;
}
input[type='text']:focus,
input[type='text']:active,
input[type='password']:focus,
input[type='password']:active,
input[type='search']:focus,
input[type='search']:active,
input[type='number']:focus,
input[type='number']:active,
input#numberHomesOwned:active,
input#numberHomesOwned:focus,
textarea:focus,
textarea:active,
.form-control:focus,
.form-control:active {
    color: #3A3A3A !important;
}

input[type=text].form-control[disabled],
input[type=password].form-control[disabled],
input[type=search].form-control[disabled],
input[type=number].form-control[disabled],
input#numberHomesOwned.form-control[disabled],
textarea[disabled],
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color:#eee !important;
    color: #999999 !important;
}

textarea[name="message"] {
    background-color: #ffffff !important;
}

/********************************************
*   Navbar, navbar menu, navbar buttons     *
********************************************/
.navbar {
    background: #f5f5f5 !important;
    color: #FFF7F4 !important;
}

.navbar-default ul.navbar-nav > li > a,
.navbar-default ul.navbar-nav > li > a:hover,
.navbar-defualt ul.navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #000 !important;
}
.navbar-default ul.navbar-nav > li > a:hover{
    color: #000 !important;
}

ul.dropdown-menu li a,
ul.nav-tabs > li > a {
    color: #000 !important;
}

ul.dropdown-menu li > a:hover,
ul.dropdown-menu li > a:focus,
ul.nav-tabs > li.active > a,
ul.nav-tabs > li.active > a:hover,
ul.nav-tabs > li.active > a:focus,
ul.nav-tabs > li > a:hover,
ul.nav-tabs > li > a:focus {
    background: rgb( 240, 240, 240 ) !important;
    color: black !important;
}

/********************************************
*              Custom Modifiers             *
********************************************/
.text-danger {
    color: #FF4A3E !important;
}
.step:after {
    background: #dddddd !important;
    border: 4px solid white !important;
}
.step.is-active{
    color: #8340CD !important;
}
.step.is-active:after {
    background: #8340CD !important;
    border: 4px solid rgba( 255, 255, 255, 0.7) !important;
}
.step-progress-val {
    background: #8340CD !important;
}
.step-bar.is-active:after {
    border-color: #8340CD !important;
    background-color: #8340CD !important;
}
.step-bar {
    color: #000;
}
.step-bar:after {
    background-color: #f0f0f2;
    border: 1px solid #f0f0f2;
}

.form-application .sub-header,
.panel-default > .panel-heading {
    background: #51287F !important;
    color: #fff !important;
}
.panel-heading > .panel-title > a,
.panel-heading > .panel-title > .popover-tip {
    color: #fff !important;
}
.panel .loan-group-count {
    color: #FFF7F4;
}

.btn-choice {
    color: #8340CD !important;
    border: 2px solid #8340CD !important;
}
.btn-choice:hover, .btn-choice.active,
.btn-choice:active, .btn-choice:focus {
    color: #fff !important;
    background-color: #8340CD !important;
    border-color: #8340CD !important;
}

.progress-bar {
    color: #51287F !important;
    background-color: #51287F !important;
}

.search-filter {
    background: #f7f7f7 !important;
}
.search-filter .text-muted {
    color: #000;
}

.pw-condition .glyphicon-remove {
    color: #FF4A3E !important;
    background: transparent !important;
    border: 1.5px solid #FF4A3E !important;
}
.pw-condition .glyphicon-ok {
    color: #fff !important;
    background: #3BB187 !important;
    border: 1.5px solid #3BB187 !important;
}

.blog-sidebar-menu {
    background: rgb( 240, 240, 240 ) !important;
}

/*====================================
    Typography
====================================*/
input[type=text].form-control,
input[type=password].form-control,
input[type=search].form-control,
input[type=number].form-control,
input#numberHomesOwned.form-control,
textarea {
    border: 1px solid #adadad !important;
    background-color: #F8FBFC !important;
}
input[type=text].form-control:focus,
input[type=password].form-control:focus,
input[type=search].form-control:focus,
input[type=number].form-control:focus,
input#numberHomesOwned.form-control:focus,
textarea:focus,
select:focus {
    border-color: #ADC7EB !important;
}

h3.signup-sub-header {
    color: #3A3A3A !important;
}

/*====================================
    Forms/Inputs
====================================*/
select, span.select2-selection, button.multiselect {
    border: 1px solid #adadad !important;
    background-color: #F8FBFC !important;
    color: #333333;
}

.select2-container--bootstrap .select2-selection--multiple ul.select2-selection__rendered {
    padding-top: 6px;
    padding-bottom: 6px;
}

.select2-container--bootstrap .select2-selection--multiple li.select2-selection__choice {
    color: #333333;
    background: #f7f7f7;
    border: 1px solid #999999;
    border-radius: 6px;
    margin-left: 6px;
    padding: 0 6px;
}

.select2-container--bootstrap .select2-selection--multiple span.select2-selection__choice__remove {
    color: #666666;
    margin-right: 4px;
}

.select2-container--bootstrap .select2-selection--multiple span.select2-selection__choice__remove:hover {
    color: #333333;
}

button[type=submit] {
    background-color: #8340CD !important;
}
button[type=submit]:hover {
    background-color: #6A34A6 !important;
}

#bsmChatBox .pull-right a {
    color: #FFFFFF !important;
}

.chat-box .message-item-wrapper.self .message-item:after {
    border-left-color: #51287F !important;
    border-right-color: transparent;
}

.chat-box .message-item-wrapper.self .message-item {
    background: #51287F !important;
    color: #fff;
    border-color: #51287F;
}

.chat-box .message-item-wrapper.self .message-item .message-date {
    color: #fff;
}

.btn-primary {
    border: 1px solid transparent !important;
    background-color: #8340CD !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #6A34A6 !important;
    color: #fff !important;
}
.buttonImportURL {
    background-color: #8340CD !important;
    color: #fff !important;
}
.buttonImportURL:hover {
    background-color: #6A34A6 !important;
}

a.btn-default {
    color: #000 !important;
}

a.btn-default:hover {
    color: #000 !important;
}

#buttonNext:focus {
    color: #fff !important;
}

div.input-group-addon,
span.input-group-addon {
    background-color: #EFF4FB;
    border-color: #adadad;
    border-left: none;
    border-right: none;
}

/*====================================
    Sign Up
====================================*/
#agreeLegalLabel a:hover {
    color: #6A34A6 !important;
}
#agreeLegal a:hover,
a:not(#returningUserButton, #buttonBack, .btn):hover,
a.popover-tip:not(#returningUserButton, #buttonBack):hover{
    color: #6A34A6 !important;
}

/*====================================
    Verify Start
====================================*/
button[data-cb-id*="addDynamicDependents"],
button[data-cb-id*="addDynamicDependents"]:focus {
    background-color: #8340CD !important;
    color: #fff !important;
}

button[data-cb-id*="addDynamicDependents"]:hover {
    background-color: #6A34A6 !important;
}

#modalVerifyReminder .btn-primary {
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #000 !important;
}

#modalVerifyReminder .btn-primary:hover {
    background-color: #e6e6e6 !important;
}

#buttonReminder {
    background-color: #8340CD !important;
    color: #fff;
}

#buttonReminder:hover {
    background-color: #6A34A6 !important;
}

/*====================================
    Dashboard
====================================*/
.speech-bubble-me {
    background: #8340CD !important;
}

.speech-bubble-me:after {
    border-left-color: #8340CD !important;
}

/*====================================
    Payment
====================================*/
#formGenericPayment .panel .panel-heading h4 {
    color: #000;
}

/*====================================
    Partner Marketplace
====================================*/
.hero.background {
    background-color: #f1f1f1 !important;
}

.form-search-options {
    border: 2px solid #eee !important;
}

[class*="icomoon"]:before {
    color: #51287F !important;
}