@import '/css/color-scheme.css';

.file-delete-button {
    font-size: 14px !important;
    float: right !important;
    padding: 0px 10px 0px !important;
    background-color: #fff !important;
    border: 2px solid var(--focusOrange) !important;
    color:var(--focusOrange) !important;
    border-radius: 16px !important;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    margin-bottom: 0px !important;
    cursor:pointer;
    line-height: 16px;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 215px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    float: left;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted var(--brandColorBlack);
    outline: -webkit-focus-ring-color auto 5px;
    padding-right:3px;
    color: #722040;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.file-upload label{
    cursor: pointer;
}
.file-upload .checkbox{
     width:74px;
     margin-top:2px;
     vertical-align: middle;
     float:right;
     font-size:.975em;
}
.file-upload a{
    color:var(--primaryText);
    cursor: pointer;
}

.file-upload {
    border: 2px dashed var(--borderColor) !important;
    padding: 10px 5px 10px 8px;
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box;
    background-color: var(--brandColorWhite);
}