/* --- View Message Updates --- */
.back-to-previous {
	padding-left: 30px;
	position: relative;
}

	.back-to-previous:before {
		position: absolute;
		content: "";
		left: 0;
		width: 36px;
		height: 36px;
		background: transparent url(/Contents/images/view-message-sprite.png) -50px 1px no-repeat;
		background-size: 150px 100px;
	}

	.back-to-previous span {
		display: none;
	}

.wrap-message {
	padding: 40px 40px 0 100px;
	position: relative;
	padding-top: 40px;
}

	.wrap-message .form-row:last-child {
		border-bottom: 1px solid #D8DEE6;
		padding-bottom: 40px;
	}

	.wrap-message:before {
		position: absolute;
		content: "";
		left: 30px;
		top: 24px;
		width: 48px;
		height: 48px;
		border: 1px solid #D9E1E8;
		border-radius: 50%;
	}

	.wrap-message:before {
		background: transparent url(/Contents/images/view-message-sprite.png) -86px 14px no-repeat;
		background-size: 150px 100px;
	}

.message-header-from p {
	margin: 0;
	color: #2F3439;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}

.message-header-subject h3 {
	margin: 0;
	color: #000;
	font-size: 24px;
	font-weight: 600;
	padding-right: 30px;
}

.message-header-date p {
	margin: 5px 0 0 0;
	color: #51575D;
}

.wrap-message .actions.form-responses .button.featured {
	float: right;
}

	.wrap-message .actions.form-responses .button.featured a, .actions.form-responses .button.disabled a {
		width: auto;
		padding: 8px 50px;
	}

.wrap-message.inactive .message-content, .wrap-message.inactive .actions {
	display: none;
}

.wrap-message:after {
	position: absolute;
	content: "";
	right: 40px;
	top: 70px;
	width: 20px;
	height: 20px;
}

.wrap-message:after {
	background: transparent url(/Contents/images/view-message-sprite.png) 0 0 no-repeat;
	background-size: 150px 100px;
}

.wrap-message.inactive:after {
	background-position: 0 -50px;
}

.hl-image {
	width: 100%;
}

/*** for loading screen ***/
#loading {
	display: none;
	position: fixed;
	z-index: 100001;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8) url('/Contents/Images/ajax-loader.gif') 50% 50% no-repeat;
}

.hide {
	display: none !important;
}

/* Activity List */
.wrap-app-steps.wrap-activity-list {
	padding-bottom: 30px;
}

.list-app-steps.list-activity li:before {
	content: '';
}

.list-app-steps.list-activity .activity-item {
	padding: 10px 0 10px 20px;
	width: 100%;
	font-weight: initial;
	font-size: 14px;
	background-color: #fff;
	border-bottom: 2px solid #F0F3F4;
}

	.list-app-steps.list-activity .activity-item:first-child {
		background-color: #F4F6F9;
		color: #989DA7;
		border-top: 2px solid #F0F3F4;
		border-bottom: none;
	}

	.list-app-steps.list-activity .activity-item.no-record {
		padding: 10px 0 10px 20px;
		width: 100%;
		font-weight: initial;
		font-size: 14px;
		background-color: #fff;
		border-bottom: 2px solid #F0F3F4;
	}

.activity-item span {
	display: inline-block;
}

	.activity-item span:nth-child(n+1) {
		width: 10%;
	}


	.activity-item span:nth-child(n+2) {
		width: 25%;
	}

	.activity-item span:nth-child(n+3) {
		width: 30%;
	}

	.activity-item span:nth-child(n+4) {
		width: 10%;
	}

    .activity-item span:nth-child(n+5) {
        width: 15%;
    }

.activity-item.upload-documentation span:nth-child(n+1) {
	width: 15%;
}

.activity-item.upload-documentation span:nth-child(n+2) {
	width: 65%;
}

.activity-item.upload-documentation span:nth-child(n+3) {
	width: 15%;
}

.activity-item.payment-list span {
	width: 19%;
}

