/************************************************************************************************************************************/
/*************************************************   Layout Styles   ****************************************************************/
/************************************************************************************************************************************/
body
{
	font-size: 14px;
	/*font-family: lato;*/
	color: #666666;
}

.user-menu
{
	min-height: 30px;
	background-color: #4D4D4D;
	margin: 0px;
	border-radius: 0px;
	border: 0px;
}

	.user-menu span
	{
		padding-top: 15px;
	}

	.user-menu ul li, .user-menu ul li a
	{
		padding-right: 20px;
		display: inline;
		padding-top: 5px;
		color: white !important;
		text-decoration: none;
	}

.main-menu
{
	background-color: white;
	height: 100px;
	margin-bottom: 0px;
}

	.main-menu .row
	{
		padding-top: 23px;
		height: 100px;
	}

	.main-menu ul li
	{
		margin: 0px;
		padding-right: 8px;
		background-color: white;
	}

	.main-menu a
	{
		text-decoration: none !important;
		color: black;
		font-size: 17px;
	}


#main-container
{
	min-height: 835px;
	background-color: #F8F8F8;
	padding-top: 130px;
}

#maincontent
{
	padding-left: 40px;
	padding-right: 40px;
}

#sidebar
{
	min-height: 600px;
	background-color: white;
	padding: 5px;
	box-shadow: 0px 2px 3px rgb(221, 221, 221);
	-moz-box-shadow: 0px 2px 3px rgb(221, 221, 221);
	-webkit-box-shadow: 0px 2px 3px rgb(221, 221, 221);
}

#footer-container
{
	background-color: #E6E6E6;
	min-height: 230px;
	box-shadow: 0 2px 9px #D7D7D7 inset;
	-moz-box-shadow: 0 2px 9px #D7D7D7 inset;
}

#footer-copyright
{
	background-color: #4D4D4D;
	min-height: 50px;
	color: white;
	padding-top: 15px;
}

.breadcrumbs
{
	font-size: 12px;
	color: #999999;
	height: 25px;
	font-weight: bold;
	/*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #EDEDED) );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');*/
}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{
	background-color: transparent !important;
	border-bottom: 3px solid #259bc7;
}

/************************************************************************************************************************************/
/**************************************************   Listing Records Template ******************************************************/
/************************************************************************************************************************************/
.listing-records
{
	background-color: white;
	padding: 20px 25px 10px 25px;
	border: 2px solid #E5E5E5;
	margin-bottom: 20px;
	border-radius: 10px;
}

	.listing-records .row
	{
		margin-bottom: 10px;
		padding-right: 20px;
	}

    .listing-records:hover
	{
		background: #f5f5f5;
	}

	.listing-records p
	{
		vertical-align: middle;
		height: 100%;
	}

.listing-messages
{
	background-color: white;
	padding: 5px;
	border: 2px solid #E5E5E5;
	margin-bottom: 5px;
	border-radius: 10px;
}

	.listing-messages .row
	{
		padding-right: 0px;
	}

	.listing-messages p
	{
		vertical-align: middle;
		height: 100%;
	}

.unread-msg
{
	background-color: #C5CED8;
	font-weight: bold;
}
.sender-msg
{
    background-color: #C5CED8;
	font-weight: bold;
    text-align:left;
}
.recipient-msg
{
    position:center;
    align-content:center;
    align-items:center;
    text-align:center;
    align-self:center;
}
.date
{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	position: relative;
	background: none repeat scroll 0% 0% rgb(42, 173, 222);
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	color: rgb(255, 255, 255);
	text-align: center;
	line-height: 15px;
	font-weight: bold;
	margin-top: 5px;
}

	.date span
	{
		position: absolute;
		top: 15px;
		width: 26px;
		height: 13px;
		background: none repeat scroll 0% 0% rgb(255, 255, 255);
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		left: 2px;
		color: rgb(102, 102, 102);
		font-size: 11px;
		line-height: 13px;
		text-align: center;
	}




/************************************************************************************************************************************/
/***************************************************   Text Styles   ****************************************************************/
/************************************************************************************************************************************/
/* ----------- Spans ----------- */
.searchField
{
	font-size: 14px;
	font-weight: bold;
}

.listing-title
{
	font-weight: bold;
	font-size: 15px;
}

.listing-subtitle
{
	font-weight: normal;
	font-size: 14px;
	color: #B2B2B2;
}

.listing-tag-name
{
	color: #999999;
}

.listing-tag-value
{
	color: #2AADDE;
}

.reqStar
{
	color: red;
	font-weight: bold;
}

.input-height34px
{
	height: 34px;
}




/************************************************************************************************************************************/
/***********************************************   Filtering Styles *****************************************************************/
/************************************************************************************************************************************/
.filter-block
{
	padding: 10px;
}

