/*
 * Custom Styling for Temenos Virtual Capture
 * Version 3
 * Date: 01/28/2020
 *
 * Font Dependencies: <link href="https://fonts.googleapis.com/css?family=Merriweather|Source+Sans+Pro&display=swap" rel="stylesheet">
 */

 @import url('https://fonts.googleapis.com/css?family=Merriweather|Source+Sans+Pro&display=swap');

 body {
   margin-top: 23px !important;
   font-family: 'Source Sans Pro', sans-serif !important;
 }

 .a-comp-logo img {
   height: 150px !important;
 }

 .body-content {
   background: url('https://www.alturacu.com/wp-content/uploads/2019/12/blue_overlay_waves_background.jpg') no-repeat !important;
   background-size: cover !important;
   padding-top: 25px;
   padding-bottom: 25px;
   margin-bottom: -15px !important;
   min-height: 100%;
   -webkit-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
         box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
             -moz-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
                 -ms-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
 }

 .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: transparent !important;
 }

 .tips-section {
     background: #fff;
     padding: 20px;
     border: none !important;
     -webkit-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
         box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
             -moz-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
                 -ms-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
 }

 .a-comments {
     margin-top: 0px !important;
 }

 @media screen and (max-width: 767px) {
     .a-comments {
         margin-top: 0px !important;
     }
 }

 .a-comments textarea {
      border: none !important;
     border-radius: 0px !important;
      border-top-left-radius: 3px !important;
 }

div.tooltip-inner, div.tooltip-arrow {
  display: none;
}

 body > div.body-content > div.container > div > div.col-md-3 > div.a-comments > div > div {
     border: none !important;
     border-radius: 0px;
     border-top-right-radius: 3px !important;
 }

 .tips-section p, .tips-section h4, .tips-section font {
     text-align: left !important;
     font-family: 'Source Sans Pro', sans-serif;
 }

 .nav-pills>li>a {
     font-family: 'Merriweather', serif !important;
     color: white;
     border-radius: 0px !important;
     padding-bottom: 24px;
     font-weight: 400;
 }

 .nav-pills>li.active>a:hover {
   color: #002e4d;
 }

 .nav-pills>li>a:hover, .nav-pills>li>a:focus, .nav-pills>li>a:active {
     background-color: transparent;
     color: #002e4d;
     cursor: hand;
     cursor: pointer;
     border-bottom: 3px solid #002e4d;
 }

 .nav-pills>li.active a {
     color: #002e4d;
 }

 #frmOnlineProfileSignIn {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
 }

 .a-pills {
    background: url('https://www.alturacu.com/wp-content/themes/altura/css/../images/yellow-cta.png') no-repeat !important;
    background-position: center center !important;
    background-size: cover;
    height: 75px;
    padding-top: 18px;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
 }

 .a-screen-titlebar-wrapper .a-bottombar, .a-form .a-bottombar {
     border-radius: 0px !important;
     border: none !important;
 }

 .ui-widget-header.a-panel-title.panel-heading {
   background: url('https://www.alturacu.com/wp-content/themes/altura/css/../images/yellow-cta.png') no-repeat !important;
   background-size: cover !important;
   background-position: bottom left !important;
   border-top-left-radius: 3px !important;
   border-top-right-radius: 3px !important;
   font-family: 'Merriweather', serif !important;
   color: #002e4d;
   height: 60px;
   font-size: 12pt;
   font-weight: 600;
   padding-top: 18px;
   text-align: center;
 }

 input[type="text"], select option, .input-sm {
     font-family: 'Source Sans Pro', sans-serif !important;
     font-size: 11pt;
 }

 .a-panel.panel.panel-default {
     border-top-left-radius: 3px !important;
     border-top-right-radius: 3px !important;
     border: none !important;
     border-bottom-right-radius: 0px !important;
     border-bottom-left-radius: 0px !important;
 }

 .a-field-label {
     font-family: 'Source Sans Pro', sans-serif !important;
     font-size: 12pt;
 }

.a-panel-bottombar {
    height: 75px !important;
    padding-right: 15px;
}

