#content{margin:10px;}
@media only screen and (max-device-width: 480px) {
	.menu_section_style1{margin-top: 5px; margin-bottom: 5px; padding: 20px; background-color: #CFCFCF; border-radius: 8px; width: 85%; height: auto; display: block; margin-left: auto; margin-right: auto;}
	#settings_enter_report_notice{margin: 15px 0px 10px 0px; width: 85% !important; display:block; margin-right: auto; margin-left: auto;}
}

@media only screen and (min-device-width: 481px) {
	.menu_section_style1{margin-top: 15px; margin-bottom: 5px; padding: 20px; background-color: #CFCFCF; border-radius: 8px; width: 60%; height: auto; display: block; margin-left: auto; margin-right: auto;}
	#settings_enter_report_notice{margin: 10px 0px 10px 0px; width: 60% !important; display:block; margin-right: auto; margin-left: auto;}
}

#addreportField, .txt{width:90%; padding: 5px; border-radius: 2px; border: 1px blue solid; margin-top: 10px; display: block; margin-right: auto; margin-left: auto;}
#btn_addreport,#btn_clearreport{display: block; margin-left: auto; margin-right: auto; margin-top: 10px;}
#addReportTypeSelector{margin: 10px; width: 90%; display: block; margin-right: auto; margin-left: auto;}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 90%; float: center; margin-top: 12px;}
  #sortable li {position: relative; margin: 0 3px 3px 3px; padding: 0.6em; padding-left: 1.5em; font-size: 1.4em; height: 18px; margin-top: 3px; width: 100%; background: url("../img/icon_draggable.png") no-repeat right center; background-size: 30px 30px; background-position: 98% 50%; background-color: #ffffff; margin-left: 3%; margin-top: 4px;}
  #sortable li span { position: absolute; margin-left: -1.3em; }

  .child {
  width: 200px;
  background: #FFF;
  padding: 5px 10px;
  margin-bottom: 10px;
  border: 1px solid #CCC;
}

#sortable li:active{border:red 2px solid; position: fixed;}