html {
    margin:0;
    zoom: 0.72;
}
@font-face {
    font-family: "Sofiapro";
    src: url("../../assets/fonts/sofiapro-regular.otf");
}

@font-face {
    font-family: "Sofiapro";
    src: url("../../assets/fonts/sofiapro-bold.otf");
    font-weight: bold;
}

.pdf-break-page {
    page-break-before: always;
}

body {
    font-family: Sofiapro !important;
    background: white !important;
}

/* report header start*/
.pdf-header {
    border-bottom: 2px solid black;
    color: black;
}

.header-site-logo {
    width: 7%;
    float: left;
    padding-top: 10px;
}

.header-site-info {
    padding-top: 10px;
    width: 25%;
    float: left;
}

.header-report-title {
    padding-top: 35px;
    width: 35%;
    text-align: center;
    float: left;
    bottom: 0;
}

.header-page-title {
    font-weight: bold;
    font-size: 16px;
    color: black;
}

.header-portfolio-name {
    font-size: 16px;
    color: black;
    font-weight: bold;
}

.header-brand-logo {
    float: right;
}

.img-circle {
    border-radius: 50%;
}

/*report header done */


.color-grey {
    -webkit-text-fill-color: grey !important;
}

.text-white {
    -webkit-text-fill-color: white;
}

.text-red{
    -webkit-text-fill-color: red;
    color:red;
}

.p-b-0 {
    padding-bottom: 0;
}

.text-primary {
    -webkit-text-fill-color: #427cbf !important;
}

.text-blue {
    -webkit-text-fill-color: #427cbf !important;
}


.pg-success-green {
    color: #47a447;
    -webkit-text-fill-color: #47a447;
}

.pg-success-green-bg {
    background: rgb(71, 164, 71);
}

.pg-success-green-bg {
    background-color: rgb(71, 164, 71);
}


.pg-warning-red {
    color: red;
    -webkit-text-fill-color: red;

}

.pg-warning-orange{
    color:#ff9800;
    -webkit-text-fill-color: #ff9800;

}


.category-separator {
    margin-top: 15px;
}

.category-title-outer {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px 5px 0 0;
}

.category-title {
    color: white !important;
    font-weight: bold;
    font-size: 18px;
    -webkit-text-fill-color: white !important;
}

.category-outer-border {
    border: 1px solid #384967;
    border-radius: 0 0 5px 5px;
}

/*table css...*/

table {
    border-collapse: collapse;
    width: 100%;
}

.report-table table, th, tr {
    text-align: left;
}

tr {
    border-bottom: 2px solid #dddddd;
}

tr.spaced-content > td {
    padding-top: 8px;
    padding-bottom: 8px;
}

th {
    font-size: 16px;
    border-bottom: 2px solid #dddddd;
}

/*tables related css done*/