body {
    font-family: 'Encode Sans Expanded Regular';
    line-height: 1.4em;
    font-size: 14px;
}

a {
    color: #282b34;
}

a:hover, .title-by-alphabet, .accordion-section-header h3, .content-block ol li{
    color: #243782;
}

.fw600, strong, strong span, .panel-heading, .panel-heading span, b {
    font-weight: 600;
    font-family: 'Encode Sans Expanded Bold' !important;
}

.user-newregi-block h3, .loan-info h2, h1, .next-due-date.bold, .loan-info .payment .payment-wrapper .amount, 
.page-header h1 span, md-dialog-content h2, md-dialog h2, .accordion-section-header h3, .content-block ol li{
    font-family: 'Encode Sans Expanded SemiBold' !important;
}

a, p, label, input, .mui-input label, .mui-input div, .mui-button, button, span, .hero-content, .md-datepicker-input{
    font-family: 'Encode Sans Expanded Regular' !important;
}
/*=============================================
=                 Custom Fonts                =
=============================================*/
@font-face {
    font-family: 'Encode Sans Expanded Light';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Expanded Light'), url('../font/EncodeSansExpanded/EncodeSansExpanded-Light.woff') format('woff');
}

@font-face {
    font-family: 'Encode Sans Expanded Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Expanded Regular'), url('../font/EncodeSansExpanded/EncodeSansExpanded-Regular.woff') format('woff');
}


@font-face {
    font-family: 'Encode Sans Expanded SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Expanded SemiBold'), url('../font/EncodeSansExpanded/EncodeSansExpanded-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Encode Sans Expanded Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Expanded Bold'), url('../font/EncodeSansExpanded/EncodeSansExpanded-Bold.woff') format('woff');
}
/*=====  End of Custom Fonts  ======*/


/*=============================================
=                 Images                      =
=============================================*/

/* Medium and Large Devices Logo */
.primary-nav .nav-light .logo img{
    margin-left: -16px;
    max-height: 60px;
}
/* Small Devices - Logo*/
.mobile .logo img {
    max-height: 35px;
}

.auto-vehicle-loans {
    background-image: url(../image/marketing-hero/auto_vehicle_loans.jpg);
}

.page-header.back-cover {
    background: #243782;
}

.image-header-main {
    background: url('../image/home-background.jpg') no-repeat 100% center;
}
.image-header-inner {
    background-image: url(../image/hero-content/about-banner.png);
}

.image-header-inner-contact {
    background-image: url('../image/hero-content/contact-banner.png');
}

/* Mobile - Landing Home Page */
@media (max-width:767px) {
     .image-header-main {
        background: url(../image/home-background.jpg) no-repeat 93% center;
    }
}

/* Custom Icons Starts */
.input-help li.valid {
    background: url(../image/icons/check-validation.svg) no-repeat left 6px;    
}

.pdf-icon {
    background: url('../image/icons/pdf.svg') no-repeat center center;
}

.cvv-input .cvv-icon {
    background: url(../image/icons/cvv.svg) no-repeat;
}
/* Custom Icons Ends */



/*=============================================
=      Custom Elements Theme Colors           =
=============================================*/

/*Main Nav Active Color */
.primary-nav .nav-light ul.in-sector-nav li a.active span, .primary-nav .nav-dark ul.sectors li.active a, md-sidenav ul.sector-in-sector-nav>li a.active, nav.primary-nav ul.sector-in-sector-nav li a.active  {
    color: #243782 !important;
    font-family: 'Encode Sans Expanded SemiBold' !important;
}

/*Side Nav Active Color */
.sidenav li.active a,
.sidenav li.active a span,
md-menu-item.active,md-menu-item.active a, md-menu-item.active a.md-focused,
.sidenav li.active a:hover,
md-menu-item.active:hover {
    color: #243782 !important;
    font-family: 'Encode Sans Expanded SemiBold' !important;
}

/*Side Nav Active Border Color */
.nav-tabs ul.tabs li a.active {
    border-color: #248524 !important;
}

ul.sidenav li.active {
    border-left: 2px solid #243782 !important;
}
/*Side Nav Active Border Color */
.boxed-radio md-radio-button.md-checked,
.boxed-radio md-radio-button.md-checked:hover {
    border-color: #248524 !important;
}

