body {
    background: #a0a0a0;
}


.h-screen {
    height: 100vh;
}

.center-box {
    width: 50%;
    max-width: 400px;
    min-width: 300px;
    background: white;
}

.d-flex {
    display: flex;
}

.docs {
    border: solid 2px #607D8B;
    padding: 15px;
    border-radius: 5px;
    margin-top: 8px;
}

.docs .image-con {
    margin-top: 15px;
    height: 96px;
    text-align: center;
    vertical-align: middle;
}

.cart {
    cursor: pointer;
    display: flex;
    min-height: 150px;

    transition: all 0.2s;
}

.cart img {
    max-width: 100%;
    max-height: 150px;
    margin: auto;
}

.cart:hover {
    background: #efefef;
}

.docs .image-item img {
    max-height: 96px;
}

.bg-white {
    background: white;
}

.disabled {
    pointer-events: none;;
}

#loading img {
    max-height: 64px;
}

.hidden {
    display: none !important;
}

.td-grid {
    text-align: center;
    font-size: small;
    vertical-align: middle;
}

.image img {
    max-width: 256px;
    max-height: 128px;
}