.container {
    text-align: center;
}

.widget {
    width: 45%;
    border: solid 1px grey;
    padding: 5px;
    background-color: #80808005;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    height: calc(95vh - 60px);
    max-height: 370px;
    border-radius: 10px;
}

.widget h5 {
    font-size: 18px;
    border-bottom: solid 1px grey;
    padding-bottom: 3px;
    text-align: left;
}

.widget canvas {
    width: 100%;
}

.widget div {
    width: 100%;
    height: calc(100% - 40px);
}

#messages {
    text-align: left;
}

#offerViews {
    height: calc(100% - 40px - 55px);
}

@media screen and (max-width: 991px) {
    .widget {
        width: 95%;
    }

    .widget div {
        height: calc(100% - 55px);
    }

    #offerViews {
        height: calc(100% - 55px - 55px);
    }
}