/* Copyright © 2017 Dmitry Sikorsky. All rights reserved. */
/* Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information. */

.upload-button {
    font: normal 20px 'Open Sans', sans-serif;
    background-color: rgba(24,188,156,0.9);
    color: white;
    border-radius: 100px;
    text-align: center;
    position: relative;
    width: 200px;
    height: 200px;
    padding: 20px;
    padding-top: 55px;
}
    .upload-button:hover {
    }

    .upload-button .label {
        pointer-events: none;
    }

    .upload-button input {
        opacity: 0;
        cursor: pointer;
        font-size: 20px;
        margin-left: -20px;
        margin-top: -140px;
        border-radius: 100px;
        width: 200px;
        height: 200px;
    }

.upload-selected-button {
    font: normal 20px 'Open Sans', sans-serif;
    background-color: rgba(24,188,156,0.9);
    outline: none;
    color: white !important;
    margin-top: 40px;
}

.upload_progress {
    background: #f0f0f0;
    margin-top: 30px;
    display: none;
    position: relative;
}

    .upload_progress .bar {
        background: green;
        width: 33%;
        height: 30px;
    }

    .upload_progress .label {
        line-height: 30px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 30px;
    }

.document-type-label {
    color: gray;
    margin-left: 20px;
    font-weight: normal;
}

.document-sub-type-label {
    color: gray;
    margin-left: 20px;
    margin-bottom: 10px;
    font-weight: normal;
}

#selectedfile {
    background-color: transparent;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#selectedfile tr {
    background-color: transparent;
    color: rgb(24,188,156);
    cursor: default;
}

    #selectedfile tbody tr:hover {
    }

#selectedfile th {
    background-color: transparent;
    color: gray;
    padding: 8px;
}

#selectedfile td {
    border: 1px solid #ddd;
    padding: 8px;
    border-left: 0px;
    border-right: 0px;
    font-weight:bolder;
}

    #selectedfile select {
        margin-top: 5px;
        background-color: rgb(246, 246, 246);
        color: rgb(24,188,156);
        border-radius: 5px;
        outline: none;
        border: 0px;
    }

#selectedfile tr:nth-child(even) {
    background-color: #f2f2f2;
}

    #selectedfile tr #filename {
        width: 70%;
        background-color:transparent;
    }

    #selectedfile tr #size {
        width: 20%;
        background-color: transparent;
    }

    #selectedfile tr #cancel {
        width: 10%;
        background-color: transparent;
    }

    #selectedfile tr #total {
        font-weight: bold;
        color: gray;
    }

@media all and (max-width: 750px) {

    .type-label {
        margin-left: 0px;
    }

}