.CodeMirror {
    border: 1px solid #888;
    font-size:15px !important;
}

.codeblock{
 display: inline-block;
 margin-left:20px;
 padding-left: 10px;
 padding-right: 20px;
 border:4px solid #04D9FF;
 background-color: #01244F;
 color:white;
 font-size:15px;
 -moz-box-shadow:6px 3px 8px #04D9FF;
 -webkit-box-shadow:6px 3px 8px #d4d4d4;
 box-shadow:4px 2px 6px #d4d4d4
}

body{
    margin:0px;
     -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

#idBody{
    visibility :visible;


 textarea{
	font-size:15px;
	line-height:28px;
	height:50%;
	width:50%;
	padding:10px
 }
 code {
    counter-increment: line;
    }
 code::before {
    content: counter(line);
    display: inline-block;
    width: 1em; /* Fixed width */
    border-right: 1px solid #ddd;
    padding: 0 em;
    margin-right: 0em;
    color: #888;
    -webkit-user-select: none;
    }
	pre {
	 color: white;
    counter-reset: line;
    }

	.CodeMirror {
    border: 1px solid #888;
    font-size:15px !important;
	}

	body{
    margin:0px;
     -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
	}

	#idBody{
    visibility :visible;
	}

}