body.darkmode {
    background-color: #000000;
    color: #ffffff;
}

.darkmode .app {
    background: #000000;
}
.darkmode .main-content {
    background-color: #000000;
}

.darkmode .main-panel {
    background: #000000;
}

.darkmode #content:after {
     background-color: #000000; 
}

.darkmode .configuration {
    
    background:#000000;
    color: #ffffff;
}

.darkmode .configuration .fa-cog {
    color: #48a8e3;
}

.darkmode .darkmode-toggle .button-container {
    background-color: #999999;
    padding: 4px 8px;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.darkmode .darkmode-toggle button {
    background-color: #999999;
    border: solid 2px #999999;
    border-radius: 6px;
    padding: 7px 20px 5px 20px;
    margin: 0;
    width: 48%;
}

.darkmode .darkmode-toggle button:hover {
    background-color: #666666;
}

.darkmode .darkmode-toggle button.selected {
    background-color: #000000;
    border: solid 2px #7ed359;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.45);
}

.darkmode .darkmode-toggle button i {
    font-size: 18px;
    color: #e3e3e3;
}

.darkmode .darkmode-toggle button.selected i {
    color: #ffffff;
}

.darkmode .configuration .title {
    background-color:#000000;
    text-transform: none;
}

.darkmode .configuration .configuration-cog {
    background-color:#000000;
    
}

.darkmode .quick-launch-panel {
    background: #0675b9;
}

.darkmode #BorrowerSelectionControl .borrowerCountContainer {   
    border: solid #595959 1px;
    background-color: #000000;   
}

.darkmode .navbar-nav .ccmc-view-title {   
    color: #ffffff;   
}

.darkmode .main-panel > .header .nav > li > a {
    color: #ffffff;
}

.darkmode .sidebar-panel > .brand {
    background-color: #000000;
}

.darkmode .sidebar-panel > .brand .hamburger-icon {
    color: #48a8e3;
    background-color: #000000;
}

.darkmode .nav .active {
    background-color: #000000;
    color: #ffffff;
    border-left: solid 1px #333333;
    border-bottom: none;
}

.darkmode .sidebar-panel .nav .active {
    background-color: #48a8e3;
    color: #ffffff;
    border-left: none;
    border-bottom: none;
}

.darkmode .sidebar-panel > nav li.active > a {
    color: #ffffff;
}

.darkmode .sidebar-panel > nav > ul > li > a:hover {
    /* background-color: #4d9ccd; */
    background-color: #222222;
}

.darkmode .sidebar-panel {
    background-color: #000000;
    border-right:solid 1px #292929;
}

.darkmode .sidebar-panel > nav a {
    color: #48a8e3;
    font-weight: 600;
}

.darkmode .main-panel > .header {
    background-color: #222222;
    border-bottom: 1px solid #333333;
    box-shadow: 0px 7px 13px -2px #000000;
}

.darkmode .sidebar-panel > nav > ul > li > ul {
    background-color: #000000;
}

.darkmode .sidebar-panel > nav > ul > li.open > a, .sidebar-panel > nav > ul > li.open > a:hover, .sidebar-panel > nav > ul > li.open > a:focus {    
    background-color: #222222;
}

.darkmode .ccmc-loan-navigation { 
    background-color: #000000;   
}

.darkmode .ccmc-loan-navigation a {
    color: #48a8e3;    
}

.darkmode .ccmc-loan-navigation .ccmc-loan-actions.disabled a {
    color: #666666;
}

    .darkmode .ccmc-loan-navigation .ccmc-loan-actions a.disabled {
        color: #666666;
    }

.darkmode .connect-filterbar {
    background: #222222;
    color: #ffffff;
    border: solid 1px #595959;
   
}

.darkmode .panel-body {
    padding:0;
}

.darkmode .accordion .panel {
    border: none;   
}

.darkmode footer.content-footer {
    color: #ffffff;
    background-color: #000000;
}

.darkmode .connect-link {
    color: #48a8e3 !important;
}

.darkmode .bbs-title-panel {
    background-color: #0675b9 !important;
}

.darkmode .bbs-panel-dataentry .connect-col-panel-xlarge, .darkmode .connect-col-panel-gradient-full, .darkmode .bbs-panel-dataentry .connect-col-panel-full, .darkmode .bbs-panel-dataentry .connect-col-panel-medium, .darkmode .bbs-panel-dataentry .connect-col-panel-xxsm, .darkmode .bbs-panel-dataentry .connect-col-panel-large, .darkmode .bbs-panel-dataentry .connect-col-panel-gradient,
.darkmode .bbs-container-recommendation, .darkmode .connect-background-gradient-gray {
    /* background: #f6f6f6; */
    background: #222222 !important;
    border: none !important;
    /* background: linear-gradient(to bottom, #fcfcfc 0%,#ebebeb 100%); */
}

.darkmode .modal-dialog .bbs-panel-dataentry .connect-col-panel-xlarge {
    background: #333 !important;
}

.darkmode .bbs-panel-dataentry p label {
    color:#f1f1f1;
}

.darkmode .connect-title-medium, .darkmode .connect-title-small, .darkmode .connect-title, .darkmode .hmda-summary h3, .darkmode .bbs-title-large {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #ffffff;
}

.darkmode div.connect-title {
    background-color: #0675b9; /*this is the bar container*/
}

.darkmode .bbs-title-mediumbold.connect-color-blue {
    color: #ffffff !important; /*Compliance page has a blue header*/
}

.darkmode div.connect-title.connect-cursor-pointer {
    background-color: #0675b9; /*I specified pointer as this was a very specific case with a broad div title - we don't want to side-affect any others*/
}

/*Grids*/
.darkmode .bbs-grid .k-grid tr {
    background: #222222;
}

.darkmode #pnlPipelineBody {
    background-color: #222222;
    border: solid 1px #595959;
    border-radius: 6px;
}

.darkmode .panel {
    background-color: transparent;   
}

.darkmode .connect-section-totalmonthlypayment .panel {
    /* background-color: #edf4fc; */
    background-color: #333333;
    border: 1px solid #595959;
    box-shadow: 0px 4px 12px 3px rgb(0 0 0 / 100%);
}

