body {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.light-grey-font {
    color: #707478;
}

/* App content */
.app-content {
    margin-top: 70px;
    margin-inline-start: 200px;
}

.app-content.reduce-margin-top {
    margin-top: 30px;
}

.app-content-padding {
    margin-top: 70px;
    padding: 20px 30px;
}

.onFree .app-content, .onTrial .app-content {
    margin-top: 110px;
}

/* Top Loader Line */
.pace .pace-progress {
    top: 75px;
}

.onFree .pace .pace-progress, .onTrial .pace .pace-progress  {
    top: 125px;
}

/* Navbar Stuff */
.onFree .admin-navbar-top {
    z-index: 9999;
    position: fixed;
    width: 100%;
    top: 0px;
}

.onTrial .admin-navbar-top {
    z-index: 9999;
    position: fixed;
    width: 100%;
    top: 0px;
}

.onFree a.searchBrowse {
    background-color: #d0b807;
    color: white !important;
}

.onFree a.searchBrowse i {
    color: white !important;
}

.navbar-user ul {
    margin-top: 50px !important;
}

.navbar-item i {
    font-size: 12px !important;
}

.app-header {
    height: 75px;
}

@media (max-width: 767.98px) {
    #header .navbar-header {
        display: flex;
        align-items: center;
        width: 100%;
    }

    #header .navbar-header .navbar-mobile-toggler[data-toggle="app-sidebar-mobile"] {
        margin-left: auto;
        float: none;
    }
}

@media (min-width: 768px) {
    .header-non-logged-in #header-navbar {
        height: 76px;
    }
}

.header-non-logged-in a.nav-link {
    text-decoration: none !important;
}

/* Top Menu */
@media (min-width: 768px) {
    .app-top-menu {
        top: 75px;
        position: fixed;
        height: 40px;
    }
}

.app-top-menu {
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: 1015;
    background: #232a2f;
}

.app-top-menu .menu {
    margin-left: 220px !important;
}

.app-top-menu .menu .menu-item a.active,
.app-top-menu .menu .menu-item a.active:focus, 
.app-top-menu .menu .menu-item a.active:hover {
    background: #2CAAE1;
    color: white !important;
}

.app-top-menu .menu .menu-item .menu-submenu .menu-item a.active,
.app-top-menu .menu .menu-item .menu-submenu .menu-item a.active:focus, 
.app-top-menu .menu .menu-item .menu-submenu .menu-item a.active:hover {
    color: white !important;
    background: inherit;
}

.app-top-menu .menu .menu-item .menu-link:hover,.app-top-menu .menu .menu-item .menu-link:focus {
    background: #232a2f;
    color: #a8acb1;
}

