#main {
    background-color: #ffffff;
    /*background-color: red;*/
    padding: 6px; /* IOS guidelines */
    /*height: 100vh;*/
    width: 100vw;
    /* min-width: 1400px;  Break real android tablet */
}

.sticky-footer {
    position: absolute;
    left:0px;
    bottom:0px;
    font-size: 0.875rem;
    background: #fff;
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%), 0px 2px 4px -1px rgb(0 0 0 / 20%);
    height: 56px;
    text-align: center;
    width: 100%;
    margin: 0;
}

.sticky-footer .btn {
    border-radius: 0;
    padding: 1px;
}

.sticky-footer .btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: #5A5D61;
}
.sticky-footer button.active {
    color: #1a73e8;
}

button:focus {
    outline: 0;
    box-shadow: none;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.sticky-footer i {
    height: 24px;
    width: 24px;
}


/**
* Remove focus styles for non-keyboard focus.
*/
:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

/**
* Cross-browser styles for explicit focus via
* keyboard-based (eg Tab) navigation or the
* .focus-visible utility class.
*/
:focus,
.focus-visible:focus:not(:focus-visible) {
    outline: 0;
    box-shadow:
        0 0 0 .2rem #fff,
        0 0 0 .35rem #069;
}

.list-group-item * {
    pointer-events: none;
    /* need for interlist. May move later */
}

#main {
    animation: appear 3s;
}

@keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}