﻿
.RadUpload_Boilerplate4Skin
{
    color: rgb(0, 0, 0);
}

.RadUpload_Boilerplate4Skin .ruFileLI .ruButton
{
    color: rgb(0, 0, 0);
}

.RadUpload_Boilerplate4Skin .ruFileLI .ruFileProgressWrap
{
    border: 1px solid #dddddd;
    background-color: #f5f5f5;
    background-image: linear-gradient(#f1644a);
    box-shadow: 0 1px 1px #aeaeaf inset;
}

.RadUpload_Boilerplate4Skin .ruFileLI .ruFileProgress
{
    border-color: #286090;
    background-color: #f1644a;
}

.RadUpload_Boilerplate4Skin .ruSelectWrap .ruFakeInput
{
    padding: 6px 12px;
    border-color: #dddddd;
    border-radius: 0.28571429em;
}

.RadUpload_Boilerplate4Skin .ruSelectWrap .ruButton
{

    color: #333333;
    border-color: #cccccc;
    background-color: #ffffff;
}
.RadUpload_Boilerplate4Skin .ruSelectWrap .ruButton.ruButtonHover
{

    
 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
    cursor: pointer;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+3,000000+12,ffffff+90,ffffff+94&0.02+3,0+12,0+90,0.14+94,0.07+94 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.02) 3%, rgba(0, 0, 0, 0) 12%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.07) 94%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02) 3%, rgba(0, 0, 0, 0) 12%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.07) 94%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 3%, rgba(0, 0, 0, 0) 12%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.07) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#12ffffff',GradientType=0 ); /* IE6-9 */
}

.RadUpload_Boilerplate4Skin .ruDropZone
{
    color: #333333;
    border-color: #dddddd;
    background-color: #fcfcfc;
    border-radius: 0.28571429em;
}

.RadUpload .ruBrowse
{
    height: auto !important;
}

html .RadUpload .ruButton.ruBrowse
{
    font-size: 1.1em !important;
    /* padding: .4em .8em !important;*/
}

html .RadUpload .ruButton.ruBrowse:before {
    content: "\f0c6";
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    font-size: 1.2em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}


html .RadUpload.ruEditpicture .ruButton.ruBrowse:before
{
    content: "\f03e";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
    font-size: 1.6em !important;
}

html .RadUpload.ruUpload .ruButton.ruBrowse:before
{
    content: "\f093";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
    font-size: 1.6em !important;
}
.ruFileInput { cursor: pointer;}