/* text, link font */

:root {
    --main-color: #465492;                              /* var(--main-color) */
    --main-bg-color: #ced2dc;                           /* var(--main-bg-color) */
    --active-bg-color: #f7f762;                         /* var(--active-bg-color) */
    --link-color: #015;                                 /* var(--link-color) */
    --link-active-color: #007;                          /* var(--link-active-color) */
    --link-active-bg-color: var(--active-bg-color);     /* var(--link-active-bg-color) */
    --folder-color: #007;                               /* var(--folder-color) */
    --folder-active-color: #007;                        /* var(--folder-active-color) */
    --folder-active-bg-color: var(--active-bg-color);   /* var(--folder-active-bg-color) */
    --login-color: var(--folder-color);                 /* var(--login-color) */
    --logout-color: var(--folder-color);                /* var(--logout-color) */
    --logout-hover-color: var(--folder-color);          /* var(--logout-hover-color) */
    --logout-hover-bg-color: var(--active-bg-color);    /* var(--logout-hover-bg-color) */
    --props-color: var(--main-color);                  	/* var(--props-color) */
    --select-color: var(--main-color);                  /* var(--select-color) */
    --select-bg-color: var(--main-bg-color);            /* var(--select-bg-color) */
    --select-border-color: var(--main-color);           /* var(--select-border-color) */
    --p-color: var(--link-color);                       /* var(--p-color) */
    --h2-color: var(--main-color);                      /* var(--h2-color) */
}


body {
	color: var(--main-color);
	background-color: var(--main-bg-color);
	font-size: 1.0rem;
}

p, span {
	color: var(--p-color);
}

h2 {
	color: var(--h2-color);
	font-weight: 600;
	font-size: 1.4rem;
	margin-top: 0px;
	margin-bottom: 0px;
}


ul {
	list-style-type: disc;
	display: none;
    padding-inline-start: 0.8em;
	font-size: 1.152rem;
}
ul.dot3 {
	padding-inline-start: 0.8em;
}
ul ul {
	list-style-type: disc;
}
ul ul ul {
	list-style-type: circle;
}
ul ul ul ul {
	list-style-type: square;
}
ul div {
	font-size: 0.864rem;
}

li {
	margin-top: 0.1em;
	margin-bottom: 0.15em;
	margin-left: 0.2em;
	white-space: pre-line;
	font-size: 1.152rem;
}

a:link, a:visited {
	color: var(--link-color);
	text-decoration: none;
}
a:focus {
}
a:hover, a:active {
	color: var(--link-active-color);
	background-color: var(--link-active-bg-color);
}


/* folder font */
a.node {
	font-weight: 500;
	/*font-weight: 600;*/
	font-size: 1.200rem;
}
a.node:link, a.node:visited {
	color: var(--folder-color);
}
a.node:focus {
}
a.node:hover, a.node:active {
	color: var(--folder-active-color);
	background-color: var(--folder-active-bg-color);
}


.pointer, input[type="checkbox"] {
	cursor: pointer;
	margin-right: 0;
}


.login_submit {
	color: var(--login-color);
	font-size: 1.0rem;
	font-weight: 600;
	cursor: pointer;
}


#logout_div {
	display: inline-block;
}
#logout_div>.but {
	color: var(--logout-color);
    border-left: 2pt solid transparent;
    border-right: 2pt solid transparent;
	border-top: none;
	border-bottom: none;
    float: left;
	font-size: 0.7rem;
	cursor: pointer;
}
#logout_div>.but:hover {
	color: var(--logout-hover-color);
	background-color: var(--logout-hover-bg-color);
}


table.bm_upload {
	font-size: 0.8rem;
	border: 1px solid transparent;
}
table.bm_upload td {
	text-align: right;
	white-space: nowrap;
	padding: 0.1em;
	margin: 0.1em;	
}
table.bm_upload td + td {
    text-align: left;
}
table.bm_upload td input {
	font-size: 0.7rem;
}


table.bm_props {
	color: var(--props-color);
}
table.bm_props td {
	text-align: right;
	padding: 0.075em;
	font-size: 0.7rem;
	cursor: pointer;
}
table.bm_props td + td {
    text-align: left;
}
table.bm_props td input[type="checkbox"] {
	margin-left: 1px;
	transform: scale(0.8);
	vertical-align: middle;
}

select.bm_select {
	color: var(--select-color);
	background-color: var(--select-bg-color);
	border: 1px solid var(--select-border-color);
	border-radius: 3px;
	font-size: 0.6rem;
	/*transform: scale(0.9);*/
}
select.bm_select option {
	font-size: 0.65rem;
	/*transform: scale(0.9);*/
}




p.t9, span.t9 {
	font-size: 0.864rem;
}
p.t9b, span.t9b {
	font-size: 0.864rem;
	font-weight: 600;
}

p.t10, span.t10 {
	font-size: 0.960rem;
}
p.t10b, span.t10b {
	font-size: 0.960rem;
	font-weight: 600;
}

p.t11, span.t11 {
	font-size: 1.056rem;
}
p.t11b, span.t11b {
	font-size: 1.056rem;
	font-weight: 600;
}

p.t12, span.t12 {
	font-size: 1.152rem;
}
p.t12b, span.t12b {
	font-size: 1.152rem;
	font-weight: 600;
}

p.t13, span.t13 {
	font-size: 1.248rem;
}
p.t13b, span.t13b {
	font-size: 1.248rem;
	font-weight: 600;
}

p.t14, span.t14 {
	font-size: 1.344rem;
}
p.t14b, span.t14b {
	font-size: 1.344rem;
	font-weight: 600;
}

p.t15, span.t15 {
	font-size: 1.440rem;
}
p.t15b, span.t15b {
	font-size: 1.440rem;
	font-weight: 600;
}

p.t16, span.t16 {
	font-size: 1.536rem;
}
p.t16b, span.t16b {
	font-size: 1.536rem;
	font-weight: 600;
}