/* scrollbar itself */
/* .pyramid-card::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #babac0;
    border-radius: 10px;
    border: 4px solid #ffffff00;
} */

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */
.pyramid-card {
    overflow: overlay
}

/* total width */
.pyramid-card::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0);
    width: 8px;
    height: 16px;
    z-index: 999999;
}

/* background of the scrollbar except button or resizer */
.pyramid-card::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

/* scrollbar itself */
.pyramid-card::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 16px;
    border: 0px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
.pyramid-card::-webkit-scrollbar-button {
    display: none;
}


/* scrollbar when element is hovered */
.pyramid-card:hover::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #babac0;
    /* border: 4px solid #babac0; */
}

/* scrollbar when scrollbar is hovered */
.pyramid-card::-webkit-scrollbar-thumb:hover {
    width: 8px;
    background-color: #babac0;
    /* border: 4px solid #babac0 */
}


input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.pyramid-active-company-switch .form-check-input:checked {
    background-color: #3b6066;
    border-color: #3a5f65
}

.pyramid-outdated-companies-accordion .accordion-button {
    font-size: 0.85vw;
    padding-left: 1vw;
}

.pyramid-missing-companies-accordion .accordion-button {
    font-size: 0.85vw;
    padding-left: 1vw;
}

.accordion {
    --bs-accordion-btn-icon-width: 1vw;
    /* --bs-accordion-btn-icon-padding-right: 0.1vw; */
}


.pyramid-card-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(auto-fill);
    padding-left: 0;
    column-gap: 0.3vw;
    row-gap: 0.3vh;
}

.pyramid-accordion-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(auto-fill);
    padding-left: 1px !important;
    /* align-items: start; */
}

.pyramid-accordion-body .accordion-body {
    padding-left: 0.5vw !important;
    padding-right: 0.5vw !important;
}

.__mantine-ref-itemWrapper {
    width: 100%;
}

.pyramid_listitem_reasons span:not(.mantine-List-itemIcon) {
    width: 100%;
}







/* test stuff delete later */
.tst-portfolio-inputgroup-all {
    display: none;
}



div[id*=pyramid] .tabulator-header .tabulator-col {
    border-bottom: 0px !important;
    /* background-color: #186168; */
    background-color: white;
    color: black;
    font-weight: bold;

}

/* div[id*=pyramid] .tabulator-row.tabulator-row-even {
    border-bottom: 0px !important;

    background-color: #efefef;
} */

div[id*=pyramid] .tabulator-row.tabulator-row {
    border-bottom: 0px !important;
    /* background-color: #fff; */
    /* background-color: #efefef; */
    background-color: white;


}

div[id*=pyramid] .tabulator-row.tabulator-row:hover {
    border-bottom: 0px !important;
    background-color: #bbb;


}

/* @media (hover: hover) and (pointer: fine) {
    .tabulator-row.tabulator-selectable:hover {
        background-color: #bbb;
        cursor: pointer;
    }
} */
[id*=pyramid].tabulator {
    border: 0px;
    background-color: white;
}

[id*=pyramid].tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {

    padding-top: 1px !important;
    padding-bottom: 1px !important;
    /* margin-right: 4px !important; */
    padding-right: 4px !important;
    padding-left: 4px !important;
    /* margin-left: 4px !important; */
    border-right: 0px !important;
    border-color: white;
    white-space: pre !important;
}

/* [id*=pyramid].tab-pane .tabulator .tabulator-header {
    border-bottom: 0px !important;
    background-color: white !important;
    height: auto;
} */




[id*=pyramid].tabulator .tabulator-header {



    background-color: white;

}

[id*=pyramid].tabulator .tabulator-header .tabulator-col {



    font-weight: 400;
    border-right: 0px !important;
    height: auto !important;
    padding-left: 1px;
    border-color: white;

}

[id*=pyramid].tabulator .tabulator-header .tabulator-col-content {



    font-weight: bold;
    border-right: 0px !important;
    height: auto !important;
    padding-left: 1px;
    padding-right: 2px;

}

[id*=pyramid].tabulator .tabulator-fake-header {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 0px;
    background-color: #bfbfbf !important;

    color: #555;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
}



