body { 
	background: #f5f5f5;
}
.nav-admin{
  height: 85px;
  position: fixed;
  top: 0;
  width: 100%;
  background: #222222;
  padding: 15px;
  z-index: 99999;
  box-shadow: 0px 1px 5px #222222;
}
.nav-text{
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
}
.nav-text small {
  font-weight: 400;
  font-size: 14px;
  color: #a0a1a3;
}
.loader {
	height: 70px;
	width: 70px;
	position: absolute;
	top: 5px;
	right: 20px;
}
.responsesBar {
	width: 100%;
	height: 30px;
}
.responsesBar svg {
	border: 1px solid #6d6e70;
}
.table-custom hr {
	margin: 3px 0; 
	border-color:#6d6e70;
}
.question-section {
	margin-bottom: 60px;
}
.question-block {
	margin-bottom: 35px;
}
.text-tagalog {
  color: #848484;
}
.prc-logo {
	margin: 12px 24px 12px 12px;
	height: 65px;
	width: 65px;
}
.square-color {
	border: 1px solid #6d6e70;
	background: #bdbdbd;
	color: #222222;
	line-height: 1em;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}
/*.table-custom {
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
}*/
.agree_strongly {
	fill: #006837;
	background: #006837;
}
.agree {
	fill: #66bd63;
	background: #66bd63;
}
.neither {
	fill: #ffffbf;
	background: #ffffbf;
}
.disagree {
	fill: #f46d43;
	background: #f46d43;
}
.disagree_strongly {
	fill: #a50026;
	background: #a50026;
}
.unsure {
	fill: #979797;
	background: #979797;
}
.na {
	fill: #d7d7d7;
	background: #d7d7d7;
}
#tooltip {                      
    position:absolute;
    z-index:999;
    font-size:14px;
    font-weight: bold;
    color: #1a1a1a;       
    background-color: rgba(245,245,245,1);
    border-radius: 3px;
    padding: 3px;
    border: 1px solid #6d6e70;       
}    
#tooltip:empty {
    display:none;
}