.instruction * {
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 0;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;	
}
.instruction {
	max-width:1280px;
	height:100%;
	margin:0 auto;
	
}

.instruction input {
  pointer-events: none;
}

.instruction .topline {
	padding: 10px;
	width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    border-bottom: 1px solid #e5e5e5;
    color: #1fb949;

}
.instruction .leftpanel {
	height: 100%;
	padding: 10px 10px 65px 10px;
	min-width:300px;
	width: 30%;
	float:left;
	background-color: #fafad2;
	border-right: 1px solid #e5e5e5;
	overflow: auto;
}
.instruction .centerpanel {
	padding: 10px 10px 65px 10px;
	width: 100%;
	display:block;
	overflow: auto;
}
.instruction .input {

}
.instruction .rightpanel{
	padding: 10px 10px 65px 10px;
	margin-left: 31%;
	
	display:block;
/*	
width: 68%;
	float: right; */
	overflow: auto;
}

.instruction .pdg{
	padding-left: 20px;
}


.instruction a {
  color: blue;
}
.instruction p {
  margin: 1em 0;
  line-height: 1.3em;
}
.instruction b, .instruction strong {font-weight: bold;}

.instruction .description {
  margin: 1em auto 2.25em;
}

.instruction hr{
	display: block;
    unicode-bidi: isolate;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}
.instruction ol {
	list-style-type: decimal;
}
.instruction ul {
  list-style: none;
  padding: 0;
}

.instruction ul ul {
    padding-left: 30px;
    list-style: disc;
} 
.instruction ul .inner {
  overflow: hidden;
  display: none;
}
.instruction ul .inner.show {
  /*display: block;*/
}
.instruction ul li {
  margin: .5em 0;
}
.instruction ul li a.toggle {

}
.instruction ul li a.toggle:hover {

}

.instruction ol li{
	margin-left: 30px;
}

.instruction label{
    display: inline-block;
    padding-bottom: 5px;
}
.instruction #corner_container {
	margin:0 auto;
	overflow: auto;
	color: #000;
	font-family: Arial;
	font-size: 1em;
}

.instruction #corner_container div {
  border-radius:5px;
	display: block;
	background-color: #fdefcc;
	position: absolute;
	border: 0;
	background-color: #fff;
	margin: 0 auto;	
}
.instruction #corner_container p {
	background-color: #fff;
	padding: 4px;
}

.instruction #content_container {
	overflow: hidden;
	position: relative;
	padding: 2px;
	margin: 0 auto;
	background-color: #fff;
}

/*.arrows {
	 text-align:center;
	 border:0;
	 padding-top:7px;
	 margin:0;
	 background-color:#cfd7e4;
	 position:relative;
	 height:60px;"
}*/
.instruction .arrows {
	 border:0;
	 padding-top:7px;
	 margin:0;
	 background-color:#cfd7e4;
	 position:fixed;
	 left:0;
	 bottom:0;
	 height:60px;
	 width: 100%;
}

.instruction #item_count{
	font-weight:bold;
	font-size:1em;
	color:#000;}

.instruction button {
	font-size: 1em;
	font-weight:bold;
	margin-top: 5px;
	margin-left:10px;
	padding: 10px 15px;
	border: 0px solid #0c7396;
	border-radius: 4px;
	background-color:#44709e;
	color: #79ba43;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.instruction button:hover, button:focus {
	background-color:#44709e;
	cursor:pointer;
	color:#fff;
}
.instruction button:active {
	position: relative;
	top: 1px;
}


.instruction .DimensionTitle
{
    font-size: 1.4em;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.instruction .CultivatingBox
{
    background-color: #8fee88;
    vertical-align: bottom;
}
.instruction .VisioningBox
{
    background-color: #b7d6e8;
    vertical-align: bottom;
}
.instruction .IncludingBox
{
    background-color: #ffff99;/*#fafdde;*/
    vertical-align: top;
}
.instruction .DirectingBox
{   
    background-color: #fabe3e; /*#e7a358;*/
    vertical-align: top;
}
.instruction .AnswerBox
{
    font-size: 0.8em;
    text-align: center;
    padding: 10px;
    border: solid 1px black;
    width: 220px;

}
.instruction .AnswerTitle
{
    font-size: 13px;
    text-decoration: none;
    height: 32px;
}
.instruction .AnswerText
{
    color: Blue;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle; 
    display: table-cell;
}

.instruction ::-webkit-input-placeholder {color:#666; font-size:12px;}
.instruction ::-moz-placeholder          {color:#666;}/* Firefox 19+ */
.instruction :-moz-placeholder           {color:#666;}/* Firefox 18- */
.instruction :-ms-input-placeholder      {color:#666;}
.instruction textarea {padding:15px;}

@media screen and (max-width:700px) {
	.instruction .leftpanel {width:100%;}
	.instruction .rightpanel {width:100%; margin-left:0px;}
	
}
@media screen and (max-width:650px) {
	#prava{display:none;}
}