.btn-primary {
    background: white;
    color: #283e5c;
    border: 1px solid #283e5c !important;
    border: 1px solid lightgrey !important;
    border-radius: 6px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 20%);
    transition: all 150ms linear;
    background-color: #ffffff;
    transition: all 150ms linear;
    padding: 4px 7px;
}

    .btn-primary:hover {
        background: #283e5c;
        color: white;
    }

.btn-dark {
    border-radius: 6px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 20%);
    background: rgb(93,93,93);
    background: linear-gradient(90deg, rgba(93,93,93,1) 0%, rgba(43,43,43,1) 68%, rgba(92,92,92,1) 100%);
    background: rgb(71,71,71);
    background: linear-gradient(90deg, rgba(71,71,71,1) 0%, rgba(43,43,43,1) 68%, rgba(71,71,71,1) 100%);
}

.nav-tabs {
    border-bottom: 1px solid grey;
}

.nav-link.active {
    border-color: grey grey #fff!important;
}
    .nav-link.disabled {
    color: lightgrey !important;
}

    @keyframes slide-fade-out {
        0% {
            transform: translateY(0);
            opacity: 1;
        }

        100% {
            transform: translateY(20px);
            opacity: 0;
        }
    }

    @keyframes slide-fade-in {
        0% {
            transform: translateY(-20px);
            opacity: 0;
        }

        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .app-box-shadow {
    -webkit-box-shadow: 3px 4px 14px -7px rgba(135,124,135,1);
    -moz-box-shadow: 3px 4px 14px -7px rgba(135,124,135,1);
    box-shadow: 3px 4px 14px -7px rgba(135,124,135,1);
}

.fade-out {
    animation: slide-fade-out 0.5s forwards;
}

.fade-in {
    animation: slide-fade-in 0.5s forwards;
}

.ContentDiv {
    margin-left: 2em;
    margin-right: 2em;
}

.formula-div {
    margin-top: 1em;
    text-align: center;
    padding: 2em;
    border-radius: 8px;
    margin-bottom: 2em;
    background: cornsilk;
    border: 1px solid darkslategray;
    color: darkslategray;
    -webkit-box-shadow: 11px 10px 7px -7px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 11px 10px 7px -7px rgba(0, 0, 0, 0.72);
    box-shadow: 11px 10px 7px -7px rgba(0, 0, 0, 0.72);
}

.calculation-title {
    background: #f5f5f5;
    padding: 0.5em;
    border-radius: 8px;
    border: 1px solid #ededed;
    margin-bottom: 1em;
    -webkit-box-shadow: -1px 10px 23px -10px rgba(199, 199, 199, 1);
    -moz-box-shadow: -1px 10px 23px -10px rgba(199, 199, 199, 1);
    box-shadow: -1px 10px 23px -10px rgba(199, 199, 199, 1);
    text-align: center;
}


.ValidationsDiv {
    margin_0 .5em;
    padding: 1em;
    border-radius: 10px;
    border: 1px solid lightgrey;
    background: #f7f7f7;
    background: #fcfcfc;
}

.comment-valuation {
    border: 1px solid #000080;
    border-radius: 5px;
    padding: 1em;
    border-radius: 5px 5px 5px 0px;
}

.valuation-blue-div {
    border-left: 1.5px solid #000080;
    border-right: 1.5px solid #000080;
    padding: 0.5em;
}

.valuation-blue-div-end {
    border-bottom: 1.5px solid #000080;
    text-align: center;
    margin-bottom: 2em
}

.valuation-blue-div-top {
    border-top: 1px solid #000080;
    padding-top: 20px;
}

.valuation-blue-title {
    background: #000080;
    color: white;
    padding: 1em;
    background: #43608f;
}

.valuation-excel-div {
    color: #000080;
    width: 60vw;
    margin-left: 2vw;
    max-width: 100em;
    min-width: 60em;
}

.reportUnderline {
    font-weight: 700;
    text-decoration-line: underline;
}

.align-left {
    text-align: left;
}

/* HTML: <div class="loader"></div> */
.loader-chart {
    height: 4px;
    width: 130px;
    --c: no-repeat linear-gradient(#6100ee 0 0);
    background: var(--c),var(--c),#d7b8fc;
    background-size: 60% 100%;
    animation: l16 3s infinite;
}

@keyframes l16 {
    0% {
        background-position: -150% 0,-150% 0
    }

    66% {
        background-position: 250% 0,-150% 0
    }

    100% {
        background-position: 250% 0, 250% 0
    }
}

.smallShadowBoxArea {
    justify-content: center;
    min-height: 12em;
}

.ValidationsP {
    margin-top: 2em;
    color: #1d2b4d;
    border-bottom: 0.5px solid lightgray;
    text-align: center;
    padding-bottom: 0.1em;
    background: #f1f1f1;
}

.alignCenter {
    text-align: center;
}

.marginBottom {
    margin-bottom: 2em;
}

.ValuationNoteArea {
    width: 100%;
    margin-bottom: 1em;
    border: 1px solid lightgray;
    border-radius: 8px 8px 8px 0px;
    min-height: 15em;
    padding: 1em;
}

.ValuationNoteTitle {
    font-size: 16px;
    font-weight: 600;
    color: #283854;
    background: #f1f1f1;
    width: 20em;
    text-align: center;
    padding: 0.2em;
    border-radius: 8px;
    border: 1px solid lightgray;
}

.BaseNote {
    text-align: center;
    margin-top: 2em;
    padding: 1em;
    border: 1px solid currentColor;
    border-radius: 10px;
}

.ErrorMessageNote {
    color: darkred;
    background: #f7e9e9;
}

.SuccessMessageNote {
    color: green;
    background: #e6f5e6;
}

.ValuationNoteDiv {

}

.BlackButton {
    background-color: #2b2b2b;
    color: white;
    padding: 0.5em;
    border-radius: 0
}

.redErrorText {
    color: crimson;
}

.reportContainer {
    margin-left: 2.2em;
    padding: 2em;
    border-radius: 10px;
    background-color: #f1f1f1;
    -webkit-box-shadow: 4px 4px 25px 0px rgb(168 168 168);
    -moz-box-shadow: 4px 4px 25px 0px rgba(168,168,168,1);
    box-shadow: 4px 4px 25px 0px rgb(168 168 168);
    text-align: center;
    margin-bottom: 2em;
    background-image: url('/images/financeImg2.jpg');
    width: 90vw;
    background: rgb(30,105,173);
    /*background: linear-gradient(132deg, rgba(30,105,173,1) 0%, rgba(85,102,166,0.28895308123249297) 30%, rgba(75,103,166,0.7399334733893557) 73%, rgba(11,33,119,1) 100%);*/
    border-radius: 0px 0px 10px 10px;
    background: linear-gradient(132deg, rgba(223,230,237,0.7875525210084033) 0%, rgba(167,177,217,0.06486344537815125) 30%, rgba(187,198,223,0.45702030812324934) 78%, rgba(120,130,149,0.5858718487394958) 100%);
}
.uploadHeader {
    background-image: url('/images/backgroundDownload.png');
    padding: 1em !important;
    margin: 1em;
    font-size: 19px;
    font-weight: 500;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 17px -11px rgb(0 0 0 / 75%);
    -moz-box-shadow: 10px 10px 17px -11px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 17px -11px rgb(0 0 0 / 75%);
}
.downloadHeader {
    background-image: url('/images/downlaodImg.jpg');
    padding: 1em !important;
    margin: 1em;
    font-size: 19px;
    font-weight: 500;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 17px -11px rgb(0 0 0 / 75%);
    -moz-box-shadow: 10px 10px 17px -11px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 17px -11px rgb(0 0 0 / 75%);
}

.pTeamStructure {
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border-radius: 11px;
    margin: 1.5em;
    padding: 2em;
    width: 70vw;
    margin-left: 15vw;
    border: 1px solid lightgrey
}

.sectionHeader {
    background: none;
    margin-top: 0;
    text-align: center;
    color: white;
    font-size: 34px;
    border-radius: 10px;
    margin: 1em;
    font-weight: 600;
    text-align: center;
    box-shadow: 10px 10px 17px -11px rgb(0 0 0 / 75%);
}

.SubtitleSection {
    color: #474747;
    padding: 0.5em;
    border-radius: 7px;
    font-size: 19px;
    background: #f1f1f1;
    border-bottom: 1px solid lightgray;
}

.SubtitleSectionFundAnalytics {
    padding: 1em;
    background: #f1f1f1;
    border-radius: 8px;
    border-bottom: 1px solid lightgrey;
}

.imageAnalytics {
    background-image: url(/images/analysis1.jpg);
}

.imageManagers {
    background-image: url(/images/manager6.jpg);
}

.imageCurves {
    background-image: url(/images/market4.png);
}

.imageCompanies {
    background-image: url(/images/company1.jpg);
}

.reportSectionHeader {
    background: none;
    margin-top: 0;
    text-align: center;
    background-image: url(/images/financeImg2.jpg);
    color: white;
    font-size: 34px;
    border-radius: 10px;
    margin: 1em;
    font-weight: 600;
    text-align: center;
}

.divPowerBIContainer {
    border: 1px solid lightgrey;
    padding: 0.2em;
    width: 60em;
    margin-left: 15vw
}

.headerPowerBI {
    background-color: lightgrey;
    padding: 0.2em;
}

.headerDocumentation {
    background-image: url(/images/docs3.jpg);
    padding: 1em !important;
    margin: 1em;
    font-size: 19px;
    font-weight: 500;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 17px -11px rgb(0 0 0 / 75%);
    -moz-box-shadow: 10px 10px 17px -11px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 17px -11px rgb(0 0 0 / 75%);
}

.circleNumber {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: black;
    color: white;
    text-align: center;
    font-size: 2em;
}

.downloadDiv {
    padding: 2em;
    background-color: #f3f3f3;
    text-align: center;
    border-radius: 8px;
    -webkit-box-shadow: 10px 10px 17px -11px rgb(0 0 0 / 12%);
    -moz-box-shadow: 10px 10px 17px -11px rgba(0,0,0,0.12);
    box-shadow: 10px 10px 17px -11px rgb(0 0 0 / 12%);
    border: 1px solid lightgrey;
    margin: 0.9em;
}

.BlackButton:hover{
    background-color: lightgray;
}

.HeaderContainer {
    color: white;
    padding: 0.8em;
    background-color: #3262a8;
    background-color: #687fa3;
    margin-top: 1em;
    border-radius: 8px 8px 0px 0px;
}

.table-row-selectable {
    font-size: 12px;
}

.table-primary {
    background: #dce0e6;
    border: none;
    color: black;
}

.table td, .table th {
    text-align: center!important;
}

.th {
    background-color: #e8e8e8;
    font-size: 12px;
}

.modal-body {
    padding: 3em;
}

button:focus{
    outline: none;
}

.BlackTitle {
    margin-top: 1em;
    color: #fff;
    padding: 0.3em;
    font-size: 19px;
    background-color: #3262a8;
    background-color: #687fa3;
    box-shadow: 3px 3px 10px 0px rgba(209, 209, 209, 1);
    padding: 1em;
    border-radius: 3px;
    margin-bottom: 2em;
    border-radius: 5px;
}

.GreyHeader {
    padding: 1em;
    background-color: #f0f0f0;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    text-align: center
}

.PaddingTitleButton {
    padding: 1px 5px;
}

.OuterDivModal {
    position: fixed;
    background-color: rgba(1, 1, 1, 0.5);
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 9999;
}

.PowerBIReportHeader {
    width: 90vw;
    /*margin-bottom: 1em;*/
    /*border: 1px solid lightgrey;*/
    padding: 1.5em;
    background: #f5f5f5;
    text-align: center;
    background: linear-gradient(132deg, rgba(30,105,173,1) 0%, rgba(55,89,218,1) 30%, rgba(75,103,166,1) 73%, rgba(11,33,119,1) 100%);
    color: white;
    font-weight: 300;
    /* font-size: 12px; */
    -webkit-box-shadow: 4px 4px 25px 0px rgb(168 168 168);
    -moz-box-shadow: 4px 4px 25px 0px rgba(168,168,168,1);
    box-shadow: 4px 4px 25px 0px rgb(168 168 168);
    text-align: inherit;
    font-weight: 600;
    font-size: 14px;
    margin-left: 2em;
    margin-top: 0.3em;
    /*margin-bottom: 2em;*/
    background: linear-gradient(132deg, rgba(30,105,173,1) 0%, rgba(85,102,166,1) 30%, rgba(75,103,166,1) 73%, rgba(11,33,119,1) 100%);
}

.InnerContentModal {
    top: 35vh;
    opacity: 1;
    width: 40em;
    margin-left: 38vw;
    padding: 4em;
    border-radius: 8px;
}

.CloseButton {
    float: right;
    border: 1px solid gray;
    padding: 0.3em;
    background: #f1f1f1;
}

.CloseButton:hover {
    background: lightgrey;
}

.ReportHeader {
    margin-bottom: 1em;
    border: 1px solid lightgrey;
    padding: 1.5em;
    background: #f5f5f5;
    text-align: center;
}

.TitleColumnReport {
    background-color: #e3e3e3;
    background-color: #f3f3f3;
    text-align: center;
    background-color: midnightblue;
    color: #f7f7f7;
    border-bottom: 1px solid grey;
}

.SubtitleColumnReport {
    background-color: #e3e3e3;
    text-align: center;
    padding: 0.5em;
    border: 1px solid lightgrey;
}

.BorderBottomGrey {
    border-bottom: 1px solid grey;
}

.ValueColumnReport {
    background-color: whitesmoke;
    border-bottom: 1px solid lightgrey;
    text-align: center;
}

.closed-link {
    color: darkslateblue;
    text-decoration: underline;
}
    .closed-link:hover {
        color: darkblue;
    }

.link-span {
    color: blue;
    text-decoration: underline;
}

    .link-span:hover {
        color: darkblue;
    }

.flexDirectionNone {
   display:block!important; 
   flex-direction:column!important
}

.valuationTableSep {
    padding: 4px !important;
    text-align: center;
    background: #1d2747;
    background: #99a5c9;
    background: #aeb8d6;
}

.valuationErrorDiv {
    margin: 1em;
    padding: 1em;
    border: 1px solid darkred;
    background: #ffeeed;
    border-radius: 10px;
    color: darkred;
    padding-left: 4em;
}

.valuationErrorTitle {
    border-bottom: 1px solid darkred;
    margin-bottom: 1.5em;
}

.containerCreateFund {
    padding: 2em;
    text-align: center;
    border-radius: 10px;
    border: 1px solid olive;
    background: #f1f1f1;
    margin-bottom: 1.5em;
}

.transformation-table {
    border: 1px solid #f1f1f1;
    border-collapse: collapse;
}

    .transformation-table th {
        color: #525252;
        font-weight: 600;
        min-width: 10em;
    }

    .transformation-table td, th {
        border: 1px solid #f1f1f1;
        padding: 0.2em;
        text-align: center;
    }

.border-transf {
    border: 1px solid #f1f1f1;
    border-radius: 6px;
}

.title-transf {
    text-align: center;
    padding: 0.2em;
    background: #384569;
    color: white;
    border-radius: 6px;
}

.align-in-center {
    text-align: center;
}

.new-comparer-table{
    border: 1px solid #f1f1f1;
    border: none!important;
    border-collapse: collapse;
}

.new-comparer-table th {
    color: #525252;
    font-weight: 600;
    min-width: 10em;
    background: #f1f1f1;
/*    color: cornflowerblue;
    border-bottom: 2px solid #fafafa!important;*/
}

.new-comparer-table td, th {
    border: 1px solid #f1f1f1;
    padding: 0.2em;
    text-align: center;
}

.overview-table-header {
    text-align: center;
    color: cornflowerblue;
    padding-right: 3em
}

.additional-padding-overview-table {
    padding: 0.5em;
    width: 25%
}

.text-weight {
    /*font-weight: 600;*/
    font-weight: 500;
    text-align: right;
    padding-right: 2em!important;
}

.color-value-0 {
    background-color: green;
    color: white!important;
}
.color-value-1 {
    background-color: green;
    color: white!important;
}
.color-value-2 {
    background-color: green;
    color: white!important;
}
.color-value-3 {
    background-color: yellowgreen;
}
.color-value-4 {
    background-color: yellowgreen;
}
.color-value-5 {
    background-color: yellow;
}
.color-value-6 {
    background-color: yellow;
}
.color-value-0 {
    background-color: green;
}
.color-value-7 {
    background-color: orange;
}
.color-value-8 {
    background-color: orange;
}
.color-value-9 {
    background-color: red;
    color: white!important;
}
.color-value-10 {
    background-color: red;
    color: white!important;
}

.tdprevious {
    background: #e6f0ff
}

.tdnew {
    background: #435673;
    color: white;
    border-bottom: 1px solid gray!important;
}

.tdcompanyname {
    background: #f1f1f1
}

.borderBottomBlack{
    border-bottom: 2px solid grey;
}

.borderRightBlack {
    border-right: 2px solid grey!important;
}

.reports-table {
    color: #203764;
    font-size: 13px;
    /*width: 70vw!important;
    margin-left: 15vw!important;*/
    text-align: center!important;
}

    .reports-table th, .reports-table td {
        padding: 0.2em!important;
    }

    .reports-table th {
        background: #000080 !important;
        color: white !important;
    }

.report-table-border {
    border:1px solid black;
}

.color-grey {
    background:#C0C0C0 
}

.border-top-bottom {
    border-top: 1.5px solid black!important;
    border-bottom: 1.5px solid black!important;
}

.bar {
    fill: #000080;
}

    .bar.green {
        fill: #00B050;
    }

    .bar.red {
        fill: red;
    }

.label {
    fill: black;
    font-size: 12px;
}