﻿@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}


html,
body {
    height: 100%;
}
a:focus {
  outline: unset;
  outline-offset: -2px;
}

.fill-parent {
    display: table;
    height:450px;
    width:100%;
}

.fill-child {
    display: table-cell;
    vertical-align:middle;
}

.header {
    background-repeat: no-repeat;
    background-position:center;
}
.header.home {
    background-image: url(../images/HomePg-Header-Background.jpg);
}
.navbar-default #makeAPayment{
    margin-top: 5px;
}
.navbar-default, .header {
    background-color: #174770;
    border-color: #174670;
}
.header, .header h2, .header h1,
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #50b5df;
}

.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:active{
    color: #50b5df;
}

.navbar-default .navbar-nav > li.active > a {
    color: #50b5df;
    background-color: transparent;
}
.navbar-default .navbar-nav > li.active > a:hover,
.navbar a.btn-link:hover{
    color: #50b5df;
    background-color: transparent;
}

.navbar-nav.navbar-right > li > a {
        padding: 14px 14px;
    }

.nav-tabs > li > a{
    border: 1px solid #ddd;
}

.nav-tabs > li > a.tab-info{
    background-color: #51B5E0;
    color: #fff;
}

.nav-tabs > li > a.tab-info:focus,
.nav-tabs > li > a.tab-info.focus{
    color: #ffffff;
    background-color: #51B5E0;
}
.nav-tabs > li > a.tab-info:hover{
    color: #ffffff;
    background-color: #26a2d8;
}

.nav-tabs > li > a.tab-warning{
    background-color: #FCB514;
    color: #fff;
}

.nav-tabs > li > a.tab-warning:focus,
.nav-tabs > li > a.tab-warning.focus{
    color: #ffffff;
    background-color: #FCB514;
}
.nav-tabs > li > a.tab-warning:hover{
    color: #ffffff;
    background-color: #da9803;
}

.nav-tabs > li > a.tab-success{
    background-color: #7FBA00;
    color: #fff;
}

.nav-tabs > li > a.tab-success:focus,
.nav-tabs > li > a.tab-success.focus{
    color: #ffffff;
    background-color: #7FBA00;
}
.nav-tabs > li > a.tab-success:hover{
    color: #ffffff;
    background-color: #528700;
}

.nav-tabs > li > a.tab-danger{
    color: #ffffff;
    background-color: #dd5900;
}

.nav-tabs > li > a.tab-danger:focus,
.nav-tabs > li > a.tab-danger.focus {
    color: #ffffff;
    background-color: #dd5900;
}
.nav-tabs > li > a.tab-danger:hover{
    color: #ffffff;
    background-color: #aa4400;
}

.header.home .container-fluid,
.section-dark .container-fluid,
.section-light .container-fluid,
.section-contactUs .container-fluid,
.footer .container-fluid {
    padding: 20px;
}
.section-light {
    background-color:#ffffff;
}
.section-dark {
    background-color:#efefef;
}
.section-contactUs {
    background-color: #174670;
   
}
.section-contactUs .container-fluid h5{
     color: #ffffff;
}
.navbar-fixed-top .container-fluid {
    max-width: 992px;
}
.navbar-brand {
    background-color: transparent;
    /*background: url('../images/Website-New-Logo.png') center / contain no-repeat;*/
    /*width: 45px;*/
    padding: 0;
}

.navbar-brand img{
    height: 85px;
    width: auto;
    margin-top: -35px;
}

.body-content {
    padding-top: 82px;
    background-color: #ffffff;
    min-height: 100%;
    height:auto !important; /* cross-browser */
    height: 100%; /* cross-browser */
}
.body-content .container-fluid {
     max-width: 992px;
}
.footer {
    background-color: #174770;
    padding-bottom: 10px;
    color: #f5f5f5;
}
.footer a,
p a {
    text-decoration:underline;
}
.footer ul li {
    list-style-type: none;
    padding-bottom: 2px;
}
/*.footer .btn-social-icon {
    background-color: #999999;
}*/
.footer .row .list-group {
    min-height: 100px;
}
.text-footer {
    color: #ffffff;
}
.multi-columns-row .thumbnail {
    min-height: 186px;
}
.thumbnail {
    background-color: transparent;
    border: none;
}
.thumbnail .caption.text-muted{
    color: #808084;
}

@media (max-width: 991px) {
    .thumbnail{
        height: 160px;
    }
    .thumbnail .caption{
        max-width: 150px;
        margin: auto;
    }
    .multi-columns-row .thumbnail .caption{
        max-width: 225px;
        margin: auto;
    }
}

.header .thumbnail .caption{
    color: #fff;
}

.btn-block {
    max-width: 300px;
}
.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

.modal-open[style] {
    padding-right: 0px !important;
}
.modal-title,
.modal-header .close
{
    color: #fff;
}
.modal-header > h4.modal-title.modal-title-black {
    color: black;
}