.darkmode .k-content, .darkmode .k-dropdown .k-input, .darkmode .k-popup, .darkmode .k-toolbar, .darkmode .k-widget {
    color: #eeeeee !important;
}

.darkmode .k-widget {
    border: none;
    background-color: transparent !important;
}


.darkmode .k-grid-header {
    border: solid 1px #595959;
    border-left:none;
    border-top:none;
    
    background-color: transparent;
    font-size: 12px;
    font-weight: bold !important;
}

.darkmode .k-grid-footer-wrap, .darkmode .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: none;
    border-width: 0 1px 0 0;
    zoom: 1;
}

.darkmode .k-filter-row th, .darkmode .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    border-color: #595959;
}

.darkmode .k-active-filter, .darkmode .k-state-active, .darkmode .k-state-active:hover {
    background-color: #222222;
    border-color: none;
    color: #48a8e3;
}

.darkmode .k-column-menu, .k-column-menu .k-item, .k-overflow-container .k-overflow-group {
    border-color: #595959;
}

.darkmode .k-calendar .k-alt, .darkmode .k-calendar th, .darkmode .k-dropzone-hovered, .darkmode .k-footer-template td, .darkmode .k-grid-footer, .darkmode .k-group, .darkmode .k-group-footer td, .darkmode .k-grouping-header, .darkmode .k-pager-wrap, .darkmode .k-popup, .darkmode .k-toolbar, .darkmode .k-widget .k-status {
    background-color: #333333;
}

.darkmode .k-header {
    background-color: transparent;
}

.darkmode .k-draghandle.k-state-selected:hover, .darkmode .k-ghost-splitbar-horizontal, .darkmode .k-ghost-splitbar-vertical, .darkmode .k-list > .k-state-highlight, .darkmode .k-list > .k-state-selected, .darkmode .k-marquee-color, .darkmode .k-panel > .k-state-selected, .darkmode .k-scheduler .k-scheduler-toolbar .k-state-selected, .darkmode .k-scheduler .k-today.k-state-selected, .darkmode .k-state-selected, .darkmode .k-state-selected:link, .darkmode .k-state-selected:visited, .darkmode .k-tool.k-state-selected {
    color: #f1f1f1;
    background-color: #333333;
    border-color: transparent;
}

.darkmode .k-grid tr.k-state-selected:hover, .darkmode .k-grid tr.k-state-selected, .darkmode .k-grid tr.k-alt.k-state-selected:hover, .darkmode .k-grid tr.k-alt.k-state-selected, .darkmode .k-grid td.k-state-selected:hover, .darkmode .k-grid tr.k-state-selected:hover td {
    color: #ffffff;
    background-color: #000000 !important;
    border-color: transparent;
}

.darkmode .k-grid tr:hover {
    background-color: #333333;
}

.darkmode table {
    border: none;
}

.darkmode .k-alt, .darkmode .k-pivot-layout > tbody > tr:first-child > td:first-child, .darkmode .k-resource.k-alt, .darkmode .k-separator {
    background-color: #333333;
}

.darkmode.k-grid tr:hover {
    background-color: transparent;
}

.darkmode.k-grid tr td {
    font-weight: normal;
    border-bottom: dashed 1px #b4bfcc;
    border-color: #b4bfcc;
}

.darkmode.k-grid tr {
    font-weight: normal;
    border-bottom: solid 1px #595959;
    border-color: #595959;
}

.darkmode.k-grid tr.k-filter-row {    
    border-bottom: 5px solid #595959;
}


.darkmode.k-grid tr.k-filter-row input.k-input {
    border-style: solid;
    border-width:1px;
    border-color: #595959 !important; 
    font-size: 12px;
    font-weight: normal;
    border-radius: 6px;
    height: 20px !important;
}



.darkmode.k-grid tr.k-state-selected:hover {
    background-color: transparent !important;
}

.darkmode .k-grid td.k-state-selected:hover, .darkmode .k-grid tr.k-state-selected:hover td {
    background-color: #333333;
}

.darkmode .k-grid-toolbar .k-button.active {
    border: none;
    background-color: #48a8e3;   
    font-weight: normal;
}

.darkmode .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    zoom: 1;
    min-height: 0;
    min-height: 270px;
}

.darkmode.k-content {
    background-color: transparent;
}

.darkmode .k-grid-header {
    padding-right: 0 !important;
}

.darkmode .k-grid tr td {
    border-width: 0 0 1px 1px;
    border-style: solid;
    font-weight: normal;
    border-color: #595959;
}

.darkmode.k-widget {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-width: 0;
    outline: inherit;
    -webkit-tap-highlight-color: #d2e2f7 !important;
}

.darkmode .k-grid-toolbar:first-child, .darkmode .k-grouping-header + .k-grid-toolbar {
    border-color:#595959;
}

.darkmode .connect-grid .connect-header div, .darkmode .connect-grid .connect-row div {
    display: inline-block;
    margin-left: -4px;
    padding: 7px;
    vertical-align: top;
}

.darkmode .connect-grid .connect-row, .darkmode .connect-grid .connect-header {
    border: solid 1px #595959;
    padding: 5px;
}

.darkmode .k-input, .darkmode .k-multiselect-wrap, .darkmode .k-textbox > input, .darkmode input.k-textbox, .darkmode input.k-textbox:hover, .darkmode textarea.k-textbox, .darkmode textarea.k-textbox:hover, 
.darkmode select.k-dropdown, .darkmode textarea, .darkmode input {
    background-color: #000000;
    color: #f1f1f1;
    /*border: solid 1px #595959;*/
}

.darkmode select.k-dropdown {
    background-color: #000000;
    color: #f1f1f1;
    border: solid 1px #595959;
}

.darkmode input:disabled, .darkmode textarea:disabled, .darkmode select:disabled, .darkmode option:disabled, .darkmode .k-state-disabled .k-select {
  
    background-color: #333333 !important;
    color: #f1f1f1 !important;
}

.darkmode input[type="radio"] {   
   
    
}

