.detailsParagraph p {
	padding:0;
	margin:0;
}

.sub_block_div_font {
	font-size: 12px;
	padding:2px;
	padding-left:2px;
}

.sub-block_po-detail-mobile #sub-block_po-specification-list {
	background-color:#FFFFFF;
}

.sub-block_po-detail-mobile .sub-block_PO-spec-detail {
			margin: 20px;
			padding:20px;
			border-style: solid;
			border-width: 1px;
			border-color:#999999;
			background-color:rgba(204,204,204,0.25);
}

.content_po-detail_data_mobile #approvePo {
		padding: 3px 6px;
		font-size: 10px;
		border-radius: 5px;
	}

.content_po-detail_data_mobile .half {
	float: left;
	width: 50%;
	min-width: 200px;
}

.content_po-detail_data_mobile .full_width {
	float: none;
	clear: both;
}


@media only screen and (max-width: 468px) {
	#spec_th_UOM, #spec_th_UOM_nested, #spec_th_total-cost, #spec_th_total-cost_nested, #spec_th_quantity, #spec_th_quantity_nested, #spec_list_total-cost, #spec_list_total-cost_nested, #spec_list_quantity, #spec_list_quantity_nested {display: none;}
}

@media only screen and (max-width:640px) {
	#spec_th_unit-cost, #spec_th_unit-cost_nested {display: none;}
	#spec_list_unit-cost, #spec_list_unit-cost_nested {display: none;}
	#spec_th_UOM, #spec_th_UOM_nested {display: none;}
	#spec_list_UOM, #spec_list_UOM_nested, #po_th_issue-date, #po_list_issue-date, #po_th_due-date, #po_list_due-date, #po_th_total-cost, #po_list_total-cost {display: none;}
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1400px) {
	#spec_th_total-cost, #spec_th_quantity, #spec_list_total-cost, #spec_list_quantity {display: none;}

}

@media only screen and (min-width: 1025px) and (max-width: 1550px) {
#spec_th_unit-cost, #spec_list_unit-cost, #spec_th_UOM, #spec_list_UOM, #po_th_issue-date, #po_list_issue-date, #po_th_due-date, #po_list_due-date {display: none;}
}


.fa-sort-alpha-down, .fa-sort-numeric-down {
	display: none;
}

.alert_badge {
	display: inline-block;
	text-align: center;
 border-radius: 15px;
 background-color:#D12B2B;
 color:#FFFFFF;
 font-weight: bold;
 padding: 0px 7px;
 margin: 0px 10px;
 min-width: 7px;
 font-size: 12px;
}

.caution_badge {
	display: inline-block;
	text-align: center;
 	border-radius: 15px;
 	background-color:#FAD136;
 	color:#FFFFFF;
 	font-weight: bold;
 	padding: 0px 7px;
 	margin: 0px 10px;
 	min-width: 7px;
 	font-size: 12px;
}

.fa-exclamation-triangle {
	color:#D12B2B;
}

#manage_users {
		max-height: 70vh!important;
		overflow: auto;
	font-size: 17px;
	line-height: 27px;
	width: 80%;
	margin-top: 40px;
	height: auto;
	min-width: 240px;
	max-width: 1100px;
	padding: 30px;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 1px;
	border-color:#999999;
	background-color:rgba(255,255,255,0.95);
	}


#mobile-menu {
	background-color:#336699;
	width: 200px;
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 9999999;
	padding: 20px;
	color:#FFFFFF;
	display: block;
}

#mobile-menu a {
	color:#FFFFFF!important;
}


#message {
	font-size: 17px;
	line-height: 27px;
	width: 40%;
	margin-top: 40px;
	height: auto;
	min-width: 240px;
	max-width: 500px;
	padding: 30px;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 1px;
	border-color:#999999;
	background-color:rgba(255,255,255,0.95);
	color:#9c0d28;
	}

.back_to_list {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: 600;
	padding: 0px 0px 0px 20px;
	margin: -5px 0px -10px 0px;
	}

/* LOGIN SCREEN */


#block_login-area .panel-heading {
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#999999;
	text-align: left;
	margin: 0px;
	padding: 10px;
	}

#block_login-area .form-group {
	padding: 10px;
	}

#block_login-area .form-group label {
	font-size: 12px;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	font-weight: bold;

	}

/* END LOGIN SCREEN */

	.open_project {
		float: right;
		}

	.dropdown-menu {
		list-style-type: none;
		}

body {
	width: 100vw;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	background-image: url('new_bkg_20pct_C.jpg');
	background-position: center center;
	background-size: cover!important;
	background-repeat: no-repeat;
	z-index: 0;
	}

