/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */


/* Edit Order Thumb */


.post-type-shop_order .attachments {
    padding: 0!important;
    margin:0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.post-type-shop_order .attachment div{
    display: block;
    width:100%;
    
}
.post-type-shop_order .attachment img:hover{
    opacity:0.75;
}
.post-type-shop_order .attachment img{
    display:block;
    width:100%!important;
    opacity:1;
    transition: all 0.3s ease-in-out;
}
.post-type-shop_order .attachment{

box-shadow: 0 0 2px #aaa;

    display: flex;
    flex: 50%;
}
.post-type-shop_order .attachment div {
    padding: 0.3em;
}

.post-type-shop_order .attachment div{
    position:relative;
}
.delete-proof {
    background: rgb(187, 15, 15);
    position: absolute;
    top: 0.3em;
    right: 0.3em;
    border-radius: 0.2em;
    z-index:9999;
    cursor:pointer;
    color: white;
    padding: 0.0em 0.3em;
    font-weight: bolder;
    line-height: 1em;
}


.post-type-shop_order .attachment div{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
        white-space: nowrap; /* This is required unless you put the helper span closely near the img */
    

}


.proof img {
    background: #fff;
    vertical-align: middle;
    max-height: 100px;
    max-width: 100%!important;
    width:auto!important;
    vertical-align:middle;
    margin:auto;
    
}

.proof{
    overflow:hidden!important;
    width:100%;
    
}