.darkmode input[type="radio"][disabled]:checked {
    border: 3px solid #ffffff !important;
    /*background-color:#005CC8 !important;*/   
    border-radius: 8px;
    height: 12px;
    width: 12px !important;
    -webkit-appearance: none;    
    
}


.darkmode .k-textbox, .darkmode .k-autocomplete, .darkmode .k-dropdown-wrap, .darkmode .k-picker-wrap, .darkmode .k-numeric-wrap {
    border-color: #595959 !important;
    background: #000000;
}

.darkmode .k-autocomplete.k-state-default, .darkmode .k-dropdown-wrap.k-state-default, .darkmode .k-numeric-wrap.k-state-default, .darkmode .k-picker-wrap.k-state-default {
    background-color: #000000;
    color: #f1f1f1;
    border: solid 1px #595959;
}

.darkmode .k-grid-header .k-link:link, .darkmode .k-grid-header .k-header > .k-link, .darkmode .k-header, .k-treemap-title {
    color: #ffffff;
}

.darkmode .k-button.k-button-icon .k-icon, .darkmode .k-grid-filter .k-icon, .darkmode .k-header .k-icon {
    color: #48a8e3;
}

.darkmode .k-pager-wrap .k-link:hover {
    color: #48a8e3;
    border-color: #48a8e3;
    background: #333333;
}

.darkmode .k-pager-wrap .k-link {
    color: #48a8e3;
    border-color: #48a8e3;
    background: #000000;
}

.darkmode .k-button {
    border-radius: 4px;
    border-color: #48a8e3;
    color: #48a8e3;
    background-color: #000000;
   
}

.darkmode .bbs-grid .k-grid tr td { 
    color: #f1f1f1;  
}


/*Connect tables*/
.darkmode .connect-table tr, .darkmode .connect-tradeofftable tr {
    border-bottom: solid 1px #595959;
}

.darkmode .connect-table td, .darkmode .connect-tradeofftable td {
    border-right: solid 1px #595959;
}


.darkmode div.panel-alternate-item, .darkmode .connect-row.panel-alternate-item:nth-child(odd) {
    background-color: #333333;
}

.darkmode div.panel-alternate-item:nth-child(even) {
    background-color: #222222;
}

.darkmode .connect-communicate-otheractions ul li {  
    border-bottom: none;
}

.darkmode .connect-table-panel td {
    border-right: solid 1px #595959;
}

.darkmode .connect-table-panel tr {
    border-bottom: solid 1px #595959;
}

.darkmode .connect-grid-header {
    color: #ffffff;
    border-radius: 0;
    border: 1px solid #595959;
    border-width: 0 0 1px 0;
    background: #333333;
    
}

.darkmode .connect-grid-header p {
    border-right: 1px solid #595959;
   
}

.darkmode .connect-grid-content .listitem {
    border-bottom: solid 1px #595959;
}

.darkmode .conditions .condition-row p {
    border-right: 1px solid #595959;
}

.darkmode .conditions .condition-row, .darkmode div.conditions .condition-filter-row {
    border-bottom: 1px solid #595959;
}

.darkmode .conditions .condition-row div {
    border-right: 1px solid #595959;
}


/*Kendo Calendar*/
.darkmode .k-calendar .k-link {
    color: #ffffff;
}

.darkmode .k-calendar .k-state-hover .k-link {
    color: #222222;
}

.darkmode .k-calendar .k-link.k-nav-today {
    color: #222222;
    text-decoration: underline;
}

.darkmode .k-calendar .k-today {
    background-color: #000000;
}

.darkmode .k-widget.k-calendar .k-nav-fast {   
    background: #48a8e3;
    color: #ffffff;
}

.darkmode .k-widget.k-calendar .k-nav-fast.k-state-hover {
    background: #48a8e3;
    color: #ffffff;
}


/*Divisions*/
.darkmode .bbs-division-dashed, .darkmode .bbs-division-dashed-small-dark, .darkmode .bbs-division-dashed-small, .darkmode .bbs-borderbottom-dashed {
    border-bottom: solid 1px #444444 !important;
}

.darkmode .bbs-division-dotted2 {
    border-top: solid 1px #444444;
}



/*Modals*/
.darkmode .modal-content {
    background-color: #222222;
    border: 1px solid #595959;
    box-shadow: 0px 0px 60px 20px rgb(0 0 0 / 100%);
}

.darkmode .warning-header, .darkmode .warning-body, .darkmode .warning-footer {
    background-color: #222222;
    border-color: #444444;
}

.darkmode .connect-modal-close, .darkmode .dialog-x, .darkmode .fa-times  {
    color: #ffffff;
}

.darkmode .add-borrower-urla .connect-modal-title h2 {
    font-size: 22px;
    color: #ffffff;
}

.darkmode .add-borrower-urla .borrower-name label {    
    color: #ffffff;
}

.darkmode .add-borrower-urla .borrower-box {   
    background-color: #333333;
    border: none;   
    box-shadow: 0px 4px 12px 3px rgb(0 0 0 / 100%);
}

.darkmode .add-borrower-urla .borrower-box.selected {
    background-color: #444444;
    border: 1px solid #595959;
}

.darkmode .add-borrower-urla .borrower-name {   
    border-bottom: 1px solid #444444;
}

.darkmode .add-borrower-urla .borrower-box span.subtext {
    color: #f1f1f1;
}

.darkmode .modal-header {
    border-bottom: 1px solid #444444;
}

.darkmode .modal-footer {
    border-top: 1px solid #444444;
}

.darkmode .modal-dialog.modal-pricing-accounts {
    background-color: #222222;
    border: 1px solid #595959;
    box-shadow: 0px 0px 60px 20px rgb(0 0 0 / 100%);
}

.darkmode .ltv-info-modal .header span, .darkmode .ltv-info-modal .calculation table tr td span {
    color: #ffffff;
}

.darkmode .ltv-info-modal .calculation {
    background: #333333;
}

.darkmode .ltv-info-modal .calculation table tr td {    
    border-bottom: 1px solid #444444;
    border-right: 1px solid #444444;
    border-left: 1px solid #444444;
}

