#program-output.cmd {
  margin: 15px 0 15px 0;
}

#program-output.cmd > .title-bar {
  background-image:
  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAhCAMAAACY2smqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFQUZERDE3MTIxMThFNjExODE3MDkzREEyNUQ4QUUyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRjVCMUIxRjE4MjMxMUU2OTUzMTg2MTJFRTJGMkYwQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRjVCMUIxRTE4MjMxMUU2OTUzMTg2MTJFRTJGMkYwQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBRkREMTcxMjExOEU2MTE4MTcwOTNEQTI1RDhBRTI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBRkREMTcxMjExOEU2MTE4MTcwOTNEQTI1RDhBRTI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BIdalgAAABVQTFRFAAAAj5KX////yszN09ngaHmR////1Nw0LAAAAAd0Uk5T////////ABpLA0YAAABQSURBVHja7NM7CgAgDETBdf3c/8gSwSIWYQXBQp/tEEQMmhw+3adpKaJlVu2ENLtCCtc5ShqiQGmMKh1TKU8F5buaJy48lv4H/sK8S7sAAwBwyBxeSLM9KgAAAABJRU5ErkJggg==') ,
  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAAgCAMAAAAxKTZlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTRBMUZGNzgxODI3MTFFNjlENUJEOUI4N0M1MzZCNUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTRBMUZGNzkxODI3MTFFNjlENUJEOUI4N0M1MzZCNUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NEExRkY3NjE4MjcxMUU2OUQ1QkQ5Qjg3QzUzNkI1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NEExRkY3NzE4MjcxMUU2OUQ1QkQ5Qjg3QzUzNkI1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuXqnNcAAAAbUExURcdQUNBra1lZWSgoKP///8dRUchTU8hSUv///9+sGMAAAAAJdFJOU///////////AFNPeBIAAABsSURBVHja7NbdCsAgCAZQ1//7P/F21aBszKaywu9CuomDpBAU+QD5xkHJpAGUmLGg4WvkDFfzYIRw1xmjO8AAwQhO4wJQgtXAu1Dvo50drveI74xPcxUVdnAXI29ipB8bGn8GM8wwYzXjFGAAGeBGboFOu9gAAAAASUVORK5CYII=');
  background-color: #6badf6;
  padding: 5px 0;
  background-position: top left, top right;
  background-repeat: no-repeat;
  text-align:center;
  font-family: sans-serif;
  font-weight:200;
  font-size:16px;
  color: #111111;
}
#program-output.cmd > .body {
  font-family: Consolas;
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 10px solid #6badf6;
  border-right: 10px solid #6badf6;
  border-bottom: 10px solid #6badf6;
  background: #000;
  color: #fff;
  max-height: 480px;
  overflow-y: scroll;
}

#program-output.browser {
  font-family: Times New Roman;
  background: #ccc;
  margin: 15px 0 15px 0;
}

