﻿.main-footer {
    margin-top: 50px;
}
.separator {
    margin-top: 20px;
}

.img-scrap-gold {
    width: 240px;
    height: 240px;
    border-radius: 15px;
}

#modalEnlargeImage > .modal-dialog {
    display: block;
}

#modalEnlargeImage .modal-content {
    height: fit-content !important;
}

#modalEnlargeImage img {
    width: calc(250px + (500 - 250) * ((100vw - 300px) / (1900 - 300)));
    height: calc(250px + (500 - 250) * ((100vw - 300px) / (1900 - 300)));
    object-fit: contain;
}

.column-sg-data {
    padding: 20px 15px;
}

h1.header-separator:before {
    content: "";
    position: absolute;
    width: 5%;
    height: 1px;
    bottom: 0;
    left: 47.5%;
    border-bottom: 5px solid #EBEBEB;
}

.header-sg-pic-title {
    height: 40px;
}

#BtnSubmitScrapGold,
#BtnClickIfSold,
#BtnCancelRequest {
    transition: 300ms;
    height: 60px !important;
    border-radius: 15px !important;
}

    #BtnSubmitScrapGold:hover,
    #BtnClickIfSold:hover,
    #BtnCancelRequest:hover {
        background-color: #a07936;
    }

.row-title {
    margin-top: 35px;
}

.column-merchant-received,
.column-scrap-gold-views {
    border: 1px solid #A07936;
    padding: 5px 15px;
}

.row-login-required {
    margin-top: calc(60px + (30 - 60) * ((100vw - 300px) / (1900 - 300)));
}

#FormPlaceScrapGold {
    margin-top: 50px;
}

#TxtExpectedPrice {
    background-color: #EDEDED !important;
    border: 1px solid #EDEDED;
}
.scrap-gold-item-pic,
.scrap-gold-invoice-pic,
.scrap-gold-id-pic{
    object-fit: contain;
    padding: 0 !important;
}
.scrap-gold-item-pic {
    width: calc(150px + (300 - 150) * ((100vw - 300px) / (1900 - 300))) !important;
    height: calc(150px + (300 - 150) * ((100vw - 300px) / (1900 - 300))) !important;
    max-width: unset !important;
    max-height: unset !important;
}
.scrap-gold-invoice-pic {
    width: calc(150px + (300 - 150) * ((100vw - 300px) / (1900 - 300))) !important;
    height: calc(212.5px + (425 - 212.5) * ((100vw - 300px) / (1900 - 300))) !important;
    max-width: unset !important;
    max-height: unset !important;
}
.scrap-gold-id-pic {
    width: calc(180px + (360 - 180) * ((100vw - 300px) / (1900 - 300))) !important;
    height: calc(75px + (150 - 75) * ((100vw - 300px) / (1900 - 300))) !important;
    max-width: unset !important;
    max-height: unset !important;
}