.darkmode .ltv-info-modal .calculation table thead {
    border-bottom: solid 1px #444444;
}

.darkmode .insuranceDatesWarning .title {  
    color: #ffffff;   
}

.darkmode .insuranceDatesWarning .body {    
    color: #f1f1f1;
}

.darkmode .insuranceDatesWarning .selection p {
    background-color: #333333;
    box-shadow: 0px 4px 12px 3px rgb(0 0 0 / 100%);
    border: none;   
    margin: 5px;
}

.darkmode .insuranceDatesWarning .date-label, .darkmode .insuranceDatesWarning .date {
    color: #ffffff;    
}



/*Popover*/
.darkmode .popover {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #333333;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #595959 !important;
}

.darkmode .popover .popover-inner {
    color: #ffffff;
}

/*Doc vault*/
.darkmode .connect-tab {
    color: #ffffff;    
    border-bottom: solid 1px #595959;
    border-right: solid 1px #595959;
}

.darkmode .connect-documentmanagement .k-grid tr td {
    border: 0 1px 0 0;
    border-width: 0 1px 1px 0;  
    border-right: none;
    border-color: #595959;
}

.darkmode .connect-documentmanagement .k-grid tr.k-filter-row input.k-input {
    box-shadow: none !important;     
    border-radius: inherit;
    height: 20px !important;
}

.darkmode .my-drop-zone {
    border: dashed 2px #595959;   
    background-color: #000000;
    color: #ffffff;
}

.darkmode .connect-documentmanagement .connect-searchbar input {
    box-shadow: none !important;   
    border-radius: 4px ;   
    border: 1px solid #dedede;
    border-color: #595959 !important;
}


/*Fees Worksheet*/
.darkmode div.connect-fee-panel {
    vertical-align: top;
    background-color: #222222;
    border: none;   
    border-radius: 6px;   
}

.darkmode .connect-fees div.fee-title-header, .darkmode .connect-fees div.fee-header {
    border-bottom: solid 1px #666666;
}

.darkmode .connect-fees p select.k-dropdown {
    border: 1px solid #595959;
}

.darkmode .connect-fees div.fee-title-header p label {
    color: #ffffff;
}

/*Text & labels*/
.darkmode p {
color: #f1f1f1;
}


/*Heads Up*/
.darkmode .chat-panel .chat-users .tab-content {
    background-color: #000000;
    border: solid 1px #292929;
    border-top: none;
}

.darkmode .chat-panel .chat-users .nav-tabs {
    background-color: #333333;
    color: #48a8e3;
    border-bottom: solid 1px #48a8e3; 
}

.darkmode .chat-panel .chat-users .nav-tabs:hover {
    background-color: #333333;
    color: #48a8e3;
    border-bottom: solid 1px #48a8e3;
}

.darkmode .chat-panel .chat-users .nav-tabs li > a:hover, .darkmode .chat-panel .chat-users .nav-tabs li > a:focus {
    color:#48a8e3;
}


.darkmode .chat-panel .chat-users .nav-tabs:hover {
    color: #48a8e3;
}

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

.darkmode .chat-panel .chat-users .nav-tabs li::after, .darkmode .chat-panel .chat-users .nav .nav-tabs li:not('.active')::after, .darkmode .chat-panel .chat-users .nav .nav-tabs li:not('.active') a {
    background-color: #000000;
    color: #48a8e3;
}

.darkmode .connect-hud li {    
    border-bottom: none;
    width:100%;
    padding:4px 6px;
    margin:0;
}

.darkmode .connect-hud li:nth-of-type(odd) {
    border-bottom: none;
    background-color: #333333;
}






.darkmode .k-widget .k-header {
    color: #ffffff !important;
}

.darkmode .box-tab .nav-tabs li:not(.active) .bbs-title-panel {   
   
    background-color: #000000 !important;
    border: none;
}

.darkmode .ccmc-tabs-datapanels .bbs-title-panel span {   
    font-weight: 600;   
    color: #48a8e3;
}

.darkmode .ccmc-tabs-datapanels .active .bbs-title-panel span {
    font-weight: 600;
    color: #ffffff;
    background: none;
}

.darkmode .ccmc-tabs-datapanels .active a.nav-link {
    background: #000000;
}


.darkmode .accordion .panel-heading a {
    color: #48a8e3;
}

.darkmode .bbs-panel-dataentry .bbs-borrower-personalinfo p {

}

.darkmode #BorrowerPortalInfo .form-group label.form-control, .darkmode #BorrowerPortalInfo .form-inline label.form-control, .darkmode #BorrowerPortalInfo .form-group select.form-control, .darkmode #BorrowerPortalInfo .form-control {
    border: 1px solid #595959;
    background-color: #333333 !important;
    color: #f1f1f1 !important;
}

.darkmode .connect-borrower-container-declarations {
    border-bottom: solid 1px #444444;  
}

.darkmode .connect-container-governmentmonitoring {   
    border: none;
    background-color: #333333;    
}

/*Urla*/
.darkmode .urla .connect-link {
    color: #48a8e3 !important;
}

.darkmode .urla button.delete {    
    color: #ffffff;
}

.darkmode .urla .urla-button {
    background-color: #000000;
    border: 1px solid #48a8e3;
    color: #48a8e3;   
}

.darkmode .urla .urla-button:hover {
    background-color: #48a8e3;
    border: 1px solid #48a8e3;
    color: #ffffff;
}


/*buttons*/
.darkmode button.secondary, .darkmode #loanServiceProviders button, .darkmode .bbs-button-secondaryaction, .darkmode .btn-default, .darkmode .btn-primary, .darkmode .urla .urla-button, .darkmode .connect-right-button-primary, .darkmode button.btn-alt-light {
    background: #48a8e3 !important;
    border: solid 1px #48a8e3 !important;
    border-color: #48a8e3 !important;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 10px;
    text-align: center;
}

    .darkmode button.secondary:hover, .darkmode #loanServiceProviders button:hover, .darkmode .bbs-button-secondaryaction:hover, .darkmode .btn-default:hover, .darkmode .btn-primary:hover, .darkmode .urla .urla-button:hover, .darkmode .connect-right-button-primary:hover, .darkmode button.btn-alt-light:hover {
        background: #33b4f0 !important;
        border: solid 1px #48a8e3 !important;
        color: #ffffff;
        font-size: 12px;
        border-radius: 4px;
    }

