@import "content/forms.css";
@import "belgium_tablet.css";
@import "belgium_phone.css";
@import "visited_man.css";
@import "visualhiding.css";
@media screen and (min-width: 1490px) {
body {
    font-size: 1rem;
    margin-top: 10rem;
    margin-left: 6.875rem;
    background-image: url('assets/dashboard-background.png');
    background-size: 100% 100%;
    font-family: Helvetica, Arial, sans-serif;
}
h1 {font-size: 1.8em;} h2 {font-size: 1.55em;} h3 {font-size: 1.35em;}
h4, h5, h6 {font-size: 1.2em;}
a.odoo {
    color: orange;
    text-decoration: underline;
}
article a.odoo {
    color: darkblue;
    text-decoration: underline;
}
.tabContent {
    position: relative;
    width: 75%;
    display: none;
    overflow: hidden;
    margin-left: 1.25em;
    padding: 0.375rem 0.75rem;
    border: 2px solid #fff8bd;
    border-top: 8px solid #fff8bd;
    
    background-color: #00000040;
    color: #fffbdc;
}
.defaultTab {
    display: block;
}
.tabSection {
    width: 100%;
    height: min-content;
    border-right: 2px solid #fff8bd;
}
img {
    width: 100%;
    height: auto;
}
.smantha {
    border: 4px solid #528fd4;
}
section.boyfloats { width: 24%; height: 100%;}
section.boyfloats article{
    margin-top: 0.625rem;
    border: 4px solid #d4ad52;
    background-color: #fff8bd;
    color:black;
}
section.boyfloats article button {
    width: 1.875rem;
}
.fleft {float:left} .frite {float:right}
div.boyfloats { width: 74%; height: 100%; }
div.boyfloats section div.fog {
    border: 0.5px solid white;
}
div.boyfloats section div.fog .fig {
    display: inline-block;
    margin-right: 1rem;
}
div.boyfloats section article {
    background-color: #fff8bdaa;
    color:black;
    width: 39%;
} div.boyfloats section div.fog div {
    width: 49.5%;
}
div.diagratic {
    width: 49%;
}.evengroot {
    width: 49%;
    height:9.5%;
}
.neanderthals {
    text-align: left;
    color: white;
    font-size: 1.1em;
}
.bars {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 6.25rem;
    background-color: #5f9ea0;
}
.navbar {
    height: 3.2rem;
    width: 100%;
    max-width: 100%;
    padding-top: 0.815rem;
    text-align: center;
    font-size: 1.6rem;
}
.sidebar {
    height: 100%;
    max-height: 100%; 
    background-image: url("assets/0content.png");
} .sidebarbar {width: 50%;}
.navbar a {
    background-color: #d0bfa6;
    color: black;
    font-weight: normal;
    text-decoration: underline dotted;
}
.navbar a:hover {
    background-color: #fffbdc;
}
.navbar a.active {
    background-color: #fff8bd;
    color: crimson;
    font-weight: bold;
    text-decoration: none;
}
.weirdobox {
    display: -webkit-box; display: -moz-box;
    display: -ms-flexbox; display: -webkit-flex;
    display: flex; align-items: start;
    justify-content: space-between
}
.inlinblock {
    display: inline-block;
    width: 12%;
    margin-right: 0.5rem;
} .inlinblock video {
        width: 280%;
} .problematic .inlinblock {
    margin-right: 1.2rem;
}
table {
    width: 100%;
    text-wrap: nowrap;
}
table, table td, video {
    border: 2px solid #d4ad52;
    background-color: #fff8bd;
    color: black;
}
table td.field {
    border: none; text-align: center;
}
table td.field input[type="text"] {
    width: 100%;
}
.outputPHP {
    background-color: white;
    color: black;
    font-size: 60%;
}} figcaption a {
    color: #fffbdc;
}
.optionals {
    color: aliceblue;
    position: absolute;
    top: 5.2rem;
    right: 5rem;
    z-index: 5;
}