/* $Id$ */

.main .content {
	font-size: 16px;
}

.main > .alert {
	margin-top: 15px;
}

.main #job-header {
	margin-left: -50px;
	margin-right: -50px;
	background-color: #f6f6f6;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
}

.main #jobtitle-header {
	margin-top: 15px;
	margin-left: -50px;
	margin-right: -50px;
	margin-bottom: 0;
	background-color: #f6f6f6;
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
}

#job-header .job-inst,
#job-header .job-dept,
#job-header .job-loc {
	font-size: 18px;
}

#job-header .job-loc > .at {
	display: none;
}

.main #job-header.js-sticky-top {
	position: -webkit-sticky;
	position: sticky;
	z-index: 1020;
	top: 0;

	padding-top: 10px;
	padding-bottom: 0;
	border-bottom: 1px solid #ddd;
}

.main #job-header.js-sticky-top #jobtitle-header {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 2px;
	font-size: 1.5rem;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.main #job-header .js-sticky-warning {
	display : none !important;
}

.main #job-header.js-sticky-top .js-sticky-warning {
	display : block !important;
}
.main #job-header.js-sticky-top .js-sticky-warning .alert {
	margin-top: .5rem;
}

.main #job-header.js-sticky-top .job-inst,
.main #job-header.js-sticky-top .job-loc,
.main #job-header.js-sticky-top .job-loc > .at {
	display: inline;
	font-size: 16px;
}
.main #job-header.js-sticky-top .job-dept {
	display: none;
}

#job-header .job-apply {
	margin-top: 20px;
}

.main #job-header.js-sticky-top .job-apply {
	margin-top: .75rem;
	margin-bottom: 1rem;
}

#jobAttrib A.job-cat {
	font-weight: normal;
}

#extraCats.collapse.show {
	display: inline;
}

#jobAttrib .job-upgrades {
	margin-top: 5px;
}

#job .job-apply {
	margin-top: 30px;
	margin-bottom: 30px;
}

#job .job-apply > button,
#job .job-apply > span,
#job-header .job-apply > button,
#job-header .job-apply > span {
	display: inline-block;
}
#job .job-apply > a:not(:last-child),
#job .job-apply > button:not(:last-child),
#job .job-apply > span:not(:last-child),
#job-header .job-apply > a:not(:last-child),
#job-header .job-apply > button:not(:last-child),
#job-header .job-apply > span:not(:last-child) {
	margin-right: .25rem;
}


#jobStatement {
	margin-top: 30px;
}

#categoryTags {
	margin-top: 30px;
}
#categoryTags UL.tag-list {
	margin-bottom: 0;
}

#InstProfileWidget {
	margin-top: 15px; /* same as jobLowerApply */
}


/********************************** Media Size Changes **********************************/

@media (max-width: 1199px) {
} /* (max-width: 1199px) */


@media (max-width: 991px) {

	#InstProfileWidget {
		margin-top: 30px;
	}

} /* (max-width: 991px) */


@media (max-width: 767px) {

	.main #jobtitle-header {
		margin-top: 0;
	}

	.main #job-header.js-sticky-top #jobtitle-header {
		font-size: 1.25rem;
		padding-bottom: 10px;
	}

	.main #job-header.js-sticky-top .job-inst,
	.main #job-header.js-sticky-top .job-loc,
	.main #job-header.js-sticky-top .job-loc > .at {
		display: none;
	}

	.main #jobDesc {
		font-size: 18px;
	}

	#applyInfoBottom.js-sticky-bottom {
		position: -webkit-sticky;
		position: sticky;
		z-index: 1015;
		bottom: 0;
	
		margin-left: -50px;
		margin-right: -50px;
		border-top: 1px solid #ddd;
		padding-top: 10px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 10px;
		background-color: white;
	}

} /* (max-width: 767px) */


@media (max-width: 559px) {
	
	.main {
		padding-left: 25px;
		padding-right: 25px;
	}

	.main #job-header,
	.main #jobtitle-header {
		margin-left: -25px;
		margin-right: -25px;
		padding-left: 25px;
		padding-right: 25px;
	}

	#applyInfoBottom.js-sticky-bottom {
		margin-left: -25px;
		margin-right: -25px;
		padding-left: 25px;
		padding-right: 25px;
	}

} /* (max-width: 559px) */

.modal #jobApplyInfo .field-value {
	word-break : break-all !important;
}


/********************************** A Whole Bunch of Extra Crap **********************************/

#PreviewDiv.main #JobSideData {
	margin-top: 12px;
    border: 1px solid #ccc;
    padding: 15px 15px;
    border-radius: .25rem;	
}

