.svg-folder-bg{
    fill:#FFA000
}
.svg-folder-fg{
    fill:#FFCA28
}
.svg-folder-symlink{
    fill:#ffe9a8
}
.svg-file-forbidden{
    fill:#dc3545
}
.svg-folder-forbidden{
    fill:tomato
}

/** ------------------------------------------------------------------------------------------- **/

.svg-icon{
    fill:currentColor
}
.svg-file_default,.svg-none{
    fill:#90A4AE
}
.svg-application{
    fill:#0064c8
}
.svg-archive{
    fill:#f8c560
}
.svg-audio{
    fill:#55617e
}
.svg-cd{
    fill:#e9967a
}
.svg-code{
    fill:#f19a3a
}
.svg-excel{
    fill:#94cba2
}
.svg-font,.svg-font .svg-file-icon{
    fill:#607D8B
}
.svg-image{
    fill:#8cbd61
}
.svg-image .svg-file-text-bg{
    fill:#72a645
}
.svg-panorama_variant{
    fill:#8cbd61
}
.svg-pdf{
    fill:#ca4d50
}
.svg-powerpoint{
    fill:#e67841
}
.svg-text{
    fill:#90A4AE
}
.svg-video{
    fill:#ec6068
}
.svg-word{
    fill:#0399e1
}
.svg-open_in_new,.svg-open_in_new .svg-file-icon{
    fill:#90A4AE
}
.svg-file-bg{
    fill:#e9e9e0
}
.svg-file-flip{
    fill:#d9d7ca
}
.svg-file-icon{
    fill:#c8bdb8
}
.svg-file-ext{
    fill:white;
    font-weight:500;
    text-transform:uppercase;
    text-anchor:middle;
    font-size:12px
}
.f_10{
    font-size:10px
}
.f_11{
    font-size:11px
}
.svg-folder-bg{
    fill:#FFA000
}
.svg-folder-fg{
    fill:#FFCA28
}
.svg-folder-symlink{
    fill:#ffe9a8
}
.svg-file-forbidden{
    fill:#dc3545
}
.svg-folder-forbidden{
    fill:tomato
}

.files-imagelist .files-img,.files-imagelist .files-svg{
    width:100px;
    background-color:rgba(0,0,0,0.02);
    flex-shrink:0
}
.files-imagelist .files-svg{
    height:100px
}
.files-imagelist .files-img{
    min-height:var(--imagelist-min-height, calc(100px / var(--ratio, 1)));
    height:var(--imagelist-height, 100px)
}
.files-imagelist .files-svg{
    padding:15px 0
}
.files-imagelist .files-svg.svg-folder{
    padding:10px 0
}

/** ------------------------------------------------------------------------------------------- **/

.files-blocks .files-img,.files-blocks .files-svg{
    width:var(--blocks-height, 140px);
    flex-shrink:0;
    background-color:#F8F9Fa
}
.files-blocks .files-svg{
    padding:calc(var(--blocks-height, 140px) / 8)
}


.files-grid .files-img,.files-grid .files-svg{
    position:absolute
}


.files-grid .files-svg,.files-rows .files-svg{
    padding:10% 20% calc(20px + 10%)
}
.files-grid .files-svg.svg-folder,.files-rows .files-svg.svg-folder{
    padding:0 15% 20px
}


.files-columns .files-svg{
    padding:10% 20% 5%
}
.files-columns .files-svg.svg-folder{
    padding:5% 15% 0
}