.darkmode .btn-default, .darkmode .btn-primary, .darkmode button.tertiary, .darkmode button.primary-alt {
    color: #48a8e3 !important;
    background-color: #000000 !important;
    border-color: #48a8e3 !important;
}

    .darkmode .btn-default:hover, .darkmode .btn-primary:hover, .darkmode button.primary-alt:hover, .darkmode .btn-default:active::before, .darkmode .btn-default::before {
        color: #ffffff !important;
        background-color: #48a8e3 !important;
        border-color: #48a8e3 !important;
    }

.darkmode .k-grid-content .btn-default {
    padding: 3px;
    height:20px;
    width:20px;
    border-radius: 0 !important;
    margin:0 !important;
}

.darkmode .urla .urla-button {  
    border-radius: 4px;    
}

.darkmode .bbs-panel-dataentry .connect-monthlyhousingexpenses .bbs-button-secondaryaction {
    width: auto;
}


.darkmode .connect-modal-action-button, .darkmode .connect-modal-cancel-button.connect-modal-cancel-button-default {
    background: #48a8e3 !important;
    border: solid 1px #48a8e3 !important;
    border-color: #48a8e3 !important;
    color: #ffffff !important;
    font-size: 12px;
    padding: 3px 10px !important;
    text-align: center;
}







.darkmode .connect-accordion-icon {
  color: #48a8e3;
}

.darkmode .bbs-grid.connect-grid-wlosp .k-textbox:disabled, .darkmode .bbs-grid.connect-grid-wlosp .k-dropdown:disabled, .darkmode #loanServiceProviders tr input:disabled {
    background-color: #333333 !important;
    border-color: #595959 !important;
    height: 29px !important;
}

.darkmode .bbs-grid.connect-grid-wlosp .k-textbox.textbox-span-text-align {
    background-color: #333333 !important;
    border-color: #595959 !important;
}

.darkmode .connect-grid-wlosp td input {
    height:29px !important;
}

.darkmode div.urla-title-header span {    
    color: #ffffff;
}

.darkmode .urla .borrower-badge {
    background: #333333 0% 0% no-repeat padding-box;
}

.darkmode .urla .borrower-badge span {
    color:#ffffff;
}

.darkmode .urla li {   
    color: #f1f1f1;
}

.darkmode .urla div.sub-panel {
    background-color: #222222;
    box-shadow: inset 0px 14px 12px -10px rgb(0 0 0 / 100%), inset 0px -14px 12px -10px rgb(0 0 0 / 100%);
    display: flex;
}

.darkmode .urla button.expander {
    color: #48a8e3;
}

.darkmode .separator {  
    background-color: #444444;    
}



/*Borrower Info*/
.darkmode .bbs-borrower-personalinfo p.pull-right button.bbs-button-secondaryaction.connect-margin-0 {
    float:right; /*clear button was in a strange location due to the borrower info stylesheet no longer being used upon darkmode switch...fix*/
}

.darkmode .connect-borrowerinformation .bbs-panel-dataentry p label {  
    color: #f1f1f1;
}

/*Kendo Dropdown*/

.darkmode .k-list, .darkmode .k-list-container {
    background: #000000;    
}

.darkmode .k-list-container {
    border-color: #595959;
    box-shadow: 4px 6px 8px 2px rgb(0 0 0 / 100%);
}



/*Borrower Management*/
.darkmode .borrower-management h1, .darkmode .connect-modal.delete-borrower .connect-modal-title h2, .darkmode .connect-modal.delete-borrower .connect-modal-content {
    color: #ffffff;
}

.darkmode .borrower-management .group-sequence {
    background-color: #0675b9;
}

.darkmode .borrower-management .flex-container .borrower-tile {
    background-color: #333333;
    box-shadow: 0px 4px 12px 3px rgb(0 0 0 / 100%);   
}

.darkmode .borrower-management .flex-container .borrower-tile label {   
    color: #f1f1f1;
}

.darkmode .borrower-management .flex-container .borrower-tile span {
    color:#ffffff;
}

.darkmode .borrower-management .moving-message {    
    color: #ffffff;    
}


.darkmode .connect-borrower-declarations .connect-link.connect-question, .darkmode .connect-borrower-container-declarations .connect-link.connect-question {
    text-decoration: none;
    color: #f1f1f1 !important;
}


/*Pricing*/
.darkmode .connect-pricing-borrower-info p.normal, .darkmode .connect-pricing-borrower-info p.normal span {
    color: #ffffff;
}

.darkmode .connect-pricing .bbs-panel-dataentry p label, .darkmode .pricing-property-info label, .darkmode .connect-pricing .pricing-notes .note-panel .header label, .darkmode .connect-pricing .pricing-notes .note-panel span,
.darkmode .connect-pricing .pricing-search-results .eligible-products .search-results .content span, .darkmode .lock-confirmation .connect-modal-content span, .darkmode .lock-confirmation .connect-modal-content .connect-col-panel-xlarge p span {
    color: #f1f1f1;
}

.darkmode .connect-pricing .connect-pricing-search-options h2, .darkmode .lock-history .lock-history-grid .lock-history-row .lock-detail-wrapper .lock-detail h3, .darkmode .qm-trace .connect-modal-title h2 {    
    color: #ffffff;
}

.darkmode .connect-pricing .pricing-section-title .reset-clear, .darkmode .connect-pricing .apor-link i span, .darkmode .lock-history .lock-history-grid p.lock-history-expander i, .darkmode .lock-history .lock-history-grid p.lock-history-print i,
.darkmode .connect-pricing .actions i {
    color: #48a8e3;
}

.darkmode .connect-pricing .connect-pricing-borrower-info p span {  
    color: #f1f1f1;
}

.darkmode .connect-pricing .connect-pricing-search-options .connect-pricing-search-options-panel {
    border: 1px solid #48a8e3;    
}

