body{
	font-family:sans-serif;
	padding:0;
	margin:0;
	background: white;
}

@media print
{    
    .noprint, .noprint *
    {
        display: none !important;
    }
}

html{
	transition: 1000ms;
}

td{
	white-space:pre-wrap;
}

input::placeholder{
	color:#ccc;
	font-style:italic;
}

button {border:none;}

.darkmode {
	filter: invert(1) hue-rotate(180deg);
}

.picframe {
	border: solid 8px white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.fright {float:right;}
.fleft {float:left;}
.fcenter {float:center;}
.ib {display:inline-block;}
.hidden {display:none;}
.rounded {border-radius:.5em;}
.shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.absolute {position:absolute;}
.relative {position:relative;}

.italic {font-style:italic;}
.bold {font-weight:bold;}
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}

.red {color:red;}
.orange {color:orange;}
.yellow {color:yellow;}
.blue {color:blue;}
.violet {color:violet;}
.green {color:green;}
.black {color:black;}
.white {color:white;}
.folder {color:#f1d592;}
.lgray {color:#ccc;}
.gray {color:#888;}
.dgray {color:#444;}
.brown {color:brown;}
.eee {color:#eee;}
.fbblue {color:#3b5998;}

.redbg {background:red;}
.orangebg {background:orange;}
.yellowbg {background:yellow;}
.bluebg {background:blue;}
.violetbg {background:violet;}
.greenbg {background:green;}
.blackbg {background:black;}
.whitebg {background:white;}
.lgraybg {background:#ccc;}
.graybg {background:#888;}
.dgraybg {background:#444;}
.folderbg {background:#f1d592;}
.highlight {background:#ffc;}
.eeebg {background:#eee;}
.brownbg {background:brown;}
.fbbluebg {background:#3b5998;}

.fadein0 {
	opacity: 0;
	transition: 0.3s;
}
.fadein {
	opacity: 0.3;
	transition: 0.3s;
}
.fadein:hover {opacity: 1}
.fadein0:hover {opacity: 1}

.pointer {cursor:pointer;}
.arrow {cursor:default;}

.fs03 {font-size:.3em;}
.fs04 {font-size:.4em;}
.fs05 {font-size:.5em;}
.fs06 {font-size:.6em;}
.fs07 {font-size:.7em;}
.fs08 {font-size:.8em;}
.fs09 {font-size:.9em;}
.fs10 {font-size:1em;}
.fs11 {font-size:1.1em;}
.fs12 {font-size:1.2em;}
.fs13 {font-size:1.3em;}
.fs14 {font-size:1.4em;}
.fs15 {font-size:1.5em;}
.fs16 {font-size:1.6em;}
.fs17 {font-size:1.7em;}
.fs18 {font-size:1.8em;}
.fs19 {font-size:1.9em;}
.fs20 {font-size:2em;}
.fs25 {font-size:2.5em;}
.fs30 {font-size:3em;}

.w100p {width:100%;}
.w95p {width:95%;}
.w90p {width:90%;}
.w85p {width:85%;}
.w80p {width:80%;}
.w75p {width:75%;}
.w70p {width:70%;}
.w66p {width:66%;}
.w65p {width:65%;}
.w60p {width:60%;}
.w55p {width:55%;}
.w50p {width:50%;}
.w45p {width:45%;}
.w40p {width:40%;}
.w35p {width:35%;}
.w30p {width:30%;}
.w33p {width:33%;}
.w25p {width:25%;}
.w20p {width:20%;}
.w15p {width:15%;}
.w10p {width:10%;}