button {
	border-style: solid;
	border-width: 0px;
	border-radius: 9px;
	background-color:#155eac;
	padding: 6px 10px;
	color:#FFFFFF;
	font-size: 12px;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	margin: 0px 20px;
	}

/* Sortable tables */

	table {
		width: 100%;
		}

	table.sortable th {
		background-color:#eee;
		color:#666666;
		font-weight: bold;
		cursor: hand;
		white-space: nowrap;
		}

/*	table.sortable p {
		font-family: Montserrat, sans-serif;
		font-size: 10px;
		line-height: 12px;
		}
*/
	.number {
		text-align: right;
		}

	.icon {
		text-align: center;
		}



/* TYPOGRAPHY */

div, span, p, textarea {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	line-height: 21px;
}

a {
	text-decoration: none;
	font-weight: bold;
	color:#155eac;
}

	.form-horizontal button {
		background-color:#336699!important;
		}

	.close-window {
		text-align: right;
		}

/* END TYPOGRAPHY */


	#block_overview-branding {
		display: block;
		position: relative;
		width: 100%;
		}

/* LAYOUT */

/* BEGIN MAX-WIDTH 1024PX; */

@media only screen and (max-width: 1024px) {
.welcome {
	margin: 0px 0px 0px 20px;
	font-size: 14px;
	font-weight: 600;
}

#mobile_spec_detail {
		display: block;
	}
	.mobile-hide {
		display: none;
	}

	.desktop-hide {
		display: block;
	}

	/* TOP OF SCREEN */

	#section_header {
		position:absolute;
		right:0;
		left:0;
		min-height: 70px;
		top:0;
		background-color:#FFFFFF;
		border-style: solid;
		border-width: 0px 0px 10px 0px;
		border-color: #999999;
		}

	#section_login-header {
		position:absolute;
		right:0;
		left:0;
		height: 70px;
		top:0;
		background-color:#FFFFFF;
		border-style: solid;
		border-width: 0px 0px 10px 0px;
		border-color: #999999;
		}

	#block_branding {
		display: block;
		position: relative;
		width: 100%;
		min-width: 300px;
		margin-left: -20px;
		padding-right: 20px;
		height: 70px;
		background-color:#FFFFFF;
		}

	#content_logo {
		padding: 10px 20px 0px 20px;
		text-align: left;
		}

	#block_navigation {
		display: none;
		}

	#content_nav-links {
		padding: 10px 20px;
		text-align: left;
		color:#FFFFFF;
		}

	#content_nav-links a {
		color:#FFFFFF;
		}

	#block_navigation-mobile {
		display: block;
		position: absolute;
		top: 70px;
		right: 0px;
		padding: 0px;
		margin: 0px;
		z-index: 99999;
		}

	#block_navigation-mobile p {
		display: block;
		background-color:#336699;
		border-style: solid;
		padding: 10px 30px;
		border-width: 0px 0px 1px 0px;
		border-color: #FFFFFF;
		margin-top: -15px;
		}

	#block_navigation_hamburger {
		display: block;
		position: absolute;
		top: 5px;
		right: 20px;
		}

	/* END TOP OF SCREEN */

	/* CONTENT AREA */

	#section_content {
		width: 95%;
		position:absolute;
		right:5;
		left:5;
		top:100px;
		bottom:40px;
		overflow: auto;
		}

	#block_login-area {
		width: 40%;
		margin-top: 40px;
		height: auto;
		min-width: 200px;
		padding: 30px;
		margin-left: auto;
		margin-right: auto;
		border-style: solid;
		border-width: 1px;
		border-color:#999999;
		background-color:rgba(255,255,255,0.95);
		}

	#forgot_link {
		display: block;
		padding-top: 20px;
		}

	#block_work-area-left {
		width: 100%;
		min-width: 240px;
		padding: 0px;
		margin:0px;
		}

	#sub-block_project-title {
		display: block;
		margin: 20px 20px 0px 20px;
		padding: 10px 20px;
		border-style: solid;
		border-width: 1px;
		border-color:#cccccc;
		background-color:rgba(153,153,153,0.75);
		}

	#content_project-name {
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		color:#FFFFFF;
		text-align: left;
		}

		.sub-block_project-list-title {
			min-width: 240px;
			display: block;
			margin: 20px 20px 0px 20px;
			padding:20px;
			border-style: solid;
			border-width: 1px;
			border-color:#999999;
			background-color:rgba(255,255,255,0.95);
			}

		.content_project-list-name {
			font-size: 21px;
			line-height: 24px;
			font-weight: bold;
			letter-spacing: 1px;
			color:#999999;
			text-align: left;
			margin: 0px;
			}

		.content_project-list-number {
			font-size: 14px;
			letter-spacing: 1px;
			color:#000000;
			text-align: left;
			margin: 0px 0px 10px 0px;
			}

	/* SPECIFICATION INFO */

	#sub-block_spec-alerts {
		display: block;
		margin: 20px 20px 0px 20px;
		padding: 0px 20px;
		border-style: solid;
		border-width: 1px;
		border-color:#CCCCCC;
		background-color:#f9f9f9;
		}

	#sub-block_spec-list {
		display: block;
		margin: -1px 20px 20px 20px;
		padding: 0px 10px;
		border-style: solid;
		border-width: 1px;
		border-color:#CCCCCC;
		background-color:rgba(255,255,255,0.95);
		max-height: 25vh!important;
		overflow: auto;
		}

		#sub-block_spec-list p {
			font-size: 12px;
		}

		#spec_list p {
			font-size: 10px;
			line-height: 14px;
		}

	/* END SPECIFICATION INFO */


	/* PURCHASE ORDER INFO */

	#sub-block_po-alerts {
		margin: 20px 20px 0px 20px;
		padding: 0px 20px;
		border-style: solid;
		border-width: 1px;
		border-color:#CCCCCC;
		background-color:#f9f9f9;
		}

		#sub-block_po-alerts p {
		font-size: 14px;
		font-weight: bold;
		}

	#sub-block_po-list {
		display: block;
		margin: -1px 20px 20px 20px;
		padding:10px;
		border-style: solid;
		border-width: 1px;
		border-color:#CCCCCC;
		background-color:rgba(255,255,255,0.95);
		max-height: 25vh!important;
		overflow: auto;
		}

		#sub-block_po-list p {
			font-size: 12px;
		}

		#po_list p {
		font-size: 10px;
		line-height: 14px;
		}


		#sub-block_po-specification-list p {
		font-size: 10px;
		line-height: 14px;
		}

		#sub-block_po-specification-list {
		overflow: auto;
		}


		/* END PURCHASE ORDER INFO */

	/* DESKTOP RIGHT SIDE OF SCREEN DISPLAY FOR MOBILE */

	#block_work-area-right {
		display: none;