[id*=pyramid] ::-webkit-scrollbar {
    background-color: rgb(255, 255, 255);
    width: 8px;
    height: 16px;
    z-index: 999999;
}

/* background of the scrollbar except button or resizer */
[id*=pyramid] ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

/* scrollbar itself */
[id*=pyramid] ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);

    border-radius: 16px;
    border: 0px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
[id*=pyramid] ::-webkit-scrollbar-button {
    display: none;
}


/* scrollbar when element is hovered */
[id*=pyramid] :hover::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #ececf1;
    /* border: 4px solid #babac0; */
}


/* scrollbar when scrollbar is hovered */
[id*=pyramid] ::-webkit-scrollbar-thumb:hover {
    width: 8px;
    background-color: #babac0;
    /* border: 4px solid #babac0 */
}

.pyramid-tab-input-save-draft-col {
    flex-direction: row-reverse;
    align-items: center;
    display: flex;
    margin: 0px;
    padding-right: 0.1rem;
    /* flex-wrap: nowrap; */
}

.pyramid-tab-input-dropdown-ticker-save-draft-confirmation-message-row {
    /* height: 8vh; */
    align-content: center;
}

.pyramid-tab-input-dropdown-ticker-save-draf-stack {
    /* flex-wrap: nowrap; */
    justify-content: space-around;
    padding-right: 0px;
}


.tooltip-custom-portfolio {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    display: none;
    opacity: 0;

}


.tab-input-main-tabulator {

    /* height: 55%; */
    width: 100%;

    overflow-y: scroll;
}

.tab-input-main-tabulator-button-row {
    /* margin-top: 1rem; */
    margin-bottom: 0.1rem;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

.tab-input-main-tabulator-button-row-right-side {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    /* padding-left: 10rem; */
    padding-right: 1.5rem;

}

/* test stuff delete later END*/


.tab-user-input-one-pager-notes-content-div{
    padding-top: 1rem;
    padding-bottom: 1rem;
    white-space:  pre-wrap;
    height: 65vh;
    overflow: scroll;
}


/* total width */
.scroll-visible::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 150px;    
    width: 8px;
    height: 16px;
    z-index: 999999;
}

/* background of the scrollbar except button or resizer */
.scroll-visible::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

/* set button(top and bottom of the scrollbar) */
.scroll-visible::-webkit-scrollbar-button {
    display: none;
}
/*scrollbar itself */
.scroll-visible::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #a3a3a7c8;
    
    /* border: 4px solid #babac0; */
}

[id*=pyramid].tabulator .tabulator-tableholder::-webkit-scrollbar-thumb{
    width: 8px;
    background-color: #a3a3a7c8;
}

.tooltip {
    pointer-events: none;
}


.pyramid-one-pager-notes-tooltips .tooltip-inner{
    max-width: 20vw;

    
}

.tabs-container {
    width: 85%;
}


.test-input-detailed-errors-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.1rem;
    row-gap: 1rem;
    max-width: 100%; /* Adjust as needed */
    
    padding: 10px;
    
}

.test-input-detailed-errors-li {
    font-family: monospace;
    flex: 0 1 auto; /* allow items to shrink if needed */
    min-width: 150px; /* set a minimum width before wrapping */
    /* min-width: 10%; */
    width: 23%;
    list-style-type:none; /* ensure bullet points */
    list-style-position: outside; /* ensure bullets are visible */
    white-space: nowrap; 
    padding-top:0;
    margin-top: 0;
    margin-left:1rem;
    padding-left: 0.4rem;
    
    border-left: 0.2rem lightgrey solid;

}

.test-input-detailed-errors-li-element-value-provided-span{
    text-overflow: ellipsis;
    overflow-x: clip;
    /* max-width: 100%; */
    /* max-width: inherit; */
    max-width: 40%;
    /* width: 100%; */
    display: inline-block;
}

.pyramid-tab-input-quality-plot{
    padding-top:2rem;
    height: 40vh;
}


.tab-input-pyramid-loading-wrapper > div{
    visibility: visible !important;
}

/* .accordion-05rem-padding .accordion-button {
    padding: 0.5rem !important;
} */