/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

h1 {
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
    text-decoration: none;
    cursor: pointer;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

nav .dropdown-menu .dropdown-menu {
    margin-left: 35px;
}

nav a.nav-link:hover, nav a.dropdown-item:hover {
    background-color: #d3d4d5 !important;
}


.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
    height: 100% !important;
    margin: 0;
}

body {
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

.pageBody {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
    padding: 10px;
}

/*
    Style Tables
*/
table tr:last-child td {
    border: none !important;
}

table tr:first-child td {
    border-top: 2px solid rgb(222, 226, 230);
}

table thead {
    border-top: 2px solid rgb(222, 226, 230);
}

.dataTable thead th a {
    text-decoration: none !important;
    color: rgb(31, 98, 224) !important;
}

td.editCol {
    text-align: right !important;
    /*    width: 120px;
    font-size: smaller;
*/
}

.table-condensed {
    font-size: 12px !important;
}

.table-condensed tbody tr, .table-condensed thead tr {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

.table-condensed td {
    border-style: none !important;
}

.table-condensed tbody td {
    padding: 4px 4px !important;
}

.table-condensed thead {
    border-top-style: none !important;
    border-top-width: 01px !important;
    color: rgb(31, 98, 224);
    font-weight: 500;
}

.table-condensed tfoot {
    color: rgb(31, 98, 224);
    font-weight: 500;
}

.table-responsive {
    overflow-x: unset !important;
}


table.summary-table tr {
    height: 30.5px;
}


/*
    Scrollable Table
*/
div.table-scrollable-container {
    max-height: 17vh;
    overflow-y: scroll;
}

div.table-scrollable-container > table
{
    margin-top: 0px !important;
}

div.table-scrollable-container > table > thead {
    position: sticky;
    top: 0px;
} 


/*
    Selectable Table Rows
*/
table.selectable-table > tbody > tr {
    cursor: pointer;
} 


/*
    Alert styles
*/
.alert {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: auto !important;
    text-align: center !important;
    width: 40% !important;
    z-index: 1 !important;
}


/*
    Button styles
*/
.btn_small {
    /* background-color: DodgerBlue; Blue background */
    border: none; /* Remove borders */
    color: white; /* White text */
    padding: 10px 10px; /* Some padding */
    font-size: 15px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btn_small:hover {
    /* background-color: RoyalBlue; */
}

.row_button {
    margin: 0px !important;
    padding: 0px 4px !important;
}

/*
    Page Navigation
*/
#pageNavigation {
    margin-top: 5px;
}

#pageNavigation #pageSize {
    width: 65px;
}

#pageNavigation #pageId {
    width: 65px;
}


/*
    Data Forms
*/
form div.form-group {
    margin-bottom: 10px;
}


/*
    Mater Detail 
*/
#MasterData tbody tr, .data-table tbody tr {
    cursor: pointer;
}


/*
    Jquery UI
*/
.handle:hover {
    cursor: move;
}

.hideElement {
    display: none !important;
    height: 0px !important;
    width: 0px !important;
    margin: 0px !important;
    visibility: hidden;
}

.drag-handle:hover {
    cursor: pointer;
    background-color: rgb(240, 242, 255);
}


/*
    Modals
*/
#form-modal-webkit-scrollbar {
    display: none;
}

#form-modal {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

#form-modal-bug .btn-close {
    font-size: 12px !important;
}

#bugSubmit {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

#form-modal .btn-close {
    font-size: 12px !important;
}


/*
    Scrollable data table
*/
.scrollable-data-table {
    /*display: block;*/
    overflow-y: auto;
    height: 350px !important;
    width: 100%;
}

.scrollable-data-table thead {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: Background;
}

.scrollable-data-table thead tr {
    border-bottom-width: 0px !important;
}