#busyModal{
    top:80%;
}
#spinnerHolder{
    height:100%;
    width:100%;
}
.spinner {
   position: absolute;
   left: 40%;
   top: 40%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
   
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}
.body-copy-larger {
    font-size: 14px;
}
#map {
   width: 100%;
   height: 450px;
   background-color: grey;
   /*margin-left:15px;
   margin-right:15px;*/
   display:grid;
 }
#map #error {
    margin:auto;
    color:darkred;
}
.bordered-tab-contents > .tab-content > .tab-pane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}

.bordered-tab-contents > .nav-tabs {
    margin-bottom: 0;
}
.equal, .equal > div[class*='col-'] {  
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
    flex-wrap: wrap;
}
/*#whyFinancePoints.dl-horizontal dt{
    white-space: unset;
    margin-bottom: 5px;
}

#whyFinancePoints.dl-horizontal dd{
    margin-bottom: 10px;
}*/
#whyFinancePoints > li{
    display:block;
    margin-bottom: 10px;
}
#whyFinancePoints > li > ul{
    display: list-item;
    margin-left: 30px;
    padding-left: 10px;
    list-style-type: inherit;
}

.btn-contact{
    background-color: #174770;
}

.btn, .nav-tabs{
    font-weight: bold;
}
.btn.btn-link{
    font-weight: normal;
}

.bordered-tab-contents > .tab-content > .tab-pane{
    padding: 0px 10px 10px 10px;
}

.tab-pane .content-info{
    height:10px;
    background-color:#57b6de;
    margin-left: -10px;
    margin-right: -10px
}

.tab-pane .content-warning{
    height:10px;
    background-color:#fab32e;
    margin-left: -10px;
    margin-right: -10px
}

.tab-pane .content-success{
    height:10px;
    background-color:#7dba28;
    margin-left: -10px;
    margin-right: -10px
}

.tab-pane .content-danger {
    height: 10px;
    background-color: #dd5900;
    margin-left: -10px;
    margin-right: -10px
}

#quote-items .slick-slide{
    padding-left: 10px;
    padding-right: 10px;
}

/*text on social media icons for screen readers*/
a.btn > span.social-icon-text {
    left: 10000px;
    top: 10000px;
    position: absolute
}

.section{
    display: block
}

.tooltip-inner{
    width:auto;
    max-width: 600px;
}

#techDisclaimer .tooltip.top{
    left: auto !important;
}

#techDisclaimer .tooltip.top .tooltip-arrow{
    left:5% !important;
}

img#googlePlay{
    height: 60px;
    width: auto;
}

img#appStore{
    padding: 0 10px;
}

.app-disclaimer{
    font-size:10px;
}

#blockUserAgentModal{
    width: 100%;
}

#blockUserAgentModal > div.modal-dialog{
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

li > span.list-text{
    font-weight: bold;
}
.bio {
    padding: 1rem;
    margin: 0 0 1rem 0;
}
.bio img {
    float: left;
    margin: 0 1rem 0 0;
}
.bio h4 {
    margin: 0 0 0.5rem 0;
}

.btn-secondary {
    color: #174770;
    border: 1px solid #174770;
    font-weight: bold;
    background: none, none, transparent;
}

.btn-register {
    color: #ffffff;
    background-color: #51B5E0;
    border-color: #3bacdc;
}

.panel-heading .btn-secondary, .navbar .btn-secondary {
    color: #fff;
    border: 1px solid #fff;
}

.panel-heading .btn-link {
    color: #fff;
    text-decoration: underline;
}

.panel-heading .btn-secondary:hover, .navbar .btn-secondary:hover {
    color: #ddd;
    border-color: #ddd;
}

.panel-heading .heading-group {
	padding-left: 6px;
	padding-right: 6px;
}

.panel-heading .heading-group:first-child {
	padding-left: 15px;
}

.panel.equal .panel-body {
	padding: 10px 15px;
}

.split-login-right {
	border-left: 1px solid #e5e5e5;
}

.padded-bottom {
	margin-bottom: 5px;
}

.bg-light {
	background-color: #f8f9fa;
}

span#errorMessage :not(:last-child) {
	margin: 0 0 6px;
}

span#errorMessage :last-child {
	margin: 0 0 0;
}
@media (max-width: 991px) {
    .navbar-brand img {
        margin-top: 0px;
    }
}

.cobrand-login-r {
    max-height: 80px;
}

/**
 * Responsive Bootstrap Tabs by @hayatbiralem
 * 15 May 2015
 */
/*@media screen and (max-width: 479px) {
  .nav-tabs-responsive > li {
    display: none;
    width: 23%;
  }
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .nav-tabs-responsive > li.active {
    width: 54%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
    display: none;
  }
  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .nav-tabs-responsive > li.prev > a:after {
    content: "\e079";
  }
  .nav-tabs-responsive > li.next > a:after {
    content: "\e080";
  }
  .nav-tabs-responsive > li.dropdown > a > .caret {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown > a:after {
    content: "\e114";
  }
  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
}*/