.content-modal-criar-rota {
    width: 52rem;
    height: auto;
    padding: 2rem 0;
    @include grid-container;

    .title-info-rota {
        @extend %form-section-title;
        @include grid-column(12);
        clear: both;
    }

    .field-importar-shape-file, .field-criar-rota-manualmente {
        @include grid-column(8);
        @include grid-shift(2);
    }

    .field-importar-shape-file {
        margin-top: 3rem;

        .label-shape-file {
            border-bottom: 0.1rem solid;
            font-size: 1.4rem;
            font-weight: 600;
            padding-bottom: 1rem;
            cursor: pointer;

            i {
                float: right;
                color: $color-featured;
            }
        }

        .input-shape-file {
            opacity: 0;
            height: 0;
        }
    }

    .field-criar-rota-manualmente {
        margin-bottom: 3rem;
        p {
            text-align: center;
            margin-bottom: 3rem;
            color: $color-featured;
            font-weight: 600;
        }

        button {
            margin: auto;
            display: block;
        }
    }

    .files-list {
        display: flex;
        padding-top: 1rem;
        margin-bottom: 2rem;

        span {
            font-size: 1.4rem;
            border: 0.1rem solid;
            padding: 0.5rem 1rem;
            margin-right: 1rem;
        }
    }
}

.content-modal-criar-rota + .modal-footer .btn-action {
    float: right;
}