.filter-title
{
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

.filter
{
	padding: 3px;
}

.filter-content
{
}

.filter-submit
{
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.text-paging
{
	font-size: 12px;
}

/* --------- Job Search Filtering --------- */
.filter-selected
{
	color: #2AADDE;
	font-weight: bold;
}

.filter-count
{
	color: #808080;
}

.filter-items ul.expandable
{
	list-style: none;
	list-style-image: url("/Images/arrow-menu.png");
}

.filter-items ul
{
	list-style: none;
}

/************************************************************************************************************************************/
/***********************************************   Login Box   **********************************************************************/
/************************************************************************************************************************************/
.login-box
{
	position: relative;
	margin: 50px auto;
	padding: 5px 20px 20px;
	width: 490px;
	background: white;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 3px 3px rgba(0, 0, 0, 0.3);
}

.login-header
{
	background-color: #3276B1;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    padding-top:5px;
    padding-bottom:5px;
}

	.login-header div
	{
		color: white !important;
	}


/************************************************************************************************************************************/
/***********************************************   Dashboard Table   ****************************************************************/
/************************************************************************************************************************************/
.title-dashboard
{
	font-weight: bold;
	font-size: 18px;
}

.dashboard table
{
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

.dashboard
{
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

	.dashboard table td, .dashboard table th
	{
		padding: 5px 4px;
	}

	.dashboard table th
	{
		font-size: 12px;
		background-color: #8C8C8C;
		color: #FFFFFF;
		font-weight: normal;
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );
		background: -moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
	}

		.dashboard table th:first-child
		{
			border: none;
		}

	.dashboard table td
	{
		color: #7D7D7D;
		border-left: 1px solid #DBDBDB;
		font-size: 12px;
		font-weight: normal;
	}

	.dashboard table .alt td
	{
		background: #EBEBEB;
		color: #7D7D7D;
	}

	.dashboard table td:first-child
	{
		border-left: none;
	}

	.dashboard table tr:last-child td
	{
		border-bottom: none;
	}

.panel-dashboard
{
	border-radius: 10px !important;
}

	.panel-dashboard .panel-body
	{
		height: 350px;
		max-height: 350px;
		overflow-y: scroll !important;
	}

.dashboard-header, .dashboard-header div
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline !important;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #31708F;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F0F0F0), color-stop(1, white) );
}

.dashboard-row-alt
{
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #EBEBEB;
	font-size: 13px;
}

.dashboard-row
{
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: white;
	font-size: 13px;
}



/************************************************************************************************************************************/
/***************************************************   Loading DIV   ****************************************************************/
/************************************************************************************************************************************/
#loading
{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	z-index: 1000;
}

#loadingcontent
{
	display: table;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#loadingspinner
{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	font-size: larger;
	padding-top: 80px;
}


/************************************************************************************************************************************/
/************************************************   Other (temp)   ******************************************************************/
/************************************************************************************************************************************/
.pointer
{
	cursor: pointer !important;
}

.hide
{
	display: none !important;
}

.bold
{
	font-weight: bold !important;
}

.full-width
{
	width: 100% !important;
}

.underline
{
	text-decoration: underline !important;
}

.no-underline
{
	text-decoration: none !important;
}

.liked
{
	background-color: #2AADDE !important;
}

.red-text
{
	color: red;
}

.blue-text
{
	color: #2AADDE;
}

.white
{
	background-color: white !important;
}

.pink
{
	background-color: pink !important;
}

.yellow
{
	background-color: yellow !important;
}

.blue
{
	background-color: aqua !important;
}

.green
{
	background-color: #74de49 !important;
}

.red
{
	background-color: #fa5b5b !important;
}

.grey
{
	background-color: #EBEBEB !important;
}

.orange
{
	background-color: #ffa400 !important;
}

.brown
{
	background-color: #F7E7CE !important;
}

.light-blue
{
	background-color: #d9edf7;
}

.light-red
{
	background-color: #FFE4E1;
}

.light-green
{
	background-color: #CFE7B3;
}

.light-orange
{
	background-color: #FFE882;
}

.light-brown
{
	background-color: #FBF6D9;
}



.light-green-border
{
	border: 3px solid #CFE7B3;
}
.green-border
{
	border: 3px solid #74de49;
}
.grey-border
{
	border: 3px solid #EBEBEB;
}


a.noline
{
	text-decoration: none;
}

.lead-modified
{
	font-size: 18px !important;
}

.extra-line-height
{
	line-height: 22px;
}

.dropdown-time
{
	width: 50px;
	left: auto;
	margin: 0 auto;
}

.dropdown-100px
{
	width: 100px;
	left: auto;
	margin: 0 auto;
}

.dropdown-75px
{
	width: 75px;
	left: auto;
	margin: 0 auto;
}

.input-bottom-border
{
    border-bottom:2px solid #CCCCCC;
    margin-bottom:10px;
    padding-bottom:30px;
}

input[type="button"]:hover , input[type="submit"]:hover {
	color:#fff !important;
}