/*  8.7 Login Page V2 */
.login-v2 {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0,0,0,0.4);
    color: #ccc;
    width: 450px;
    margin: 168px auto;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: auto !important;
}
.login-v2 .login-content {
    padding: 40px;
}   
.login.login-v2 label {
    color: #ccc;
}
.login.login-v2 a {
    color: #fff;
}
.login.login-v2 .login-header {
    color: #fff;
}
.login.login-v2 .login-header .icon {
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.login-v2 .form-control {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0,0,0,0.6);
    border: none;
    color: #fff;
}
.login-cover,
.login-cover-bg,
.login-cover-image {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.login-cover-image img {
    max-width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.login-cover-bg {
    background: -moz-radial-gradient(center, ellipse cover,  #666666 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#666666), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #666666 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #666666 0%,#000000 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #666666 0%,#000000 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #666666 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.login-bg-list {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1020;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
}
.login-bg-list > li {
    width: 80px;
    height: 60px;
    overflow: hidden;
    float: left;
    transition: all .2s linear;
    -webkit-transition:  all .2s linear;
}
.login-bg-list > li a {
    display: block;
    height: 60px;
}
.login-bg-list > li.active {
    outline: 3px solid #fff;
    z-index: 1020;
    position: relative;
}
.login-bg-list > li img {
    max-height: 100%;
}

/* Login page layout */
.login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed {
    position: fixed;
    inset-inline-start: 0;
    inset-inline-end: 500px;
    top: 0;
    bottom: 0;
    overflow: hidden;
    transform: translateZ(0);
}

.login.login-with-news-feed .news-feed .news-caption, .register.register-with-news-feed .news-feed .news-caption {
    color: rgb(153, 153, 153);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 14px;
    z-index: 20;
    font-weight: 300;
    min-width: 680px;
    background: rgba(0, 0, 0, 0.7);
    padding: 30px 60px;
}

.login.login-with-news-feed .news-image img, .register.register-with-news-feed .news-image img {
    position: fixed;
    max-height: 100%;
    min-width: 100%;
    top: -1960px;
    bottom: -1960px;
    left: -1960px;
    right: -1960px;
    margin: auto;
}

.login.login-with-news-feed .right-content, .register.register-with-news-feed .right-content {
    float: right;
    width: 500px;
}

.login.login-with-news-feed .login-content, .register.register-with-news-feed .register-content {
    width: auto;
    padding: 30px 60px;
}
.login .login-content {
    padding: 30px 40px;
    width: 450px;
    margin: 0 auto;
}

.login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header {
    position: relative;
    display: block;
    top: 0;
    margin: 0;
    left: 0;
    right: 0;
    padding: 100px 60px 0;
}

/* Form */
.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .7rem 1rem;
    font-size: .875rem;
    border-radius: 4px;
}

/* Anchor */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Password Requirements */
.password-check .conditions {
    font-size: 10px;
}

/* Theme popout right */
.theme-panel {
    top: 150px;
    height: 460px;
}

.app-sidebar {
    padding-top: 75px;
}
/* Sidebar */
.has-top-menu .app-sidebar {
    padding-top: 115px;
    width: 200px;
}

.app-sidebar-bg {
    width: 200px;
}

.app-sidebar .menu .menu-profile .menu-profile-link {
    padding: 10px !important;
}    

.app-sidebar .menu .menu-profile span {
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 10px;
}

.app-sidebar .menu .menu-profile .menu-profile-image {
    width: auto;
    height: auto;
    padding: 10px !important;
    margin-bottom: 10px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.app-sidebar .menu .menu-profile .menu-profile-image img {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
}

.app-sidebar .menu .menu-item .menu-link:hover,.app-sidebar .menu .menu-item .menu-link:focus {
    background: #232a2f;
    color: #a8acb1 !important;
}

.link-indent {
    padding: 7px 30px !important;
}

.app-sidebar-minified .link-indent {
    padding: 7px 20px !important;
}

.app-sidebar .menu .menu-item a.active,
.app-sidebar .menu .menu-item a.active:focus, 
.app-sidebar .menu .menu-item a.active:hover {
    background: #2CAAE1;
    color: white !important;
}

/* Widget Boxes */
.criteria_widget .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}

.criteria_widget .title i {
    top: 0px !important;
}

/* Stats Icon */
.widget-stats .stats-icon, .widget.widget-stats .stats-icon {
    right: 30px;
}

/* Media Classes */
.media-list {
  margin-left: 0;
  list-style: none;
  padding-left: 0;
}

.media .media-object {
    width: 128px;
}
.media-object {
    display: block;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

/* Main tabs container */
#field-search-tab.nav-tabs {
  margin: 0;
  background: #fff;
  font-size: 14px !important;
  width: 100%;
}

#field-search-tab {
  display: flex !important;
  flex-direction: row !important;
  width: 100%;
}

/* Each tab takes 50% */
#field-search-tab .nav-item {
  flex: 1 1 0;
  margin-right: 5px;
}

/* Remove margin on last tab */
#field-search-tab .nav-item:last-child {
  margin-right: 0;
}

/* Make button fill its column */
#field-search-tab .nav-link {
  width: 100%;
  background: #f4f6f7 !important;
  padding: 15px;
  border: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  text-align: left;
  height: 100%;
}

/* Clickable cursor */
#field-search-tab.clickable .nav-link:not(.active) {
  cursor: pointer;
}

