@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('../fonts/circular-std/css/circular-std.css');

@import url('../../themes/logged-in-user-experience/fixed-nav.css');

body {
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'CircularStd';  
  color: #464B52;
  font-size: 13px;
}

#side-menu {
  font-size: 13px!important;
}

/* Soften the radius on input fields from 4px to 2px */
.form-control,
.input-group-addon {
  border-radius: 2px;
}

/* Add a dropdown as an addon aligned with a text input */
.dropdown-input-group-addon {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #EEEEEE;
    border: 0;
    border-radius: 0;
}

.btn-dropdown-addon {
  border-radius: 0;
  background-color: #EEEEEE;
}

.btn-dropdown-addon:active, .btn-dropdown-addon:hover, .btn-dropdown-addon:focus {
  border-radius: 0;
  background-color: #EEEEEE;
}

/*Navbar styles*/
#wrapper {
  background-color: #444b53 !important;
}

.navbar-header-branded {
  background-color: #007ca2;
  max-height: 55px;
}

.navbar-header-branded .navbar-header .navbar-toggle .icon-bar {
  background-color: white;
}

.navbar-header-branded .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: white; 
}
  
.nav-sidebar-branded {
  background-color: #444b53;
}

.sidebar ul li {
  border-bottom: 1px solid #DFDFDF;
}

.sidebar ul li a:hover {
  color: #007DA4;
  border-left: 5px solid #007DA4;
  padding-left: 10px;
}

.sidebar ul li a.active {
  color: #007DA4;
  border-left: 5px solid #007DA4;
  padding-left: 10px;
}

.toggle-password {
  cursor:pointer;
}

.toggle-off.btn {
  margin-left: 10px;
}

.toggle-on.btn {
  margin-left: 5px; 
  background-color: #007ca2;
}

.form-element-padding {
  padding-left: 0;
}

.remove-left-right-padding {
  padding-left: 0;
  padding-right: 0;
}

.top-padding-num-units {
  padding-top: 10px;
}

.padded-bottom {
  padding-bottom: 10px;
}

.letter-template-thumbnail {
  max-width: 120px;
  height: 120px;
}

#side-menu {
  margin-bottom: 100px;
}

/* Dropdown menu style changes on mobile */
.navbar-toggle-branded {
    position: relative;
    float: right;
    padding: 10px;
    margin: 10px 10px 10px 0px;
    background-color: transparent;
    background-image: none;
    border: 0;        
}

.navbar-toggle-branded:hover,
.navbar-toggle-branded:focus {
  background-color: transparent !important;
}

.navbar-recent-activity-branded {
  padding-left: 5px;
}

.navbar-recent-activity-branded:hover,
.navbar-recent-activity-branded:focus {  
  padding-left: 0px;
  border-left: 5px solid #007DA4;
}

.navbar-recent-activity-branded-mobile {
  padding-left: 5px;
  width: 300px;  
}

.navbar-recent-activity-branded-mobile:hover,
.navbar-recent-activity-branded-mobile:focus {  
  padding-left: 0px;
  border-left: 5px solid #007DA4;
}

.navbar-recent-activity-branded-mobile a {
  white-space: normal !important;
}


/*.navbar-recent-activity-branded:hover .message,
.navbar-toggle-branded:focus .message {
  color: #007DA4;  
}

.navbar-recent-activity-branded:hover .time,
.navbar-toggle-branded:focus .time {
  color: #007DA4;  
}*/

.nav-user-profile-pic {  
  border: 1px solid white;
  width: 36px;
  height: 36px;
}

.nav-user-profile-pic-collapse {  
  border: 1px solid white;
  width: 34px;
  height: 34px;
  margin-left: 10px;
  margin-top: 10px;
}

.nav-alert-dropdown-collapse {  
  margin-top: 15px;  
}

.nav-notifications-alert, .nav-notifications-alert:hover, .nav-notifications-alert:active {
  background-color: transparent !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  color: white !important; 
}

.nav-notification-alert-time {
  color: grey;
}

li.dashboard-stats {
  margin-bottom: 5px;
}

li.dashboard-stats:last-child {
 margin-bottom: 0px;
}

.bold {
    font-weight: bold;
}

.d-inline-block {
    display: inline-block;
}

.loan-detail-img {
    max-width: 150px;
}

.sidebar ul li {
  padding-top: 5px;
  padding-bottom: 5px;
}

a.nav-header-link {
  cursor: default;
  /*color: #DFDFDF;*/
  color: #E0FFFF;
  font-size: 11px;
  pointer-events: none;
}

a.nav-header-link:hover {
  cursor: default;
  /*color: #DFDFDF;*/
  color: #E0FFFF;
  font-size: 11px;
  pointer-events: none;
}

.leaderboard-list-item {
  line-height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 300;
}

.list-group-item-text {
  padding-left: 20px;
}

.task-complete {  
  text-decoration: line-through;
}

.task-complete:active {  
  text-decoration: line-through;
}

a.list-group-item .list-group-item-heading {
  color: #42C2C9;
}

a.list-group-item .list-group-item-heading:hover {
  color: #23527c;
  text-decoration: underline;
}

.alert-footer-notify {
  color: white;
  background: #007CA2;  
  border-color: #0096c4;
  font-size: 12px;
  border-radius: 2px !important;
}
.alert-footer-notify > button[data-notify="dismiss"] {
  display: none;
}
.alert-footer-notify-link {
  color: white;    
}
.alert-footer-notify-link:hover, .alert-footer-notify-link:focus, .alert-footer-notify-link:active {    
  color: white;    
  text-decoration: underline;
}
.alert-footer-notify-button {
  color: white;  
  font-size: 16px;
  text-shadow: none;
}

.alert-qq-notify {
  color: white;
  background: #007CA2;  
  border-color: #0096c4;
  border-radius: 2px !important;
}

.qq-complete-label {
  font-size: 14px;
  overflow-wrap: anywhere;
  /*font-weight: bold;*/
  line-height: 22px;
}

.beta-label {  
  padding: 5px;
  background-color: #ff6040;
  color: #fff;
  font-size: 14px;
  vertical-align: middle;
}

.qq-notification:after {
    content: "";
    display: block;
    position: relative;
    width: 8px;
    height: 8px;
    background: red;    
    border-radius: 50%;    
    margin-top: -15px;
    margin-left: 5px;
}

.qq-notification-mobile:after {
    content: "";
    display: block;
    position: relative;
    width: 12px;
    height: 12px;
    background: red;    
    border-radius: 50%;    
    margin-top: -25px;
    margin-left: 12px;
}

.qq-progress-sticky-header {
  position: fixed; 
  z-index: 99; 
  background-image: url('/public/img/quickqual/body-background.png'); 
  width: 100%;  
  padding-bottom: 10px;
}

#progressContainer {
    width: 100px;
    height: 100px;
}

#progressContainer > svg {
    width: 100%;
    /*display: block;*/
}

.progressbar-text {
  top: 48% !important;
  text-align: center;
  color: white;
}

.progress-number-text {    
    font-size: 28px;
    line-height: 28px;
    color: white;
}

.progress-steps-text {    
    font-size: 12px;
    line-height: 12px;
    color: white;
}

.progress-description-text {    
    font-size: 18px;    
    color: white;
}

.progress-description-table-text {    
    vertical-align: top; 
    padding-left:20px; 
    width: 100%;
}

.body-bkg {
    background-image: url('/public/img/quickqual/body-background.png');
    background-size: 100% auto;
}

.bg-gradient {
    background: url('/public/img/quickqual/gradient-background.png') no-repeat center center;
    background-size: 100% 100%;
    color: white;
    padding-top: 10px;
    /*padding-bottom: 10px;*/
}

/* Styles for login page */
.top-padding {
  padding-top: 25px;
}

.top-margin {
  margin-top: 10px;
}


.semi-transparent-white-background {
  background-color: rgba(255,255,255,0.9)
}

/* Login form elements */
h1.login-header {
  font-size: 20px !important;
  font-weight: 400;
  color: #6c717b;
  margin-bottom: 15px;
}

h3.login-header {
  font-size: 14px !important;
  font-weight: 400;
  color: #6c717b;
}

