body{ font-family:sans-serif; font-size:1rem; padding:0px; margin:0px;}
div.header{background-color:#1B6FBA;color:#fff;padding:15px 10px 15px 10px;}
.content { max-width:900px; margin:auto}
.content .general-info .g-content{width:100%; margin-bottom:20px}
.content .general-info .g-content:after{content: ''; display: block; clear: both;}
.content .general-info .g-content div{float:left; }
.content .general-info .g-content .lib{width:30%;}
.content .general-info .g-content .elt-val{width:65%; margin-left:20px;}
.content .table-info{ width:100% }
.content .table-info table{ min-width:700px;}
.table-info table { border-collapse: collapse; width: 100%;}
.table-info thead tr{ background:#cfaa54;}
.table-info th, td {text-align: left; padding: 8px;}
.table-info tr:nth-child(even) {background-color: #f2f2f2;}
.form-control {display: block;width: 70%; padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-right:2%;float:left; }

.btn {display: inline-block;font-weight:  400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; width:24%; }
@media(max-width:400px)
{
	.content .general-info .g-content .lib{width:100%; }
	.content .general-info .g-content .elt-val{width:100%; margin-left:0px;}
	.content .table-info{ overflow-x:scroll}
	.form-control{width:100%; margin-bottom:10px;}
	.btn{ width:100%; }
}

@media(max-width:700px)
{
	.content .table-info{ overflow-x:scroll }
	.form-control{ width: 100%; margin-bottom: 10px; }
	.btn{ width: 100%; }
}
.clear{clear:both;}