html.modal-open {
    overflow: hidden !important;
}
body.modal-open {
    padding-right: 17px !important;
}

.size-guide-modal .modal-dialog {
    width: 100%;
}

.size-guide-modal .nav-tabs .nav-link {
    box-shadow: none;
    border: 0;
}
.size-guide-modal .nav-tabs .nav-item button:hover,
.size-guide-modal .nav-tabs .nav-item button.active {
    box-shadow: none;
    border-bottom: 1px solid rgb(34, 37, 41) !important;
    border-top: 0;
    isolation: isolate;
}

.size-guide-modal .speech-bubble-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: rgb(34, 37, 41);
}
.size-guide-modal table th,
.size-guide-modal table td {
    padding: 20px 20px;
    text-align: center;
    width: 20px !important;
}
.size-guide-modal img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    max-height: 100%
}
@media only screen and (min-width: 992px){
    .size-guide-modal .modal-body > .row,
    .size-guide-modal .modal-body > .row img {
        height: 770px;
    }
}