/* Active tab */
#field-search-tab .nav-link.active {
  background: #00acac !important;
  color: #fff !important;
}

#field-search-tab .nav-link.active .text-muted {
  background: #00acac !important;
  color: #fff !important;
}

/* Badge circle styling */
#field-search-tab .badge {
  height: 20px !important;
  width: 20px !important;
  line-height: 20px !important;
  padding: 0 !important;
  text-align: center;
  margin-right: 10px !important;
  border-radius: 50% !important;
  background: #6d7479 !important;
  flex-shrink: 0;
}

/* Badge when active */
#field-search-tab .nav-link.active .badge {
  background: rgba(0, 0, 0, 0.2) !important;
}

/* Text wrapper next to badge */
#field-search-tab .nav-link div {
  display: inline-block;
}

/* Remove default Bootstrap tab border */
#field-search-tab.nav-tabs .nav-link {
  border: none;
}

li.related-item{float: left; margin: 0 3px 3px 0;}

div.criteria-summary {
    max-width: 100%;
}
div.criteria-summary p{font-size: 120%;}

table.field-search-results td.allign {
  padding: 0;
  vertical-align: middle !important;
}
table.field-search-results img{
  width: auto !important;
  max-height: 40px;
}
/*  SEARCH BOX STYLES */
#fieldkeyword_search_results_box{
	position:relative;
	width:360px;
    margin:auto;
}
#fieldkeyword_search_results {
	position:fixed;
	width:360px;
	z-index:9000;
}


.field-search-input .form-group {
  width: 400px;
  margin: 0 auto;
  position: relative;
}
.field-search-input input {
  height: 50px;
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 1.25em;
}
.field-search-input button {
  position: absolute;
  right: 15px;
  top: 6px;
  height: 50px;
  padding: 0 5px;
  background: 0 0;
  border: none;
}

.dropDowns label {
    color: black;
}

div#satisfiedv2 h6{color: #212121;}
div#satisfiedv2 div.text-sat-helper span{color: #aaa;}
div#satisfiedv2 span{color: #2d353c;}
div#satisfiedv2 span.happy-one:hover{color: #ff5b57;}
div#satisfiedv2 span.happy-two:hover{color: #ff8b57;}
div#satisfiedv2 span.happy-three:hover{color: #f59c1a;}
div#satisfiedv2 span.happy-four:hover{color: #94ac00;}
div#satisfiedv2 span.happy-five:hover{color: #00acac;}
div#satisfiedv2{
    background-color: rgb(230, 230, 230);
    max-width: 360px;
    padding: 1px 4px;
    text-align: center;
    color: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    margin-left:auto;
    margin-right:auto;
    margin-top: -8px;
    margin-bottom: -13px;
}



div#satisfiedMessage {
    left:-70px;
    top: 20px;
}

div#satisfied h6{color: #aaa;}
div#satisfied div.text-sat-helper span{color: #aaa;}
div#satisfied span{color: #2d353c;}
div#satisfied span.happy-one:hover{color: #ff5b57;}
div#satisfied span.happy-two:hover{color: #ff8b57;}
div#satisfied span.happy-three:hover{color: #f59c1a;}
div#satisfied span.happy-four:hover{color: #94ac00;}
div#satisfied span.happy-five:hover{color: #00acac;}
div#satisfied{
  background-color: rgba(255, 237, 237,0.7);
  float: right;
  width: 100%;
  max-width: 240px;
  padding: 15px 7px;
  text-align: center;
  color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
}

/* Lender info buttons in search */
.lender-info-button {
    height: 22px;
    width: 22px;
}

.lender-info-button-yellow {
    height: 22px;
    width: 22px;
    background-color:#ffee00 !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background: #2CAAE1;
    color: white !important;
}

.nav-pills.panel-switch .nav-link.active {
    background-color: #2CAAE1 !important;
    color: #fff !important;
}

.nav-pills.panel-switch .nav-item:first-child .nav-link {
    border-radius: 15px 0 0 15px;
    border-right:1px solid #cccccc;
}