/*		position: absolute;
		top:-10px;
		left: -10px;
		z-index:999;
		width: 100%;
		min-width: 240px;
		padding: 0px;
		margin:0px;
		*/
		}

		.sub-block_spec-detail {
			margin: 20px;
			padding: 10px 20px;
			border-style: solid;
			border-width: 1px;
			border-color:#999999;
			background-color:#FFFFFF;
			min-height: 50em;
			}

		.sub-block_po-detail {
			margin: 20px;
			padding: 10px 20px;
			border-style: solid;
			border-width: 1px;
			border-color:#999999;
			background-color:rgba(255,255,255,0.95);
			height: 85%;
			overflow: auto;

			}

	#sub-block_overview {
		margin: 20px;
		padding:20px;
		border-style: solid;
		border-width: 1px;
		border-color:#999999;
		background-color:rgba(255,255,255,0.95);
		}

	/* BEGIN BOTTOM OF SCREEN */

	#section_footer {
		position:fixed;
		right:0;
		left:0;
		height:40px;
		bottom:0;
		background-color:#000000;
/*		border-style: solid;
		border-width: 7px 0px 0px 0px;
		border-color: #999999; */
		}

	#content_copyright {
		text-align: center;
		color:#FFFFFF;
		padding: 10px;
		font-size: 12px;
		}

	/* END BOTTOM OF SCREEN */

	.desktop_detail_icon {
		display: none;
	}
			.sub-block_spec-detail-mobile, .sub-block_po-detail-mobile {
			margin: 0px;
			padding: 20px;
			border-style: solid;
			border-width: 1px;
			border-color:#999999;
			background-color:rgba(204,204,204, 0.25);
			min-height:50em;
			}


		.content_po-detail-data-mobile p {
			font-size: 11px;
			line-height: 14px;
			padding: 0px;
			}

		.po-detail_text_area_mobile {
			display: block;
			font-size: 12px;
			line-height: 16px;
			width: 100%;
			max-height: 120px;
			}

			#desktop_user_list {
				display: none;
			}
			#mobile_user_detail {
				width: 90%;
				padding: 10px;
				border-style: solid;
				border-width: 1px;
				border-color:#999999;
			}

			#mobile_user_list th {
				background-color:#cccccc;
				padding: 0px 5px;
			}

				#desktop_company_detail {
		display: none;
	}

	#mobile_company_detail {
		display: block;
	}


			}
