.sq_library {
    position: absolute;
    top: 0mm;
    left: 0mm;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.sq_library .sq_librarytool {
    position: absolute;
    top: 1mm;
    left: 1mm;
    right: 1mm;
    height: 7mm;
}

.sq_library .itemstatus {
    position: absolute;
    left: 1mm;
    right: 1mm;
    height: 7mm;
    bottom: 1mm;
    color: white;
    background: rgb(50, 50, 50);
}

.sq_library .itemstatus span {
    display: inline-block;
    height: 100%;
    padding: 1mm 3mm;
    float: left;
}

.sq_library .itemstatus .ci {border-right: 1px solid #504d4d;}

.sq_library .sq_librarytool * {
    border: none;
    outline: none;
    float: left;
    height: 100%;
    background: transparent;
}

.sq_library .sq_librarytool > div {
    width: 50%;
}

.sq_library .sq_librarytool .right {
    padding: 0mm;
}

.sq_library .sq_librarytool .sq_button {
    width: 7%;
}

.sq_library .sq_librarytool .left .sq_input {
    width: 86%;
}

.sq_library .sq_librarytool .right .sq_input {
    width: 100%;
}

.sq_library .sq_librarytool .sq_input input {
    width: 30em;
    padding: 0.2em;
    padding-left: 0.5em;
    border: none;
    text-align: left;
    background: transparent;
}

.sq_library .sq_librarytool .sq_button {
    padding: 0.3mm 3.5mm;
    color: white;
    background: #252525;
    display: none;
}

.sq_library .sq_librarytool .sq_button label {
    font-size: 18px;
    padding: 0mm;
    position: relative;
}

.sq_library .itemholder {
    position: absolute;
    top: 8mm;
    left: 1mm;
    right: 1mm;
    bottom: 8mm;
    overflow: auto;
    background: rgb(35, 35, 35);
    padding: 1mm;
    /*! box-shadow: inset -2px 2px 5px rgba(0,0,0,0.5); */
}

.sq_library .sq_libraryitem {
    position: relative;
    float: left;
    width: 33.3%;
    height: 4.5em;
    background-color: transparent;
    overflow: hidden;
}

.sq_library .sq_libraryitem.selected > a {
    background-color: #000;
}

.sq_library .sq_libraryitem > a {
    position: absolute;
    top: 0mm;
    left: 0mm;
    right: 1mm;
    bottom: 1mm;
    background-color: rgb(79, 79, 79);
    transition: 0.5s;
}

.sq_library .sq_libraryitem.option {
    background-color: #333333;
}

.sq_library .sq_libraryitem.option > a {
    position: absolute;
    top: 1.8em;
}

.sq_library .sq_libraryitem > a:hover {
    background-color: #000;
}

.sq_library .sq_libraryitem > a > img {
    position: absolute;
    width: 1.5em;
    padding: 0.3em;
    right: 0em;
    opacity: 0;
    transition: 0.5s;
}

.sq_library .sq_libraryitem > a > img:hover {
    background-color: #333;
}

.sq_library .sq_libraryitem:hover > a > img {
    opacity: 1;
}

.sq_library .sq_libraryitem > a > span.name {
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    width: 100px;
    white-space: nowrap;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 11px;
    color: white;
}

.sq_library .sq_libraryitem > a > span.details {
    color: #91989e;
    font-size: 10px;
    font-weight: 400;
    width: 55px;
    height: 10px;
    top: 28px;
    white-space: nowrap;
    position: absolute;
    display: inline-block;
}

.sq_library .sq_libraryitem > a > span.format {
    font-size: 15px;
    z-index: 2;
}

.sq_library .sq_libraryitem > a > span.format.folder {
    display: inline-block;
    margin: 0.5em;
    background-color: transparent;
    overflow: hidden;
}

.sq_library .sq_libraryitem > a > span.format.folder:before {
    content: '';
    float: left;
    background-color: #7ba1ad;
    width: 1.2em;
    height: 0.45em;
    margin-left: 0.07em;
    margin-bottom: -0.07em;
    border-top-left-radius: 0.1em;
    border-top-right-radius: 0.1em;
    box-shadow: 1.25em 0.25em 0 0em #7ba1ad;
}

.sq_library .sq_libraryitem > a > span.format.folder:after {
    content: '';
    float: left;
    clear: left;
    background-color: #a0d4e4;
    width: 2.5em;
    height: 2em;
    border-radius: 0.1em;
}

.sq_library .sq_libraryitem > a > span.format.folder:before {
    height: 0.55em;
}

.sq_library .sq_libraryitem > a > span.format.folder:after {
    height: 2em;
    box-shadow: 0 -0.12em 0 0 #ffffff;
}

.sq_library .sq_libraryitem > a > span.format.file {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.4em;
    text-align: center;
    border-radius: 0.1em;
    color: #FFF;
    display: inline-block;
    margin: 0.5em;
    position: relative;
    overflow: hidden;
    box-shadow: 28px -28px 0 0 #7BA1AD inset;
    text-shadow: 0px 1px 2px rgba(33, 33, 33, 0.2);
}

.sq_library .sq_libraryitem > a > span.format.file:first-line {
    font-size: 10px;
    font-weight: 700;
}

.sq_library .sq_libraryitem > a > span.format.file:after {
    content: '';
    position: absolute;
    border-width: 0;
    border-bottom: 10px solid #A0D4E4;
    border-right: 10px solid transparent;
    top: 0px;
    right: 0px;
}