/* BODY */

body {background-color: navajowhite; color: black;}
#page_contents {margin-left:50px;}

/* THE WHOLE PAGE*/
.page_footer {background-color: azure; position: fixed; left: 0; bottom: 0; display: block; width: 100%; padding-left: 10px;
              margin-left: auto; text-align: center; }
.page_footer > a {margin-right: 20px;}

/* FLAGS */
.flag {width:1em; margin-right:1em; padding:1px; background-color:gray;}


/* CARDS */
/*
.card-img-top {height: 50%;}
.card-box {border-radius: 4px; max-width: 100px;}
*/
.my-card{ margin-left: 1em;}
.my-card > .card{ height: 100%;}
.card-res-logo{max-width: 3em; xmax-height: 3em; border-radius: 5px;}
.card-img-top {display: flex; justify-content: center; align-items: center; height: 100%;}

.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;}
.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;
    }
/* PAGE HOME */
.page-home-section:not(:first-child) {margin-top: 1em;}
.page-home-section {display: inline-block;}
.page-home-section-title {text-align:left; font-weight: bold;}
.page-home {width: max-content; display:flex; margin-top:1em;}
.page-home-counters {width: max-content; display:flex;}
.page-home-section-item-even {background-color: #f0d9bb; margin-left: 15px;}
.page-home-section-item-odd {background-color: trabsparent; margin-left: 15px;}

/* NEWS */
.news-title {border-radius:10px; margin-top:1em;}
.news-date {}
.news-body {}

/* COUNTERS */
.counter {display: flex; justify-content: space-between;}
.counter-what {}
.counter-when {text-align: right;}


#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; margin-left:3em;}
.note-body {background-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;}

.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>');
}

/* CUSTOM MARGINS AND PADDINGS */

.mb-5px {margin-bottom:5px;}
.ml-5px {margin-left: 5px;}
.padding-lr-2 {padding-left:3px; padding-right:2px;}
.padding-lr-5 {padding-left:5px; padding-right:5px;}
.pt0    {padding-top:0px;}
.plr0 {padding-left:0px; padding-right:0px;}

/* CUSTOM BORDERS & RADIUSES */
.right-border {border-right:solid;}

/* BOOTSTRAP FIXES */

.red-tooltip + .tooltip.top > .tooltip-arrow {background-color: #f00;}
.tooltip-main {background: #f3f3f3;}

.tooltip-inner {box-shadow: 0px 0px 4px black; opacity: 1 !important;}
.tooltip.bs-tooltip-right .tooltip-arrow::before {border-right-color: #2f4fff !important;}
.tooltip.bs-tooltip-left .tooltip-arrow::before {border-left-color: #2f4fff !important;}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: #2f4fff !important;}
.tooltip.bs-tooltip-top .tooltip-arrow::before {border-top-color: #2f4fff !important;}

.tooltip .tooltip-inner {background-color:yellow; color:brown}
.tooltip .tooltip-arrow:before {border-top-color:yellow; color:brown}