.fm-left{float:left;}
.fm-right{float:right;}
.fm-clear:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fm-wrap{}
.fm-cont{}
.fm-browse-wrap{}
.fm-browse{}

.fm-preview .fm-preview-item{
    position:relative;
    width:100%;
    height:calc(100%);
    overflow:hidden;
    cursor:pointer;
    text-align: center;
}
.fm-preview .fm-preview-item img{
    position:absolute;
    top:50%;
    left:50%;
    width:auto;
    height:auto;
    min-width:100%;
    min-height:100%;
    max-width:140%;
    max-height:140%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.fm-preview .fm-preview-item i{
    display:inline-block;
    width:100%;
    height:calc(100%);
    background:white;
    vertical-align:top;
}
.fm-preview .fm-preview-item i.fa{
    line-height:90px;
    font-size:30px;
}
.fm-preview .fm-preview-item i:before{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.fm-wrap.fm-single{
    position:absolute;
    z-index:250000;
    display:none;
}
.fm-wrap.fm-single .fm-cont{
    position: relative;
    width:100%;
    height:calc(100%);
    overflow:hidden;
}
.fm-wrap.fm-single .fm-browse-wrap{
    width:100%;
    height:calc(100%);
}
    .fm-wrap.fm-single .fm-browse-wrap .fm-browse{
        position:absolute;
        right:0;
        top:0;
        cursor:pointer;
        width:400%;
        height:calc(100%);
        opacity:0;
    }
.fm-wrap.fm-multiple{
    position:absolute;
    z-index:10000;
    display:none;
}
.fm-wrap.fm-multiple .fm-cont{
    position: relative;
    width:100%;
    height:calc(100%);
    overflow:hidden;
}
.fm-wrap.fm-multiple .fm-browse-wrap{
    width:100%;
    height:calc(100%);
}
.fm-wrap.fm-multiple .fm-browse-wrap .fm-browse{
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    width:400%;
    height:calc(100%);
    opacity:0;
}
.fm-placeholder.fm-multiple{
    border:1px solid #dbdbdb;
    border-radius: 3px;
    padding:11px 8px;
    margin-top:7px;
    display:none;
}
.fm-details.fm-multiple{
    width:calc(100% - 107px);
    height:90px;
    margin-left:17px;
}
    .fm-details.fm-multiple .fm-input-wrap{
        width:100%;
        position:relative;
    }
    .fm-details.fm-multiple .fm-input-wrap .fm-input{
        width:100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius:2px;
        border:1px solid #dbdbdb;
        height:40px;
        line-height:38px;
        padding: 0 18px;
    }
    .fm-details.fm-multiple .fm-actions{
        text-align:left;
        margin-top:21px;
    }
    .fm-details.fm-multiple .fm-button{
        display:inline-block;
        width:120px;
        height:30px;
        line-height:30px;
        color:white;
        border-radius:1px;
        border:none;
        text-align:center;
        text-transform: uppercase;
        font-size:14px;
        cursor:pointer;
        background:#00a651;
        font-weight:400;
    }
        .fm-details.fm-multiple .fm-button:hover{
            opacity:0.8;
        }
/*preview*/
.fm-preview.fm-single{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:calc(100%);
}
.fm-preview.fm-multiple{
    width:90px;
    height:90px;
}

.fm-popup-wrap{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.7);
    z-index:200000;
    cursor:pointer;
}
.fm-popup{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background:white;
    border-radius:9px;
    min-width:400px;
    cursor:auto;
}
.fm-popup-title{
    position:relative;
    padding:20px;
    line-height:30px;
    font-size:30px;
    font-weight:300;
    text-align:center;
}
.fm-popup-title .fm-popup-close{
    position:absolute;
    top:7px;
    right:7px;
    cursor:pointer;
    font-size:12px;
    line-height:1;
}
.fm-popup-cont{
    padding:20px;
}
.fm-popup-cont .fm-popup-img-cont{
    max-width:200px;
    margin:0 auto;
    text-align:center;
}
    .fm-popup-cont .fm-popup-img-cont img{
        max-width:100%;
        max-height:100%;
        width:auto;
        height:auto;
    }
    .fm-popup-cont .fm-popup-img-cont i{
        font-size:48px;
        line-height:120px;
    }
.fm-popup-cont .fm-popup-actions{
    text-align:center;
    margin-top:20px;
}
.fm-popup-actions .fm-popup-button{
    position: relative;
    display:inline-block;
    font-weight:400;
    font-size:14px;
    text-align:center;
    margin:0 3px;
    width:120px;
    height:30px;
    line-height:30px;
    color:white;
    background:#98a4ac;
    border-radius:1px;
    text-transform: uppercase;
    cursor:pointer;
    overflow:hidden;
}
.fm-popup-actions .fm-popup-button:hover{
    opacity:0.8;
}
.fm-popup-actions .fm-popup-button input{
    position:absolute;
    top:0;
    right:0;
    width:600%;
    height:calc(100%);
    cursor: pointer;
    opacity:0;
}
/*file list*/
.fm-file-list-loader{
    margin-top:8px;
}
.fm-file-list{}
.fm-file-list .fm-file{
    border:1px solid #dbdbdb;
    border-radius:3px;
    margin-bottom:7px;
    padding: 10px 8px;
    position:relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fm-file .fm-file-delete{
    position:absolute;
    top:1px;
    right:6px;
    color:#414141;
    cursor:pointer;
}
.fm-file .fm-file-icon{
    text-align:center;
    width:90px;
}
.fm-file .fm-file-icon img{
    width:100%;
    height:auto;
}
.fm-file .fm-file-icon i.fa{
    line-height:90px;
    font-size:40px;
}
.fm-file .fm-file-details{
    margin-left:10px;
    width:calc(100% - 100px);
}
.fm-pg-bar{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
}
.fm-pg-full{
    position:absolute;
    top:0;
    left:0;
    height:2px;
    background:#00a652;
}