.darkmode .lock-history .lock-detail-wrapper p label {
    color: #999999;
}

.darkmode .connect-pricing .connect-grid .grid-row {   
    border-bottom: solid 1px #444444;
}

.darkmode .connect-pricing .pricing-search-results .eligible-products .search-results .content i.pricing-expander, .darkmode .connect-pricing .pricing-search-results .eligible-products .search-results .product-details p.actions i.print-icon,
.darkmode .connect-pricing .pricing-search-results .eligible-products .search-results .product-details p.actions .open-qm-trace, .darkmode .connect-pricing .pricing-search-results .eligible-products .search-results .product-details p.select-product .open-qm-trace,
.darkmode .connect-pricing .pricing-search-results .eligible-products .search-results .pricing-results .actions i {
    color: #48a8e3;
}

.darkmode .connect-pricing .nav-tabs li a {
    color: #48a8e3;   
    font-weight: normal;
}

.darkmode .connect-pricing .nav-tabs li.active a {
    font-weight: bold;
}

.darkmode .connect-pricing .nav-tabs li.active {
    background: #222222;
    border: solid 1px #222222;
}


.darkmode .connect-pricing .nav-tabs li {
    background: #333333;
    border: solid 1px #333333;
    /* border-bottom: none; */
}

.darkmode .connect-pricing .connect-pricing-search-options .bottom-right .required-fields-content label {
    color: #f1f1f1;
}

.darkmode .pricing-change-request .select .options > div {
    background-color: #333333;
    border: none;
}

.darkmode .pricing-change-request .select .options i, .darkmode .pricing-change-request .select .options > div.selected i {
    color: #ffffff;
}

.darkmode .pricing-change-request .select .options > div.selected {
    background: #333333;
    box-shadow: 0px 2px 12px 3px rgb(0 0 0 / 100%);
    border: none;
    }

.darkmode .pricing-change-request .changes .price-concession {
    color: #f1f1f1;
}
.darkmode .apor-popover .flex-container p {   
    color: #f1f1f1;
}

.darkmode .apor-popover .flex-container p.rate {  
    background: #444444;
}

.darkmode .apor-popover .flex-container p.highlighted {   
    color: #ffffff !important;
}

.darkmode .qm-trace .section-head {
    background: #0675b9;
}

.darkmode .qm-trace .inner-panel {
    background: #333333;
}

.darkmode .qm-trace .points-and-fees-details {
    background-color: #222222;
    box-shadow: inset 0px 14px 12px -10px rgb(0 0 0 / 100%), inset 0px -14px 12px -10px rgb(0 0 0 / 100%);
    padding: 18px;
    /*background: #444444;*/
}

.darkmode .qm-trace .points-and-fees-details .item-details {  
    background: #333333 0% 0% no-repeat padding-box;   
}

.darkmode .connect-pricing .connect-pricing-search-options div.multiple-checkbox {   
    background-color: #222222;   
}




/*Quick quote*/
.darkmode .quick-quote h1, .darkmode .quick-quote h2, .darkmode .quick-quote .disclaimer label {
    color: #ffffff;
}

.darkmode .pricing-accounts .connect-modal-title h2, .darkmode .connect-pricing .pricing-accounts span, .darkmode .pricing-accounts span {
    color: #ffffff;
}

.darkmode .quick-quote .panel, .darkmode .quick-quote .search-options .panels > div {
    background-color: #333333;
}

.darkmode .quick-quote label {   
    color: #ffffff;  
}

.darkmode .quick-quote input:not([type]), .darkmode .quick-quote select {  
    border-color: #595959;  
    background-color: #000000;
    color: #f1f1f1;    
}

.darkmode .quick-quote .action-link, .darkmode input-with-tooltip .input-with-tooltip .info-icon i {
    color: #48a8e3;
}

.darkmode .input-with-tooltip .wrapper {
    border: 1px solid #595959; 
}

.darkmode .input-with-tooltip .input input {   
    border-right: 1px solid #595959;
}



/*Loan Summary*/
.darkmode table.connect-loanSummary-risk tr:not(:last-child) td {
    border-bottom: 1pt solid #444444;
    border-top: 0pt;
    border-left: 0pt;
    border-right: 0pt;
}


.darkmode .bbs-panel-dataentry p .k-numerictextbox .k-numeric-wrap, .darkmode .bbs-panel-dataentry .k-grid-content .k-numerictextbox .k-numeric-wrap {
    padding-right: 0px !important;
}

.darkmode .connect-pricing .pricing-search-results .eligible-products .search-results .pricing-results .pricing-row:nth-child(2n) {
    background: #333333;
}



.darkmode .accountingsummary .connect-color-connect-text-black, .connect-accordion-icon-relative {
    color: #48a8e3 !important; /*override for black accordian on accouting summary screen*/
}

.darkmode .connect-textbox {
    background: #333333 !important;
    border: solid 1px #595959 !important;   
}

.darkmode .connect-expander {
    width: 102%;
    margin-left: -2%;
    border-radius: 0;
    background-color: #222222;
    box-shadow: inset 0px 14px 12px -10px rgb(0 0 0 / 100%), inset 0px -14px 12px -10px rgb(0 0 0 / 100%);
    padding:18px;
}

.darkmode .connect-color-red {
    color: #e03445 !important;
}

.darkmode .connect-container-bordered {
    color: #f1f1f1 !important;
    border: solid 1px #595959;
    background-color: #333333;
}

.darkmode span.k-maskedtextbox.k-textbox {
    border: solid 1px #595959;
}

.darkmode .table {
    background-color:#222222;
}

.darkmode .connect-table.connect-table-blue thead th {
    border-right: solid 1px #595959;   
}

.darkmode .connect-table.connect-table-blue thead th:last-of-type {
    border-right: none;
}

.darkmode .connect-table.connect-table-blue thead tr {
    border-bottom: solid 1px #595959;
}

.darkmode .bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table tr { 
    background: #222222;
}

.darkmode .k-content, .k-panel > li.k-item, .k-panelbar > li.k-item, .k-tiles {
    background-color: transparent;
}