.js-PreviewDiv A.js-editable,
#PreviewDiv A.js-editable {
	border-bottom: none;
	color: #333 !important;
	font-weight: normal !important;
	cursor: pointer !important;
}

.js-PreviewDiv .text-muted A.js-editable,
#PreviewDiv .text-muted A.js-editable {
	color: #cdcdcd!important;
}


#PreviewDiv .job-apply .btn {
	border-radius: .25rem !important;
}

#PreviewDiv #jobtitle-header A.js-editable {
	font-family: 'Figtree Heavy', Helvetica, Arial, sans-serif !important;
    color: #4c4e52 !important;
	line-height: 1.1;
	font-weight: bold !important;
}

#PreviewDiv #integration-fields {
	margin-top:12px;
	border:1px solid #ccc;
	padding:15px 15px;
	background-color:#FFFFF0;
	border-radius: .25rem;
}

#predicted-fields {
	margin-top:12px;
	border:1px solid #ccc;
	padding:15px 15px;
	background-color:#FFFFF0;
	border-radius: .25rem;
}


#PreviewDiv #footer_divider {
	display : none !important;
}

/** START IMAGE CLASS - classes found in database only (account images) **/
.leftAlign {
	float: left;
	clear: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.rightAlign {
	float: right;
	clear: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.centerAlign {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
}
@media (max-width: 767px) {/* stop floating at XS */
	.leftAlign,
	.rightAlign {
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}
/** END IMAGE CLASS **/

.sticky-sidebar {		
	position: -webkit-sticky;
	position: sticky;
	top: 85px;
/*	z-index:7887; */
}


.sticky-notes,
.sticky-head {		
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 54px;
	z-index:11000;
}

.js-PreviewDiv UL.m-nav-sticky,
#PreviewDiv UL.m-nav-sticky {
	background: #fff;
	-webkit-box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
	box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
	position: fixed;
	top: 35%;
	right: 0;
	list-style: none !important;
	margin: 0;
	z-index: 10111;
	width:40px;
	padding: 10px 0;
}
.js-PreviewDiv UL.m-nav-sticky.no-shadow,
#PreviewDiv UL.m-nav-sticky.no-shadow {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.js-PreviewDiv DIV.m-nav-sticky.category-edit,
#PreviewDiv DIV.m-nav-sticky.category-edit,
.js-PreviewDiv DIV.m-nav-sticky.job-notes,
#PreviewDiv DIV.m-nav-sticky.job-notes,
.js-PreviewDiv DIV.m-nav-sticky.search-suggestion-edit,
#PreviewDiv DIV.m-nav-sticky.search-suggestion-edit,
.js-PreviewDiv DIV.m-nav-sticky.job-tags-edit,
#PreviewDiv DIV.m-nav-sticky.job-tags-edit {
	background: #fff;
	-webkit-box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
	box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
	position: fixed;
	top: 35%;
	right: 0;
	list-style: none !important;
	margin: 0;
	z-index: 10109;
	width:550px;
	padding: 0px 0 10px 0;
	padding-right:40px;
}

.select2-drop-mask {
	z-index: 10125;
}
.select2-drop {
	z-index: 10126;
}
.select2-search {
	z-index: 10127;
}

.job-tags-edit .select2-container.form-control {
	border-radius : .25rem !important;
}

.confirm-container {
	position: absolute; /* Sit on top of the page content */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.92); /* Black background with opacity */
	z-index:9999999;
	padding:15px 40px 40px 40px;
	font-size:16px;
}

.close-side-div {
	position: absolute; /* Sit on top of the page content */
	width: 20px;
	height: 20px;
	top: -20px;
	left: -5px;
	right: 0;
	bottom: 0;
	background-color: #666;
	color:#FFF;
	z-index:9999999999;
	text-align:center;
	border-bottom-right-radius:.30em !important;
}
.close-side-div A {
	color:#FFF !important;
}

.confirm-container-actions {
	margin-top:20px;
}

.js-PreviewDiv DIV.m-nav-sticky.search-suggestion-edit,
#PreviewDiv DIV.m-nav-sticky.search-suggestion-edit {
	padding-bottom:0;
}

.js-PreviewDiv DIV.m-nav-sticky.job-notes,
#PreviewDiv DIV.m-nav-sticky.job-notes {
	padding:0;
	padding-right:0px;
	top:0%;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}
.js-PreviewDiv DIV.m-nav-sticky.category-edit,
#PreviewDiv DIV.m-nav-sticky.category-edit,
.js-PreviewDiv DIV.m-nav-sticky.search-suggestion-edit,
#PreviewDiv DIV.m-nav-sticky.search-suggestion-edit {
	z-index: 10110;
}