/* END MOBILE - MAX-WIDTH 1024px */



/* BEGIN DESKTOP - MIN-WIDTH 1025PX */

@media only screen and (min-width: 1025px) {
	.sub-block_spec-detail-mobile, .sub-block_po-detail-mobile {
		display:none;
	}

	.mobile_detail_icon {
		display: none;
	}


	#mobile_spec_detail {
		display: none;
	}

	.desktop-hide {
		display: none;
	}

	.mobile-hide {
		display: block;
	}

	#desktop_user_list {
		display: block;
		width: 100%;
	}

	#desktop_company_detail {
		display: block;
	}

	#mobile_company_detail {
		display: none;
	}

	#mobile_user_list {
		display:none;
	}

	#user_management_table th {
				background-color:#cccccc;
				padding: 0px 5px;
			}

	/* TOP OF SCREEN */

	#section_header {
		position:absolute;
		right:0;
		left:0;
		height:70px;
		top:0;
		background-color:#FFFFFF;
		border-style: solid;
		border-width: 0px 0px 10px 0px;
		border-color: #999999;
		}

	#section_login-header {
		position:absolute;
		right:0;
		left:0;
		height:70px;
		top:0;
		background-color:#FFFFFF;
		border-style: solid;
		border-width: 0px 0px 10px 0px;
		border-color: #999999;
		}

	#block_branding {
		display: block;
		position: relative;
		width: 40%;
		min-width: 300px;
		float: left;
		height: 70px;
		background-color:#FFFFFF;
		}

	#content_logo {
		padding: 10px 20px;
		text-align: left;
		}

	#block_navigation {
		display: block;
		position: relative;
		width: 60%;
		min-width: 300px;
		float: right;
		height: 70px;
		background-color:#FFFFFF;
		}

	#block_navigation-mobile {
		display: none;
		position: relative;
		width: 60%;
		min-width: 300px;
		float: right;
		height: 70px;
		background-color:#FFFFFF;
		}

	#content_nav-links {
		padding: 25px 20px 10px 20px;
		text-align: right;
		list-style-type: none;
		display: block;
		float: right;
		}

	/* END TOP OF SCREEN */

	#section_content {
		width: 95%;
		position:absolute;
		right:40;
		left:40;
		top:100px;
		bottom:40px;
		overflow: hidden;
		}

	#block_login-area {
		width: 40%;
		margin-top: 40px;
		height: auto;
		min-width: 300px;
		max-width: 400px;
		padding: 30px;
		margin-left:auto;
		margin-right:auto;
		border-style: solid;
		border-width: 1px;
		border-color:#999999;
		background-color:rgba(255,255,255,0.95);
		}

	#block_work-area-left {
		width: 40%;
		min-width: 300px;
		padding: 0px;
		margin:0px;
		float: left;
		}

	#sub-block_project-title {
		display: block;
		margin: 20px 20px 0px 20px;
		padding: 10px 20px;
		border-style: solid;
		border-width: 1px;
		border-color:#cccccc;
		background-color:rgba(153,153,153,0.75);
		}

	#content_project-name {
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		color:#FFFFFF;
		text-align: left;
		}

		.sub-block_project-list-title {
			float: left;
			width: 40%;
			min-width: 240px;
			display: block;
			margin: 20px 20px 0px 20px;
			padding:20px;
			border-style: solid;
			border-width: 1px;
			border-color:#999999;
			background-color:rgba(255,255,255,0.95);
			}

		.content_project-list-name {
			font-size: 21px;
			line-height: 24px;
			font-weight: bold;
			letter-spacing: 1px;
			color:#999999;
			text-align: left;
			margin: 0px;
			}

		.content_project-list-number {
			font-size: 14px;
			letter-spacing: 1px;
			color:#000000;
			text-align: left;
			margin: 0px 0px 10px 0px;
			}

	/* SPECIFICATION INFO */

	#sub-block_spec-alerts {
		display: block;
		margin: 20px 20px 0px 20px;
		padding: 0px 20px;
		border-style: solid;
		border-width: 1px;
		border-color:#999999;
		background-color:#f9f9f9;
		}

	#sub-block_spec-list {
		display: block;
		margin: -1px 20px 20px 20px;
		padding: 0px 10px;
		border-style: solid;
		border-width: 1px;
		border-color:#999999;
		background-color:rgba(255,255,255,0.95);
		max-height: 25vh!important;
		overflow: auto;
		}

		#sub-block_spec-list p {
			font-size: 12px;
		}

		#spec_list p {
			font-size: 11px;
			line-height: 18px;
		}

		.spec_alert_data {
			overflow: hidden;
			}

		/* STYLE THAT HIDES SPEC ALERT ID NUMBER */

		.spec_alert_id {
			float: left;
			display: none;
			width: 1%;
			}

		/* END SPEC ALERT ID NUMBER HIDE */

		.spec_alert_num {
			float: left;
			min-width: 75px;
			width: 20%;
			}

		.spec_alert_desc {
			float: left;
			min-width: 75px;
			width: 50%;
			}

		.spec_alert_status {
			float: left;
			min-width: 75px;
			width: 30%;
			}


		.section_title {

		}

		.alert_number {

		}

