
#imageLibrary-body .element {
    text-align: center;
    cursor: pointer;
}

#imageLibrary-body .element:hover {
    background: #E3E8ED;
}

#imageLibrary-body .element .icon {
    font-size: 20pt;
}

#imageLibrary-body .element .icon img {
    width: 20px;
    height: 20px;
}

#imageLibrary-body .element .name {
    overflow: hidden;
    text-overflow: ellipsis;
}

#imageLibrary-body .element.selected {
    background: #438EB9;
}

div.imageLibraryDialog .modal-header {
    position: relative;
}


div.imageLibraryDialog .modal-header .adddir-button,
div.imageLibraryDialog .modal-header .back-button {
    position: absolute;
    top: 15px;
    font-size: 25px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    text-align: center;
}

div.imageLibraryDialog .modal-header .back-button {
    right: 20px;
    color: #438EB9;
}

div.imageLibraryDialog .modal-header .adddir-button {
    right: 55px;
    color: #87B87F;
}


div.imageLibraryDialog .modal-header .adddir-button:hover,
div.imageLibraryDialog .modal-header .back-button:hover {
    background-color: #ececec;
}

div.imageLibraryDialog .modal-body {
    height: 300px;
    overflow-y: scroll;
}

div.imageLibraryDialog .modal-footer {
    position: relative;
}

div.imageLibraryDialog .modal-footer div{
    position: absolute;
    top: 20px;
    color: #428BCA;
}
