﻿:root {
    /*Main Theme Colors*/
    --MainThemeColor: #1e0dad;
    --MainThemeAccentColor: #2c99cc;
    /*Hover Pipeline Highlight*/
    --ColorTransparentMain: 0, 49, 184;
    /*Text Color Options*/
    --BlackText: #000000;
    --WhiteText: #ffffff;
}



body {
    margin: 0;
    /*background-image: url('../../_SharedBackgroundImages/background1.png');*/
    background-image: url('../images/bank.jpg');
    background-size: cover !important;
}
    body#brokerBody {
        /*background-image: url('../../_SharedBackgroundImages/background1.png');*/
        background-image: url('../images/waterSplash.jpg');
        background-size: cover;
    }

input[type="submit"], input[type="button"] {
    background-color: var(--MainThemeColor);
    color: var(--WhiteText);
}
.grid li .hexagon {
    background: var(--MainThemeColor);
}
table > tbody > tr:nth-child(2n+1) {
    background-color: lightgray !important;
}

/*MP_InvestorLanding Styles*/
.InvestorMarketplaceContainer {
    background: rgba(252,252,252,1);
    border-radius: 10px;
}
.logo img {
    /*max-width: 250px !important;*/
    max-height: 65px;
    object-fit: contain;
    
}
div div.InvestorMarketplaceContainer div.containerTitle {
    background-color: var(--MainThemeColor);
    height: 50px;
    width: 100%;
    position: relative;
}

.MarketplaceHeader {
    margin-top: 20px;
    color: var(--WhiteText);
}

.MarketplaceSubHeader {
    color: #58595b;
    font-family: "Arial", sans-serif;
}

.SearchMoreDealsBtn {
    background-color: var(--MainThemeColor);
    color: var(--WhiteText);
    border-bottom: none;
}

.DealInfoContainer {
    box-shadow: 0 0 5px var(--MainThemeColor);
}

.Border {
    border: 1px solid var(--MainThemeColor);
}

.PropertyDetailsContainer {
    border: 1px solid var(--MainThemeColor);
}

.infoLableHeading, .LoanIDContainer div {
    color: var(--MainThemeColor) !important;
}
.LoanId{
    color: gray !important;
}

/*MP_InvestorReports Styles*/
div.ChartContainer input[type="submit"], div.ChartContainer input[type="button"]{
    background-color:var(--MainThemeColor)!important;
}
.PerformanceHeader {
    margin-top: 20px;
    color: #58595b;
}

a.ReportButton {
    /*background: var(--MainThemeColor) !important;*/
}
div.Filter {
    background: var(--MainThemeColor);
}
div.tablesFilter {
    background: var(--MainThemeColor);
}
.selectedFilter {
    background: #f2663e !important;
}

div.ChartContainer {
    box-shadow: none;
}

h2.Chartheading, div.Chartheading {
    color: var(--MainThemeColor);
    border-bottom: 2px solid var(--MainThemeColor);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: var(--MainThemeColor) !important;
    border: 1px solid var(--MainThemeColor) !important;
}

span.tileTopper, span.tileSubHeader, span.tileAccent {
    color: var(--MainThemeColor);
}

span.tileHeader {
    background-color: var(--MainThemeColor);
}

a.tileButton {
    background-color: var(--MainThemeColor);
    padding: 10px;
}

/*Mp_InvestmentFundManagement Styles*/
div .manageButtons {
    background-color: var(--MainThemeColor);
}

div .ManageInvestmentBtn {
    background-color: var(--MainThemeColor);
    width:15%;
}

table {
    border: 1px solid var(--MainThemeColor) !important;
}

    table th {
        background-color: var(--MainThemeColor) !important;
        color: #fff;
    }

.graphBoxTop {
    background-color: var(--MainThemeColor) !important;
}

.reportData table > tbody > tr:nth-child(2n+1) {
    background-color: lightgray;
}

.companyInfo p {
    color: var(--MainThemeColor);
}

.reportContainer h2 {
    color: #000;
}

table.marketplaceTable > tbody > tr:nth-child(2n+1) {
    background-color: lightgray;
}

/*InvestorMarketplace Styles*/
.MarketplacetopBar {
    background-color: var(--MainThemeColor);
}

div.LoanCriteriatopBar {
    background-color: var(--MainThemeColor);
}

.EClabel {
    color: var(--MainThemeColor);
}

.FundGroupName {
    color: var(--MainThemeColor);
}

.ECMarketplaceIcon {
    color: var(--MainThemeColor);
}

    .ECMarketplaceIcon:hover {
        color: #f2663e;
    }

.ECMarketplaceAgreementLabel {
    color: #545454;
}

input.SaveandSearch {
    background-color: var(--MainThemeColor) !important;
    color: white !important;
}

.ExistingCommitments, .LoanMatches, .CommitmentInfo, .LoanRanges, .LoanCriteria {
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.4);
}

.LoanRangesContainer label, .LoanRangesContainer input[type="text"] {
    color: var(--MainThemeColor) !important;
}
.overlayBoxTop{
    background-color: var(--MainThemeColor);
}

/*MP_InvestorAccount Styles*/

.save_changes {
    background-color: var(--MainThemeColor) !important;
}
