.single-img-upload{
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.single-img-upload .file{
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    display: block;
    outline: 0px;
    background: #ffffff;
}
.single-img-upload .mask{
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0.6;
    display: block;
    outline: 0px;
    background: #000;
}
.single-img-upload .first-loading-wrp{
    display:flex;justify-content:center;align-items:center;flex-direction:column;z-index: 9999;position: absolute;left: 0;top: 0;width: 100%;height:100%;color: #ffffff;
}
.single-img-upload .first-loading-wrp>h1{
    font-size:128px
}
.single-img-upload .first-loading-wrp .loading-wrp{
    padding:12px;display:flex;justify-content:center;align-items:center
}
.single-img-upload .dot{
    animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:32px;width:32px;height:32px;box-sizing:border-box
}
.single-img-upload .dot i{
    width:14px;height:14px;position:absolute;display:block;background-color:#ffffff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate
}
.single-img-upload .dot i:nth-child(1){
    top:0;left:0
}
.single-img-upload .dot i:nth-child(2){
    top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s
}
.single-img-upload .dot i:nth-child(3){
    right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s
}
.single-img-upload .dot i:nth-child(4){
    bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s
}
.single-img-upload .mask-text{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
@keyframes antRotate{
    to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}
}
@-webkit-keyframes antRotate{
    to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}
}
@keyframes antSpinMove{
    to{opacity:1}
}
@-webkit-keyframes antSpinMove{
    to{opacity:1}
}
.form-control-static{
    padding-top: 3px!important;
}