.pln{
	color: #333;
}

.str{
	color:#080;
}
.kwd{
	color:#008;
}
.com{
	color:#800;
}
.typ{
	color:#606;
}
.lit{
	color:#066;
}
.pun,.opn,.clo{
	color:#660;
}
.tag{
	color: #2F6F9F;
}
.atn{
	color: #4F9FD0;
}
.atv{
	color: #D54950;
}
.dec,.var{
	color:#606;
}
.fun{
	color:red;
}
pre.prettyprint{
	padding: 15px;
	border:1px solid #888;
	background: #F7F7F9;
	font-size: 15px;
	border: 1px solid #E1E1E8;
	border-radius: 5px;
	height: max-content;
}

pre.btn-two {
    display: inline-block;
    min-width: 120px;
    padding: 10px 25px;
    margin-bottom: 1em;
    border: none;
    border-radius: 3px;
    font-size: 1em;
    line-height: 1.4em;
    text-align: center;
	cursor: pointer;
    text-decoration: none;
    background: red;
    color: #fff; }
	.btn-two:hover{
		background: orangered;
		color: white;transition: border-color 0.25s, background-color 0.25s, color 0.25s;
	}
pre.btn1 {
		position: absolute;font-size: 1.5rem;z-index: 9999;
	  display: inline-block;
	  min-width: 120px;
	  padding: 3px 3px;
	  margin-bottom: 1em;
	  box-sizing: border-box;
	  border: none;
	  border-radius: 3px;
	  font-size: 1em;
	  line-height: 1.4em;
	  text-align: center;
		cursor: pointer;
	  text-decoration: none;
	  background: red;
	  color: #fff; }
	  
pre.btn2 {
	  	position: absolute;font-size: 1.5rem;z-index: 9999;
	    display: inline-block;
	    border: none;
	    border-radius: 3px;
	    font-size: 1em;
	    line-height: 1.4em;
	    text-align: center;
	    text-decoration: none;
	    color: black; }
		
pre.btn1:hover{
			background: orangered;
			color: white;transition: border-color 0.25s, background-color 0.25s, color 0.25s;
		}

/* pre.mcpprettyprint{
	padding: 15px;
	background: none;
	font-size: 15px;
	border: none;
} */

pre.mcpprettyprint{
	padding: 15px;
	border:1px solid #888;
	background: #F7F7F9;
	font-size: 15px;
	border: 1px solid #E1E1E8;
	border-radius: 5px;
	height: 580px;
}

pre.pfpprettyprint{
	padding: 15px;
	border:1px solid #888;
	background: #F7F7F9;
	font-size: 15px;
	border: 1px solid #E1E1E8;
	border-radius: 5px;
	height: 580px;
}

.demo + pre.prettyprint{
	border-radius: 0 0 5px 5px;
}

ol.linenums{
	margin-top:0;
	margin-bottom:0;
}
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{
	list-style-type:none;
}
li.L1,li.L3,li.L5,li.L7,li.L9{
	background:#eee;
}

.fl{width: 68%;
	float: left;
	border: 2px solid #eeeea9;
	padding: 15px;
	height: 530px;
	overflow-y:scroll; 
	}
	
	.fr{width: 30%;
	float: left;
	border: 2px solid  #b0e9ff;
	padding: 15px;
	height: 530px;
	margin-left: 2%;
	margin-top: -19px;
	overflow-y:scroll; 
	}