@media only screen and (max-width: 993px) {
    .container {
        width: 100%;
    }

    .col.m10{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.endStatusOverlay {
    position: fixed;
    top: 10em;
    margin: auto;
    width: 90%;
    height: auto;
    z-index: 10000;
}

.selectable.card {
   cursor: pointer;
   padding: 1em;
}

.active {
    background-color: #aaaaff
}

.selectColorPurple.active {
    background-color: #851285;
    color: #ffffff;
}

.selectColorBlue.active {
    background-color: #2f49dd;
    color: #ffffff;
}

.selectColorYellow.active {
    background-color: #ffe600;
}

.btn {
    text-transform: none;
}

.toast {
    justify-content: normal;
    -webkit-justify-content: normal;
}