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

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

        img {
            margin-bottom: 20px;
        }

        b {
            font-size: 18px;
            font-weight: bold;
            display: block;
        }
    }
    &_right {
        &--head {
            border-bottom: 1px solid $c-light-gray2;
            padding: 0px 0px 16px 0px;
            div:first-child {
                padding-left:  0px;
            }
        }
        &--dropzone {
            padding:  20px 0px;
            font-size: 14px;
            button {
                background: linear-gradient(180deg, #737373 0%, #5A5A5A 100%);
                padding:  12px 48px;
                color:  $c-white;
                border: none;
                border-radius: 3px;
                margin-right: 25px;
            }
            &-table {
                padding:  10px 0px;
                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 $c-dark-red; }
.valid-drag {
    background-color: $c-blue;
    opacity: 0.9;
}
.valid-drag .row {
    opacity: 0.4;
}
.valid-drag > .row {
    border: dotted 2px $c-white;
    content: 'Please add files here';
}
