@import "../../../../../assets/styles/index.scss";

.documentUpload {
    font-family: 'DaimlerCS', sans-serif;
    @include rem('padding', 32px 48px);
    border-bottom: 1px solid #ddd;
    & > .row
    {
        border: dotted 2px $color-white;
    }
    &_left {
        @include rem('margin-bottom', 20px);
        padding-left: 0;

        img {
            @include rem('margin-bottom', 20px);
        }

        b {
            @include rem(font-size, 18px);
            font-weight: bold;
            display: block;
        }
    }
    &_right {
        &--head {
            @include rem('padding', 0px 0px 16px 0px);
            border-bottom: 1px solid $color-light-gray2;
            div:first-child {
                padding-left: 0;
            }
        }
        &--dropzone {
            @include rem('padding', 20px 0px);
            @include rem(font-size, 14px);
            button {
                @include rem('padding', 12px 48px);
                @include rem('margin-right', 25px);
                background: linear-gradient(180deg, #737373 0%, #5A5A5A 100%);
                color:  $color-white;
                border: none;
                border-radius: 3px;
            }
            &-table {
                @include rem('padding', 10px 0px);
                @include rem(font-size, 14px);
                .dataTable {
                    width: 100%;
                }
            }
        }
        &--dropbox {
            width: 70%;
            b {
                display: block;
            }
            small {
                color: #999;
            }
        }
    }
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}

#fileLoader
{
    display:none;
}

/* Default class applied to drop zones on over */
.invalid-drag { border: dotted 3px $color-dark-red; }
.valid-drag {
    background-color: $color-blue;
    opacity: 0.9;
}
.valid-drag .row {
    opacity: 0.4;
}
.valid-drag > .row {
    border: dotted 2px $color-white;
    content: 'Please add files here';
}
