// Upload things
//=========================================
#media-toaster-uploader-dragdrop{
    border     : 3px dashed @gray-light;
    text-align : center;
    color      : @gray-light;
    font-size  : @font-size-larger;
    cursor     : pointer;
    padding    : @padding-large-horizontal;

    &:hover{
        border-color : @gray;
        color        : @gray;
    }
}
#media-toaster-uploader-filelist{
}

// Remove things
//=========================================
#removeForm{
    #filebrowser{

        .filebrowser-zone{
            height   : 370px;
            overflow : auto;
            padding  : @padding-large-vertical;

            &#filebrowser-images{
                .file-container{
                    width  : 19%;
                    margin : 1.25% 0 0 1.25%;

                    &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5){
                        margin-top : 0;
                    }

                    &:nth-child(5n+1){
                        margin-left : 0;
                    }

                    img{
                    }

                    &:hover{
                        img{
                        }
                    }

                    &.active{
                        border-color : @brand-error;
                        .rgba(@brand-error, 0.2);
                        .box-shadow(none);

                        img{
                            opacity : 0.5;
                        }

                        &:hover{
                            //.box-shadow(0 0 3px @brand-red);
                        }
                    }
                }
            }

            &#filebrowser-files{
                .file-container{
                    border        : 1px solid transparent;
                    margin-bottom : 3px;

                    &.active{
                        .alert-color(@state-error-color, @state-error-bg, @state-error-border);
                    }

                    label{
                        cursor : pointer;
                        margin : 0;
                        .text-overflow;

                        &[data-type]::before{
                            content             : '';
                            width               : 16px;
                            height              : 16px;
                            float               : left;
                            margin              : 3px 10px 3px 3px;
                            background          : url(/system/images/filetypes.png) no-repeat 0 50%;
                            background-position : 0 -34px;
                        }
                        &[data-type$='.doc']::before{
                            background-position : 0 0;
                        }
                        &[data-type$='.exe']::before{
                            background-position : 0 -17px;
                        }
                        &[data-type$='.mov']::before{
                            background-position : 0 -51px;
                        }
                        &[data-type$='.mp3']::before{
                            background-position : 0 -68px;
                        }
                        &[data-type$='.pdf']::before{
                            background-position : 0 -85px;
                        }
                        &[data-type$='.psd']::before{
                            background-position : 0 -102px;
                        }
                        &[data-type$='.swf']::before{
                            background-position : 0 -119px;
                        }
                        &[data-type$='.txt']::before{
                            background-position : 0 -136px;
                        }
                        &[data-type$='.wmv']::before{
                            background-position : 0 -153px;
                        }
                        &[data-type$='.xls']::before{
                            background-position : 0 -170px;
                        }
                        &[data-type$='.zip']::before{
                            background-position : 0 -187px;
                        }
                    }
                }
            }
        }
    }
}