/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

.moxie-shim input,
.moxie-shim-html5 input {
    cursor: pointer;
}

#upload-dropdown-btn.perload .dropdown-menu {
    opacity: 0;
}

#upload-dropdown-btn li:hover a {
    background-color: #f5f5f5;
}

#upload-dropdown-btn li:hover a.btn {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e;
}

.content {
    background: #fff;
    height: 100%;
    padding: 0 5px 40px 5px;
}

.upload-wrap {
    height: 100%;
}

.footer {
    padding: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.175);
    line-height: 28px;
}

.imgfolder {
    background: #fff;
    height: 100%;
    overflow: auto;
}

.filebrowse {
    background: #f5f5f5;
    height: 100%;
    overflow: auto;
}

.upload-file-alt {
    height: 18px;
    margin: 0;
    border-radius: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .content {
        height: auto;
        padding-bottom: 0;
    }

    .upload-wrap {
        height: auto;
    }

    .imgfolder {
        height: auto;
        max-height: 300px;
    }

    .filebrowse {
        height: auto;
    }

    .footer {
        position: inherit;
        height: auto;
        border-top: 1px #dadada solid;
    }

    .footer .form-control {
        margin-bottom: 10px;
    }

    .footer .refresh,
    .footer .search {
        text-align: center;
    }
}

.upload-loading {
    padding: 20px;
    margin: 0;
    text-align: center;
}

.fa-pointer {
    cursor: pointer;
}

.upload-hide {
    display: none;
}

/* Preview image */

#imgpreview {
    overflow: auto;
    display: none;
    text-align: center;
}

#imgpreview .file-title {
    font-weight: bold;
}

#imgpreview .file-content {
    margin: 10px 0;
}

#imgpreview .file-content img {
    border: 2px #dadada solid;
}

#imgpreview .file-detail {
    font-size: 11px;
}

#fileView.zoomin img {
    cursor: zoom-in;
}

#fileInfoLink label {
    margin-bottom: 5px;
    display: block;
    font-weight: 600;
}

/* Creat image */

#imgcreate {
    overflow: auto;
    display: none;
    padding: 10px;
}

#imgcreate .title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

#imgcreate .image-preview {
    width: 360px;
    height: 240px;
    text-align: center;
    margin-top: 10px;
}

#imgcreate .image-preview img {
    border: 2px solid #dadada;
}

#imgcreate .image-preview-wrap {
    border-left: 1px #dadada solid;
}

/* Move file */

#filemove {
    padding: 10px;
    display: none;
}

#filemove .filename {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

#filemove input[type='checkbox'] {
    position: relative;
    top: 6px;
}

/* Search File */

#filesearch {
    padding: 10px;
    display: none;
}

/* Rorate Image */

#rorateimage {
    padding: 10px;
    display: none;
    overflow: hidden;
}

#rorateimage .btn-reset {
    width: 38px;
}

#rorateContent {
    margin: 0 auto 10px auto;
}

/* Rename File */

#filerename {
    padding: 10px;
    display: none;
}

#filerename .origname {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

/* Remote upload */

#uploadremote {
    padding: 10px;
    display: none;
}

/* Local upload */

#upload-queue {
    display: none;
    height: 100%;
    padding-top: 30px;
    position: relative;
}

#upload-queue.auto-logo {
    padding-bottom: 30px;
}

#upload-queue .queue-header {
    position: absolute;
    top: 0px;
    height: 30px;
    width: 100%;
    border-bottom: 1px solid #e1e1e8;
    line-height: 30px;
    font-weight: bold;
}

#upload-queue .queue-opts {
    position: absolute;
    bottom: 0px;
    height: 30px;
    width: 100%;
    padding-top: 5px;
    display: none;
}

#upload-queue.auto-logo .queue-opts {
    display: block;
}

#upload-queue .queue-opts .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

#upload-button-area .browse-button ul.fixul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#upload-queue-files {
    height: 100%;
    overflow: auto;
}

#upload-queue-files .file-item {
    padding: 5px 0;
    border-bottom: 1px solid #e1e1e8;
}

