/* New upload module styles below */

.tg-upload-module-container {

}
.tg-upload-module-form,
.tg-upload-module-options-container{
    display: inline-block;
}
.tg-upload-module-form {
    width: 45%;
    margin: 5px;
}
.tg-upload-module-options-container{
    width: 50%;
    margin: 0;
    vertical-align: top;
}
.tg-upload-module-file-summary,
.tg-upload-module-options {
    padding: 0 10px;
}
.tg-upload-module-file-summary {
    min-height: 80px;
}
.tg-upload-module-file-summary span.tg-label,
.tg-upload-module-options span.tg-label {
    font-size: smaller;
    color: #1E4C82;
}
select#lcDocumentTemplateGroup {
    min-width: 250px;
}

.tg-upload-module-form .box {
    font-size: 16px;
    background-color: #ffffff;
    padding: 80px 0px;
    max-width: 550px;
    min-width: 260px;
    text-align: center;
}
.tg-upload-module-form .box.has-advanced-upload {
    background-color: #fcfcfc;
    outline: 2px dashed #acacac;
}

.tg-upload-module-form .box.has-advanced-upload .box__dragndrop {
    display: inline-block;
    margin: 5px 0;
}
.tg-upload-module-form-input {

}
.tg-upload-module-file-icon {
    width: 26px;
    float: left;
    margin-right: 2px;
}
.tg-upload-submodule-input {
    width: 100%;
}

.tg-upload-submodule-select {
    padding: 6px;
    margin: 0 0 1px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4a4a4a;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d0d4d9;
    font-size: 10pt;
    width: 100%;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tg-upload-submodule-select { padding-right:18px; }
}
/* Targetting IE browsers for select box labels */
@media screen\0 {
    .tg-upload-submodule-select ::-ms-expand { display: none; }
}

.tg-upload-submodule-label:hover:after {
    background-color: #dadee3;
}
.tg-upload-submodule-label:after {
    margin: 0;
    content: '\f3d0';
    font-family: "Ionicons";
    color: #4a4a4a;
    font-size: 18px;
    line-height: 18px;
    right: 1px;
    top: -31px;
    padding: 5px 10px;
    pointer-events: none;
    background-color: #edf0f2;
    border-top: 1px solid #d0d4d9;
    position: relative;
    float: right;
}

/* target edge */
@supports (-ms-ime-align:auto) {
    .tg-upload-submodule-label:after {
        top: -31px;
    }
}
/* target ie9, ie10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .tg-upload-submodule-label:after {
        top: -31px;
    }
}
/* target ff */
@-moz-document url-prefix() {
    .tg-upload-submodule-label:after {
        top: -8px;
    }
}

.tg-list-template-icon {
    width: 26px;
    cursor: pointer;
}
.tg-list-template-action-icon {
    margin-right: 10px;
    cursor: pointer;
}

.progress {
    display: inline-block;
    margin: 5px;
    width: 100%;
    max-width: 200px;
    height: 10px;
    border: 0;
    border-radius: 4px;
    background-color: #eee;
    overflow: hidden;
}

.progress[value]::-webkit-progress-bar {
    border-radius: 4px;
    background-color: #eee;
}
.progress[value]::-webkit-progress-value {
    background: linear-gradient(to right, #1E4C82 0%, #245fa2 50%);
    border-radius: 4px;
}
.progress[value]::-moz-progress-bar {
    background: linear-gradient(to right, #1E4C82 0%, #245fa2 50%);
    border-radius: 4px;
}

.tg-upload-module-form .box__dragndrop,
.tg-upload-module-form .box__uploading,
.tg-upload-module-form .box__success,
.tg-upload-module-form .box__error {
    display: none;
}

.tg-upload-module-form .box__choose {
    cursor: pointer;
    font-weight: 600;
}

.tg-upload-module-form .box__filelist ul {
    list-style-type: none;
}

.tg-upload-module-form .box__filelist ul li img {
    max-width: 400px;
}

.tg-upload-module-form .box.is-dragover {
    background-color: grey;
}

.tg-upload-module-form .box.is-uploading .box__input {
    /*visibility: hidden;*/
}

.tg-upload-module-form .box.is-uploading .box__uploading {
    /*display: block;*/
}

.tg-upload-module-form .box__button {
    display: block;
    padding: 8px 16px;
    margin: 40px auto 0;
}

.tg-upload-module-form .no-js .box__button {
    display: block;
}

.tg-upload-module-form .box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.tg-upload-module-form .srcDocumentList {
    margin-top: 10px;
}

.srcDocumentList table tr td {
    padding: 8px 5px;
}

.srcDocumentList .box__filelist ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.srcDocumentList .box__filelist ul li img {
    max-width: 300px;
}

/* New upload module styles end */