.lista-rotas {
    @extend .default-list;
    padding: 2rem;

    .text-popover {
        padding-right: 6rem;
        cursor: pointer;
        width: 245px;
        overflow: hidden;

        h6 {
            text-align: left;
            margin: 0;
            text-transform: uppercase;
        }
        &:hover {
            color: $color-main;

            h6 {
                color: $color-main;
            }
        }
    }

    .buttons-popover {
        i {
            font-size: 1.4rem;
            color: $color-main;
            cursor: pointer;
            &.disabled {
                opacity: 0.3;
                cursor: default;
            }

        }

        .icon-cross {
            font-size: 1.2rem;
            color: $color-negative;
        }
    }

    li {
        padding: 1rem 0;
        text-align: left;

        &.selected {
            .text-popover {
                color: $color-main;
                cursor: default;

                h6 {
                    color: $color-main;
                }
            }

            .buttons-popover{
            }

        }

    }

}
