@import url("nbf_root.css");

* {-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;}

html,body {width: 100%;
    height: 100%;
    background-color: var(--body-bg-color);
    color: var(--body-text-color);}
    
body {display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-size: var(--font-size);}

[data-overflow] {font-stretch: ultra-condensed;}

.bold {font-weight: bold;}

#wrapper {display: flex;
    flex-direction: column;
    position: relative;
	top: 0;
	height: 100%;
	width: 100%;}

#page-head {width: 100%;
    flex: 0 0 auto;
    top: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    background-color: var(--page-head-bg-color);
    z-index: 2;
    overflow: hidden;
    padding: 2px;}

#page-title {display: flex;
    flex-direction: row;
    justify-content: center;
    color: var(--page-title-text-color);
    width: 100%;
    font-size: 120%}

.page-title-bold{font-weight: 700;
    padding: 0 3px;}

#page-sub-title {display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    font-size: 110%;
    color: var(--page-sub-title-text-color);
    padding: 2px;}

#page-updated {flex: 0 0 auto;
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    background-color: var(--page-updated-bg-color);
    color: var(--page-updated-text-color);
    padding: 0 0 3px;
    font-size: 90%;}
    
#updated-date {font-weight: 600;}

#page-content {flex: 1 1 auto;
    position: relative;
    overflow: auto;}

#page-foot {flex: 0 0 auto;;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: var(--page-foot-bg-color);
    padding: 3px;}

.anchor-image {display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;}

#page-foot .anchor-image {height: 40px;
    width: 40px;}

#page-top-anchor {display: none;
    background-image: url("images/top_icon_red.png");}

#page-top-anchor[data-overflow] {display: block;}