.login-header-subtext {
  font-size: 13px !important;
  font-weight: 200;
  color: #6c717b;
  
}

.login-label {
  font-size: 13px !important;
  font-weight: 200;
  color: #6c717b;  
}

.login-link {
  font-size: 12px !important;
  font-weight: 200;
  color: #6c717b;  
}

.login-footer-text {
  font-size: 12px !important;
  font-weight: 200;
  color: #6c717b;  
}

.login-form-group-bottom {
  margin-bottom: 5px;
}

.container-login100 {
  width: 100% !important;  
  min-height: 100vh !important;
  z-index: 1;    
  background-repeat: no-repeat;
  background-size: cover;
}



.container-login100::before {
  content: "";
  display: block;
  position: absolute; 
  width: 100%;
  height: 100%;  
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.1);
}

.increase-line-height {
  line-height: 1.5;
}

.white-background {
  background-color: white;
}

/* Logo Blue Color - OLD: 00A9F7 NEW: 42C2C9; */

/* Show the Scrollbar on Webkit browsers when not scrolling */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

textarea {
  resize: none;
}

/* Logo Text Color - 3E3E3E */
.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.chart-pad-left {
  padding-left: 10px;
}

.list-group-item-ll {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #d9edf7;
    margin-bottom: -1px;    
    border: 1px solid #fff;
}

.hr-small-margin {
  margin-top: 10px;
  margin-bottom: 10px;
}

.hr-blue {
  border-top: 1px solid #007DA4;
}

.badge-ll-social {
  background-color: #42C2C9;
  color: white;
} 

.add-shadow {
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
}

.bg-ll-1 {
    color: #fff;
    background-color: #355769;
}

.bg-ll-2 {
    color: #fff;
    background-color: #007DA4;
}

.bg-ll-3 {
    color: #fff;
    background-color: #42C2C9;
}

.bg-ll-error {
    color: #fff;
    background-color: #EC644B;
}

.bg-card-not-found {
    color: #fff;
    /*background-color: #EC644B;*/
    background-image: linear-gradient(#EC644B, #ff4c4c);
    padding-bottom: 15px;
    padding-top: 5px;
}

.realtor-card-margin {
  margin-left: 5px;
  margin-right: 5px;
}

.panel {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;    
}

.panel-heading {  
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.panel-ll-3 {
  border: 1px solid #e3e6f0;
  /*border-color: #42C2C9;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.panel-ll-3 > .panel-heading {
  color: #3E3E3E;
  background-color: #f8f9fc;
  border-color: #e3e6f0;
}

.panel-ll-3 > .panel-heading.qq-card {
  height: 65px;
  color: white;  
  border-color: #e3e6f0;

  background-color:  #007CA2;
  /*background: -moz-linear-gradient(top, #007CA2 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007CA2), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #007CA2 0%, #2d97af 100%);
  background: -o-linear-gradient(top, #007CA2 0%, #2d97af 100%);
  background: -ms-linear-gradient(top, #007CA2 0%, #2d97af 100%);
  background: linear-gradient(to bottom, #007CA2 0%, #2d97af 100%);*/
}

.panel-ll-3 > .panel-heading.qq-expanded {
  /*border-color: #0096c4;*/
  /*border: 1px solid #0096c4 !important;*/

  /*background-color: #0096c4;*/

  /*background: -moz-linear-gradient(top, #0096c4 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0096c4), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #0096c4 0%, #2d97af 100%);
  background: -o-linear-gradient(top, #0096c4 0%, #2d97af 100%);
  background: -ms-linear-gradient(top, #0096c4 0%, #2d97af 100%);
  background: linear-gradient(to bottom, #0096c4 0%, #2d97af 100%);*/
}

.panel-ll-3 > .panel-heading.qq-card:hover {
  color: white;  
  border-color: #e3e6f0;

  /*background-color: #0096c4;*/
  background: -moz-linear-gradient(top, #0096c4 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0096c4), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #0096c4 0%, #2d97af 100%);
  background: -o-linear-gradient(top, #0096c4 0%, #2d97af 100%);
  background: -ms-linear-gradient(top, #0096c4 0%, #2d97af 100%);
  background: linear-gradient(to bottom, #0096c4 0%, #2d97af 100%);
}

.qq-form-no-line-break {
  display: inline;
}

.qq-complete-actions {
  margin-top: 7px;
  width: 200px;
}

.qq-complete-image {
  max-width: 200px;
  /*min-width: 100px;*/
}

#qqAgentsCollapse {
  padding-top: 10px;
}

#qqAgentSelectDiv {
  padding-top: 10px;
  max-height: 400px;
  overflow-y: scroll;
}

.qq-agent-header {
  margin-bottom: 0px; 
}

.qq-agent-select-card-media {
  margin-top: 3px;
}

.qq-agent-select-card-text {
  overflow:hidden;
}

.qq-agent-select-card {
  border-radius: 2px;
  border: 1px solid #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 7px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  cursor: pointer;          
}

.qq-agent-select-card:hover, .qq-agent-select-card.selected {
  /*background: #0096c4;
  color: white;*/  
  padding-left: 3px;
  border-left: 5px solid #007DA4;
}

.qq-confirm-share-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
}
 
.top-align-text {
  vertical-align:top;
}

.center-align-text {
  text-align: center; 
}

.qq-confirm-share-card-left-side {
  overflow-wrap: anywhere;
  padding: 10px;
}

.qq-confirm-share-card-right-side {
  text-align: center; 
  border-left: 1px solid #cbcccd;  
  padding: 10px;
}

.qq-agent-profile-pic-list-group {  
  margin-left: 5px;
  border: 0;  
  width: 30px;
  height: 30px;  
}

.qq-agent-profile-pic-small {  
  max-width: 30px;
  max-height: 30px;  
  width: 30px;
  height: 30px;  
}

.qq-agent-profile-pic {  
  max-width: 100px;
  max-height: 100px;  
}

/*.qq-overlay-image {
  width: 200px;
  height: 200px;
}

.qq-agent-profile-pic {  
  border: 1px solid #EFEFEF;
  width: 200px;
  height: 200px;
  opacity: 1;
  display: block;  
  transition: .5s ease;
  backface-visibility: hidden;
}

.qq-agent-profile-pic-hover {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 100px;
  left: 100px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.qq-overlay-image:hover .qq-agent-profile-pic {
  opacity: 0.3;
}

.qq-overlay-image:hover .qq-agent-profile-pic-hover {
  opacity: 1;
}*/

.qq-card-panel-heading-row {
  /*margin-top: -10px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 10px;*/

  margin: auto;

}

.qq-card-panel-heading-ellipsis-button {
  font-size: 20px;
  color: white;
  margin-right: -15px;
  background-color: transparent;
}

.qq-card-panel-heading-dropdown-menu {
  top: -5px;
  padding-left: 8px;
  margin-right: -3px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #a4a5a6;  
  border-radius: 0;
  border: 0;
}

.qq-card-panel-heading-dropdown-menu-btn {  
  background: #a4a5a6;  /* grey */
  color: #162546 !important;  /* dark blue */
  border-radius: 0;
  border: 0;
  text-align: left !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  margin-right: 10px !important;
}

.qq-card-panel-heading-dropdown-menu-btn:hover, .qq-card-panel-heading-dropdown-menu-btn:active, .qq-card-panel-heading-dropdown-menu-btn.active, .qq-card-panel-heading-dropdown-menu-btn:focus  {
  background: #a4a5a6 !important;
  color: white !important;  
}


.qq-card-panel-heading-ellipsis-button:hover, .qq-card-panel-heading-ellipsis-button:active, .qq-card-panel-heading-ellipsis-button.active, .qq-card-panel-heading-ellipsis-button:focus {
  color: #a4a5a6;  /* Grey */
}

.qq-card-panel-heading-row > h3 {
  font-size: 20px;
  line-height: 22px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.qq-num-logins-badge {
  height: 30px;
  width: 30px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  border-radius: 15px;
  padding-top: 8px;
  background-color: white;
  color: #162546;  /* dark blue */
  font-size: 14px;
  margin-bottom: 3px;
}

.text-grey {
  color: #a4a5a6;  /* Grey */
}

.orange-link {
    color: #ea6f5f;
    text-decoration: none;
}

.orange-link:hover, .orange-link:focus, .orange-link:active {    
    color: #ea6f5f;
    text-decoration: underline;
}


.qq-card-col {
  padding-left: 5px;
  padding-right: 5px;
}

.qq-panel { 
  color: white;
  background: #162546;
  height: 310px;
  font-size: 14px;
}
/*Add top border indicator to the qq-panel*/
.qq-panel.expired-qq { 
  border-top: 10px solid #f67161; /* orange */
  border-left: 0; 
  border-right: 0;
}

.qq-panel.disabled-qq { 
  border-top: 10px solid #ec474b; /* red */
  border-left: 0;
  border-right: 0;
}

.qq-panel.loan-qq { 
  border-top: 10px solid #4aa072; /* green */
  border-left: 0;
  border-right: 0;
}

.qq-panel.active-qq { 
  /* No border */
  border-top: 0px solid #162546;  /* dark blue */
  border-left: 0;
  border-right: 0;
}

.qq-panel.complete-litespeed {   
  border-top: 10px solid #162546;  /* dark blue */
  border-left: 0;
  border-right: 0;
}

.qq-panel.incomplete-litespeed {   
  border-top: 10px solid #fbc6c0; /* orange */
  border-left: 0;
  border-right: 0;
}

.qq-card .dashboard-small {
  font-size: 16px;
  margin-top: 7px;
}

.qq-card .dashboard-small-2 {
  font-size: 16px;
}


.panel-ll-3> .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e3e6f0;
}

.panel-ll-3 > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e3e6f0;
}

.panel-ll-3-dashboard {
  /*border-color: #e3e6f0;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  border: 1px solid #e3e6f0;
}

.panel-ll-3-dashboard > .panel-heading {
  color: #3E3E3E;
  background-color: #f8f9fc;
  border-color: #e3e6f0;
  padding: 10px;
  line-height: 2.5rem;
  font-size: 14px;
}

.panel-ll-3-dashboard > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e3e6f0;
}

.panel-ll-3-dashboard > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e3e6f0;
}

/*Used on the social review pages for a 'card' view*/

.panel-ll-3-social {
  border-color: #42C2C9;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.panel-ll-3-social > .panel-heading {
  color: #ffffff;
  background-color: #42C2C9;
  border-color: #42C2C9;
  padding: 8px 5px 20px 10px;
  height: 105px; 
  line-height: 18px;
  font-size: 14px;
}

.panel-ll-3-social > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #42C2C9;
}

.panel-ll-3-social > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #42C2C9;
}
/*Used on the social review pages for a 'card' view*/

/*Used on the Realtor QQ pages for a 'card' view*/

.panel-ll-3-realtor-qq {
  /*border-color: #42C2C9;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  border-radius: 3px;
  border: 1px solid #195770;
}

.panel-ll-3-realtor-qq > .panel-heading {
  background: url('/public/img/quickqual/gradient-background.png') no-repeat center center;
  background-size: 100% 100%;
  color: #ffffff;
  /*background-color: #42C2C9;*/
  border-color: #195770;
  padding: 20px 10px 20px 10px;
  line-height: 18px;
  font-size: 14px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-ll-3-realtor-qq > .panel-body {
  /*background-color: #195770;*/
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel-ll-3-realtor-qq > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #195770;

}

.panel-ll-3-realtor-qq > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #195770;
}

.preview-quickqual-btn {
  outline:0 !important; 
}

.btn-transparent { 
  outline:0 !important; 
  background-color: transparent;
  border-color: #CCC;
}

.btn-transparent:focus { 
  outline:0 !important; 
}

.btn-danger-round:focus { outline:0 !important; }

.btn-danger-round {
    border: none;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 5px 10px; 
    background: rgba(217,83,79, 1);
    border-radius: 25px;
    text-align: center;   
    color: white;         
}

.btn-danger-round:hover {
    border: none;
    padding: 5px 10px; 
    background: rgba(217,83,79,.90);
    border-radius: 25px;
    text-align: center;   
    color: white;         
}

/* Remove blue border in Chrome when custom button clicked */
.prequal-valid-btn:focus { outline:0 !important; }

.prequal-invalid-btn {
    font-weight: bold;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 10px; 
    background: #EC644B;
    border-radius: 25px;
    text-align: center;   
    color: white;         
}

.prequal-valid-btn {
    font-weight: bold;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 10px; 
    background: rgba(23,120,148, 1);
    border-radius: 25px;
    text-align: center;   
    color: white;         
}

.prequal-valid-btn:hover {
    border: none;
    padding: 10px 10px; 
    background: rgba(23,120,148,.75);
    border-radius: 25px;
    text-align: center;   
    color: white;         
}

/*Used on the Realtor QQ pages for a 'card' view*/
.prequal-realtor-btn:focus { 
  outline:0 !important;
  color: white;   
}

.prequal-realtor-btn {
    border: none;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 10px 10px; 
    background: #195770;
    border-radius: 25px;
    text-align: center;   
    color: white;         
}

.prequal-realtor-btn:hover, .prequal-realtor-btn:active {
    border: none;
    padding: 10px 10px; 
    background: rgba(25, 87, 112,.75);
    border-radius: 25px;
    text-align: center;   
    color: white;         
}

.panel-dashboard-title {
  vertical-align: middle; 
  display: inline-block;
}

.btn-outline, .btn-outline:focus {
    border: 1px solid #808080;
    color: #333;
    background-color: white;
}

.btn-outline:hover, .btn-outline:active, .btn-outline.active, .open .dropdown-toggle.btn-outline {
    border: 1px solid #808080;
    background: #42C2C9;
    color: white;    
}

.btn-tall {
  padding-top: 50px;
  padding-bottom: 50px;
}

.panel-ll-1 {
  border-color: #355769;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.panel-ll-1 > .panel-heading {
  color: #ffffff;
  background-color: #355769;
  border-color: #355769;
}

.panel-ll-1 > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #355769;
}