#program-output.browser > .title-bar {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAAgCAMAAAAxKTZlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTRBMUZGNzgxODI3MTFFNjlENUJEOUI4N0M1MzZCNUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTRBMUZGNzkxODI3MTFFNjlENUJEOUI4N0M1MzZCNUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NEExRkY3NjE4MjcxMUU2OUQ1QkQ5Qjg3QzUzNkI1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NEExRkY3NzE4MjcxMUU2OUQ1QkQ5Qjg3QzUzNkI1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuXqnNcAAAAbUExURcdQUNBra1lZWSgoKP///8dRUchTU8hSUv///9+sGMAAAAAJdFJOU///////////AFNPeBIAAABsSURBVHja7NbdCsAgCAZQ1//7P/F21aBszKaywu9CuomDpBAU+QD5xkHJpAGUmLGg4WvkDFfzYIRw1xmjO8AAwQhO4wJQgtXAu1Dvo50drveI74xPcxUVdnAXI29ipB8bGn8GM8wwYzXjFGAAGeBGboFOu9gAAAAASUVORK5CYII=') no-repeat top right;
  background-color: #6badf6;
  padding: 5px 0 0 0;
}
#program-output.browser > .title-bar > .title {
  margin: 0 5px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px 0 20px;
  color: #000;
  width:33%;
  border-radius: 25px 25px 0 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR5JREFUeNrslrFqhEAQhlWEoJ2VNgG599DGMqWddl7YuyqVvoRlqsuGs9JOyyuvEN/jFNLYaaUEBDOTNukOshJmYGB2flg+5p+Fldd1lbYcirTxIEACJEACJMCNh3rvBYyxm+u6N9u2n6Zp+pRlWdJ1/aHruktd1zvO+U7oBB3H+aiqyuv7/lXTNAkT67IsPdSEWwyT88IwPBdFwcZx5MMw8DzPWRAEZ9SEWwy2LqZpPkdRtKRpesBeHMdvhmEcQRP/SHDnflyqKN/937Q/nyA8CBV27gQW75MkecdelmUHsF21LOsIx0XoBNu2vSIcAHGwlWFijT3UhFvcNM2j7/tXmNbLPM8SJtbYQ+3uFaIvPwESIAESIAH+b8AvAQYA4NFvHlsSU3oAAAAASUVORK5CYII=') no-repeat top right;
  background-color: #F4F4F4;
  overflow: hidden;
  overflow-wrap: break-word;
}

#program-output.browser > .body {
  padding: 8px;
  font-size: 12pt;
  border-left: 5px solid #6badf6;
  border-right: 5px solid #6badf6;
  border-bottom: 5px solid #6badf6;
  background: #fff;
  color: #000;
  max-height: 480px;
  overflow-y: auto;
}
/* normalize h tag*/
#program-output.browser > .body h1, h2, h3, h4, h5, h6 {
  /* color: #000; */
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #program-output.cmd > .title-bar > .title {
	padding: 0 4em 0 0;
	margin:0 0 0 0 !important;
  }
}

@media only screen and (min-width: 320px){
  #program-output.cmd > .title-bar > .title {
    padding: 0 4em 0 0;
	margin:0 0 0 0 !important;
  }
}

/*
 * This style sheets setting is get from highlight.js css
 */
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: white;
  color: black;
  font-weight: 700;
  font-size: 15px;
}

.hljs-comment,
.hljs-quote {
  color: #800;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-title,
.hljs-name {
  color: #008;
}

.hljs-variable,
.hljs-template-variable {
  color: #660;
}

.hljs-string,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-regexp {
  color: #080;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-meta,
.hljs-number,
.hljs-link {
  color: #066;
}

.hljs-title,
.hljs-doctag,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params {
  color: #606;
}

.hljs-attribute,
.hljs-subst {
  color: #000;
}

.hljs-formula {
  background-color: #eee;
  font-style: italic;
}

.hljs-selector-id,
.hljs-selector-class {
  color: #9B703F
}

.hljs-addition {
  background-color: #baeeba;
}

.hljs-deletion {
  background-color: #ffc8bd;
}

.hljs-doctag,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

/*
 * Bootstrap content 
 */
.row {
	margin-right: -15px;
	margin-left: -15px;
}

.row:before,
.row:after {
	display: table;
	content: " ";
}

.row:after {
	clear: both;
}

.col-md-6 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-md-6 {
	float: left;
}
.col-md-6 {
	width: 47%;
}
@media (max-width: 767px) {
	.col-md-6 {
		width: 95%;
	}
}
.op { height: 125px;}
.section {
	padding: 10px;
	margin: 30px 0 0px;
	background: #FAFAFA;
	border: 1px solid #DDDDDD;
	display: block;
}
.col-md-6 input[type="text"] {
	width: 100%;
	margin: 10px 0px 0px;
	padding: 10px;
	font-weight: 700;
}
p.que {
	font-size: 15px;
	font-weight: 700;
	margin: 10px 0;
}
p.ans {
	font-size: 15px;
	margin: 0 0 0 5px;
}