.form-control:disabled, .form-control:read-only{
    background-color: #fff;
}
.div_listfoto{
    flex-wrap: wrap;
}
.div_foto{
    height: 170px;
    width: 170px;
    border-radius: 5px;
    background-color: #ede9e9; 
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #ede9e9;
    position: relative;
}
.div_foto .delete_fotosapi{
    position: absolute;
    top: 10px;
    right: 10px;
    color: red;
}
.div_foto.addfoto{
    border: 1px dashed #9f9a9a;
}
.div_foto.addfoto:hover{
    border-color: #686666;
}
.div_foto > div{ 
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.div_foto > div img{   
    max-height: 100%;
    max-width: 100%;
}
.div_foto > label{ 
    padding: 10px; 
    cursor: pointer;
    position: relative; 
    width: 100%;
    height: 100%;
}
.div_foto > label i.fa-image{ 
    font-size: 90px;
    color: #9abeeb;
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
}
.div_foto > label:hover i.fa-image{  
    color: #fff; 
}
.div_foto > label i.fa-plus{ 
    font-size: 22px;
    color: #ede9e9;
    position: absolute;
    top: calc(50% - 32px);
    right: calc(50% - 42px);
    z-index: 1;
} 
.detail_variansapi{
    font-weight: bold;
    cursor: pointer;
    color: #0d58b5;
    font-size: 20px;
}
.detail_variansapi:hover{ 
    color: #75b2f7; 
}
.user_act_sapi a{
    font-size: 12px !important;
    padding: 3px 10px !important;
}
.note-icon-caret { 
    display: none;
}

.item_barcode img{
    max-height: 100px;
}

.scansapi{
    padding: 8px 10px;
    font-size: 20px;
    border-radius: 5px;
    background: #efeded;
    color: #7e7c7c;
    display: flex;
    margin-right: 10px;
}
.scansapi:hover{
    background: #f5f5f5;
    color: #3d3c3c;
}