.js-PreviewDiv UL.m-nav-sticky .m-nav-sticky__item,
#PreviewDiv UL.m-nav-sticky .m-nav-sticky__item {
	margin: 0;
	text-align: center;
}
.js-PreviewDiv UL.m-nav-sticky .m-nav-sticky__item>a>i,
#PreviewDiv UL.m-nav-sticky .m-nav-sticky__item>a>i {
	color: #c1bfd0;
}

#SideEditCats {
	overflow-y: auto;
	max-height: 550px;
}

#SideEditCats .copy-terms {
	font-weight: normal !important;
}

.js-PreviewDiv #EditableCategoryContainer_2 .bs-select-catlist,
#PreviewDiv #EditableCategoryContainer_2 .bs-select-catlist {
	max-height:500px !important;
}

.js-PreviewDiv #SuggestedCategoriesContainer,
#PreviewDiv #SuggestedCategoriesContainer {
	margin-top: 15px;
}

.js-PreviewDiv #SuggestedCategoriesContainer #SuggestedCategories_bycat,
#PreviewDiv #SuggestedCategoriesContainer #SuggestedCategories_bycat {
	margin-bottom: 15px;
}

.js-PreviewDiv #SuggestedCategoriesContainer [id^="SuggestedCategories_"] ul.cat-list,
#PreviewDiv #SuggestedCategoriesContainer [id^="SuggestedCategories_"] ul.cat-list {
	list-style: none;
	margin: 0;
	padding: 1px 0 1px 0;
}

.control-group.form-group.has-error {
	display:block !important;
}

#PreviewDiv #map_canvas {
	height:  250px !important;
}

.editable-container.editable-popup H3 {
	margin-top:2px !important;
}
.editable-container.editable-popup,
.editable-container.editable-popup .popover-header,
.editable-container.editable-popup .popover-body {
	background:#FFF !important;
}

.btn  {
	text-transform: none !important;
}

#PreviewDiv .btn  {
	text-transform: uppercase !important;
}

.record-display.striped .field:nth-of-type(1) {
    border-top: 1px solid #dfdfdf !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
	margin-top : 2px;
	margin-bottom : 2px;
}


.js-PreviewDiv #ViewableJob .btn.js-mltFlag,
#PreviewDiv #ViewableJob .btn.js-mltFlag {
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
}
.js-PreviewDiv #ViewableJob .btn.js-mltFlagToggle,
#PreviewDiv #ViewableJob .btn.js-mltFlagToggle {
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
}

#PreviewDiv .editable-container.edtiable-inline div[class^="editable-"] LABEL:not(.hidden-preview)  {
	display:block;
}
#PreviewDiv .editable-container.editable-inline,
#PreviewDiv .editable-container.editable-inline .form-group,
#PreviewDiv .editable-container.editable-inline .form-group .editable-input:not([name="useApplyAddress"]),
#PreviewDiv .editable-container.editable-inline .form-group .editable-input textarea,
#PreviewDiv .editable-container.editable-inline .form-group .editable-input input:not([type=radio]):not([type=checkbox]):not([type=submit]),
#PreviewDiv .editable-container.edtiable-inline div[class^="editable-"],
#PreviewDiv .editable-container.edtiable-inline div[class^="editable-"] input:not([type=radio]):not([type=checkbox]):not([type=submit]):not(.inline-always) {
	width: 100% !important;
}

#PreviewDiv .editable-container.edtiable-inline .inline-always {
	display:block !important;
}

#PreviewDiv .editable-container.editable-inline .editable-buttons {
	display:block;
	margin-top:5px;
	margin-left:0;
}

#PreviewDiv .form-group .input-inline:not([type=radio]):not([type=checkbox]):not([type=submit]):not([name="useApplyAddress"]),
#PreviewDiv .editable-input LABEL:not(.btn-inline) {
	width:100% !important;
}
#PreviewDiv .editable-input LABEL:not(.btn-inline) SPAN:not(.hidden-preview) {
	display:block !important;
}	

#PreviewDiv #PositionType .editable-input LABEL SPAN {
	display : inline !important;
}

HEADER#m_header {
    padding-top: 0px !important;   	
    border-bottom: none !important;
	padding-right : 0 !important;
	padding-left : 0 !important;
	height : 54px !important; 
}

.editable-container.editable-inline .form-inline.editableform .control-group.form-group,
.editable-container.editable-inline .form-inline.editableform .control-group.form-group DIV:nth-of-type(1){
	width : 100% !important;
}
.form-inline.editableform .control-group.form-group SELECT {
	width : auto !important;
}