:root {
    --blue : #183B64;
    --blue-light : #6ca0dc;
    --green : #85AB54;

    --container-br: 32px;
    --video-br: 24px;
    
    --image-br : 16px;
    --image-br-md: 32px;
    --container-padding: 32px;
    --container-padding-md: 24px;
    --container-padding-xl: 64px;
        
    --border-blue : 2px solid var(--blue);
    
    @media screen and (max-width: 1024px) {
        --container-padding-xl: 48px;
    }
    
    @media screen and (max-width: 600px) {
        --container-padding-xl: 20px;
    }
    
}

#rspl-partner-button {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    border: none !important;
    text-transform: revert !important;
}

.border-blue {
    border: 4px solid var(--blue-light) !important;
    background: white;
}

.border-green {
    border: 4px solid var(--green) !important;
    background: white;
}

.padding-lg {
    padding: var(--container-padding);
    .e-con-inner {
        padding: 0px;
    }
}

.padding-md {
    padding: var(--container-padding-md);
    .e-con-inner {
        padding: 0px;
    }
}

.padding-xl {
    padding: var(--container-padding-xl);
    .e-con-inner {
        padding: 0px;
    }
    
}

@media screen and (max-width: 1024px) {
    .padding-xl {
        padding: 32px !important;
    }
}

@media screen and (max-width: 600px) {
    .padding-xl {
        padding: 20px !important;
    }
}

.padding-xl-tb {
    padding-top: var(--container-padding-xl);
    padding-bottom: var(--container-padding-xl);
    
    .e-con-inner {
        padding: 0px;
    }
}

.narrow-width .e-con-inner {
    max-width: 1024px;
    margin: 0 auto;
}

.box-shadow-blue {
    box-shadow: 12px 12px 0px 0px var(--blue-light);
}

/* CSS Charts */

:root {
    --chart-color-1: #183B64;
    --chart-color-2: #6ca0dc;
    --chart-color-3: #85AB54;
    --chart-color-4: #FF9628;
    --chart-color-5: #8111FF;
}

#pie-revenue-2024,
#pie-expenses-2024 {
    align-items: center;
}

#pie-revenue-2024 .pie,
#pie-expenses-2024 .pie{
    --color-1: var(--chart-color-1);
    --color-2: var(--chart-color-2);
    --color-3: var(--chart-color-3);
    --color-4: var(--chart-color-4);
    --color-5: var(--chart-color-5);
    font-family: "Poppins", Sans-serif;
}

#pie-revenue-2024 .pie *,
#pie-expenses-2024 .pie * {
    font-family: "Poppins", Sans-serif !important;
}

ul.charts-css.legend{
    border: none !important;
    padding-top: 0px !important;
    
}

ul.charts-css.legend li{
    
    line-height: 1.3;
    align-items: flex-start !important;
    margin-bottom: 8px !important;
}

ul.charts-css.legend li strong{
    font-weight: bold;
    display: block;
    flex: 1;
}

ul.charts-css.legend li:before {
    border: none !important;
    width: 16px;
    height: 16px;
    border-radius: 200%;
    aspect-ratio: 1/1;
}

ul.charts-css.legend li.color-1:before {
    background-color: var(--chart-color-1) !important;
}

ul.charts-css.legend li.color-2:before {
    background-color: var(--chart-color-2) !important;
}

ul.charts-css.legend li.color-3:before {
    background-color: var(--chart-color-3) !important;
}

ul.charts-css.legend li.color-4:before {
    background-color: var(--chart-color-4) !important;
}

ul.charts-css.legend li.color-5:before {
    background-color: var(--chart-color-5) !important;
}

@media screen and (min-width: 1024px){
    #pie-revenue-2024,
    #pie-expenses-2024{
        display: flex;
        align-items: flex-start;
    }
    
    #pie-revenue-2024 table.charts-css.pie,
    #pie-expenses-2024 table.charts-css.pie {
        flex: 1 1 40%;
    }
}