.container{padding-top:20px;}
.jumbotron .row{padding-bottom:20px;font-size:14px;}
.jumbotron p{font-size:15px;}
.jumbotron .boxline {
	color : black;
	padding : 15px 15px;
	border-width:1px  1px 1px 1px;
	border-color:#f47941;
	border-style: solid;
	font-size:14px; font-weight:plan;
	border-radius:5px;
}

.roundborder{
	border-style: solid;
	border-width: 1px;
	border-radius:5px;
	padding:15px;
	border-color: #df534f;
}
.round{
	border-style: solid;
	border-width: 1px;
	border-radius:10px;
	padding:15px;
}
 /*
//#4bdb6a
*/
.reactionrow{
	cursor:pointer;
}
.reactioncanvas{
	color:#fff;
	background:#009ee2;	
	width:100%;
	height:320px;
	text-align:center;
	display:table;
	margin:0px;padding:0px;
}
.infotext{
	display:table-cell;
	font-size:25px;
	font-weight:bold;
	vertical-align:middle;
}
.bcanvas{background:#009ee2}
.rcanvas{background:#ce2636}
.gcanvas{background:#4bdb6a}
.time{font-weight:bold;font-size:35px;}
.recordnumber{color:red;font-weight:bold;font-size:20px;}
.spacer25{height:25px;}
/* slider css */
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}
/*modal css*/
.modal-open .modal .modal-dialog {
	max-height: 100%;
}
.modal-open {
  overflow:scroll;
  overflow-y:scroll;
  padding-right:0 !important;
}
.warn{color:red; font-weight:bold;}
.fahidden{display:none;}
/*반응속도 data reset timer */
#displaycanvas{padding:5px; background:#fadc34;  border-radius: 10px;}
.word{padding:2%; background:white; border-radius: 5px; font-size:14px; font-weight:bold; cursor:pointer;text-align:center}
.word:hover { background-color: #fadc34 ; border: solid 0.em; border-color:red;}
.word_select{ background-color: #fadc34 ; border: solid 0.1em; border-color:red;}

.hz{padding:2%; background:white; border-radius: 5px; font-size:14px; font-weight:bold; cursor:pointer;text-align:center}
.hz:hover { background-color: #fadc34 ; border: solid 0.em; border-color:red;}
.hz_select{ background-color: #fadc34 ; border: solid 0.1em; border-color:red;}
/*level5에서만 보여요*/
#hzpanel{display:none;}