.panel-ll-1 > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #355769;
}

.panel-ll-2 {
  border-color: #007DA4;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.panel-ll-2 > .panel-heading {
  color: #ffffff;
  background-color: #007DA4;
  border-color: #007DA4;
}

.panel-ll-2 > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #007DA4;
}

.panel-ll-2 > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #007DA4;
}

a {
    /*color: #00A9F7;*/
    color: #42C2C9;
}

.lg-text {    
    font-size: 18px;
}

.med-text {    
    font-size: 14px;
}

.default-text {    
    font-size: 12px;
}

.small-text {    
    font-size: 10px;
}

h1 {
    color: #3E3E3E;
    font-size: 30px !important;
}

h2 {
    color: #3E3E3E;
}

.notes-avatar {
   padding-top:5px;
   color: #42C2C9;
}

footer ul {
    margin: 0px auto;
    display: inline-block;    
    padding-left: 0px;
}

.modal-dialog-full {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.modal-content-full {
    height: 100%;
    min-height: 100%;
    height: auto;
    border-radius: 0;
}

.nav>li>a {
  padding: 6px 5px 6px 15px;
  /*color: #DFDFDF;*/
  color: #E0FFFF;
}

.nav>li>a:hover {
  color: #007DA4;
}

.nav>li>a.analytics-pill {
    padding: 6px 5px 6px 5px;
}

.nav>li>a.analytics-tab {
  padding: 10px 15px;
}

.analytics-activity-list-item {
  line-height: 22px;
  margin-top: 10px;
}

.analytics-tab-content {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover { 
  background-color: #eee !important;   
}

.sidebar .nav-second-level li a {  
  padding-left: 15px;  
  color: #E0FFFF;  
}

.sidebar .nav-second-level li a:hover, .sidebar .nav-second-level li a.active, .sidebar .nav-second-level li a:focus {
  background-color: #E4F3F7;
  color: #007DA4;
  border-left: 5px solid #007DA4;
  padding-left: 10px;
}

.inner-row {
    margin-right: 0px; 
    margin-left: 0px; 
}

.inner-row-center {
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
}

.carousel-indicators li {
  background-color: rgba(0,0,0,0) !important;
  margin: 0px 10px !important;  
}

.carousel-indicators .active {
  background-color: #FEFFFF !important;
  margin: 0px 10px !important;
}

.carousel-inner {
   margin-bottom: 30px;
}

.carousel-indicators {
  bottom: -45px;
}

.carousel-control.left, .carousel-control.right {
  background: none;
  background-image: none;  
  height: 0;
}

.carousel-control.left span, .carousel-control.right span {  
  margin-top: 120px;
}



.calyx-export-read-only-input {
  padding-top: 10px;
  width:70%;
  float:right;
  border: 0; 
  border-bottom: 1px dotted #0f0f0f;
  outline: 0;
}

.ui-autocomplete-loading { 
  background:url('/public/img/indicator.gif') no-repeat right center;  
}

.social-dismiss {
  padding-top: 20px;  
  float: right!important;
}

/*.carousel-caption {
    position: absolute;
    bottom: 180px;
}*/

.carousel-content-bkg {
    background: none repeat scroll 0 0 #F3F3F3;
    opacity: .9;
    margin: 0 auto;    
    text-align:center;
    position: relative;    
    width:50%;   
    padding: 50px;
}

.carousel-heading {
    font-size: 28px;
    text-shadow: 0 0px 0px rgba(0,0,0,.6);
}

.carousel-content {
    font-size: 14px;
    color: #3E3E3E;
    text-shadow: 0 0px 0px rgba(0,0,0,.6);
}

.agent-analytics-button-row {
    padding-bottom: 5px;
    width: 100%
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-custom,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-custom {
  background: #007ca2;
  color: white;  
}

.mobile-home-btn {
    background: #007ca2;
    color: white;
    border-color: #007ca2;    
}

/* Primary input mechanism system can 
   hover over elements with ease */
@media (hover: hover) { 
  /* Keep same color on hover to account for mobile and hover stickiness */
  .mobile-home-btn:hover {
      background: white;
      color: #007ca2;
      border-color: #007ca2;  
  }
}

/* Primary input mechanism cannot hover 
   at all or cannot conveniently hover 
   (e.g., many mobile devices emulate hovering
   when the user performs an inconvenient long tap), 
   or there is no primary pointing input mechanism */
@media (hover: none) { 
  /* Keep same color on hover to account for mobile and hover stickiness */
  .mobile-home-btn:hover {
      background: #007ca2;
      color: white;
      border-color: #007ca2;  
  }
}


.mobile-home-btn:focus {
  background: white;
  color: #007ca2;
  border-color: #007ca2;  
}

.mobile-home-btn:active {
  background: white;
  color: #007ca2;
  border-color: #007ca2;  
}

.mobile-home-btn.active {
  background: white;
  color: #007ca2;
  border-color: #007ca2;  
}


/* Remove blue border in Chrome when custom button clicked */
button:focus { outline:0 !important; }

.text-transform-default { 
  text-transform: none !important; 
}

.qq-info-icon {
  cursor: pointer;        
}

.qq-dashboard-button-background {
  background-color: #007ca2 !important;  
  border-color: #162546;
  border-width: 1px;
}

.qq-dashboard-button-background:hover, .qq-dashboard-button-background:active, .qq-dashboard-button-background:focus {
  /* background: #0096c4 !important; */
  color: white;
  border-color: #162546;
  border-width: 1px;
}

.qq-dashboard-button-background > .panel-footer {  
  background-color: #006382 !important;
  color: white !important;
  border-color: #162546;
  border-width: 0px !important;
  text-align: center;
}

.qq-dashboard-button-background > .panel-footer:hover, .qq-dashboard-button-background > .panel-footer:active, .qq-dashboard-button-background > .panel-footer:focus {
  background-color: #3396b5 !important;  
  color: white !important;
  border-color: #162546;
  border-width: 0px !important;
  text-align: center;
}


.qq-create-form-label {
  height: 21px;
  color: grey;
  font-weight: 300;
}

.qq-create-tab-pane {
  background: white;
  padding-top: 15px;
  padding-bottom: 15px;
}

.qq-create-tab-pane-header {
  padding-top: 0px;
}

.ll-btn-share-svg-image-email {
  margin-right: 2px;
  margin-top: -2px;
}

.ll-btn-share-svg-image-text {  
  margin-top: -2px;
}

.ll-btn-share {  
  background: #007CA2;
  color: white;
  
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  line-height: 2;
  border-radius: 20px;
}

.ll-btn-share.disabled {
  background: #D3D3D3;
  color: #162546;  
}

.ll-btn-share:hover, .ll-btn-share:active, .ll-btn-share.active, .ll-btn-share:focus  {
  background: #0096c4;
  color: white;  
}

.ll-btn-share-small {  
  background: #007CA2;
  color: white;
  
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  line-height: 2;
  border-radius: 20px;
}

.ll-btn-share-small.disabled {
  background: #D3D3D3;
  color: #162546;  
}

.ll-btn-share-small:hover, .ll-btn-share-small:active, .ll-btn-share-small.active, .ll-btn-share-small:focus  {
  background: #0096c4;
  color: white;  
}

.ll-btn-share-secondary-small {  
  background: white;
  color: #162546;
  border-color: #ddd;
  
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  line-height: 2;
  border-radius: 20px;
}

.ll-btn-share-secondary-small.disabled {
  background: #D3D3D3;
  color: #162546;
  border-color: #ddd;
}

.ll-btn-share-secondary-small:hover, .ll-btn-share-small:active, .ll-btn-share-small.active, .ll-btn-share-small:focus  {
  background: white;
  color: #162546;
  border-color: #0096c4;
}

.ll-btn-share-red-small {  
  background: white;
  color: rgba(217,30,24, 1);
  border-color: #ddd;
  
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  line-height: 2;
  border-radius: 20px;
}

.ll-btn-share-svg-image-email-small {
  margin-right: 2px;
  margin-top: -2px;
  vertical-align: top !important;  
}

.ll-btn-share-svg-image-text-small {  
  margin-top: -3px;
  vertical-align: top !important;  
}

.ll-btn {  
  background: #007CA2;
  color: white;  
  border-radius: 2px !important;
}

.ll-btn.disabled {
  background: #D3D3D3;
  color: #162546;  
}

.ll-btn:hover, .ll-btn:active, .ll-btn.active, .ll-btn:focus  {
  background: #0096c4;
  color: white;  
}

.ll-btn-dark {  
  background: #162546;
  color: white;
  border-color: #162546;
  border-width: 1px;
  border-radius: 2px !important;
}

.ll-btn-dark:hover, .ll-btn-dark:active, .ll-btn-dark.active, .ll-btn-dark:focus  {
  background: #0096c4;
  color: white;
  border-color: #162546;
  border-width: 1px;
}

.ll-btn-secondary-no-border {
  background: white;
  color: #162546;
  border-color: transparent;
  border-width: 1px;
  border-radius: 2px !important;
}

.ll-btn-secondary-no-border.disabled {
  background: #D3D3D3;
  color: #162546;
  border-color: #ddd;
  border-width: 1px;
}

.ll-btn-secondary-no-border:hover, .ll-btn-secondary-no-border:active, .ll-btn-secondary-no-border.active, .ll-btn-secondary-no-border:focus  {
  background: white;
  color: #162546;
  border-color: #0096c4;
  border-width: 1px;
  border-radius: 2px !important;
}

.ll-btn-secondary-no-border.selected {
  background: white;
  color: #162546;
  border-color: #0096c4;
  border-width: 1px;
  border-radius: 2px !important;
}


.ll-btn-secondary {
  background: white;
  color: #162546;
  border-color: #ddd;
  border-width: 1px;
  border-radius: 2px !important;
}

.ll-btn-secondary.disabled {
  background: #D3D3D3;
  color: #162546;
  border-color: #ddd;
  border-width: 1px;
}

.ll-btn-secondary:hover, .ll-btn-secondary:active, .ll-btn-secondary.active, .ll-btn-secondary:focus  {
  background: white !important;
  color: #162546 !important;
  border-color: #0096c4 !important;
  border-width: 1px !important;
  border-radius: 2px !important;
}

.ll-btn-secondary.selected {
  background: white !important;
  color: #162546 !important;
  border-color: #0096c4 !important;
  border-width: 1px !important;
  border-radius: 2px !important;
}


.ll-btn-dual-state {
  background: white;
  color: #162546;
  border-color: #007ca2;
  border-width: 1px;
  border-radius: 2px !important;
}

.ll-btn-dual-state.disabled {
  background: #D3D3D3;
  color: #162546;
  border-color: #007ca2;  
}

.ll-btn-dual-state:hover, .ll-btn-dual-state:active, .ll-btn-dual-state.active, .ll-btn-dual-state:focus  {
  background: #007ca2;
  color: white;
  border-color: #007ca2;  
}

.ll-btn-dual-state.selected {
  background: #007ca2;
  color: white;
  border-color: #007ca2;
}


/* First button in a button group */
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* First button in a button group */
.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group:first-child:not(:last-child)>.dropdown-toggle {
 border-top-right-radius: 0 !important;
 border-bottom-right-radius: 0 !important;
}

/* Last button in a button group */
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
 border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important; 
}

/* Last button in a button group */
.btn-group:last-child:not(:first-child)>.btn:first-child, .btn-group:last-child:not(:first-child)>.dropdown-toggle {
 border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
}

/* Middle button in a button group */
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 !important; 
  /*border-left-width: 0;
  border-right-width: 0;*/
}

/* Override classes to remove border radius */
.btn-no-left-radius {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.btn-no-right-radius {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.btn-no-radius {
  border-radius: 0 !important; 
}


.ll-btn-circle {  
  background: #007CA2;
  color: white;
  border-color: #ABACAC;
  border-width: 1px;
}

.ll-btn-circle:hover, .ll-btn-circle:active, .ll-btn-circle.active, .ll-btn-circle:focus  {
  background: #0096c4;
  color: white;
  border-color: #ABACAC;
  border-width: 1px;
}


.ll-btn-fixed-width {
  width: 300px;
}

.ll-btn-red {
  background: white;
  color: rgba(217,30,24, 1);
  border-color: #ddd;
  border-width: 1px;
  border-radius: 2px !important;
}

.ll-btn-red:hover, .ll-btn-red:active, .ll-btn-red.active, .ll-btn-red:focus  {
  border-color: rgba(217,30,24, 1);  
}

.ll-btn-red.selected {
  border-color: rgba(217,30,24, 1);
}

.nav-pills > li.active > a {
  color: white;
  background-color: #007ca2;
}

.nav-pills > li > a:focus,
.nav-pills > li > a:hover {
  color: white;
  background-color: #007ca2;    
}

.nav-pills > li > a {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-right: 5px;    
  margin-bottom: 5px;    
  color: #162546;
  background: white;
  height: 30px;
}

.collapsible-panel {
  cursor: pointer;        
}

.qq-filter-panel-container {
  margin-top: 3px;
  margin-bottom: 10px;
}

.qq-filter-panel-container > .panel-heading { 
  color: white;
  background: #007CA2;
  border: 1px solid #007CA2;
}

.qq-filter-panel-container > .panel-heading:hover,
.qq-filter-panel-container > .panel-heading:active,
.qq-filter-panel-container > .panel-heading:focus,
.qq-filter-panel-container > .panel-heading.active { 
  background: #0096c4;
  color: white;  
}



.qq-card-agent-profile-pic {  
  border: 1px solid white;
  width: 55px;
  height: 55px;
  /*margin-top: 7px;*/
  /*margin-left: 10px;*/
  /*margin-right: 10px;*/
}

.qq-card-lo-profile-pic {  
  border: 1px solid white;
  width: 55px;
  height: 55px;
  /*margin-top: 7px;*/
  /*margin-left: -15px;*/
  /*margin-right: 10px;*/
}

.ll-light-border {
  border: 1px solid #e3e6f0 !important;
}

/* Handle the bootstrap select dropdown width on mobile */
.dropdown-menu.open {
  max-width: 100% !important;
}

/*Default state - custom-btn*/
.custom-btn, .custom-btn:focus {
    background: #42C2C9;
    color: white;    
}

/*Hover state - custom-btn*/
.custom-btn:hover {
    background: #29A9B0;
    color: white;    
}

/*Clicked state - custom-btn*/
.custom-btn:active, .custom-btn.active, .open .dropdown-toggle.custom-btn {
    background: #42C2C9;
    color: white;    
}

/*Default state - custom-btn*/
.custom-btn-outline, .custom-btn-outline:focus {
    background: white;
    color: #42C2C9;        
    border-color: #42C2C9;
    border-width: 2px;
}

/*Hover state - custom-btn*/
.custom-btn-outline:hover {    
    background: white;
    color: #29A9B0;    
    border-color: #29A9B0;
    border-width: 2px;
}

/*Clicked state - custom-btn*/
.custom-btn-outline:active, .custom-btn-outline.active, .open .dropdown-toggle.custom-btn-outline {
    background: white;
    color: #42C2C9;        
    border-color: #42C2C9;
    border-width: 2px;
}

/*Default state - custom-btn*/
.custom-btn-outline-2, .custom-btn-outline-2:focus {
    background: white;
    color: #355769;        
    border-color: #355769;
    border-width: 1px;
}

/*Hover state - custom-btn*/
.custom-btn-outline-2:hover {    
    background: white;
    color: #29A9B0;    
    border-color: #29A9B0;
    border-width: 1px;
}

/*Clicked state - custom-btn*/
.custom-btn-outline-2:active, .custom-btn-outline-2.active, .open .dropdown-toggle.custom-btn-outline-2 {
    background: white;
    color: #355769;        
    border-color: #355769;
    border-width: 1px;
}

/*Default state - custom-btn*/
.custom-btn-round, .custom-btn-round:focus {
    background: #42C2C9;
    color: white;   
    border-radius: 25px; 
}

/*Hover state - custom-btn*/
.custom-btn-round:hover {
    background: #29A9B0;
    color: white;   
    border-radius: 25px; 
}

/*Clicked state - custom-btn*/
.custom-btn-round:active, .custom-btn-round.active, .open .dropdown-toggle.custom-btn-round {
    background: #42C2C9;
    color: white;    
    border-radius: 25px;
}


/*Default state - custom-btn*/
.custom-btn-round-dark, .custom-btn-round-dark:focus {
    background: #162546;
    color: white;   
    border-radius: 25px; 
}

/*Hover state - custom-btn*/
.custom-btn-round-dark:hover {
    background: #1f3565;
    color: white;   
    border-radius: 25px; 
}

/*Clicked state - custom-btn*/
.custom-btn-round-dark:active, .custom-btn-round-dark.active, .open .dropdown-toggle.custom-btn-round-dark {
    background: #162546;
    color: white;    
    border-radius: 25px;
}


/*Default state - custom-btn*/
.custom-btn-round-white, .custom-btn-round-white:focus {
    background: white;
    color: #162546;   
    border-radius: 25px;     
    border-color: #162546;
    border-width: 2px;
}



/*Hover state - custom-btn*/
.custom-btn-round-white:hover {
    background: white;
    color: #2f4f95;   
    border-radius: 25px; 
    border-color: #2f4f95;
    border-width: 2px;
}

/*Clicked state - custom-btn*/
.custom-btn-round-white:active, .custom-btn-round-white.active, .open .dropdown-toggle.custom-btn-round-white {
    background: white;
    color: #2f4f95;    
    border-radius: 25px;
    border-color: #2f4f95;
    border-width: 2px;
}



/*Default state - custom-btn*/
.custom-btn-round-dng, .custom-btn-round-dng:focus {
    background: rgba(217,83,79, 1);
    color: white;   
    border-radius: 25px; 
}

/*Hover state - custom-btn*/
.custom-btn-round-dng:hover {
    background: rgba(217,83,79, 1);
    color: white;   
    border-radius: 25px; 
}

/*Clicked state - custom-btn*/
.custom-btn-round-dng:active, .custom-btn-round-dng.active, .open .dropdown-toggle.custom-btn-round-dng {
    background: rgba(217,83,79, 1);
    color: white;    
    border-radius: 25px;
}

/*Default state - custom-btn*/
.custom-btn-round-en, .custom-btn-round-en:focus {
  background: rgb(56, 170, 103);
  color: white;   
  border-radius: 25px; 
}

/*Hover state - custom-btn*/
.custom-btn-round-en:hover {
  background: rgb(56, 170, 103);
  color: white;   
  border-radius: 25px; 
}

/*Clicked state - custom-btn*/
.custom-btn-round-en:active, .custom-btn-round-en.active, .open .dropdown-toggle.custom-btn-round-en {
  background: rgb(56, 170, 103);
  color: white;    
  border-radius: 25px;
}

/*Default state - custom-btn-2*/
.custom-btn-2, .custom-btn-2:focus {
    background: #355769;
    color: white;
}

/*Hover state - custom-btn-2*/
.custom-btn-2:hover {
    background: #1C3E50;
    color: white;    
}

/*Clicked state - custom-btn-2*/
.custom-btn-2:active, .custom-btn-2.active, .open .dropdown-toggle.custom-btn-2 {
    background: #355769;
    color: white;    
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);    
}


/*Default state - custom-btn-2*/
.custom-btn-2-round, .custom-btn-2-round:focus {
    background: #355769;
    color: white;
    border-radius: 25px;
}

/*Hover state - custom-btn-2*/
.custom-btn-2-round:hover {
    background: #1C3E50;
    color: white;    
    border-radius: 25px;
}

/*Clicked state - custom-btn-2*/
.custom-btn-2-round:active, .custom-btn-2-round.active, .open .dropdown-toggle.custom-btn-2-round {
    background: #355769;
    color: white;    
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);    
    border-radius: 25px;
}


/*Default state - custom-btn-2*/
.custom-btn-2-round-white, .custom-btn-2-round-white:focus {
    background: white;
    color: #355769;
    border-radius: 25px;
    border-color: #355769;
    border-width: 2px;
}

/*Hover state - custom-btn-2*/
.custom-btn-2-round-white:hover {
    background: white;
    color: #1C3E50;    
    border-radius: 25px;
    border-color: #355769;
    border-width: 2px;
}

/*Clicked state - custom-btn-2*/
.custom-btn-2-round-white:active, .custom-btn-2-round-white.active, .open .dropdown-toggle.custom-btn-2-round-white {
    background: white;
    color: #355769;    
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);    
    border-radius: 25px;
    border-color: #355769;
    border-width: 2px;
}