.application-type .boxed-radio .type-button-container md-radio-button.md-checked::after {
    background: #248524 !important;
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill{
    border-color: #248524 !important;
}

.check-button-default .active input:checked+span, .info-dropdown .info-step.completed, .enroll-account-select .title-icon, .enroll-account-select .enroll-check{
    color: #248524 !important;
}

.check-button-default .active input:checked + span:after {
    background-color: #248524 !important;
}

.pagination .active, .pagination-page.active {
    background: #248524 !important;
    border-color: #248524 !important;
}

.custom-tabs .md-tab.md-active {
    background: #248524 !important;
}

.custom-tabs .md-tab.md-active:after {
    border-top: 9px solid #248524 !important;
}

.float-right-align {
    width: 340px;
    float: right;
}

.user-newregi-block {
    /* background: #f2f2f2; */
    background: rgba(242,242,242,.9);
    margin: 40px 0;
    float: right;
}

.disp-block {
    display: block !important;
}


.table.k-table>thead:first-child>tr:first-child>th {
    vertical-align: middle;
}

.table-bordered.k-table>tbody>tr>td,
.table-bordered.k-table>tbody>tr>th, 
.table-bordered.k-table>tfoot>tr>td,
.table-bordered.k-table>tfoot>tr>th, 
.table-bordered.k-table>thead>tr>td, 
.table-bordered.k-table>thead>tr>th {
    border-right: 1px solid rgba(0,0,0,.12);
}

.table-bordered.k-table>thead>tr>td:last-child, 
.table-bordered.k-table>thead>tr>th:last-child,
.table-bordered.k-table>tbody>tr>td:last-child,
.table-bordered.k-table>tbody>tr>th:last-child {
    border-right: none;
}


/* Toolip Style */
.download-tooltip, .print-tooltip, .download-tooltip-pay-history{
    position: relative;
}
.download-tooltip .md-tooltip{
    right: -20px;
    top: -45px;
}
.download-tooltip-pay-history .md-tooltip{
    right: -26px;
    top: -35px;
}
.print-tooltip .md-tooltip{
    right: -6px;
    top: -45px;
}

.image-header-inner::after {
    background: #dde3eb;
}

.m-b-sm h3.m-t-lg.fs14{
    font-size: 14px !important;
}

.btn-darkgrey {
    background-color: #ef7d00!important;
    border-color: #ef7d00!important;
    border-radius: 0;
}

.btn-darkgrey:hover {
    background-color: #d57308!important;
    border-color: #d57308!important;
}

.paymentfor .grey-medium{
    color: inherit !important;
}

.paymentfor .fs12.grey-medium.m-b-lg{
    color: rgba(0,0,0,.54)!important;
}

.image-header-main, .landing-page .image-header-main {
    width: 100%;
    background-size: cover;
}

.primary-nav .nav-light ul.in-sector-nav li a.active {
    outline: 0!important;
    color: #243782 !important;
    font-family: 'Encode Sans Expanded SemiBold' !important;
}

.page-footer {
    background-color: #282b34 !important;
}

.copyright, .footer .footer-menu li a {
    color: #fff !important;
}

.footer .footer-menu li a:hover{
    text-decoration: underline;
}

.image-header-main h1, .image-header-main h2{
    color: #fff;
}

.removeAccountLink {
    color: #282b34;
}

.removeAccountLink:hover{
    color: #243782;
}

.primary-nav .nav-light md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button:not(.md-raised), .primary-nav .nav-light md-toolbar:not(.md-menu-toolbar) .md-button:not(.md-raised),
ul.sidenav li a{
    color: #282b34;
}

.md-button, button{
    border-radius: 0 !important;
    box-shadow: none !important;
}

.image-header-inner .image-header-inner-content h2{
    line-height: normal
}

.progress {
    background: #ccc;
}

.progress-bar{
    background: #243782
}

.section h2,
.card-body .title{
    color: #243782;
    font-family: 'Encode Sans Expanded SemiBold';
}

.md-button.md-fab{
    border-radius: 50% !important;
}

.md-default.outline-primary{
    border: 1px solid #243782;
    color: #243782;
}

.md-default.outline-primary:hover{
    background: #243782;
    color: #fff;
}

.image-header-main h1{
    margin-bottom: 16px;
}

.back-to-top a:hover{
    background: #243782;
    color: #fff;
}

.myInfoField .value{
    word-break: break-all;
}

.accordion.blue-text{
    font-weight: 400;
}

.content-block ul li{
    margin-bottom: 20px
}

.leftsection .content .layout-wrap.layout-gt-xs-row.flex-100{
    overflow: hidden;
}

.page-header md-select.md-default-theme .md-select-icon, .page-header md-select .md-select-icon {
    color: rgba(255,255,255,0.54);
}

.page-header md-select.md-default-theme .md-select-value, .page-header md-select .md-select-value {
    border-bottom-color: rgba(255,255,255,0.3);
}

button.md-datepicker-button {
    top: -10px;
    border-radius: 50% !important;
    transform: scale(.75);
}

button.md-datepicker-button md-icon.md-datepicker-calendar-icon{
    transform: scale(1.35)
}

.list-items{
    padding: 0;
}

.list-items li{
    line-height: 40px;
}

.list-items li a{
    color: #282b34;
    text-decoration: underline;
}

.list-items li a:hover{
    color: #243782;
    text-decoration: none;
}

.hyperlink{
    text-decoration: underline;
}

a.hyperlink[href^="tel:"], .hyperlink:hover{
    text-decoration: none;
}

.btn-show-password {
    position: absolute !important;
    right: 0px;
    top: 20px;
}

.btn-show-password.md-button.mui-button{
    position: absolute !important;
    right: 0px;
    top: 20%;
    min-width: 0px !important;
    width: 10%;
    height: 10%;
    border:none !important
}

.btn-show-question-pass-custom {    
    right: 0px;
    top: 0px !important;
}

.btn-show-create-pass-custom {    
    right: 0px;
    top: -10px !important;
}