.darkmode .main-panel > .header .nav > li > a.ccmc-logo-wrapper {
    background: url(/images/logo-highres.png);
}

.darkmode .connect-logo-questsoft {
    background-image: url(/images/questsoft-dark-logo.png);
}
.darkmode .connect-logo-appraisalshield {
    background-image: url(/images/appraisalshield-dark-logo.png);  
}

.darkmode .connect-container-shadow {
    box-shadow: none;
    background: #222222 !important;
}

.darkmode .connect-appraisalshield-expander {
    color: #48a8e3;
}

.darkmode .connect-appraisalshield .panel {
    background-color: #333333;
    border: 1px solid #595959;
    box-shadow: 0px 4px 12px 3px rgb(0 0 0);
}



@media (max-width:1800px) {
    .darkmode .main-panel > .header .nav > li > a.ccmc-logo-wrapper {
        background: url(/images/logo-LM-responsive-whiteL.png);
        padding: 6px 0 0 20px;
        height: 26px;
        width: 26px;
        vertical-align: middle;
        top: -2px;
        margin-left: 11px;
    }
}

/*Logos*/
.darkmode .connect-logo-mgic {
    background-image: url(/images/mgic-logo-dark.png);
    background-repeat: no-repeat;
    width: 84px;
    height: 26px;
}

.darkmode .connect-logo-arch {
    background-image: url(/images/arch-logo-dark.png);
    background-repeat: no-repeat;
    width: 141px;
    height: 35px;
}

.darkmode .connect-logo-national {
    background-image: url(/images/nationalmi-logo-dark.png);
    background-repeat: no-repeat;
    width: 158px;
    height: 29px;
}

.darkmode .connect-logo-radian {
    background-image: url(/images/radian-logo-dark.png);
    background-repeat: no-repeat;
    width: 115px;
    height: 54px;
}

.darkmode .connect-logo-essent {
    background-image: url(/images/essent-logo-dark.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 29px;
}

.darkmode .connect-logo-fanniemae {
    background-image: url(/images/fannie-mae-logo-dark.png);   
}

.darkmode .connect-logo-mc {
    background-image: url(/images/mc-logo-small-dark.png);    
}


/*.darkmode .form-control {
    border-color: #595959;
    font-weight: 400;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #000000;
}*/

/*Quick Search*/
.darkmode .quick-search .modal-body p label {    
    color: #ffffff;
}

.darkmode .qs-search-result-panel {
    background-color: #333333;
    border: none;
    box-shadow: 0px 4px 12px 3px rgb(0 0 0 / 100%);
}

.darkmode .qs-selected-item {
    background-color: #333333;
    border: none;
    box-shadow: 0px 4px 15px 3px rgb(0 0 0 / 100%);
}

.darkmode .qs-search-result p span {    
    color: #ffffff;   
}

/*Decision*/
.darkmode .connect-dragdroparea-eligible ul li, .darkmode .connect-dragdroparea-investors ul li {
    background-color: #333333;
    border: 1px solid #444444;   
}

.darkmode table.connect-loanSummary-risk tr td.connect-loanSummary-risk-selected div {
    background-color: #333333;
    border-left: solid 3px #444444;
    border-right: solid 3px #444444;
    border-bottom: dashed 1px #444444;
    box-shadow: 0px 12px 12px 3px rgb(0 0 0 / 100%);
}

/*Email Approval*/
.darkmode .email-approval, .darkmode .email-approval .content, .darkmode .email-approval .heading, .darkmode .email-approval .title {
    color: #ffffff;
}


.darkmode .cru-worksheet-header {
    color: #48a8e3 !important;
}

.darkmode .cru-worksheet-header .title {
    color: #ffffff !important; 
}

.darkmode .delete-worksheet .title, .darkmode .delete-worksheet {
    color: #ffffff;
}

.darkmode .urla-income-calculator .alternate-item {
    background-color: #333333;   
}

.darkmode .urla-income-calculator .alternate-item:nth-child(2n) {
    background-color: #222222;
}

.darkmode .tabAdmin ul[dnd-list] li {
    background-color: #333333;
    border: 1px solid #444444;   
}

.darkmode .main-panel > .header .nav .open > a, .darkmode .main-panel > .header .nav .open > a:hover, .darkmode .main-panel > .header .nav .open > a:focus {
    background-color: #222222;
    color: #ffffff;
}

.darkmode .main-panel > .header .navbar-nav .dropdown-menu {
    top:53px;
    background-color: #222222;
    color: #ffffff;
}

.darkmode .dropdown-menu > li > a { 
    color: #ffffff; 
}

.darkmode .dropdown-menu > li > a:hover, .darkmode .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: #333333;
}

.darkmode .connect-loan-indicators {
    background: #222222;
}

.darkmode .connect-recent-searches {
    background-color: #000000;
    border: solid 1px #444444;
    box-shadow: 0px 3px 8px 3px rgb(0 0 0);
}

.darkmode .connect-recentsearch-item:hover {
    background-color: #333333;
}

.darkmode .connect-header-label {    
    color: #f7f7f7;
   
}

.darkmode .connect-background-white {
    background-color: transparent;
}

.darkmode .connect-border-container {
    border-color: #444444;
}

/*Navigation*/

.darkmode .sidebar-panel > nav > ul > li {
    border-bottom: solid 1px #292929;
    border-right: solid 1px #292929;
    background: #000000;    
}

.darkmode .sidebar-skin-dark .sidebar-panel > nav a {
    /*color: #0675B9;*/
}

.darkmode .sidebar-skin-dark .sidebar-panel {
    background-color: #ffffff;
}

/*Tutorial tooltip*/
.darkmode .tutorial-popover .dismiss-icon {
    background-color: #333333;
}

.darkmode .tutorial-popover .dismiss-icon i {
    color: #ffffff;
}


.darkmode .tutorial-popover .dismiss-icon:hover {
    background-color: #444444;
}

.darkmode .tolerance-manager .tm-section-title label {
    color: #ffffff;
}

/*Lock Desk*/
.darkmode .lock-desk .ticket-wrapper .tickets {
    background: #333333 !important;
    border: none !important;
}