.nav-pills.panel-switch .nav-item:last-child .nav-link {
    border-radius: 0 15px 15px 0;
    border-left:1px solid #cccccc;
}

.nav-pills.panel-switch .nav-link {
    background-color: #f4f5f9;
    color: #70757f;
    text-decoration: none;
    box-shadow: 1px 2px 13px -9px rgba(0, 0, 0, 0.9);
}

.team_menu .nav-link.active {
    background: #242a30;
}

/* private dashboard keyword search */

#keywordsearch {
    height:auto;

}

#keywordBlockDashboard .widget {
    position: relative;
    overflow: initial;
}
#dashboard_search_results,
#keyword_search_results,
#fieldkeyword_search_results,
#multi_search_results,
.keyword_search_results_dropdown {
	display:block;
	position:absolute;
	background:#2d353c;
	padding-left:10px;
	z-index: 10;
    width: 96%;
    float: left;
}
#dashboard_search_results ul,
#keyword_search_results ul,
#fieldkeyword_search_results ul,
#multi_search_results ul,
.keyword_search_results_dropdown ul {
    padding: 10px 10px 0px 10px;
    max-height: 500px;
    min-height:50px;
    overflow-y:auto;
    margin-bottom: 0;
    text-align:left;
}
#dashboard_search_results ul li,
#keyword_search_results ul li,
#fieldkeyword_search_results ul li,
#multi_search_results ul li,
.keyword_search_results_dropdown ul li {
    padding: 0 0 12px 0;
    list-style-position: inside;
    list-style: none;
}
#dashboard_search_results ul li a,
#keyword_search_results ul li a,
#fieldkeyword_search_results ul li a,
#multi_search_results ul li a,
#dashboard_search_results ul li,
#keyword_search_results ul li,
#fieldkeyword_search_results ul li,
#multi_search_results ul li,
.keyword_search_results_dropdown ul li a,
.keyword_search_results_dropdown ul li {
  color: #bebebe;
  font-size: 1.1em;
}
#dashboard_search_results ul li a:hover,
#keyword_search_results ul li a:hover,
#fieldkeyword_search_results ul li a:hover,
#multi_search_results ul li a:hover,
.keyword_search_results_dropdown ul li a:hover {
  color: #00acac;
}

.lender-logo-holder {
    max-width:200px;
}

/* Old bootstrap class inclusions */

.badge.badge-success, .label.label-success {
    background: #00acac;
}

.text-right {
    text-align: right !important;
}

.badge.badge-inverse, .label.label-inverse {
    background: #2d353c;
    color: white;
}