/*
    Grafana iframes
*/
.grafana-blend-performance {
    border-style: none !important;
    position: relative;
    height: 1820px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-signal-performance {
    border-style: none !important;
    position: relative;
    height: 1600px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-signal-state-history {
    border-style: none !important;
    position: relative;
    height: 275px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-portfolio-piechart {
    border-style: none !important;
    position: relative;
    min-height: 300px;
    /*height: 100%;*/
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-portfolio-detail-piechart {
    border-style: none !important;
    position: relative;
    min-height: 300px;
    /*height: 100%;*/
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-portfolio-detail-timeseries {
    border-style: none !important;
    position: relative;
    height: 300px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-signal-summary {
    border-style: none !important;
    position: relative;
    height: 200px;
    width: 100% !important;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 25px 0px 0px 0px;
}

.grafana-blend-summary {
    border-style: none !important;
    position: relative;
    height: 400px;
    width: 100% !important;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 25px 0px 0px 0px;
}

.grafana-portfolio-performance {
    border-style: none !important;
    position: relative;
    height: 2010px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-portfolio-comparison {
    border-style: none !important;
    position: relative;
    height: 1450px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-blend-market-cycle {
    border-style: none !important;
    position: relative;
    height: 1320px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-index-market-cycle-analysis {
    border-style: none !important;
    position: relative;
    height: 2120px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

.grafana-market-cycle-return-comparison {
    border-style: none !important;
    position: relative;
    height: 375px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
    padding-left: 13px;
}

.grafana-market-cycle-history {
    border-style: none !important;
    position: relative;
    height: 60px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
    padding-right: 48px;
}

/*
    Price Change Matrix
*/
.price-change {
    font-size: smaller !important;
    padding: 4px !important;
}

.holiday {
    background-color: #EDFAFF !important;
}

.weekend {
    background-color: #EEEEEE !important;
}

.locked {
    background-color: #fde7dc !important;
}

#priceMatrix .date-header {
    background-color: rgba(0,0,0,0) !important;
    border-style: none !important;
}

#priceMatrix td, #priceMatrix th {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/*
    Date Picker
*/
.daterangepicker tbody tr {
    border-bottom-width: 0px !important;
}


/*
    Market Cycle 
*/
.completedBg {
    background-color: rgb(220, 220, 220);
    color: black !important;
}

.bullmarBg {
    background-color: rgb(25, 135, 84);
    color: white !important;
}

.bearmarBg {
    background-color: rgb(224, 47, 68);
    color: white !important;
}

.percent4Bg {
    background-color: rgb(25, 135, 84);
    color: white !important;
}

.percent3Bg {
    background-color: rgb(150, 217, 141);
    color: black !important;
}

.percent2Bg {
    background-color: rgb(250, 222, 42);
    color: black !important;
}

.percent1Bg {
    background-color: rgb(255, 115, 131);
    color: white !important;
}

.percent0Bg {
    background-color: rgb(224, 47, 68);
    color: white !important;
}


/*
    Badges
*/
#MarketCycleData h6:has(span.badge) {
    padding: 0px;
    margin: 0px;
}
.badge-not-included {
    background-color: rgb(226, 227, 229);
    color: rgb(0, 0, 0) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}


/*
    Utilities
*/
.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-progress {
    cursor: progress !important;
}

.cursor-wait {
    cursor: wait !important;
}


/*
    Media Queries
*/
@media (min-width: 200px) {
    html {
        font-size: 12px !important;
    }

    #brand-logo {
        height: 32px !important;
    }

    .h1, h1 {
        font-size: 1.45rem !important;
    }

    .btn_small {
        font-size: 12px !important;
    }
}

@media (min-width: 576px) {
    html {
        font-size: 13px !important;
    }

    #brand-logo {
        height: 37px !important;
    }

    .h1, h1 {
        font-size: 1.55rem !important;
    }

    .btn_small {
        font-size: 13px !important;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 14px !important;
    }

    #brand-logo {
        height: 42px !important;
    }

    .h1, h1 {
        font-size: 1.65rem !important;
    }

    .btn_small {
        font-size: 14px !important;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 14px !important;
    }

    #brand-logo {
        height: 47px !important;
    }


    .h1, h1 {
        font-size: 1.70rem !important;
    }

    .btn_small {
        font-size: 14px !important;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 15px !important;
    }

    .h1, h1 {
        font-size: 1.80rem !important;
    }

    .btn_small {
        font-size: 15px !important;
    }
}

@media print {
    header, header *, footer, footer *, #bugSubmit, #bugSubmit *, .bug-submission, .bug-submission *, .mp-results, .mp-results * {
        display: none;
        visibility: hidden;
    }

    #pageBody * {
        display: block;
    }

    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}