/**
 * @package    quantummanager
 * @author     Dmitry Tsymbal <cymbal@delo-design.ru>
 * @copyright  Copyright © 2019 Delo Design & NorrNext. All rights reserved.
 * @license    GNU General Public License version 3 or later; see license.txt
 * @link       https://www.norrnext.com
 */

.quantumcombineselectfile {

}

.quantumcombineselectfile .preview-file {
    display: block;
    position: relative;
    width: 150px;
    height: 150px;
}

.quantumcombineselectfile .preview-file > .image {
    width: 100%;
    height: 100%;
}

.quantumcombineselectfile .preview-file > .image > div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #eeeeee;
    width: 100%;
    height: 100%;
}

.quantumcombineselectfile .preview-file button {
    position: absolute;
    left: 1px;
    right: 0;
    bottom: -1px;
    width: 100%;
    border: 1px solid #dedede;
    background: #f5f5f5;
}

.quantumcombineselectfile .quantummanager-modules {
    display: none;
}

.quantumcombineselectfile.change-file .preview-file {
    display: none;
}

.quantumcombineselectfile.change-file .quantummanager-modules {
    display: block;
}