.darkmode .lock-desk .ticket-wrapper .ticket-wizard {
    background: #333333 0% 0% no-repeat padding-box;    
}

.darkmode .lock-desk .ticket-wrapper .tabs .ticket-details {
    background: #333333 0% 0% no-repeat padding-box;   
}

.darkmode .lock-desk .ticket-details label {    
    color: #ffffff !important;
}

.darkmode .lock-desk .ticket-details .section-detail .col-label label {  
    color: #ffffff;
}

.darkmode .lock-desk .inner-panel {
    background: #333333 0% 0% no-repeat padding-box;   
    border: solid 1px #666666;
}

.darkmode .lock-desk .ticket-wrapper .tabs .tab-header > span {  
    background: #444444 0% 0% no-repeat padding-box; 
    color:#48a8e3;
}

.darkmode .lock-desk .ticket-wrapper .tabs .tab-header > span.selected {
    background: #333333 0% 0% no-repeat padding-box;
    color: #ffffff;
}

.darkmode .pricing-notes .note-panel .header label {
    color: #ffffff;
}

.darkmode .pricing-notes .note-panel .header {
    border-bottom: 2px solid #444444;
}

.darkmode .lock-desk .ticket-details .section-detail .row-label label, .darkmode .pricing-notes .add-note-panel .add-note-header label,
.darkmode .pricing-notes .note-panel span, .darkmode .lock-desk .ticket-wrapper .tickets .ticket label, .darkmode .ticket-wizard .title,
.darkmode .ticket-wizard h3 {
    color: #ffffff;
}

.darkmode .lock-desk .ticket-details .lock-status .flex-container.dates p label {
    
    border-color: #777777;   
    color: #ffffff;   
    background-color: #333333 !important;
}

.darkmode .pricing-notes .note-panel .note-grid .note-row:nth-child(2n+1) {
    background-color: #333333;
}

.darkmode .lock-desk .ticket-wrapper .tickets .ticket {
    border-bottom: 1px solid #595959;    
    background: #444444 0% 0% no-repeat padding-box;    
}

.darkmode .lock-desk .ticket-wrapper .tickets .ticket.selected {
    background: #000000 0% 0% no-repeat padding-box;
}

.darkmode .lock-desk-button, .darkmode button.add-note {
    background: #000000 0% 0% no-repeat padding-box;
    border: 1px solid #48a8e3;
    color: #48a8e3;
}

.darkmode .lock-desk-button, .darkmode button.add-note:hover {
    background: #48a8e3 0% 0% no-repeat padding-box;
    border: 1px solid #48a8e3;
    color: #ffffff;
}

.darkmode .lock-desk-button, .darkmode button.add-note {
    background: #000000 0% 0% no-repeat padding-box;
    border: 1px solid #48a8e3;
    color: #48a8e3;
}

.darkmode .lock-desk-button, .darkmode button.add-note:hover {
    background: #48a8e3 0% 0% no-repeat padding-box !important;
    border: 1px solid #48a8e3;
    color: #ffffff;
}

.darkmode .lock-desk a {
    color: #48a8e3;
}

.darkmode .ticket-wizard .options div {
    background-color: #333333;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.93);
    
    border: 1px solid #333333;
    color: #ffffff;
}

    .darkmode .ticket-wizard .options div:hover {
        background-color: #333333;
        box-shadow: 0px 4px 12px 3px rgb(0 0 0);
        border: 1px solid #48a8e3;
        color: #ffffff;
    }

.darkmode .ticket-wizard .options div.selected {
    background: #48a8e3 0% 0% no-repeat padding-box;
    border: 1px solid #48a8e3;
    color: #ffffff;
}

/*.ticket-wizard .options div {
    width: 108px;
    height: 108px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    font: normal normal bold 12px/15px Segoe UI;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
    display: inline-block;
    padding: 10px;
    margin: 0 2px;
    cursor: pointer;
    vertical-align: top;
}*/

.darkmode .ticket-detail .details-info, .darkmode .ticket-detail .tabs .tab-header span.selected, .darkmode .adjustments, .darkmode .ticket-detail .base-info, .darkmode .concessions {
    background: #333333 0% 0% no-repeat padding-box;
    color: #ffffff;
}

.darkmode .ticket-detail .tabs .tab-header span {
    background: #444444 0% 0% no-repeat padding-box;
    color: #48a8e3;
}

.darkmode .ticket-detail .details-info .row-label label, .darkmode .ticket-detail .details-info .col-label label, .darkmode .adjustment p label,
.darkmode .concessions .concession-header p label, .darkmode .adjustments .adjustment-header p label, .darkmode .ticket-detail .title, .darkmode .ticket-detail .title span, .darkmode .lock-save .title,
.darkmode .lock-save .confirm {
    color: #ffffff;
}


.darkmode .ticket-detail .details-info .inner-div {
    background-color:#333333;
}

.darkmode .ticket-detail .buy-lock-container .details-info, .darkmode .ticket-detail .buy-lock-container .concessions, .darkmode .ticket-detail .buy-lock-container .adjustments,
.darkmode .ticket-detail .sell-lock .details-info, .darkmode .ticket-detail .sell-lock .concessions, .darkmode .ticket-detail .sell-lock .adjustments {
    background-color: transparent !important;
    color: #ffffff;
}

.darkmode .concessions .inner-div .concessions-row:nth-child(even), .darkmode .adjustments .inner-div .adjustments-row:nth-child(even) {
    background-color: #444444;
    color:#ffffff;
}

.darkmode .concessions .concession-header, .darkmode .adjustments .adjustment-header {
    border-bottom: 1px solid #444444;
}

.darkmode .concession p label {  
    color: #ffffff;
}

.darkmode .ticket-detail .base-info {
    background-color:#444444;
}

.darkmode .ticket-detail .base-info input[disabled] {
    background-color:#444444 !important;
}

.darkmode .loan-compare-detail-item {
    background: #33333380 !important;
}

.darkmode .connect-panel-bg {
    background-color: #222222;
}

.darkmode .loan-compare-section-header {
    /* background-color: #edf4fc; */
    background-color: #333333;
    border: 1px solid #595959;
}