.none { display: none !important; }

.cardsmissing, .cardspresent { display: none; }

ion-card { overflow-y: scroll; }

#cameraframe { position: relative; width: 100%; height: 100%; }
#cameraframe > .inframe { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
#cameraframe > .inframe.photo .snapshot { width: 100%; height: 75%; } 
#cameraframe > .inframe.photo  { display: none;         }
#cameraframe > .inframe.webcam { display: inline-block; }
#cameraframe > .inframe.webcam #webcam { width: 100% !important; height: auto !important; }

.photos img {
    width: 100px; height: 100px; border: 1px dotted blue;
    object-fit: scale-down;
    background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
}

ion-tab-bar { padding-bottom: 12px; }

.clickable:hover { cursor: pointer; }