.activity-border {
	border-color: #B9BEC4;
	margin-top: 30px;
	margin-bottom: 30px;
	clear: both;
}

.activity-name {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
}

.total-hours {
	font-weight: normal;
	font-size: 14px;
	float: right;
	color: #989DA7;
}

.total-hours-box {
	font-weight: bold;
	font-size: 16px;
	border: 2px solid #4A9BEB;
	padding: 10px 20px;
	color: black;
}

.activity-actions {
	margin-top: 50px;
}

.activity-more {
	text-align: center;
}

	.activity-more a {
		font-weight: bold;
		color: #689EF4;
		text-decoration: none;
	}

		.activity-more a:before {
			content: '';
			position: absolute;
			width: 20px;
			height: 20px;
			background: transparent url(/Contents/Images/sweatequity/arrow-sprite.png) 0 -30px no-repeat;
			background-size: 100px;
			margin-left: -30px;
		}

#exportToPDF a {
	margin-left: 25px;
}

.lyrChart {
	padding: 10px 25px;
	margin-top: 25px;
}

	.lyrChart:first-child {
		margin-top: 55px;
	}

.additional-link {
	display: inline-block;
	margin-right: 10px;
}

	.additional-link a {
		margin: 10px 0;
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 8px;
		text-align: center;
		border: none !important;
		background: #005596;
		font-weight: 700;
		border-radius: 3px;
		box-shadow: inset 0 0 1px #000000;
		width: auto;
	}

		.additional-link a:hover {
			background: #01284B;
		}

.wrap-form .pri form .custom-content .content h3 {
	border-bottom: none;
	color: initial;
	font-size: 27px;
	line-height: 1.333;
	font-weight: 300;
	margin: 24px 0;
	padding: 0;
}

.wrap-form .pri form .custom-content .content h4 {
	font-size: 24px;
	font-weight: 300;
}

.content {
	word-break: break-word;
}

.dropzone .dz-preview {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 16px;
	min-height: 100px;
	width: 200px;
	cursor: pointer;
}

.list-title .list-status a:link, .list-title .list-status a:visited, .list-title .list-status p {
	color: #fff;
	padding: 14px 30px 14px 30px;
	background: #005596;
	position: absolute;
	right: 0;
	top: 0;
}

.list-title .list-status.disabled a:link, .list-title .list-status.disabled a:visited, .list-title .list-status.disabled p {
	background: #DDD;
}

.notif-bar {
	background: #D0F6FF 0% 0% no-repeat padding-box;
	overflow: hidden;
	color: #024B5D;
}
	.notif-bar * {
		text-align: center !important;
		font-size: 13px !important;
		line-height: 22px !important;
		white-space: normal !important;
		border-color: #fff;
		letter-spacing: 0px;
		margin-bottom: 0;
	}
	.notif-bar .notif-wrapper {
		position: relative;
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}
	.notif-bar .notif-ico {
		margin-right: 10px;
		margin: 0 13px 0 0 !important;
		vertical-align: text-bottom;
	}
	.notif-bar p:first-of-type {
		display: inline;
	}
	.notif-bar a {
		text-decoration: underline;
		color: #024B5D;
	}
.shell {
	max-width: 1210px;
	padding-left: 25px;
	padding-right: 25px;
	margin: auto;
}

.social-wrapper .social-item {
	display: inline-block;
	margin-left: 10px;
}
	.social-wrapper .social-item:first-child {
		margin-left: 0;
	}
	.social-wrapper .social-item img {
		width: 48px;
		height: 48px;
	}

.list-not-started p {
	margin: 0;
}
.list-not-started {
	float: right;
	font-size: 16px;
	margin-top: 5px;
	margin-right: 20px;
}
.app-content {
	background: #F4F4F5;
	padding: 5px 30px 30px 30px;
}
.app-content-started {
	padding: 5px 30px 15px 30px;
	border-bottom: 1px solid #B9BEC4;
}
.list-row.row-apply {
	background: #F4F4F5;
}
#apply-link {
	width: 200px;
}
.wrap-content img {
	width: auto !important;
	height: auto !important;
}    