.ee-image-container {
    width: 100%;
    height: 520px;
}

.ee-image-container > .tab_container {padding:0px;}
.ee-image-container > .tab_container > .ui-tabs-nav {
    border-radius: 4px 4px 0px 0px;
    border: 0px;
}


.ui-tabs .ui-tabs-nav li a {
    color: #555;
    font-size: 14px;
}

.ui-tabs .ui-tabs-nav .ui-state-active a {
    font-weight: bold;
    padding-right: 40px;
    background-image: url("/include/eos-editor/images/on.png");
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 20px;
    font-size: 14px;
}

.ui-tabs .ui-tabs-nav  .ui-state-focus,
.ui-tabs .ui-tabs-nav  .ui-state-focus a {outline:0;}

.ee-browser .path, 
.browser-upload-container {
    margin: 12px 0px;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    border: 1px solid #888;
    padding: 2px;
    background-color: #ddd;
    text-align: left;
    box-sizing: border-box;
}

.ee-browser .path .ee-browse-link {
    border: 1px solid #fff;
    padding: 4px 12px;
    display: inline-block;
    margin: 4px 12px;
    border-radius: 4px;
    color: #fff;
    background-color: lightslategray;
}
.ee-browser .path .ee-browse-link:hover,
.ee-browser .path .ee-browse-link:last-child {background-color:green;}




.browser-upload-container .upload-title, .browser-upload-container .image-upload-container, .browser-upload-container .new-folder-container {
    display: inline-block;
    vertical-align: top;
}

.browser-upload-container .upload-title {
    font-size: 16px;
    line-height: 34px;
    padding: 0px 12px;
}
.path .upload-title {
    font-size: 14px;
    line-height: 28px;
    padding: 0px 12px;
}



.browser-upload-container .new-folder-container {
    z-index: 10000;
    position: relative;
}
.browser-upload-container .new-folder-container .button {
    padding-right: 40px !important;
    background-image: url("/include/eos-editor/images/new-folder.png");
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 20px;
    font-size: 15px !important;
    box-shadow: 0 -20px 12px -6px rgba(0, 0, 0, 0.2) inset;
    padding: 6px 40px 6px 12px!important;
}






.ee-browser .ee-file-list .col5 {
    border: 1px solid #888;
    width: 19%;
    min-height: 165px;
    margin-right: 1%;
    margin-bottom:12px;
    background-color:#ccc;
    position:relative;
}
.ee-browser .ee-file-list .col5:nth-child(5n+5) {margin-right:0px !important;}

.ee-browser .ee-file-list .col5:hover {border:1px solid #555;}
.ee-browser .ee-file-list .col5:hover .ee-file-name {background-color: #555 !important;}

.ee-browser .ee-file-list .col5 .ee-browse-link {z-index:99; position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.ee-browser .ee-file-list .col5 .delete {
    position: absolute;
    z-index:100;
    right: 0px;
    top: 0px;
    border: 0px !important;
    margin: 0px !important;
    padding: 4px 6px !important;
    font-size: 10px !important;
    border-radius: 0px 0px 0px 4px;
    line-height: 10px;
}

.ee-browser .ee-file-list .col5 img {padding-top:25px; max-width:90%; max-height:120px; height:auto;}

.ee-browser .ee-file-list .col5 .ee-file-name {
    background-color: #888;
    color: #fff;
    font-size: 12px;
    padding: 4px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    box-sizing: border-box;
}



.selected-image {
    text-align:center;
    align:center;
    width:100%;
}

