.eg-picker-back {
    padding: @smallspacing @size/4;
    position: relative;
    color: @fontclB;
    &:hover {
        color: @iconHover;
    }
    &:before {
        content: "";
        display: block;
        left: @smallspacing;
        border-style: solid;
        border-width: 0 0 3px 3px;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 7px;
        height: 7px;
        padding: 0;
        position: absolute;
        bottom: @spacing;
    }
}
.eg-btn.eg-search-x {
    margin: 1px;
    text-decoration: none !important;

    position: absolute;
    color: @fontclB;
    font-size: @size*0.9;
    line-height: @size*0.4;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-style: solid;
    &:hover {
        color: @iconHover;
    }
}
.eg-search-ico {
    &:before {
        display: block;
        content: "";
        width: @searchsize;
        height: @searchsize;
        border-width: 3px;
        border-style: solid;
        background: transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    &:after {
        content: "";
        position: absolute;
        top: @searchsize*2;
        left: @searchsize*2;
        border-left-width: 3px;
        border-left-style: solid;
        height: @searchsize*0.8;
        margin: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
@-webkit-keyframes egspin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes egspin {
    to {
        transform: rotate(360deg);
    }
}
.eg-placeholder {
    position: absolute;
    width: 100%;
    top: 50%;
    bottom: 50%;
    margin-top: -34px;
    text-align: center;
    color: @fontclB;
    &>div {
        margin: 0 auto 5px;
    }
    &>.eg-spinner {
        content: "";
        -webkit-animation: egspin 1s infinite linear;
        animation: egspin 1s infinite linear;
        width: 30px;
        height: 30px;
        border: solid 7px;
        border-radius: 50%;
        border-color: transparent transparent @framecl;
    }
}
.eg-picker-error:before {
    content: "?!";
    font-size: 32px;
    border: 2px solid @fontcl;
    padding: 0 @spacing;
}
.eg-ico {
    margin-right: @spacing;
    position: relative;
    top: -2px; //vertical align rendering bugfix
}
.eg-mime-audio {
    background: #94cbff;
}
.eg-mime-video {
    background: #8f6bd1;
}
.eg-mime-pdf {
    background: #e64e40;
}
.eg-mime-word_processing {
    background: #4ca0e6;
}
.eg-mime-spreadsheet {
    background: #6bd17f;
}
.eg-mime-presentation {
    background: #fa8639;
}
.eg-mime-cad {
    background: #f2d725;
}
.eg-mime-text {
    background: #9e9e9e;
}
.eg-mime-image {
    background: #d16bd0;
}
.eg-mime-code {
    background: #a5d16b;
}
.eg-mime-archive {
    background: #d19b6b;
}
.eg-mime-goog {
    background: #0266c8;
}
.eg-mime-unknown {
    background: #dbdbdb;
}
.eg-file .eg-ico {
    width: @size;
    height: @size;
    text-align: right;
    &>span {
        text-align: center;
        font-size: @size/3;
        line-height: @size/2 - 2;
        font-weight: 300;
        margin: @size/4 0;
        height: @size/2;
        width: @size*0.8;
        background: rgba(0,0,0,0.15);
        color: #fff;
    }
}
.eg-folder .eg-ico {
    background: #fee999; //#F1DC8E
    border-top: @size*0.12 #f1dc8e solid;
    margin-top: @size*0.22;
    height: @size*0.64 - 1;
    overflow: visible;
    border-radius: 2px;
    width: @size - 2;
    &:before {
        display: block;
        position: absolute;
        top: -@size*0.18;
        border-radius: 3px;
        background: #f1dc8e;
        content: " ";
        width: @size*0.4;
        height: @size*0.15;
    }
    &>span {
        display: none;
    }
}