html { font-size: 62.5%;height:100%;} /* =10px */
body { font-size: 1.4rem;} /* =18px */
h1 { font-size: 2.4rem; } /* =24px */
	

body {
	color: #000;
	background-color:#faf8e2;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
		-webkit-font-variant-ligatures: common-ligatures;
		font-variant-ligatures: common-ligatures;
		font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
		height:100%;
}


ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

tr {
	vertical-align: top;
}
td {
	text-align: left;
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 0;
}
.glink{color:hsl(115, 100%, 25%)}


/* ================sidebar icons======================= */
.sb li{margin:0px 2px 0px 2px;padding:5px 0 5px 0;border-bottom:1px dotted #fff;font-size:1.2rem;cursor:pointer;}
.sb .sbselected{color:#0077B1;background-color:#FFf;}
.sb .sbselected:hover{color:#999;}

.sb .fa{font-size:3.0rem}
.sb li:hover{color:#fff;}
/* ============================================= */


.sb_list li {margin:1px 1px 1px 1px;padding:2px 0 2px 0;border-bottom:1px dotted #000;font-size:1.4rem;cursor:pointer;}


.notes li{
	margin:1px 1px 2px 1px;
	padding:5px 2px 5px 2px;
	border-bottom:1px dotted #333;
	background-color:#fff;
	cursor:pointer;
	color:#0077B1;
}

.movements li{
	margin:1px 1px 2px 1px;
	padding:5px 2px 5px 2px;
	border-bottom:1px dotted #333;
	background-color:#fff;
	cursor:pointer;
	color:#0077B1;
}

/* padding:5px 0 5px 0;background-color:#fff; border-bottom:1px dotted #333;font-size:1.7rem; */

.red{color:#cc0000}
.cn_yellow{color:#FFE77D}
.cn_blue{color:#0077B1}
.grey{color:#bde0f9}
.green{color:#5ad94f}
 


.naccordion-right, .naccordion-left{margin:0px;}
.naccordion-right dl, .naccordion-left dl{margin:0px;}
.naccordion-right dt, .naccordion-left dt{border-bottom:1px solid #ccc;color:#fff;padding:2px 0 2px 6px;cursor:pointer;background:#0077B1;margin:0px;}
.naccordion-right dd, .naccordion-left dd{overflow-y:auto;overflow-x:auto;margin:0px;padding:0px;}


/* ==============popup=============================== */
#slide{background-color:#fff;width:90%;height:100%}
#slide_background {
	transition: all 0.3s 0.3s;
  }
  #slide,
  #slide_wrapper {
	transition: all 0.3s ease-out;
  }
  #slide {
	transform: translateX(0) translateY(-40%);
  }
  .popup_visible #slide {
	transform: translateX(0) translateY(0);
  }

  .popup_contect #slide {
	transform: translateX(0) translateY(0);
  }