:root {
    --white:        #ffffff;
    --blue-white:   #eff6fd;/*#f5f9fe;*/
    --dark-blue:    #354767;
    --blue:         #4c699a;
    --red:          #d64e52;
    --grey:         #707070;
    --purple:       #885d79;
    --soft-blue:    #D4E0F5;
    --light-blue:   #EAEFF8;
    --green:        #8BCCC0;
    --lavender:     #AB94C9;
    --light-green:  #00dbb3;
}

@font-face {
    font-family: "Kefa-Regular";
    src: url("../fonts/kefa/Kefa-Regular.eot");
    src: url("../fonts/kefa/Kefa-Regular.eot?#iefix")format("embedded-opentype"), url("../fonts/kefa/Kefa-Regular.woff")format("woff"), url("../fonts/kefa/Kefa-Regular.woff2")format("woff2"), url("../fonts/kefa/Kefa-Regular.ttf")format("truetype"), url("../fonts/kefa/Kefa-Regular.svg#Kefa-Regular")format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: Inter;
    font-size: 1rem;/*1.25rem;*/
    color: var(--blue);
    background-color: var(--white);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: Kefa-Regular !important;
    font-weight: 500;
}
a:link {
    text-decoration: none;
}

/* Remove underline from hyperlink */
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}
.heading-font {
     font-family: Kefa-Regular !important; 
}

#sasti_logo {
    overflow: visible;
    position: relative;
    /* left: -32.391px; */
    z-index: 99;
    margin-left: 10px;
}

#sasti_badge {
    width: 32.391px;
    height: 32.391px;
    top: 3.439px;
    /*
    position: absolute;
    left: 0px;
    */
    overflow: visible;
    position: relative;
    /* vertical-align: bottom; */
    /* 
    left: -34px;
    z-index: 99; 
    */
}
#Path_25 {
    fill: rgba(76,105,154,1);
}
.Path_25 {
    overflow: visible;
    position: absolute;
    width: 9.406px;
    height: 9.404px;
    left: 22.984px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
#Path_26 {
    fill: rgba(76,105,154,1);
}
.Path_26 {
    overflow: visible;
    position: absolute;
    width: 9.406px;
    height: 9.404px;
    left: 22.984px;
    top: 11.285px;
    transform: matrix(1,0,0,1,0,0);
}
#Path_27 {
    fill: rgba(76,105,154,1);
}
.Path_27 {
    overflow: visible;
    position: absolute;
    width: 9.406px;
    height: 9.404px;
    left: 22.984px;
    top: 22.986px;
    transform: matrix(1,0,0,1,0,0);
}
#Path_28 {
    fill: rgba(136,93,121,1);
}
.Path_28 {
    overflow: visible;
    position: absolute;
    width: 9.402px;
    height: 9.404px;
    left: 11.289px;
    top: 11.285px;
    transform: matrix(1,0,0,1,0,0);
}
#Path_29 {
    fill: rgba(136,93,121,1);
}
.Path_29 {
    overflow: visible;
    position: absolute;
    width: 9.402px;
    height: 9.404px;
    left: 11.283px;
    top: 22.986px;
    transform: matrix(1,0,0,1,0,0);
}
#Path_30 {
    fill: rgba(214,78,82,1);
}
.Path_30 {
    overflow: visible;
    position: absolute;
    width: 9.404px;
    height: 9.404px;
    left: 0px;
    top: 22.986px;
    transform: matrix(1,0,0,1,0,0);
}

.solid_red {
    background-color: var(--red);
    border: none !important;
    color: white;
}
.solid_blue {
    background-color: var(--blue);
    border: none !important;
    color: white;
}
.solid_light-blue {
    background-color: var(--light-blue);
    border: none !important;
    /*color: white;*/
}
.gradient_red_blue {
    background-image: linear-gradient(to bottom right, var(--red), var(--blue));
    border: none !important;
    color: white;
}
.gradient_red_blue_horizontal {
    background-image: linear-gradient(to right, var(--red), var(--blue));
    border: none !important;
    color: white;
}
.gradient_blue_red {
    background-image: linear-gradient(to bottom right, var(--blue), var(--red));
    border: none !important;
    color: white;
}
.gradient_blue_red_horizontal {
    background-image: linear-gradient(to right, var(--blue), var(--red));
    border: none !important;
    color: white;
}
.gradient_blue_green {
    background-image: linear-gradient(to bottom right, var(--blue), var(--light-green));
    border: none !important;
    color: white;
}
.gradient_green_blue {
    background-image: linear-gradient(to bottom right, var(--light-green), var(--blue));
    border: none !important;
    color: white;
}
.gradient_lavender_green {
    background-image: linear-gradient(to bottom right, var(--lavender), var(--light-green));
    border: none !important;
    color: white;
}

.gradient_page_background {
    background-image: linear-gradient(to bottom, var(--light-blue), var(--white));
    border: none !important;
}.gradient_page_background_light {
    background-image: linear-gradient(to bottom, var(--blue-white), var(--white));
    border: none !important;
}

.page_banner {
    width: 100%;
    /*height: 113px;*/
    padding: 30px;
}

.icon_box {
    border-radius: 10px;
    background-color: var(--white);
    color: var(--blue);
    /* height:48px; 
    width: 48px; */
    /* fill: rgba(214,78,82,1);
    stroke: #d64e52; */
}
.icon_box_small {
    border-radius: 10px;
    background-color: var(--white);
    height:48px; 
    width: 48px;
    /* 
    font-size: 48px;
    font-size: calc(1vw + 1vh)
    fill: rgba(214,78,82,1);
    stroke: #d64e52; 
    */
}
.icon_red {
    /* color: #d64e52; */
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}

.top_centered {
    height: 64px;
    width: 64px;
    position: absolute; 
    left: 50%; 
    top: 0px; 
    transform: translate(-50%, -50%);
    z-index: 999;
}

.text-blue {
    color: var(--blue) !;
}

.text-justify { text-align: justify !important; }
.header_filtering {
    border-color: var(--red) !important;
    border-width: 1px;
    border-top: solid;
    border-bottom: solid;
    border-left: none;
    border-right: none;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    background-color: var(--light-blue);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 2em;
    /*
    Report-Head
    indicator-selector
    opacity: 0.1;
    */
}

.indicator-card {
    border-radius: 0px !important;
    border-color: var(--blue) !important;
    border: solid;
    border-width: 1px;
}

.text-red {
    color: var(--red);
}

tr {
    font-size: 0.8rem;
    line-height: 15px;
    min-height: 12px;
/*
    height: 14px;
    padding:0px;
    margin:0px;
*/
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 48, 'opsz' 0
}

.tab_ {
    padding: 1em;
    /*
    border: var(--blue) !important;
    border-width: thin !important;
    */
    font-weight: bolder;
}
.tab_active {
    padding: 1em;
    border: var(--blue) !important;
    background-color: var(--blue) !important;
    color: var(--white) !important; 
    font-weight: bolder;
    border-radius: 1em 1em 0 0;
}
.tab_link_active {
    color: var(--white) !important; 
}

.Commentary h2 {
    color: var(--red);
}
.Technical-Note h2 {
    color: var(--red);
}

.required_detail {
    display: none !important;
}