.label {
    font-size: 75%;
    font-weight: 600;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75% !important;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.btn-circle {
  width: 25px;       /* Set equal width */
  height: 25px;      /* Set equal height */
  padding: 0;        /* Optional: remove default padding */
  border-radius: 50%; /* Makes the button circular */
  display: flex;     /* Center the content */
  align-items: center;
  justify-content: center;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

/* DataTables sort icon fallback for pages still using dataTables.bootstrap.min.css */
.identify-private-search-multi table.dataTable thead .sorting:after,
.identify-private-search-multi table.dataTable thead .sorting_asc:after,
.identify-private-search-multi table.dataTable thead .sorting_desc:after,
.identify-private-search-multi table.dataTable thead .sorting_asc_disabled:after,
.identify-private-search-multi table.dataTable thead .sorting_desc_disabled:after {
    font-family: inherit !important;
    font-weight: 700;
}

.identify-private-search-multi table.dataTable thead .sorting:after {
    content: "\2195" !important; /* up/down arrow */
    opacity: 0.35;
}

.identify-private-search-multi table.dataTable thead .sorting_asc:after {
    content: "\25B2" !important; /* up triangle */
    opacity: 0.65;
}

.identify-private-search-multi table.dataTable thead .sorting_desc:after {
    content: "\25BC" !important; /* down triangle */
    opacity: 0.65;
}

.dt-search {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.dt-search input {
    width: auto;
}

a.btn {
    text-decoration: none;
}


/* Custom Checkbox */
.custom-checkbox {
    height: 40px;
    width: 40px;
}

/* My Lenders Profile */
.profile-container {
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* 13.10 Profile Page Setting */

.profile-container {
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.profile-container:before,
.profile-container:after {
    content: '';
    display: table;
    clear: both;
}
.profile-left {
    width: 200px;
    float: left;
}
.profile-right {
    margin-left: 240px;
    padding-right: 20px;
}
.profile-image {
    height: 175px;
    line-height: 175px;
    text-align: center;
    font-size: 72px;
    margin-bottom: 10px;
    border: 2px solid #E2E7EB;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.profile-image img {
    display: block;
    max-width: 100%;
}
.profile-highlight {
    padding: 12px 15px;
    background: #FEFDE1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.profile-highlight h4 {
    margin: 0 0 7px;
    font-size: 12px;
    font-weight: bold;
}
.table.table-profile > thead > tr > th {
    border-bottom: none !important;
}
.table.table-profile > thead > tr > th h4 {
    font-size: 20px;
    margin-top: 0;
}
.table.table-profile > thead > tr > th h4 small {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}
.table.table-profile > thead > tr > th,
.table.table-profile > tbody > tr > td {
    border: none;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #242a30;
}
.table.table-profile > tbody > tr > td.field {
    width: 120px;
    text-align: right;
    font-weight: 600;
    color: #777;
}
.table.table-profile > tbody > tr.highlight > td {
    border-top: 1px solid #e2e7eb;
    border-bottom: 1px solid #e2e7eb;
}
.table.table-profile > tbody > tr.divider > td {
    padding: 0 !important;
    height: 10px;
}
.profile-section + .profile-section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e2e7eb;
}
.profile-section:before,
.profile-section:after {
    content: '';
    display: table;
    clear: both;
}
.profile-section .title {
    font-size: 20px;
    margin: 0 0 15px;
}
.profile-section .title small {
    font-weight: normal;
}

/* 3.21 Component - Well */

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff; 
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.well-sm {
    padding: 10px;
}
.well-lg {
    padding: 30px;
}

.rounded-corner {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

/* Accordion */
.panel-title .accordion-toggle.accordion-toggle-styled .fa:before {
    content: '\f056';
}
.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before {
    content: '\f055';
}

/* 3.12 Component - Tab Content */
.tab-content {
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.nav-tabs + .tab-content {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

/* Setup Steps mode for broker */
.setupSteps .navbar-item.hiddenSetupSteps {
    display: none;
}

.adjust-required .star-required {
    right: -10px;
}

/* Image with ammendments */
.gate_keeper_wrapper {
    width: 100%;
    background: rgb(0, 169, 228) !important;
    padding: 10px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(16, 0, 222, 0.11);
}

/* Field search text area */
.fieldsearchTextArea.notes {
    border: 1px solid #49b6d6;
}

.fieldsearchTextArea {
    border-radius: 5px;
    padding: 10px;
}

/* Btn scroll to top */
.btn-scroll-to-top {
    background-color: #ff5b57 !important;
}

.no-rounded-corner {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* Legend tabs */
legend {
    border-bottom: 1px solid #e2e7eb;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

/* Styling adjustment for filter menu */
.filter-menu {
    background: #c1ccd1;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

/* Adjustments for modal footer */
.modal-footer {
    border-top-color: #e2e7eb;
    padding: 14px 15px 15px;
}

.badge.badge-danger, .label.label-danger {
    background: #ff5b57;
}
.badge.badge-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.badge {
    font-size: 75%;
    line-height: 1.25;
    font-weight: 600;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

/* Padding on this class for PDF */
.page {
    padding: 10px;
}

.p-10 {
    padding: 10px !important;
}

/* Custom grid class */
@media (min-width: 1600px) {
  
  /* 1. Replicate Grid Column behaviors (Example: col-xxxl-6) */
  .col-xxxl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xxxl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xxxl-3 { flex: 0 0 auto; width: 25%; }
  .col-xxxl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xxxl-6 { flex: 0 0 auto; width: 50%; }
  .col-xxxl-12 { flex: 0 0 auto; width: 100%; }

  /* 2. Replicate Display utilities */
  .d-xxxl-none { display: none !important; }
  .d-xxxl-block { display: block !important; }
  .d-xxxl-flex { display: flex !important; }
  .d-xxxl-inline-block { display: inline-block !important; }

  /* 3. Replicate Container max-width adjustment */
  .container, .container-xxxl {
    max-width: 1520px;
  }
}

.grey-top-border {
    position: fixed;
    height: 1px;
    top: 88px;
    right: 0px;
    width: 500px;
    border-bottom: 1px solid rgba(168, 165, 165, 0.5);
}

.has-error .form-control {
    border-color: #ff5b57;
}

/* Ad Box */
.ad_box {
    margin-bottom:20px;
}
.ad_box span {
    text-align: center;
}
.ad_box .ad_box_placement {
    padding:5px;
    text-align: center;
    background: white;
    border: 1px solid #eaeaea;
    width:fit-content;
    border-radius: 5px;
    box-shadow: 0px 2px 6px 0px #eae8ec;
}

/* Colors */
.bg-light {
    --bs-bg-opacity: 1;
    background-color: white !important;
}

.bg-light-blue {
    background-color: #38aae1;
}

.bg-blue-lighter {
    background: #5da5e8 !important;
}

.bg-black-darker {
    background: #242a30 !important;
}

.bg-nav-red {
    background-color: #e13751;
}

.bg-red-lighter {
    background: #ff7c79 !important;
}

.bg-red-darker {
    background: #cc4946 !important;
    
}

.bg-green-lighter {
    background: #33bdbd !important;
}

.bg-info {
    background-color: #d9edf7 !important;
}

.bg-danger {
    background-color: #f2dede !important;
}

.bg-grey {
    background: #b6c2c9 !important;
}

.bg-text-danger {
    background-color: #a94442 !important;
}

/* Some background classes pulled from old blog css */
.bg-silver-lighter { background: #f4f6f7 !important; }
.bg-silver { background: #f0f3f4 !important; }
.bg-silver-darker { background: #b4b6b7 !important; }

.bg-black { background: #2d353c !important; }
.bg-black-darker { background: #242a30 !important; }
.bg-black-lighter { background: #575d63 !important; }

.bg-grey { background: #b6c2c9 !important; }
.bg-grey-darker { background: #929ba1 !important; }
.bg-grey-lighter { background: #c5ced4 !important; }

.bg-red { background: #ff5b57 !important; }
.bg-red-darker { background: #cc4946 !important; }
.bg-red-lighter { background: #ff7c79 !important; }

.bg-orange { background: #f59c1a !important; }
.bg-orange-darker { background: #c47d15 !important; }
.bg-orange-lighter { background: #f7b048 !important; }

.bg-yellow { background: #e3fa3e !important; }
.bg-yellow-darker { background: #b6c832 !important; }
.bg-yellow-lighter { background: #e9fb65 !important; }

.bg-green { background: #00acac !important; }
.bg-green-darker { background: #008a8a !important; }
.bg-green-lighter { background: #33bdbd !important; }

.bg-blue { background: #348fe2 !important; }
.bg-blue-darker { background: #2a72b5 !important; }
.bg-blue-lighter { background: #5da5e8 !important; }

.bg-aqua { background: #49b6d6 !important; }
.bg-aqua-darker { background: #3a92ab !important; }
.bg-aqua-lighter { background: #6dc5de !important; }

.bg-purple { background: #727cb6 !important; }
.bg-purple-darker { background: #5b6392 !important; }
.bg-purple-lighter { background: #8e96c5 !important; }
/* Font Weights */
.f-w-100 { font-weight: 100 !important; }
.f-w-200 { font-weight: 200 !important; }
.f-w-300 { font-weight: 300 !important; }
.f-w-400 { font-weight: 400 !important; }
.f-w-500 { font-weight: 500 !important; }
.f-w-600 { font-weight: 600 !important; }
.f-w-700 { font-weight: 700 !important; }
.note-btn-group .note-btn {
    font-size: 9px !important;
}    

.note-editor.note-frame .note-toolbar {
    padding: 2px !important;
}    

.note-toolbar .btn-outline-secondary:hover,
.note-toolbar .btn-outline-secondary:focus {
    color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

/* Target both BS5 (.form-select) and BS4 (.custom-select fallback) */
.whatFieldv5, .whatField,
select.whatFieldv5,
select.whatField {
  display: inline-block !important;
  width: 100% !important;
  text-align: left !important;
  
  /* Force native arrow removal */
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  
  /* Bootstrap 3 Success Palette colors */
  background-color: #5cb85c !important; 
  color: #ffffff !important;
  border: 1px solid #4cae4c !important;
  border-radius: 4px !important;
  
  /* Sizing and layout */
  height: 38px !important;
  padding: 6px 12px !important;
  padding-right: 2.5rem !important;

  /* Reliable Base64-encoded White Chevron */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTIgNSA2IDYgNi02Ii8+PC9zdmc+") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 0.75rem) center !important;
  background-size: 16px 12px !important;
}

.whatFieldv5.primary,
select.whatFieldv5.primary,
.whatField.primary,
select.whatField.primary
{
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
  color: #ffffff !important;
}

body .dt-container.dt-bootstrap5 table.dataTable.table-striped>tbody>tr:nth-of-type(even)>* {
    box-shadow: none;
    background: white;
}

body .dt-container.dt-bootstrap5 table.dataTable.table-striped>thead>tr>* {
    box-shadow: none;
    background: white;
}

.table-bordered thead th, .table-bordered tbody td {
    border-top: 1px solid #dee2e6 !important;
}
/* Panel drag override */

.panel.no-drag .panel-heading,
.panel.no-drag .ui-sortable-handle {
    cursor: default !important;
}
.lender-panel {
    margin-bottom: 20px;
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: #707478 !important;
}

.btn.filter {
    background-color: #EFEFEF;
    font-size: 14px;
    color: #707478;
}

.btn.filter:hover {
    color: inherit;
}

/**
 * Insights buttons
 */
.button_resi {
    background-color: #ef003f;
    color: white;
    font-weight: 900;
}

.button_resi:hover {
        background-color: #ef003f !important;
}

.button_btl {
    background-color: #ff6931;
    color: white;
    font-weight: 900;
}

.button_btl:hover {
    background-color: #ff6931 !important;
}

.btn.btn-default {
    color: #fff;
    background: #b6c2c9;
    border-color: #b6c2c9;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background: #929ba1;
    border-color: #929ba1;
}

.warning_message {
    padding: 10px;
}
.note {
    border-left: 3px solid;
    border-radius: 0px;
}

.bg-success-lighter {
    background: #DFF0D8 !important;
}

.bg-info {
    background: #D9EDF7 !important;
}

.bg-danger {
    background: #F2DEDE !important;
}

.note-success {
    border-color: #4a8564 !important;
    background: #B0EBCA !important;
    color: #3c763d !important;
}

.note-info {
    border-color: #587c89 !important;
    background: #bee2ef !important;
    color: #31708f !important;
}

.note-danger {
    border-color: #986e6e !important;
    background: #fbd1d1 !important;
    color: #a94442 !important;
}

/* Overwrite lender buttons */
.label-applicant {
  background-color: #11a121 !important;
}
.label-adverse {
  background-color: #a16c23 !important;
}
.label-employment {
  background-color: #17a180 !important;
}
.label-policy {
  background-color: #0a6aa1 !important;
}
.label-product {
  background-color: #bb7bc4 !important;
}
.label-property {
  background-color: #1da173 !important;
}
.label-income {
  background-color: #a10629 !important;
}
.label-all {
  color: #000000 !important;
}
.label-warning {
  background-color: #F59C1A !important;
  color: #fff !important;
}
.label-inverse {
  color: #fff !important;
  background-color: #222 !important;
  border-color: #080808 !important;
}