body {background-color: navajowhite;}
.xnavbar {background-color: navajowhite;}
.xbg-light {--bs-bg-opacity: 0;}
#page_header {background-color: navajowhite;}
.required {font-weight:bold;}
.cbody-bottom {position:absolute; bottom:10px;}
.cbody-bottom-sub {position:absolute; bottom:10px};
.cbody-bottom-a {position:absolute; bottom:10px};
.rotate90 {transform:rotate(90deg);}
.rotate180 {transform:rotate(180deg);}
.rotate270 {transform:rotate(270deg);}
.bradius5 {border-radius:5px;}

.entry-photo {border-radius:10px; max-width:90%;}
.flag {padding:1px; vertical-align: baseline;}

.padding-lr-2 {padding-left:3px; padding-right:2px;}
.pt0    {padding-top:0px;}
.plr0 {padding-left:0px; padding-right:0px;}
.no-decoration {text-decoration:none;}
.file-obj-toolbar {text-decoration:none; height:1.em; display:inline-flex;}
.file-obj-tool {text-decoration:none; height:1em;}
.thumbnail:hover {
        position:relative;
        top:-25px;
        left:-35px;
        width:100px;
        height:auto;
        display:block;
        z-index:999;
        border-radius:5px;
    }
#notes-area: {background-color:yellow;}
.dinline {display:inline;}
.vtop {vertical-align:top;}
.va-tb {vertical-align: text-bottom;}
.va-tt {vertical-align: text-top;}
.w-auto {width:auto;}
.fs-2em {font-size:2em;}

.note-container {margin-bottom:5px; border-radius:5px; background-color:bisque;}
.note-body {xbackground-color: bisque; margin-top:3px; border-radius:20px; padding:1em;}
.note-footer {text-align:right; border-radius:5px; background:yellow; width:auto; font-style:italic;}
.note-subnotes {margin-left:1em; padding-left:1em;}
.icon-set {display:contents;}
.icon-box {width:6em; margin-top:10px; margin-left:5px; text-align:center; padding:5px; background-color:aliceblue;}
.bg-folder {
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder" viewBox="0 0 16 16"><path d="M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z"/></svg>');
}
.mb-5px {margin-bottom:5px;}
.ml-5px {margin-left: 5px;}
.right-border {border-right:solid;}
#page_contents {margin-left:50px;}
.error {color:red;}
.tool {width:1em; margin-right:0.3em;}
.under-entry-title {font-size:1.5em;}

.zoom {
/*  padding: 50px;
  background-color: green;
 transition: transform .2s; *//* Animation */
/*  width: 200px;
  height: 200px;
  margin: 0 auto;
  */
}

.zoom:hover {
  transform: scale(2,2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  overflow: scroll;
  width:500px;

}

.zoom-img {
  width: 300px;
  height: 300px;
  overflow: hidden;
}

.zoom-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease;
}

.zoom-img img:hover {
  transform: scale(2,2);
}

.far-ahead{
    background-color: beige;
    border-radius: 10px;
}
.far-ahead p {
    margin-bottom: 4px;
}
.flip {
  display: inline-block;
  transform: scaleX(-1);   /* mirror horizontally */
}
.model-icon.flag {
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif;
}