body {
    background-color: #FEF9D4;
    
}

.header {
    background-color: #FEF9D4;
    background: -webkit-linear-gradient(rgba(254,249,212, 1), rgba(254,249,212, 1), rgba(254,249,212, 0));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(254,249,212, 1), rgba(254,249,212, 1), rgba(254,249,212, 0));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(254,249,212, 1), rgba(254,249,212, 1), rgba(254,249,212, 0));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(254,249,212, 1), rgba(254,249,212, 1), rgba(254,249,212, 0));
    /* Standard syntax */
}

.col-left {

    background-color: #FEF9D4;
}

.action-buttons ul a li:hover {
    color: #F5D800;
}

#next-chapter-color:hover {
    background-color: #FF9B41;
}


.action-buttons ul {

    border-top: 1px solid rgba(245,216,0, 0.8);
}

input[type=range].blueSlider::-webkit-slider-thumb {

 /* border: 0.5px solid #F5D800;*/
  background: #F5D800;
 /* box-shadow: 0px 0px 5px #F5D800;*/

}

input[type=range].greenSlider::-webkit-slider-thumb {

 /* border: 0.5px solid #F5D800;*/
  background: #FF8B22;
 /* box-shadow: 0px 0px 5px #F5D800;*/

}



@media screen and (min-width: 750px) {
    #pd {
        display: block;
    }

    #cp,
    #ra,
    #bp,
    #fi,
    #bi {
        display: none;
    }
}

.progress-bar-color {
    background-color: #F5D800;
}


.radio-inline .checkmark:after{
  background: #F5D800;
}


/*Random Variable*/
.hexagon {
  fill: white;
  opacity: 0.6;
  /*pointer-events: all;*/
  cursor: pointer;
}

.hexagon path {
  -webkit-transition: fill 250ms linear;
  transition: fill 250ms linear;
}

/*.hexagon :hover {
  opacity: 0.5
}*/

/*.hexagon .fill {
  fill: #c7c7c7;
}*/

.mesh {
  fill: none;
  stroke: #000;
  stroke-opacity: .2;
  pointer-events: none;
}

.border {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  pointer-events: none;
}

#rvMap {
  cursor: pointer;
}


/*Discrete and Continuous*/

svg g image {
  opacity: 0.5;
  cursor: pointer;
}


svg g image:hover {
  opacity: 1;
}


/*graph table*/
/*.click { background-color: rgba(255,155,60,0.6); }
.hover { background-color: #eee; }
#mean {
  stroke: #FF9B3C;
  stroke-dasharray: 2, 2;
}*/

#descriptionTable td {
  vertical-align: middle;
}

/* PMF 参考表里的公式不参与左栏“正文 18px”统一（否则最宽的二项/负二项 PMF 会撑破单元格、
   公式被裁切）。这里按表格场景缩小到 14px；#id 选择器特异性高于 .col-left .MathJax，故能压过那条 !important。 */
#descriptionTable .MathJax,
#descriptionTable .MathJax_Display,
#descriptionTable .mjx-chtml {
  font-size: 14px !important;
}
/* 列宽交给浏览器按内容自适应（table-layout:auto）：PMF 列自动撑到公式宽度即可容下公式，
   期望/方差列各自缩到“表头 + 数值”的自然宽度，从而表头“期望/方差”保持单行、不会竖排。
   关键：表头与数值单元格 nowrap，避免在窄列里把两个汉字拆成上下两行。 */
#descriptionTable {
  width: 100%;
  table-layout: auto;
}
#descriptionTable th, #descriptionTable td {
  white-space: nowrap;
}
/* 数值列（期望/方差）给个最小宽度，并让公式列吃掉多余空间，避免三列被挤成一团。 */
#descriptionTable tr td:nth-child(2),
#descriptionTable tr td:nth-child(3) {
  min-width: 4.5em;
  text-align: center;
}
#descriptionTable tr td:first-child { width: 100%; }

#parameters {
  display: block;
  align-items: center;
  text-align: left;
  margin: 0 auto;

}
label {
  padding-right: 10px;
  font-weight: normal; 
}
.slider.slider-horizontal {
  width: 140px;
  margin-right: 10px;
}

#graph{
	height: 500px;
}

.axis path,
.axis line {
	fill: none;
	stroke: black;
	stroke-width: 1;
	shape-rendering: crispEdges;
}

.axis text {
	font-family: "Helvetica Neue";
	font-size: 11px;
	fill: black;
}

.distribution{
	display: none;
}

#shift{
	cursor: move;
}

#pdf {
	fill: none;
	stroke:	#185FA5;
  stroke-width: 5;
}
#cdf {
	fill: none;
	stroke:	#FF8B22;
  stroke-width: 5;
}

#pdfArea {
	fill: #185FA5;
	opacity: 0.5;
}

.ticks {
  display: none;
}
.handle {
  fill: #FF8B22;
}


/*Central Limit Theorem*/

circle {
  fill: #F5D800;
}

.bar rect {
  fill: #FF8B22;
  fill-opacity: 0.5;
}

.bar text {
  fill: black;
}


.normal {
	fill: #FF8B22;
}

#dt {
  width: 150px;
}

#rvNewMap{
  height: 100%;
}


@media screen and (max-width: 680px) {


  .slider-align{
    text-align: left;
  }
  label.form-check{
  /*  font-size: 12px;*/

  }



}

@media screen and (min-width: 680px) {


  .slider-align{
    text-align: center;
  }
}