#jobbmenu .card-header, #temakorok .card-header {
  display: block;
  text-decoration: none;
  cursor:pointer;
}
#jobbmenu .card-header:hover {
  background-color: #D8F0F0;
}
#jobbmenu a {
	color:#779999;
}
#jobbmenu a:hover {
	color:#000000;
}
#jobbtorzs2 .card-body{
	padding: 8px;
	font-size: 12px;
}
#jobbtorzs3 .card-body, #jobbtorzs4 .card-body, #jobbtorzs5 .card-body {
	padding: 8px;
	font-size: 14px;
}
#temakorok .card-header:hover {
  background-color: #E0E7F0;
}
.material-icons.zold { color: #28a745; }
.material-icons.md-32 { font-size: 32px; }

#question {
	background-color: #336b9f;padding:10px;margin:0px 5px 5px 5px;border:#444444 thin solid;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;min-height:10px;color: #f2f2f2;
}
.answer {
	background-color: #dff0d8;
	color: #666666;
	text-align:center;
	padding:8px;
	margin:5px;
	border: #cdcdcd thin solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
.answer:hover {color:#000000;cursor:pointer;border: #000000 thin solid;}
.answeron {
	background-color: #bfd0b8;
	background-image: url("../grafika/checkbox_pipalva.png");
	background-repeat: no-repeat;
	color:#000000;
	text-align:center;
	padding:8px;
	margin:5px;
	border: #000000 thin solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
label.valaszpipa input[type="checkbox"] {display:none;}
.kontroll {
	position:relative;float:left;height:26px; width:30px;margin:5px 0px 0px 5px;background-color:#555555;border:#AAAAAA thin solid;text-align:center;padding:0px;
}
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -100%; /* 12 columns */
  }

  .row-offcanvas-right.active
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%; /* 12 columns */
  }

  .row-offcanvas-left.active
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}
