@charset "utf-8";


@media only screen and (max-width: 520px) {
	* {
		float: none;
		box-sizing: border-box;
	}
	body, p, li, ul {

	}
	body {
		font-family: Arial,Helvetica,sans-serif;
   		font-size: 8pt;	
	}
	.mobile-hide {
		display: none !important;	
	}
	#login-panel {
		background-color: #fff;
		border: 1px solid #ccc;
		box-shadow: 0 0 5px #888;
		margin: 10% auto 0 auto;
		padding: 10px;
		width: 90%;
		max-width: 400px;
		min-width: 200px;
	}
	#login-panel #logo {
		width: 100%;
		max-width: 300px;
	}
	#login-panel li {
		padding: 0 0 15px 0;	
	}
	#login-panel label, #login-panel input {
		width: 100%;
		text-align:center;	
	}
	#login-panel label {
		padding: 5px;	
	}
	#login-panel input {
		padding: 10px;
	}
	#login-panel #login {
		padding: 20px 10px;
	}
	.quick-find-box {
		display: none;
	}
	#mobile-title {
		position: absolute;
		left: 70px;
		z-index: 1000;	
		line-height: 50px;
		height: 50px;
		overflow: hidden;
	}
	h1 {
		font-weight: normal;
		margin: 0;
		font-size: 18px;	
	}
	#mobile-title, #mobile-title a {
		color: #FFF;	
	}
	#top {
		position: relative;
		display: block;	
	}
	#top-title {
		display: none;
	}
	#top-upper {
		position: relative;
		top: 0;
		left: 0;	
		width: 100%;
		padding: 2px;
		height: 30px;
	}
	#top-menu {
		position: relative;
		height: 50px;
	}
	#top-upper #logo {
		height: 100%;	
		max-height: 30px;
	}
	#top-upper #logo, #top-upper #top-upper-items {
		display: inline-block;
		height: 100%;	
	}
	#top-upper #top-upper-items {
		float: right;
		text-align: right;	
		margin: 0;
		line-height: 30px;
		font-size: 12px;
	}
	#mobile-toolbar {
		text-align: right;
	}
	#mobile-toolbar span {
		width: 25px;
		height: 20px;
		float: right;
		background-repeat: no-repeat;
		background-size: 18px auto;
		background-position: center right;	
	}
	#mobile-toolbar li {
		background: #5ba0ea;
	}
	.inner.main {
		clear: both;
		position: relative;
		margin-top: 10px;
	}
	.inner.main .left, .inner.main .right {
		float: none;
		width: 100% !important;
	}
	#statistics {
		margin-right: 0;	
		float: none;
	}
	#statistics td:nth-child(3) {
		min-width: 30px !important;
	}
	#statistics .reports {
		text-align: left;
	}
	#statistics .reports li span {
		font-size: 11px;
		font-weight: bold;
		text-decoration: underline;
	}
	#statistics .reports-block {
		text-align: left;
	}
	#statistics .reports-block h4, #statistics .reports-block a {
		display: inline-block;
		margin: 0 0 3px 0;
		font-size: 11px;
		padding: 2px;
		border: 0 none;
	}
	fieldset, fieldset.full-table {
		padding: 15px 2px 2px 2px;
		margin-left: 0;
		margin-right: 0;
	}
	input.filter, input.tablesorter-filter {
		width: 100%;	
	}
	.vert-labels, .horz-labels {
		padding: 3px;	
	}
	.inner.main form .vert-labels li, .inner.main form .vert-labels input, .inner.main form .horz-labels li, .inner.main form .horz-labels input  {
		width: 100% !important;
	}
	ul.horz-labels label {
		display: block;
	}
	ul.horz-labels label.label-inline {
		display: inline;
		font-weight: normal;
		padding-right: 10px;
	}
	.vert-labels li, .horz-labels li {
		padding: 0 0 10px 0 !important;	
	}
	
	.vert-labels input[type="checkbox"], .horz-labels input[type="checkbox"] {
		width: 30px !important;	
	}
	.users th, .users td {
		width: 50px;	
	}
	.inner .defaultSkin table td {
		vertical-align: top;	
	}
	.inner .mceToolbar {
		display: none;
	}
    table.location-submissions td a img {
        max-width: 150px;
        height: auto;
    }
}