body {
    font-family: Asap, Tahoma, Arial, Helvetica, sans-serif;
}

.demo-container .RadUpload .ruUploadProgress {
    /*width: 210px;*/
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

/*html .demo-container .ruFakeInput {
    width: 220px;
}*/



.RadUploadProgressArea {
    margin: 12px 0;
    /*width: 300px;*/
    box-shadow: none !important;
    background-color: aliceblue !important;
}

.ruFileProgress, .ruOverallProgress, p.ruCurrentFile, p.ruTimeSpeed {
    font-size: 80% !important;
}

.ruHeader {
    display: none;
}

p.ruTimeSpeed span {
    display: inline-block;
}

.ruProgress {
    background-image: none !important;
    background-color: red !important;
    height: 6px !important;
}

.ruFileProgressWrap {
    display: none;
}

.wrapper {
    width: 400px;
    margin: auto;
    height: 300px;
    padding: 12px;
    border-radius: 6px;
}

.RadUpload .ruFakeInput {
    width: 19em !important;
    height: initial !important;
}

.RadUpload .ruBrowse {
    height: initial !important;
}

.fields {
    margin-top: 24px !important;
}

textarea {
    height: 10em !important;
}

.text-danger {
    position: relative;
    left: 12px;
}

::-webkit-input-placeholder {
    font-style: italic;
    color: #bbb !important;
}

::-moz-placeholder {
    font-style: italic;
    color: #bbb !important;
}

:-ms-input-placeholder {
    font-style: italic;
    color: #bbb !important;
}

::placeholder {
    font-style: italic;
    color: #bbb !important;
}

.accepted {
    font-size: 80%;
    font-style: italic;
    color: #bbb;
    padding-left: 2px;
}

.ruButton.ruBrowse {
    background-color:#6c757d!important;
    color:white!important;
    font-family: Roboto!important;
}

.ruButton.ruBrowse:hover {
    text-decoration: none;
    color: rgb(255, 255, 255);
    background-color: rgb(90, 98, 104);
    border-color: rgb(84, 91, 98);
}