/********************************************
Primary Color: #0073D2
Secondary Color: #004782
Hover/Focus Color: #005DAA
********************************************/
@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
 }
 @font-face {
    font-family: 'Noto Serif', serif;
     src: url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');
 }
body {
    color: #3A3A3A !important;
}

/********************************************
*                Basic Rules                *
********************************************/ 
h1 {
    color: #0377BF !important;
}
h1, h2, h3, h4, h5, h6 {
     font-family: 'Noto Serif', serif  !important;
    font-weight: 600  !important;
}
h1{
    font-size: 50px !important;;
}
h2{
    font-size: 36px !important;;
}

a, a.popover-tip {
    color: #0073D2 !important;
}
a:hover, a:focus, a.popover-tip:hover {
    color: #005DAA !important;
}

input[type='text'],
input[type='password'],
input[type='search'],
input[type='number'],
input#numberHomesOwned,
textarea {
    color: #3A3A3A !important;
}
input[type='text']::placeholder,
input[type='password']::placeholder,
input[type='search']::placeholder,
input[type='number']::placeholder,
input#numberHomesOwned::placeholder,
textarea::placeholder {
    color: #555555 !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;
}
.spacer-top-sm.spacer-bottom-sm{
    color: #022159;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}
/********************************************
*   Navbar, navbar menu, navbar buttons     *
********************************************/
.navbar {
    background: #f5f5f5 !important;
    color: #000 !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: #979CA7 !important;
    border: 4px solid white !important;
}
.step.is-active{
    color: #0073D2 !important;
}
.step.is-active:after {
    background: #F19542 !important;
    border: 4px solid #0377BF !important;
}
.step-progress-val {
    background: #F19542  !important;
}
.step-bar.is-active:after {
    background: #F19542 !important;
    border: 4px solid #0377BF !important;
}
.step-bar {
    color: #000;
}
.step-bar:after {
    background-color: #f0f0f2;
    border: 1px solid #f0f0f2;
}

.form-application .sub-header,
.panel-default > .panel-heading {
    background: #0377BF !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-default{
    color:#0A2256 !important;
    background-color: #FFFFFF;
    border: 2px solid #C2C7D1;
}
.btn-default:hover{
    color:#0A2256 !important;
    background-color: #FFFFFF;
    border: 2px solid #C2C7D1;
}
.privacy-statement-message{
    color: #022159;
}
.btn-choice {
    color: #0073D2 !important;
    border: 2px solid #0073D2 !important;
}
.btn-choice:hover, .btn-choice.active,
.btn-choice:active, .btn-choice:focus {
    color: #fff !important;
    background-color: #F19542 !important;
    border-color: #F19542 !important;
}

.progress-bar {
    color: #428bca !important;
    background-color: #428bca !important;
}

.search-filter {
    background: #D6E3F5 !important;
    color: #183661 !important;
}
.search-filter .text-muted {
    color: #058D00;
    font-size: 16px;
}
.text-muted {
    color: #058D00;
    font-size: 16px;
}
.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 #C2C7D1 !important;
    background-color: #ffffff !important;
    color: #0A2256;
}
h3.spacer-bottom{
    color: #022159;
    font-family: "Roboto", sans-serif !important;
    font-size: 26px !important;
}
p.privacy-statement-message{
    font-size: 16px !important;
}
.footer{
    border-top: 1px solid #DEDEDE !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 {
    border: 1px solid #C2C7D1 !important;
    background-color: #FFFFFF  !important;
}

button[type=submit] {
    background-color: #F19542 !important;
    color: #fff !important;
}
button[type=submit]:hover {
    background-color: #F19542 !important;
    color: #fff !important;
}

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

#formUploadCondition p.spacer-top-xs{
    Font-Size: 16px;
    Color: #022159
}
.chat-box .message-item-wrapper.self .message-item:after {
    border-left-color: #004782 !important;
    border-right-color: transparent;
}

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

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

.btn-primary {
    border: 1px solid transparent !important;
    background-color: #F19542 !important;
    color: #fff !important;
}
.btn-primary:hover {
    border: 1px solid transparent !important;
    background-color: #F19542 !important;
    color: #fff !important;
}
a.btn-primary:hover {
    border: 1px solid transparent !important;
    background-color: #F19542 !important;
    color: #fff !important;
}
.buttonImportURL {
    background-color: #0073D2 !important;
    color: #fff !important;
}
.buttonImportURL:hover {
    background-color: #005DAA !important;
}

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

div.input-group-addon,
span.input-group-addon {
    background-color: #ffffff;
    border-color: #C2C7D1;
}

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

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

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

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

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

#buttonReminder {
    background-color: #0073D2 !important;
    color: #fff;
}

#buttonReminder:hover {
    background-color: #005DAA !important;
}

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

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

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

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

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

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