.docs-pictures-content {
    position: relative;
    width: 100%;
    height: 0;
}
.docs-pictures-full {
    height: 54px;
    margin: 4px auto;
}

.docs-pictures-content:first-child {
    height: 54px !important;
    margin: 4px auto;
}

.docs-pictures-content-all {
    height: 36px;
    margin: 2px auto;
}

.docs-pictures-content-all img {
    max-height: 40px;
    max-width: 40px;
}

.placeholder-img {
    width: 60px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #f1f1f1 url("../images/icon_found_img.svg") no-repeat center;
    background-size: 35%;
    border-radius: 4px;
    transition: all .3s ease-in;
}

.docs-pictures-content .docs-pictures {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    object-fit: cover;
    top: 0px;
    left: 0;
    right: 0;
    cursor: zoom-in;
    transition: all .3s ease-in;
}

.input-total[readonly] {
    background-color: #F5F5F5;
    color: #333;
}

input:disabled{
    background-color: #EFEFEF4D;
}