.content-modal-horario-coleta-automatico {
    width: 80rem;
    height: auto;
    padding: 2rem 0;
    @include grid-container();

    .txt-default {
        width: 90%;
        margin: 0 auto 2rem;
    }



    .horario-inicial {
        @include grid-column(3);
        @include grid-push(3);

        .input-group {
            border-radius: .3rem;
            border: 0.1rem solid #C0C2C3;
            display: flex;
        }

        .icon-clock {
            top: 2.4rem;
            left: 1rem;
            color: #3498DB;
            position: absolute;
            z-index: 1;
        }

        input {
            border: none;
        }

        &.invalid .input-group {
            border-color: $color-negative;
        }

        &.invalid i,
        &.invalid button {
            color: $color-negative;
        }
    }

    .vel-media {
        @include grid-column(6);
    }



    .dias-content {
        display: flex;
        flex-direction: row;

        .legenda-lateral-content {
            font-size: 1.2rem;
            width: 11rem;
            margin: 2.5rem 1rem 0;
            color: #1A2730;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .dias-da-semana {
            @include grid-column(12);
            display: flex;
            justify-content: space-between;
            height: 8rem;

            div.dia {
                display: flex;
                flex-direction: column;

                .fieldset-dia {
                    margin: 0 0 0rem 0;
                    padding: 0;
                    text-align: left;
                    display: block;
                    position: relative;
                    top: 0;
                    left: 0;
                    border: none;
                }
            }

            .input-default {

                &:disabled {
                    background-color: $color-snow-dark;
                    border-color: darken($color-snow-dark, 10%);
                }
            }

            &.invalid {
                .checkbox > span label {
                    color: $color-negative;
                }

                .checkbox input + label:before {
                    border-color: $color-negative;
                }
            }

            .checkbox {
                display: block;
            }

            .input-default {
                margin: 0 0 1rem;
                padding: 0 1.0rem;
                display: block;
                background-color: $color-snow;
                width: 80%;
                height: 3rem;
                line-height: 3rem;
                font-size: 1.2rem;
                color: $color-steel;
                border-radius: .3rem;
                border: .1rem solid $color-smoke-extra-dark;
                overflow: hidden;
                position: relative;
                top: 0;
                left: 0;
                outline: 0 none;
                -webkit-appearance: none;
                transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;

                &[type="number"] {
                    padding-right: 0;
                }
            }
        }
    }

    .field-inline {
        display: flex;
        align-items: center;

        input {
            width: 7rem;
            margin-right: 1rem;
        }

        span {
            font-family: $font-title;
            font-size: 1.2rem;
        }
    }
}

.error-message {
    color: #ffffff;
    opacity: 1;
    background-color: #E74C3C;
    padding: .5rem 1rem;
}

.error-setor-sem-agenda{
    color: #E74C3C;
}

.content-modal-horario-coleta-automatico + .modal-footer .btn-action{
    float: right;
}
