.aui {
    .cn-orc-graficos-execucao {
        margin-top: 32px;

        .cn-orc-graficos-execucao--container {
            display: flex;

            @media screen and (max-width: 767px) {
                flex-direction: column;
            }

            >h3,
            >h4 {
                line-height: normal;
                margin: 0 0 18px 0;
            }

            .cn-orc-graficos-execucao--container--grafico {
                flex: 1 1 0px;

                @media screen and (min-width: 768px) {
                    &:not(:last-child) {
                        padding-right: 8px;
                    }

                    &:not(:first-child) {
                        padding-left: 8px;
                    }
                }

                h3,
                h4 {
                    line-height: normal;
                    margin: 0 0 16px 0;
                }

            }

        }

        &.cn-orc-graficos-execucao--home {
            margin-top: 16px;

            @media screen and (min-width: 768px) {
                margin-bottom: 16px;
                background-color: white;
                padding: 24px 24px 32px 24px;

                .cn-orc-graficos-execucao--container {
                    .cn-orc-graficos-execucao--container--grafico {
                        &:not(:last-child) {
                            padding-right: 24px;
                        }

                        &:not(:first-child) {
                            padding-left: 24px;
                            border-left: #DFDFDF 1px solid;
                        }
                    }
                }
            }

            @media screen and (max-width: 767px) {
                h3 {
                    text-align: center;
                }
            }
        }

        .cn-orc-graficos-execucao--anotacao {
            text-align: center;
        }
    }

    .cn-orc-grafico-execucao-barra {
        .cn-orc-grafico-execucao-barra-item {
            margin-bottom: 24px;

            &:last-child {
                margin-bottom: 32px;
            }

            .cn-orc-grafico-execucao-barra-item--titulo {
                font-family: Open Sans;
                font-weight: 400;
                font-style: Regular;
                font-size: 16px;
                color: #363636;
            }

            .cn-orc-grafico-execucao-barra-item--conteudo {
                display: flex;
                align-items: center;
                width: 100%;
                height: 26px;
                margin-top: 5px;

                .cn-orc-grafico-execucao-barra-item--conteudo--barra {
                    height: 100%;
                    position: relative;
                    transition: width 0.3s ease-in-out;
                }

                .cn-orc-grafico-execucao-barra-item--conteudo--anotacao {
                    font-weight: 600;
                    font-size: 14px;
                    margin-left: 8px;
                    color: #333;
                    border: 1px solid #E0E0E0;
                    padding: 0 8px;
                    background-color: #F5F5F5;
                    color: #363636;
                }
            }
        }

        &.cn-orc-grafico-execucao-barra--receitas {
            .cn-orc-grafico-execucao-barra-item {
                .cn-orc-grafico-execucao-barra-item--conteudo {
                    .cn-orc-grafico-execucao-barra-item--conteudo--barra {
                        background-color: #6988A4;
                    }
                }
            }
        }

        &.cn-orc-grafico-execucao-barra--despesas {
            .cn-orc-grafico-execucao-barra-item {
                .cn-orc-grafico-execucao-barra-item--conteudo {
                    .cn-orc-grafico-execucao-barra-item--conteudo--barra {
                        background-color: #FAA631;
                    }
                }
            }
        }

        &.cn-orc-grafico-execucao-barra--transferencias {
            .cn-orc-grafico-execucao-barra-item {
                .cn-orc-grafico-execucao-barra-item--conteudo {
                    .cn-orc-grafico-execucao-barra-item--conteudo--barra {
                        background-color: #00A894;
                    }
                }
            }
        }

        &.cn-orc-grafico-execucao-barra--emendas {
            .cn-orc-grafico-execucao-barra-item {
                .cn-orc-grafico-execucao-barra-item--conteudo {
                    .cn-orc-grafico-execucao-barra-item--conteudo--barra {
                        background-color: #0494E0;
                    }
                }
            }
        }

    }
}