.custom-btn-2-white, .custom-btn-2-white:focus {
    background: white;
    color: #355769;    
    border-color: #355769;
    border-width: 1px;    
}

/*Hover state - custom-btn-2*/
.custom-btn-2-white:hover {
    background: #f8f8f8;
    color: #1C3E50;        
    border-color: #355769;
    border-width: 1px;
}

/*Clicked state - custom-btn-2*/
.custom-btn-2-white:active, .custom-btn-2-white.active, .open .dropdown-toggle.custom-btn-2-white {
    background: #f8f8f8;
    color: #355769;    
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);        
    border-color: #355769;
    border-width: 1px;
}
    

/*Default state - custom-btn-3*/
.custom-btn-3, .custom-btn-3:focus {
    background: #007DA4;
    color: white;    
}

/*Hover state - custom-btn-3*/
.custom-btn-3:hover {
    background: #00648B;
    color: white;    
}

/*Clicked state - custom-btn-3*/
.custom-btn-3:active, .custom-btn-3.active, .open .dropdown-toggle.custom-btn-3 {
    background: #007DA4;
    color: white;    
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}


/*Default state - custom-btn-3*/
.custom-btn-3-round, .custom-btn-3-round:focus {
    background: #007DA4;
    color: white;    
    border-radius: 25px;
}

