[v-cloak] {
    display: none;
}

.the-app {
    background-color: white !important;
    max-width: 768px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 46px -25px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 46px -25px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 46px -25px rgba(0,0,0,0.75);
}

.tq-logo {
    min-width: 150px;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

/* .primary {
    background-color: #DC2D27 !important;
    border-color: #DC2D27 !important;
} */

.main-menu-btn {
    width: 90%;
    max-width: 400px;
    min-width: 224px;
    height: 70px;
}

.cancel-btn {
    height: 60px;
    max-width: 200px;
    margin: 0 auto;
}

.override-prepend-outer .v-input__prepend-outer {
    display: inline;
}

@media only screen and (max-width: 320px) {
    .cancel-btn {
        font-size: 11px;
    }
    .name-id {
        font-size: 10px;
        margin-left: 5px;
        text-align: right;
    }
}