@media screen {
	* {
		box-sizing: border-box;
	}

	.content {
		margin: 0px auto;
		margin-top: 70px;
		background-color: #FFF;
		padding: 30px;
		border-bottom: 2px solid #dbdbdb;
	}

	footer {
		margin: 0px auto;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 10px;
		text-align: right;
		padding-right: 10px;
	}

	@media (max-width: 300px) {
		.nav_content {
			width: 95%;
			margin: 0px auto;
		}

		.content {
			width: 95%;
		}

		footer {
			width: 95%;
		}
	}
	@media (min-width: 301px) and (max-width: 600px) {
		.nav_content {
			width: 95%;
			margin: 0px auto;
		}

		.content {
			width: 95%;
		}

		footer {
			width: 95%;
		}
	}
	@media (min-width: 601px) and (max-width: 768px) {
		.nav_content {
			width: 95%;
			margin: 0px auto;
		}

		.content {
			width: 95%;
		}

		footer {
			width: 95%;
		}
	}
	@media (min-width: 769px) {
		.nav_content {
			width: 60%;
			margin: 0px auto;
		}

		.content {
			width: 60%;
		}

		footer {
			width: 60%;
		}
	}

	body {
		margin: 50px 0 0 0;
		padding: 0;
		width: 100%;
		background-color: #F0F0F0;
	}

	h1 {
		margin: 0px 0px 30px 0px;
		font-size: 3.0rem;
	}

	nav {
		position: fixed;
		top: 0px;
		width: 100%;
		height: 50px;
		background-color: #000;
		z-index: 9999;
	}

	header a {
		color: white;
		text-decoration: none;
		display: block;
	}

	header a:hover {
		color: white;
		text-decoration: underline;
		display: block;
	}

	.pace {
		-webkit-pointer-events: none;
		pointer-events: none;

		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}

	.pace-inactive {
		display: none;
	}

	.pace .pace-progress {
		background: #29d;
		position: fixed;
		z-index: 2000;
		top: 0;
		right: 100%;
		width: 100%;
		height: 2px;
	}

	/* .nav_content {
		width: 60%;
		margin: 0px auto;
	} */

	.nav_content header {
		float: left;
		position: relative;
		top: 12px;
		left: 30px;
		font-size: 18px;
		color: #FFF;
		letter-spacing: 1.5px;
	}

	.nav_content .icon {
		float: right;
		height: 50px;
		color: #FFF;
		padding: 13px;
		display: inline-block;
		position: relative;
	}

	.icon_badge {
		background-color: #FA3E3E;
		border-radius: 2px;
		color: white;
		padding: 1px 3px;
		font-size: 10px;
		position: absolute;
		bottom: 7px;
		right: 13px;
	}

	.dropbtn {
		cursor: pointer;
	}

	/* The container <div> - needed to position the dropdown content */
	.dropdown {
		position: relative;
		display: inline-block;
		width: 50px;
	}

	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 260px;
		right: 0;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		top: 50px;
	}

	/* Links inside the dropdown */
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #f1f1f1}

	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content {
		display: block;
	}

	/* Change the background color of the dropdown button when the dropdown content is shown */
	.dropdown:hover .dropbtn {
		/* background-color: #3e8e41; */
	}

	.warning {
		background-color: #FFCC00;
	}

	/* .content, footer {
		width: 60%;
		margin: 0px auto;
		margin-top: 70px;
		background-color: #FFF;
		padding: 30px;
		border-bottom: 2px solid #dbdbdb
	} */

	/* footer {
		font-size: 10px;
		text-align: right;
		margin-top: 30px;
		margin-bottom: 30px;
	} */

	.wide {
		width: 500px;
	}

	.right {
		float: right;
	}

	.pu7 {
		padding-top: 7px;
	}

	.modal {
		max-width: 700px;
		width: 700px;
	}

	.products tr:nth-child(even), .zebra tr:nth-child(even){
		background-color: #F5F5F5;
	}

	table.tablesorter thead tr .header {
		/* background-image: url(bg.gif); */
		background-repeat: no-repeat;
		background-position: center right;
		cursor: pointer;
	}

	table.tablesorter thead tr .headerSortUp {
		background-image: url(/resources/tablesorter/themes/blue/asc.gif);
	}

	table.tablesorter thead tr .headerSortDown {
		background-image: url(/resources/tablesorter/themes/blue/desc.gif);
	}

	.order_search {
		border-radius: 0px !important;
		height: 50px !important;
		color: #000;
		margin: -6.5px 0px 0px 0px;

	}

	th:first-child, td:first-child {
		padding-left: 12px;
	}

	th:last-child, td:last-child {
		padding-right: 12px;
	}

	td input, td textarea, td select, td button {
		margin-bottom: 0px;
	}

	.hide {
		display: none;
	}

	.doc_spinner {
		display:    none;
		position:   fixed;
		z-index:    1000;
		top:        0;
		left:       0;
		height:     100%;
		width:      100%;
		background: rgba( 255, 255, 255, .65 )
					url('data:image/gif;base64,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')
					50% 50%
					no-repeat;
	}

	div.loading {
		/* overflow: hidden; */
	}

	div.loading .doc_spinner {
		display: block;
	}

	.child_indent {
		margin-left: 55px;
	}

	.trbg {
		background-color: #FAFAFA;
	}

	/* tbody tr:nth-of-type(odd) {
	   background-color: #FAFAFA;
	} */

	.alert {
		padding: .75rem 1.25rem;
		margin-bottom: 1rem;
		border: 1px solid transparent;
			border-top-color: transparent;
			border-right-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
		border-radius: .25rem;
	}

	.alert-success {
		background-color: #dff0d8;
		border-color: #d0e9c6;
		color: #3c763d;
	}

	.alert-info {
		background-color: #d9edf7;
		border-color: #bcdff1;
		color: #31708f;
	}

	.alert-warning {
		background-color: #fcf8e3;
		border-color: #faf2cc;
		color: #8a6d3b;
	}

	.alert-danger {
		background-color: #f2dede;
		border-color: #ebcccc;
		color: #a94442;
	}

	div.timecard {
		background-color: #FAFAFA;
	}

	.timecard {
		padding: 10px;
		margin-bottom: 15px;
		min-height: 60px;
		border-bottom: 2px solid #dbdbdb;
	}

	div.timecard > div.timecard_description {
		margin-top: 5px;
	}

	div.infobox {
		background-color: #FAFAFA;
		padding: 10px;
		border-bottom: 2px solid #dbdbdb;
	}

	.select2-container {
		margin-bottom: 15px !important;
		z-index: 1 !important;
	}

	.select2-container--default .select2-selection--single {
		padding:6px;
		height: 38px !important;
		position: relative;
	}

	li.select2-results__option {
		margin-bottom: 0px !important;
	}

	input.select2-search__field {
		margin-bottom: 0px !important;
	}

	.hour-button {
		margin-right: 10px;
	}

	ul.ui-timepicker-viewport {
		list-style: none;
	}

	li.ui-menu-item {
		height: 30px;
	}

	input:disabled, select:disabled, textarea:disabled {
		background: #CCC;
		cursor:not-allowed;
	}

	div.invoiced {
		background-color: lemonchiffon;
	}
}