/*Hover state - custom-btn-3*/
.custom-btn-3-round:hover {
    background: #00648B;
    color: white; 
    border-radius: 25px;   
}

/*Clicked state - custom-btn-3*/
.custom-btn-3-round:active, .custom-btn-3-round.active, .open .dropdown-toggle.custom-btn-3-round {
    background: #007DA4;
    color: white;    
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    border-radius: 25px;
}

.img-center {margin:0 auto;}

.dashboard-md {
    font-size: 14px;
}

.dt-buttons {
    padding-bottom: 10px;
}

.agent-details, .loan-details, .officer-rankings, .buyers-agents {
    font-size: 16px;
}

.agent-details-border {    
    border-left: 1px solid #d4d4d4;
    border-radius: 2px;    
    padding-right: 10px;
}

/*Add some space between the export buttons*/
#btn-group-export > a {
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px !important;
}
/* on smaller screens, learning center and privacy policy would float left */
@media only screen and (max-width:401px){
    footer ul li{
      float: none!important;
  }
}

footer ul li {
    float: left;
    display: block;
    padding: 0px 10px 0px 10px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}

.modal-footer-users {
    padding: 15px 0px 15px 0px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    color: white;
    background-color: #007ca2;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.modal-header-warning {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    color: white;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.modal-header-danger {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  color: white;
  background-color: #d9534f;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.modal-content {
  border-radius: 2px;
}

