body {background-color:var(--bol-color-background-secondary);}

i {vertical-align:text-bottom;width:20px;height:20px;display:inline-block;background-color:currentColor;mask-position:center;mask-size:20px;mask-repeat:no-repeat;}
i.home {-webkit-mask-image:url(/images/home.svg);mask-image:url(/images/home.svg);}
i.tower {-webkit-mask-image:url(/images/tower.svg);mask-image:url(/images/tower.svg);}
i.report {-webkit-mask-image:url(/images/report.svg);mask-image:url(/images/report.svg);}
i.min {-webkit-mask-image:url(/images/min.svg);mask-image:url(/images/min.svg);}
i.max {-webkit-mask-image:url(/images/max.svg);mask-image:url(/images/max.svg);}
i.ai {-webkit-mask-image:url(/images/ai.svg);mask-image:url(/images/ai.svg);}
i.pretrip {-webkit-mask-image:url(/images/pretrip.svg);mask-image:url(/images/pretrip.svg);}
i.support {-webkit-mask-image:url(/images/support.svg);mask-image:url(/images/support.svg);}

#sidebar {position:fixed;top:0;left:0;height:100vh;width:250px;border-right:1px solid var(--bol-color-border);}
#sidebar .nav-link {color:var(--bol-color-text-primary);}
#sidebar .nav-link.active {background-color:var(--bol-color-primary);color:#fff;}
#sidebar .nav-link > b {margin-left:10px;}
#sidebar .dropdown a {color:var(--bol-color-text-primary);}
#sidebar .dropdown-menu a:hover {background-color:var(--bol-color-hover);}

#profile-image {height:28px;margin-right:8px;}
#branding {background:transparent url(/images/ortec-logo-plus-sign.svg) no-repeat 0% 50%;background-size:28px;text-indent:36px;height:36px;line-height:36px;display:inline-block;text-decoration:none;color:var(--bol-color-text-primary);font-weight:500;position:relative;width:100%;}
#minmax {position:fixed;bottom:44px;left:234px;z-index:9999;background:var(--bol-color-background-secondary);border:1px solid var(--bol-color-border);width:30px;height:30px;text-align:center;line-height:28px;border-radius:20px;}
#minmax.min {left:64px;}
#minmax i {color:var(--bol-color-text-primary);}

#sidebar.min {width:80px;}
#sidebar.min .nav-link > b {display:none;}
#sidebar.min #branding > b {display:none;}
#sidebar.min .dropdown a > b {display:none;}

#content {margin-left:250px;position:relative;height:100vh;width:calc( 100vw - 250px );background-color:var(--bol-color-background-secondary);}
#content.max {margin-left:80px;width:calc( 100vw - 80px );}