#upload-queue-files .file-item:nth-child(odd) {
    background: #f9f9f9;
}

#upload-queue-files .file-item:hover {
    background: #f5f5f5;
}

#upload-queue-total .total-status .progress {
    margin: 6px 0 0 0;
}

@media (max-width: 768px) {
    #upload-queue {
        height: 400px;
    }
}

/* Add Logo */

div.watermark {
    border: 1px dashed #000;
}

img.watermark:hover {
    cursor: move;
}

.w50 {
    width: 50px !important;
}

/* List files (thumbnail) */

#imglist {
    height: 100%;
    padding: 5px 0;
}

.imgcontent {
    background: #fff;
    border: 2px solid #eaeaea;
    color: #666;
    cursor: pointer;
    float: left;
    height: 124px;
    line-height: 16px;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 5px;
    text-align: center;
    width: 100px;
}

.imgcontent:hover {
    background: #f2f9fc;
    border: 2px solid #ddeff8;
    color: #333;
}

.imgInfo {
    font-size: 10px;
    line-height: 12px;
    height: 30px;
}

.imgInfo .nameLong {
    display: none;
}

.imgInfo .nameSort {
    display: block;
}

.imgIcon {
    width: 100px;
    height: 86px;
    display: table-cell;
    vertical-align: middle;
}

.imgsel,
.imgtempsel {
    /* Selected file */
    background: #fd8 !important;
    border-color: #fb0;
    color: #333;
}

.imgcontent.imgsel:hover {
    background: #fb0 !important;
    border-color: #eeaf00;
    color: #333;
}

.imgtempunsel {
    background: #fff !important;
    border-color: #eaeaea !important;
    color: #666 !important;
}

img.previewimg {
    background: #fff;
    border: 2px solid #f0f0f0;
    max-height: 80px;
    max-width: 80px;
    padding: 2px;
}

/* List files (detail) */

.view-detail .imgcontent {
    background: #fff;
    border: 0;
    border-bottom: 1px #eaeaea solid;
    color: #666;
    cursor: pointer;
    float: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 0 10px;
    text-align: left;
    width: 100%;
    overflow: hidden;
}

.view-detail .imgcontent:hover {
    background: #f5f5f5;
}

.view-detail .imgcontent:last-child {
    border-bottom: 0;
}

.view-detail .imgIcon {
    width: 40px;
    height: 30px;
    display: inherit;
    vertical-align: middle;
    float: left;
}

.view-detail img.previewimg {
    background: #fff !important;
    border: 0 !important;
    width: 16px !important;
    height: auto !important;
    padding: 2px;
}

.view-detail .imgInfo {
    font-size: inherit;
    line-height: 12px;
    height: 30px;
    line-height: 30px;
}

.view-detail .imgInfo span {
    float: left;
}

.view-detail .imgInfo .nameSort {
    display: none;
}

.view-detail .imgInfo .nameLong {
    display: block;
    width: 300px;
}

/* Info error */

#errorInfo {
    color: #f00;
    font-size: 12px;
    padding: 15px;
}

/* Crop image */

#cropimage {
    padding: 10px;
    display: none;
}

#cropimage .crop-content {
    margin: 0 auto 10px auto;
    border: 2px solid #f0f0f0;
}

#cropimage .crop-content img {
    vertical-align: top;
}

.ui-dialog .ui-resizable-se {
    background-position: -64px -224px !important;
    right: 1px !important;
    bottom: 1px !important;
}

/* Add logo */

#addlogo {
    padding: 10px;
    display: none;
}

#addlogo .addlogo-content {
    margin: 0 auto 10px auto;
    border: 2px solid #f0f0f0;
}

#addlogo .addlogo-content img {
    vertical-align: top;
}

/* Context Menu */

#nvContextMenu .fa {
    color: #666;
    width: 25px;
}

#imglist .imgcontent:nth-child(2n) {
    background: #fbfbfb;
}

/* Thumb Config */

#thumbprewiew .col-imgorg h2 {
    padding-right: 11px;
}

#thumbprewiew .imgorg {
    border-right: 1px solid #dadada;
    padding-right: 10px;
}