/* Add vertical scrolling inside the modal bodies if the content is too large */
.modal-body {
    max-height: 500px;
    overflow-y: auto;
}

.modal-body-card {    
    overflow-y: auto;
    max-height: 1200px;
}


.red-text {
    color: #EC644B;
}

.black-text {
    color: #000000;
}


.white-text {
    color: #ffffff;
}

.white-link-header-icon {
  color: #ffffff !important;
  text-decoration: none;
  padding-top: 15px !important;
}

.white-link-header-icon:hover, .white-link-header-icon:focus, .white-link-header-icon:active {    
  color: #efefef !important;
  text-decoration: none;
  padding-top: 15px !important;
}

.white-link-qq {
    color: #ffffff;
    text-decoration: none;
}

.white-link-qq:hover, .white-link-qq:focus, .white-link-qq:active {    
    color: #efefef;
    text-decoration: none;
}

.white-link-realtor {
    color: #ffffff;
    text-decoration: underline;
}

.white-link-realtor:hover, .white-link-realtor:focus, .white-link-realtor:active {    
    color: #efefef;
    text-decoration: underline;
}

.dark-blue-link {
  color: #42C2C9;
  text-decoration: none;
}

.dark-blue-link:hover, .dark-blue-link:focus, .dark-blue-link:active {    
  color: #42C2C9;
  text-decoration: underline;
}

.off-white-link {
  color: #ECECEC;
}

.off-white-link:hover, .off-white-link:focus, .off-white-link:active {    
  color: #ffffff;
  text-decoration: none;
}

.white-link {
    color: #ffffff;
}

.white-link:hover, .white-link:focus, .white-link:active {    
    color: #ECECEC;
    text-decoration: none;
}

.white-link-dashboard {
    color: #ffffff;
}

.white-link-dashboard:hover, .white-link-dashboard:focus, .white-link-dashboard:active {    
    color: #ffffff;
    text-decoration: none;
}

.black-link {
    color: #000000;
}

.black-link:hover, .black-link:focus, .black-link:active {    
    color: #355769;
    text-decoration: underline;
}

.underline-link {
    text-decoration: underline;
}

.no-underline-link {
    text-decoration: none !important;
}

.qq-analytics-label {
    font-size: 18px;
}

.qq-analytics-row {
  padding-bottom: 10px;
}

.realtor-dashboard-card-heading {
    font-size: 18px;
}

.dashboard-small-medium {
    font-size: 16px;
}

.dashboard-small {
    font-size: 14px;
}


.dashboard-medium {
    font-size: 20px;
}

.dashboard-medium-large {
    font-size: 28px;
}

.dashboard-large {
    font-size: 26px;
}

.footer-menu {
    margin: 30px 0px 30px;
}

#landingpage-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #landingpage-wrapper {
        position: inherit;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}


/* Default padding for desktops */
.add-new-realtor-button-div {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 2px;
}