/* END SPECIFICATION INFO */

/* PURCHASE ORDER INFO */

	#sub-block_po-alerts {
		margin: 20px 20px 0px 20px;
		padding: 0px 20px;
		border-style: solid;
		border-width: 1px;
		border-color:#999999;
		background-color:#f9f9f9;
		}

		#sub-block_po-alerts p {
		font-size: 14px;
		font-weight: bold;
		}

	#sub-block_po-list {
		display: block;
		margin: -1px 20px 20px 20px;
		padding:10px;
		border-style: solid;
		border-width: 1px;
		border-color:#999999;
		background-color:rgba(255,255,255,0.95);
		max-height: 25vh!important;
		overflow: auto;
		}


	#sub-block_po-list p {
			font-size: 12px;
		}

	#sub-block_po-specification-list p {
		font-size: 12px;
		line-height: 16px;
		}

	#sub-block_po-specification-list {
		overflow: auto;
		}

		#po_list p {
		font-size: 11px;
			line-height: 18px;
		}

		#po_list {
			margin-left: -5px;
		}

		.sub-block_po-detail {
			margin: 20px;
			padding: 0px 20px;
			border-style: solid;
			border-width: 1px;
			border-color:#999999;
			background-color:rgba(255,255,255,0.95);
			height: 85%;
			overflow: auto;
			}

		.po-detail_text_area {
			border-style: solid;
			border-width: 1px;
			border-color:#CCCCCC;
			padding: 10px;
			}

		.content_po-detail-data {
			float:none;
			clear: both;
			}

		.content_po-detail-data-half {
			float: left;
			width: 50%;
			min-width: 240px;
			}

		.content_po-detail-data p {
			font-size: 14px;
			line-height: 21px;
			}

		.spec_header_inside_PO {
			margin-top: 20px;
			margin-bottom: 0px;
			font-weight: bold;
			text-transform: uppercase;
			}

		.sub-block_PO-spec-detail {
			margin: 20px;
			padding:20px;
			border-style: solid;
			border-width: 1px;
			border-color:#999999;
			background-color:rgba(204,204,204,0.25);
			}

/* END PURCHASE ORDER INFO */

	#block_work-area-right {
		width: 60%;
		min-width: 300px;
		padding: 0px;
		margin:0px;
		float: right;
		}

		.sub-block_spec-detail {
			margin: 20px;
			padding: 0px 20px;
			border-style: solid;
			border-width: 1px;
			border-color:#999999;
			background-color:#FFFFFF;
			min-height:50em;
			}

		.spec-detail_text_area {
			border-style: solid;
			border-width: 1px;
			border-color:#CCCCCC;
			padding: 10px;
			min-height:35em;
			overflow:auto;
			}

			.spec-detail_text_area p {
				margin: 1px;content_spec-detail-data-half
			}

		.content_spec-detail-data {
			float:none;
			clear: both;
			}

		.content_spec-detail-data-half {
			float: left;
			width: 50%;
			min-width: 240px;
			}
		.content_spec-detail-data-half p {
			margin: 4px;
		}
		.user_company-detail-data-half {
			float: left;
			width: 50%;
			min-width: 240px;
			}

			.content_spec-detail-data p {
			font-size: 14px;
			line-height: 21px;
			}


	#sub-block_overview {
		margin: 20px;
		padding:20px;
		border-style: solid;
		border-width: 1px;
		border-color:#999999;
		background-color:rgba(255,255,255,0.95);
		}

	#section_footer {
		position:fixed;
		right:0;
		left:0;
		height:40px;
		bottom:0;
		background-color:#000000;
/*		border-style: solid;
		border-width: 8px 0px 0px 0px;
		border-color: #999999; */
		}

	#content_copyright {
		text-align: center;
		color:#FFFFFF;
		padding: 10px;
		font-size: 12px;
		}

}
/* END MIN WIDTH 1025px */

/* END LAYOUT */