.layout-container {
    height: 100vh;
    display: grid;
    grid-template-rows: 4rem repeat(5, 1fr);
    grid-template-columns: repeat(6, 1fr);
    overflow: auto;
}

.layout-container > * {
    grid-column: 1/7;
}

.layout-container > .main-content {
    grid-row: 2/7;
}

.layout-container > *:nth-child(2) {
    grid-row: 2/7;
}

.main-content.inactive {
    pointer-events: none;
}

.layout-container > .overlay {
    grid-row: 2/6;
    grid-column: 2/6;
    overflow: auto;
}

.layout-container.verified-payment {
    background: -webkit-linear-gradient(45deg, #77bff7 0%,#d2eafc 29%,#26c9f2 66%,#b4dcfb 100%);
    background: -moz-linear-gradient(45deg, #77bff7 0%, #d2eafc 29%, #26c9f2 66%, #b4dcfb 100%);
    background: linear-gradient(45deg, #3fa5f4 0%,#77bff7 29%,#26c9f2 66%,#b4dcfb 100%);
}