.remove-realtor-button-div {
  padding-top: 0px;
  padding-left: 2px;
  padding-right: 0px;
}
/* Change the padding for sm screens */
@media (max-width : 768px) {
  .add-new-realtor-button-div {
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .remove-realtor-button-div {
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

/*Button definitions*/
.btn-sq-lg {
  width: 100% !important;
  height: 100% !important;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}


.prop-search-text {    
  font-size: 20px;
}

.btn-ll-main {
  background-color: #007DA4;
  border: 1px solid#007DA4;
  color: white;
  transition: .5s;
  border-radius: .5em!important;
}

.btn-ll-main:hover {
  background-color: white!important;
  border: 1px solid#007DA4!important;
  color: #007DA4!important;
  transition: .5s;
  border-radius: .5em!important;
}

.btn-outline-gray {
  background-color: white!important;
  border: 1px solid #e1e1e1!important;
  color: #4a4a4a!important;
  transition: .5s;
  border-radius: .5em!important;
}

.btn-outline-gray:hover {
  background-color: #4a4a4a !important;
  color: white !important;
}

.btn-outline-ll-main {
  background-color: white!important;
  border: 1px solid#007DA4!important;
  color: #007DA4!important;
  transition: .5s;
  border-radius: .5em!important;
}

.btn-outline-ll-main:hover {
  background-color: #007DA4 !important;
  color: white !important;
}

.btn-outline-success {
  background-color: white!important;
  border: 1px solid #198754!important;
  color: #198754!important;
  transition: .5s;
  border-radius: .5em!important;
}

.btn-outline-success:hover {
  background-color: #198754 !important;
  color: white !important;
}

.btn-outline-warning {
  background-color: white!important;
  border: 1px solid #ffc107!important;
  color: #ffc107!important;
  transition: .5s;
  border-radius: .5em!important;
}

.btn-outline-warning:hover {
  background-color: #ffc107 !important;
  color: white !important;
}

.btn-outline-danger {
  background-color: white!important;
  border: 1px solid #dc3545!important;
  color: #dc3545!important;
  transition: .5s;
  border-radius: .5em;
}

.btn-outline-danger:hover {
  background-color: #dc3545 !important;
  color: white !important;
}

.prop-search-info-label {    
  font-size: 16px;
}

.text-lender-logix-1 {
  color: #42C2C9;
}

.text-lender-logix-2 {  
  color: #007DA4;
}

.text-lender-logix-3 {
  color: #355769;  
}

.light-label {
  font-weight: normal !important;
}

.vertical-center {
    vertical-align: middle !important;
    font-size: 14px;
}

/* Circles used to show metrics */
.red-circle {
  height: 75px;
  width: 75px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; /* may require vendor prefixes */
  background: #EC644B;
  color: #FDFDFD;
  font-size: 14px;
}
.green-circle {
  height: 75px;
  width: 75px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; /* may require vendor prefixes */
  background: #2ECC71;
  color: #FDFDFD;
  font-size: 14px;
}
.yellow-circle {
  height: 75px;
  width: 75px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; /* may require vendor prefixes */
  background: #F4D03F;
  color: #FDFDFD;
  font-size: 14px;
}

/* Circles used to show metrics */
.small-red-circle {
  height: 50px;
  width: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; /* may require vendor prefixes */
  background: #EC644B;
  color: #FDFDFD;
  font-size: 14px;
}
.small-green-circle {
  height: 50px;
  width: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; /* may require vendor prefixes */
  background: #2ECC71;
  color: #FDFDFD;
  font-size: 14px;
}
.small-yellow-circle {
  height: 50px;
  width: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; /* may require vendor prefixes */
  background: #F4D03F;
  color: #FDFDFD;
  font-size: 14px;
}


.large-red-circle {
  height: 125px;
  width: 125px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; /* may require vendor prefixes */
  background: #EC644B;
  color: #FDFDFD;
  font-size: 14px;
}
.large-green-circle {
  height: 125px;
  width: 125px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; /* may require vendor prefixes */
  background: #2ECC71;
  color: #FDFDFD;
  font-size: 14px;
}
.large-yellow-circle {
  height: 125px;
  width: 125px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%; /* may require vendor prefixes */
  background: #F4D03F;
  color: #FDFDFD;
  font-size: 14px;
}

img.resize {
  /*width: 130px;*/
  /*height: 20px;*/
  max-height: 20px;
}

.img-valign {
  vertical-align: middle;
  margin-bottom: 0.25em;
}

img.lender-logo {
  /*width: 40px;*/
  height: 20px;
}

img.lenderlogix-logo {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

img.lender-logo-realtor {
  /*width: 40px;*/
  /*height: 20px;*/
  padding-left: 10px;
  max-height: 30px;
}

img.login-logo {  
  max-height: 30px;
  max-width: 50%;
}

img.login-logo-brand {  
  max-height: 60px;
}

img.quickqual-profile-lender-logo {
  /*width: 40px;*/
  height: 50px;
}

img.quickqual-prop-type-logo {
  height: 50px;
}

.quickqual-profile-text {
    font-size: 16px;
    color: white;
}

img.lender-signature {
  /*width: 40px;*/
  max-height: 100px;
}

img.lender-signature-profile {
  /*width: 50%;*/
  /*max-height: 100px;*/
  max-width: 400px;
}

img.quickqual-logo {
  width: 40%;
  padding: 20px 10px 20px 10px;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 18px 5px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand-lender-logo {
    float: left;
    height: 50px;
    padding: 16px 0px;
    font-size: 18px;
    line-height: 20px;    
}

.navbar-brand-lender-logo-text, .navbar-brand-lender-logo-text:hover {
    float: left;
    height: 20px;
    padding: 2px 0px;
    font-size: 16px;
    line-height: 20px;    
    text-decoration: none !important;
    color: #337ab7;
}

.address-eligible-yes-text {  
  color: #2ECC71;
}

.address-eligible-no-text {  
  color: #EC644B;
}

#page-wrapper-full-page {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper-full-page {
        position: inherit;
        margin: 0 0 0 0;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.jqstooltip { box-sizing: content-box;}

.inlinesparkline {
  display:inline-block;    
  margin: 0 auto;
  padding-bottom: 5px;
  vertical-align: bottom;
}

.agent-search-small-nav {
  padding: 10px;
}

@media screen and (min-width: 0px) and (max-width: 1020px) {
    .browser-only {display: none;}
}

.small-font-option {
    font-size: 12px;
}

.remove-padding-bottom {
  padding-bottom: 0px  !important;; 
}

.remove-padding {
  padding: 0px !important;; 
}

.swagger-header {
    padding-left: 15px;
}

.swagger-banner-logo {
    display: block;
    width: 90px;
    margin-left: auto;
    margin-right: auto;
}

.swagger-logo {
    width: 90px;
    height: 90px;
}

.swagger-banner-text {
    display: block;
    width: auto;
    /* float: left; */
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.swagger-banner {
    background-color: #42C2C9;
    padding: 3rem 1.5rem;
    margin-bottom: 1rem;
}

.swagger-container {
    width: 768px;
    margin: auto;
}

.swagger-category-title {
    font-weight: bold;
    font-size: 1rem;
    padding-bottom: 5px;
    border-bottom: 2px solid #734098;
    margin-bottom: 15px;
    display: block;
    color: #333;
}

.swagger-list-item {
    color: #333;
    font-size: 26px;
}

.prequal-payment-total-border {
    border-top: medium solid #5b636b; 
    padding-top: 10px;
}

.lead-action-button-left {
  padding-left: 0px;
  padding-right: 5px;
}

.lead-action-button-right {
  padding-left: 5px;
  padding-right: 0px;
}


/* Custom Signature Fonts */
@font-face {
    font-family: signatureFontOne;
    src: url("../fonts/MrDeHaviland-Regular.ttf");
}

@font-face {
    font-family: signatureFontTwo;
    src: url("../fonts/MrDafoe-Regular.ttf");
}

@font-face {
    font-family: signatureFontThree;
    src: url("../fonts/DrSugiyama-Regular.ttf");
}

@font-face {
    font-family: signatureFontFour;
    src: url("../fonts/Radicalis.ttf");
}

@font-face {
    font-family: signatureFontFive;
    src: url("../fonts/BrittanySignature.ttf");
}

@font-face {
    font-family: signatureFontSix;
    src: url("../fonts/GilliganShutter.ttf");
}

.signature-text-1 {  
  font-family: signatureFontOne;  
}

.signature-text-2 {  
  font-family: signatureFontTwo;  
}

.signature-text-3 {  
  font-family: signatureFontThree;  
}

.signature-text-4 {  
  font-family: signatureFontFour;  
}

.signature-text-5 {  
  font-family: signatureFontFive;
}

.signature-text-6 {  
  font-family: signatureFontSix;
}

.signature-text-display {  
  font-size: 32px;  
  white-space: nowrap;
  padding: 20px 5px;
}

.static-signature-span {
  padding: 10px; 
}


[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}




/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loadingmodal {
    display:    none;
    position:   fixed;
    z-index:    5000!important;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 212, 212, 212, .9 )                         
                50% 50% 
                no-repeat;
}

.lds-ring {
  position: absolute;
  left: 50%;
  top: 50%;      
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 0;
  border: 4px solid #355769;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #355769 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .loadingmodal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loadingmodal {
    display: block;
}


/*Default state*/
.btn-1-round, .btn-1-round:focus {
    font-family: "Open Sans", sans-serif;   
    background: #162546;
    color: white;   
    border-radius: 25px; 
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    font-size: 16px;
}

/*Hover / Clicked state - custom-btn*/
.btn-1-round:focus, .btn-1-round:hover, .btn-1-round:active, .btn-1-round.active, .open .dropdown-toggle.btn-1-round {
    background: #1C8EA6;                
    color: white;       
    outline: 0 !important;      
}


/*Default state*/
.btn-2-round, .btn-2-round:focus {
    font-family: "Open Sans", sans-serif;   
    background: white;
    color: #162546;                   
    border-color: #162546;
    border-width: 2px;
    border-radius: 25px; 
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 14px;
}

/*Hover / Clicked state - custom-btn*/
.btn-2-round:focus, .btn-2-round:hover, .btn-2-round:active, .btn-2-round.active, .open .dropdown-toggle.btn-1-round {
    background: #1C8EA6;                
    color: white;    
    border-color: #1C8EA6;
    border-width: 2px;
    border-radius: 25px; 
    outline: 0 !important;      
}


/* Editable control styles */
.editable-click {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
    cursor: pointer;
    word-wrap: break-word;
}

.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #42C2C9;
    cursor: pointer;
    word-wrap: break-word;
}

.editable-input {
    display: inline-block; /* Keep on the same line as the buttons */
    margin-right: 5px;
}

.editable-buttons {
    margin-top: 2px;
    display: inline-block;  /* Keep on the same line as the input */
    vertical-align: top;
}

.editable-submit {
    margin-right: 3px;
    background: #162546;
}

.editable-textarea {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 0;
}

.qq-letter-action-buttons {
  padding-top:5px;
  padding-left:2px;
  padding-right:2px;
}


/* Datatables pagination */
.dataTables_paginate > .pagination {
  margin: 0;
}

.pagination > li > a, .pagination > li > span {
  color: #162546;
}

.pagination > li.next > a, .pagination > li.next > span {
  color: #162546;
}

.pagination > li.previous > a, .pagination > li.previous > span {
  color: #162546;
}

.pagination > li.active > a, .pagination > li.active > span {
  background-color: #007ca2;
}

.pagination > li.active > a:hover, .pagination > li.active > span:hover {
  background-color: #007ca2;
}

.qq-collapsible-heading {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.qq-collapse-panel {
  border-color: rgba(66, 194, 201, .0);
  border: 0;  
}

/* Lock the estimate sidebar to the top when scrolling on a large screen */
@media (min-width: 1200px) {
  #estimate-floating-sidebar {
    width:280px;
  }

  .affix-top {
    position: static;
    margin-top:10px;    
  }

  .affix {
    position: fixed;
    top: 10px;    
  }
}

/* Revert the estimate sidebar back to regular layout when scrolling on any screen smaller than large */
@media (max-width: 1200px) {
  #estimate-floating-sidebar {
    width: relative;
  }

  .affix-top {
    position: relative;
  }

  .affix {
    position: relative;
  }
}

.qq-scenario-remove-btn {
  margin-bottom: 10px;
  margin-right: 30px;
}

.qq-estimate-panel {
  border: 1px solid #ddd;   
}

.qq-estimate-text {
  /*color: #007CA1;*/
  color: #464B52;
}

.white-background {
  background-color: white !important; 
}

.main-content-top-row-background {
  padding-top: 20px;  
  background-color: white !important; 
}

.main-content-row-background {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white !important; 
}

.qq-nav-tabs>li>a {
  padding: 6px 15px 6px 15px;  
  font-weight: bold;
  border-top: 2px solid white;
  background-color: white !important;    /*Use this to prevent the bouncy feel when hovering and showing blue border*/
  border-bottom: 1px solid #ddd;
  color: #464B52;
  border-radius: 0;
  padding-bottom: 10px;
  max-width: 200px;
}

.qq-nav-tabs>li.active>a, 
.qq-nav-tabs>li.active>a:focus, 
.qq-nav-tabs>li.active>a,
.qq-nav-tabs>li.active>a:hover {
  background-color: white !important; 
  border-radius: 0;
  border-top: 2px solid #007DA4;
  color: #464B52;
  padding-bottom: 10px;
}

.qq-nav-tabs>li>a:hover {
  border-top: 2px solid #007DA4;
  background-color: #f5f5f5 !important; 
  border-radius: 0;  
  border-bottom: 0;
  color: #464B52;
  padding-bottom: 10px;
}

.amcharts-graph-column {
  cursor: pointer;
}

#qq-scenarios-tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Table styles */

.qq-estimate-table {
  margin-top: 10px;
  margin-bottom: 10px;
}

tfoot > tr {
  color: #3E3E3E;  
  font-weight: bold;
  font-size: 14px;
}

thead > tr {
  color: #3E3E3E;
  /*background-color: #f8f9fc;*/
  border-color: #e3e6f0;/*/
/*
  background-color: #003041;  
  color: #FFFFFF;*/
}

.no-top-border {
  border-top: 0 !important;
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #F4F5F8; 
}


.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: #FFFFFF; 
 }

.tall-row {
  line-height: 30px !important;
}

/* Calendar updates */
.cal-month-box .cal-day-today span[data-cal-date] {
  font-size: 1.3em !important;
}

.cal-day-outmonth {
  background: #EDEDED;
}

.cal-day-outmonth div {
  opacity: 0.3;
  cursor: pointer;
}

h3.popover-title {
  font-size: 12px;
}


.btn-group.btn-preference-group {
  margin-top: 0;
}
.btn-preference-group > .btn.active {
  background-color: #337ab7;
  color: white;
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 576px){
  .btn-group.btn-preference-group {
    flex-direction: column;
    width: 100%;
  }
  .btn-group.btn-preference-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .btn-group.btn-preference-group .btn+.btn,
  .btn-group.btn-preference-group .btn+.btn-group,
  .btn-group.btn-preference-group .btn-group+.btn,
  .btn-group.btn-preference-group .btn-group+.btn-group {
      margin-left: 0px;
      margin-top: -1px;
  }
  .btn-group.btn-preference-group>.btn:last-child:not(:first-child),
  .btn-group.btn-preference-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: center !important;
}

/* LenderLogix AI CSS */
.ai-analyzed-border{
  border-bottom: 2px solid;
  border-image: linear-gradient(90deg, #0f1d42, #0095a9) 1;
  padding: 0.5rem;
}

.ai-analyzed-inidicator {
  background: linear-gradient(90deg, #0095a9, #0f1d42, #0095a9, #0f1d42);
  background-size: 200% 100%;  /* ✅ Make background larger for animation */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ai-analyzed-inidicator.animation-loading {
  animation: gradientShift 3s ease infinite;
}

.ai-analyzed-inidicator.animation {
  animation: gradientShift 3s ease 2;
}

@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}