#forget_pwd {
    float: left !important;
    margin-top: -75px;
    padding-left: 20px;
}

.a-form {
    border-radius: 0px !important;
    border: none !important;
}

 .a-panel-body-instructions {
     font-size: 12pt !important;
     font-family: 'Source Sans Pro', sans-serif !important;
 }

 .nav.nav-tabs.category-tabs {
   background: url('https://www.alturacu.com/wp-content/themes/altura/css/../images/yellow-cta.png') no-repeat !important;
   background-position: center center !important;
   height: 80px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border: none !important;
 }

 .categories {
     border: none !important;
 }

 .categories .close {
     color: #002e4d !important;
     opacity: 1 !important;
 }

 .categories hr {
     display: none;
 }

.category, .sub-category {
    font-family: 'Merriweather', serif !important;
    font-size: 14pt !important;
}

@media screen and (max-width: 767px) {

 .product-selection.ng-scope {
   background-color: #fff !important;
   background: url('https://www.alturacu.com/wp-content/themes/altura/css/../images/yellow-cta.png') no-repeat !important;
   background-position: top center !important;
   width: 100% !important;
   margin-left:-16px !important;
   padding: 20px;
   font-family: 'Merriweather', sans-serif !important;
 }

 #VCNavbar {
     margin-top: 50px;
 }

}

 .nav.nav-tabs.category-tabs li {
   margin-top: 21px;
 }

 .nav.nav-tabs.category-tabs li.active a {
   color: #002e4d !important;
 }

 .nav.nav-tabs.category-tabs li.active a:after {
   background: #002e4d !important;
   height: 3px;
 }

 .nav.nav-tabs.category-tabs li a:hover {
   color: #002e4d !important;
 }

 .nav.nav-tabs.category-tabs li a:hover:after {
   background: #002e4d !important;
   height: 3px;
 }

 .tab-pane.products-wrap.active {
   background: #fff !important;
   padding: 25px;
 }

 @media screen and (max-width: 767px) {
     .tab-pane.products-wrap.active {
       background: none !important;
       padding: 25px;
 }
 }

 .nav.nav-tabs.category-tabs li a {
   color: #fff;
   font-weight: bold;
   font-size: 12pt;
   padding-bottom: 26px;
   font-family: 'Merriweather', serif;
 }



 .navbar.navbar-inverse.navbar-fixed-top {
  border-bottom: none !important;
  background-color:  #fff;
  padding: 10px 0 10px;
 }

 .navbar.navbar-inverse.navbar-fixed-top:before {
  content: '';
  display: block;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.15)),to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 100%);
  width: 100%;
  height: 8px;
  position: absolute;
  z-index: 444;
  left: 0;
  top: 100px;
 }

 ul.nav.navbar-nav li a {
   font-family: 'Merriweather', serif;
   color: #002e4d !important;
   font-weight: 600;
 }

 div[data-category="Home Equity"] button, div[data-category="HELOC"] button  {
   display: none;
 }

 .container.row {
   margin-bottom: 100px;
 }

 .container {
   padding: 15px 15px;
 }

 .body-content.container {
   padding: 25px 0px;
 }

 ul.nav.navbar-nav li a {
   color: #0075bf;
 }

 ul.nav.navbar-nav li a:hover {
   color: #004b85;
 }

 .footer {
   position: fixed;
   bottom: 0px;
   width: 100%;
   padding: 15px 0px 25px;
 }

 .footer div, .footer span {
   color: #fff !important;
   background-color: #002e4d;
 }

 .active {
   color: #002e4d;
 }

 .active a::after {
   background: #002e4d;
 }

 .btn-primary, .btn-default {
   border-radius: 3px;
    background: -webkit-linear-gradient(225deg,#0071b8 0%,#00406a 100%);
    background: -o-linear-gradient(225deg,#0071b8 0%,#00406a 100%);
    background: linear-gradient(225deg,#0071b8 0%,#00406a 100%);
    display: inline-block;
    color: #fff !important;
    padding: 12px 20px !important;
    border: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 700;
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
    letter-spacing: 2px;
    line-height: 20px;
    font-size: 12pt;
 }

 .btn-primary:hover, .btn-default:hover {
       padding: 12px 23px !important;
    background: -webkit-linear-gradient(225deg,#00406a 0%,#002b47 100%);
    background: -o-linear-gradient(225deg,#00406a 0%,#002b47 100%);
    background: linear-gradient(225deg,#00406a 0%,#002b47 100%);
    color: #fff;
    border: none;
    line-height: 20px;
 }

 div.tooltip-inner {
   background-color: #fbab29;
 }

 div.tooltip-arrow {
   border-bottom-color: #fbab29 !important;
   color: #fbab29;
 }

 .nav-pills > li:active > a {
   background: #004b85 !important;
 }

 .panel.panel-default.product, .table-responsive, .a-form {
   -webkit-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
         box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
             -moz-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
                 -ms-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
   border: none !important;
 }

 .panel-heading.heading {
   background: url('https://www.alturacu.com/wp-content/uploads/2019/12/blue_overlay_waves_background.jpg') no-repeat !important;
   background-size: cover !important;
   background-position: bottom right !important;
   background-color: #f1f1f1;
   color: white;
   border-radius: 0px !important;
   font-family: 'Merriweather', serif !important;
   font-size: 10pt;
 }

 /*.nav.nav-tabs.category-tabs {
   display: none;
 }*/

 .product-selection.nav-tabs > li.active > a {
   color: #004b85;
 }

 .modal-dialog {
   border-radius: 0px !important;
 }

 .modal-content {
   border-radius: 0px !important;
   border: 0px solid #fff !important;
 }

 .modal-header {
   color: #fff;
   background: #004b85;
 }

 .close {
   color: #fff !important;
   text-shadow: 0 1px 0 #000;
 }

 table>thead>tr>th {
   background: #004b85 !important;
   color: #fff !important;
   border: none !important;
   text-align: center !important;
 }

 table>tbody, table>tbody>tr>td {
   color: #000 !important;
   text-align: center !important;
 }

 .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
     background-color: #fbab29;
 }

 .dropdown-menu {
     border-radius: 0px;
     border: 0px;
 }

 span.a-field-label-required {
   background-image: none !important;
   background: none !important;
   content: '*';
 }

 span.a-field-label-required::after{
   content: '*';
   color: red;
   margin-right: -15px;
 }

 .navbar-inverse.navbar-collapse, .navbar-inverse.navbar-form {
   border-color: #fff !important;
 }


 .navbar-toggle.collapsed {
   background: #fff;
   border-color: #fff !important;
   border-radius: 0px !important;
 }

 .navbar-toggle.collapsed:focus, .navbar-toggle.collapsed:hover {
   background: #fff;
   border-color: #fff !important;
   border-radius: 0px !important;
 }

 .navbar-inverse .navbar-collapse {
   border-color: #fff;
 }

 body {
   padding-top: 77px !important;
   font-family: 'Trebuchet MS';
 }

 .navbar.navbar-inverse.navbar-fixed-top {
   background-color: #fff !important;
   border-bottom: 2px solid #fbab29;
   border-color: #fbab29 !important;
 }

 .container.row {
   margin-bottom: 100px;
 }

 .container {
   padding: 15px 15px;
 }

 .body-content.container {
   padding: 25px 0px;
 }

 ul.nav.navbar-nav li a {
   color: #0075bf;
 }

 ul.nav.navbar-nav li a:hover {
   color: #004b85;
 }

 .footer {
   position: relative;
   width: 100%;
   padding: 15px 0px 25px;
   background-color: #002e4d;
   font-family: 'Source Sans Pro', sans-serif !important;
   border: none !important;
 }

 .footer div, .footer span {
   color: #fff !important;
   background-color: #002e4d !important;
   font-family: 'Source Sans Pro', sans-serif !important;
 }

 .active {
   color: #0075bf;
 }

 .active a::after {
   background: #0075bf;
 }

 div.panel-heading.heading > div.select-wrap > div > button {
   position: absolute;
   bottom: 55px;
   left: 105px;
   z-index: 999;
 }

 div.panel-heading.heading > div.select-wrap > div > button {
   position: absolute;
   bottom: 55px;
   left: 105px;
   z-index: 999;
 }

 @media screen and (max-width:400px) {
div.panel-heading.heading > div.select-wrap > div > button {
   position: absolute;
   bottom: 35px;
   left: 70px;
   z-index: 999;
 }
}

 div.name {
   width: 100%;
   text-align: center;
 }

 div.tooltip-inner {
   background-color: #fbab29;
 }

 div.tooltip-arrow {
   border-bottom-color: #fbab29 !important;
   color: #fbab29;
 }

 .nav-pills > li:active > a {
   background: transparent !important;
 }

 .panel.panel-default.product, .table-responsive, .a-form {
   -webkit-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
         box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
             -moz-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
                 -ms-box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
   border: none !important;
 }

 .panel-heading.heading {
   background: #004b85;
   color: white;
 }

 /*.nav.nav-tabs.category-tabs {
   display: none;
 }*/

 .product-selection.nav-tabs > li.active > a {
   color: #004b85;
 }

 .modal-dialog {
   border-radius: 0px !important;
 }

 .modal-content {
   border-radius: 0px !important;
   border: 0px solid #fff !important;
 }

 .modal-header {
   color: #fff;
   background: #004b85;
 }

 .close {
   color: #fff !important;
   text-shadow: 0 1px 0 #000;
 }

 table>thead>tr>th {
   background: #004b85 !important;
   color: #fff !important;
   border: none !important;
   text-align: center !important;
 }

 table>tbody, table>tbody>tr>td {
   color: #000 !important;
   text-align: center !important;
 }

 .panel-body.body div font, .panel-body.body div b, .panel-body.body div span {
   font-family: 'Source Sans Pro', sans-serif !important;
 }

 .panel-body.body div font, .panel-body.body div span {
     font-size: 12pt !important;
 }

 .panel-body.body div {
   font-size: 12pt;
   font-family: 'Source Sans Pro', sans-serif !important;
 }

 .panel-body.body div b {
   font-size: 20pt;
   font-family: 'Source Sans Pro', sans-serif !important;
 }

 .panel-body.body div:nth-child(2) {
   padding-top: 10px;
   margin-bottom: -5px;
 }

 .panel-body.body div b a {
   font-size: 12pt;
   font-family: 'Source Sans Pro', sans-serif !important;
 }

 .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
     background-color: #fff;
 }

 .dropdown-menu {
     border-radius: 0px;
     border: 0px;
 }

 span.a-field-label-required {
   background-image: none !important;
   background: none !important;
   content: '*';
 }

 span.a-field-label-required::after{
   content: '*';
   color: red;
   margin-right: -15px;
 }

 .navbar-inverse.navbar-collapse, .navbar-inverse.navbar-form {
   border-color: #fff !important;
 }

 .icon-bar {
   background-color: #002e4d !important;
 }

 .navbar-toggle.collapsed {
   background: #fff;
   border-color: #fff !important;
   border-radius: 0px !important;
 }

 .navbar-toggle.collapsed:focus, .navbar-toggle.collapsed:hover {
   background: #fff;
   border-color: #fff !important;
   border-radius: 0px !important;
 }

 .navbar-inverse .navbar-collapse {
   border-color: #fff;
 }

 .panel.panel-default.product {
   display: inline-block;
   width: 100%;
   max-width: 360px;
   border-radius: 0px !important;
   height: 325px
 }

 .product .body {
   display: inline-block !important;
   width: 100%;
   text-align: center;
   padding: 20px;
   padding-bottom: 50px;
   border-radius: 0px !important;
   height: 300px !important;
 }

 .tab-content div[class*="col-"] {
   width: 100%;
   max-width: 360px;
 }

 .a-panel-table {
     font-family: 'Source Sans Pro', sans-serif !important;
 }

 .a-htmltext {
     font-size: 12pt !important;
     font-family: 'Source Sans Pro', sans-serif !important;
 }

 .product .body .img-wrap img {
   padding-bottom: 20px;
   height: 75px;
 }

#Button-Calculate {
    margin-top: -11px;
    margin-right: -10px
}