#report {
    all: initial;
    height: fit-content;
    font-family: 'vianair-helvetica-neue', sans-serif;
    
    .page {
        box-sizing: border-box;
        position: relative;
        padding: 1rem;
        display: flex;
        flex-direction: column;

        @media screen {
            margin-bottom: 1rem;
            background-color: white;
        }
        
        &.a4 {
            &.portrait {
                width: 210mm;
                height: 297mm;
            }
            &.landscape {
                width: 297mm;
                height: 210mm;
            }
        }
        
        &.title-page {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            
            .logo-container {
                width: 15%;
                position: absolute;
                top: 1rem;
                right: 1rem;
                
                .vianair-logo {
                    width: 100%;
                }
            }
            
            .main-title-container, 
            .secondary-title-container {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                
                .main-title {
                    font-family: 'vianair-helvetica-neue-ultralight', sans-serif;
                    font-weight: 100;
                    letter-spacing: 1px;
                    font-size: 36px;
                }
                
                .secondary-title {
                    font-family: 'vianair-helvetica-neue-ultralight', sans-serif;
                    font-weight: 100;
                    letter-spacing: 1px;
                    font-size: 24px;
                }
            }
        }
        
        .header {
            display: flex;
            flex-direction: row;

            .title {
                font-family: 'vianair-helvetica-neue-ultralight', sans-serif;
                font-weight: 300;
                font-size: 24px;
                text-align: left;
                margin-top: auto;
                margin-bottom: auto;
                margin-right: auto;
            }
            
            .logo-container {
                width: 15%;

                .vianair-logo {
                    width: 100%;
                }
            }
        }

        .table-container {
            margin-left: auto;

            table {
                border-collapse: separate;
                border-spacing: 1rem 0;
            }
        }
        
        .chart-container {
            flex-grow: 1;
            overflow: hidden;
            
            .report-chart {
                width: 100%;
                
                &.report-pie-chart {
                    width: 30%;
                    margin-left: auto;
                    margin-right: auto;
                }
            }
        }
    }
}