@charset "utf-8";
/* CSS Document */
#message_container {
	position: fixed;
	top: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	z-index: -1;	
}
#message_container {
	text-align: center;
	max-width: 50%;
	z-index: 1000000;	
}
.form-group small {
	padding-top: 5px;
	font-size: 16px;
}
.subMenuContainer {
	margin-top: 20px; 
	padding-bottom: 0px; 
	border-bottom: 2px solid #1B5DB0;	
}
a.subMenuLink {
	font-size: 18pt;
	padding: 5px;
}
a.subMenuLink:hover {
	color: #1B5DB0;
}
a.subMenuLinkActive {
	font-size: 18pt;
	padding: 5px;
	background-color: #1B5DB0;
	color: white;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
	
}
.subMenuHeader {
	text-align: center;
	font-size: 18pt;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
#isRecruiterActive:checked + .toggle:before {
	background: #0075c7;
}
#isRecruiterActive:checked + .toggle span {
	background: #0087e6;
	transform: translateX(20px);
	transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
	box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
}
#isRecruiterActive:checked + .toggle span:before {
	transform: scale(1);
	opacity: 0;
	transition: all 0.4s ease;
}

#estimatedRecruiterCount {
	background: linear-gradient(to right, #ffff66 0%, #ffffff 150%);
}
.upgradeButton, .changeOptionsButton {
    background-color: #fca41c;
}
.upgradeButton:hover, .changeOptionsButton:hover {
    background-color: #e69921;
}
.select2 {
	font-size: 20px;
}
.select2-selection__rendered{
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}

.select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:not([placeholder='']) { 
	width: 100% !important; 
	margin-right: 100000px;
}

.mce-label.mce-charactercount {
  margin: 2px 0 2px 2px
  padding: 8px
  font-size: 12px
}
.mce-path {
  display: none !important
}
#resume {
	z-index: -1;
}
.form_sub_heading {
	float: none;
	width: 100%;
	background-color: #0087e6;
    padding-top: 1px;
    padding-bottom: 5px;
	text-align:center;
}
.form_sub_heading h2 {
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.form_btn_small {
	font-family: 'MyriadPro-Semibold';
	background-color: #098be6;
	padding: 5px 20px;
	border-radius: 60px;
	margin-top: 30px;
	font-size: 16px;
	border: none;
	text-align: center;
	color: #fff;
	transition: all 0.3s ease-in;
	display: inline-block;
	margin-top: 0;
}
.form_btn_small:hover{
	color:#fff !important;	
	background-color: #205ab2;
	cursor: pointer;
}
.highlight{
	background-image: linear-gradient(to right, #ffff66 0%, #ffffff 150%);
}
.secondary {
	background-color: gray;
}
.secondary:hover {
	background-color: dark gray;
}
	table.paleBlueRows {
	  font-family: Calibri, "Times New Roman", Times, serif;
	  border: 1px solid #FFFFFF;
	  width: 50%;
	  height: 200px;
	  text-align: center;
	  border-collapse: collapse;
	}
	table.paleBlueRows td, table.paleBlueRows th {
	  border: 1px solid #FFFFFF;
	  padding: 3px 2px;
	}
	table.paleBlueRows tbody td {
	  font-size: 13px;
	}
	table.paleBlueRows tr:nth-child(even) {
	  background: #fafafa;
	}
	table.paleBlueRows thead {
	  background: #0B6FA4;
	  border-bottom: 5px solid #FFFFFF;
	}
	table.paleBlueRows thead th {
	  font-size: 17px;
	  font-weight: bold;
	  color: #FFFFFF;
	  text-align: center;
	  border-left: 2px solid #FFFFFF;
	}
	table.paleBlueRows thead th:first-child {
	  border-left: none;
	}
	
	table.paleBlueRows tfoot {
	  font-size: 14px;
	  font-weight: bold;
	  color: #333333;
	  background: #fafafa;
	  border-top: 3px solid #444444;
	}
	table.paleBlueRows tfoot td {
	  font-size: 14px;
	}	

.table-striped th {
	color: black;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	color: black;
}

/* select2: fixes word text wrap issues on long select values */
li.select2-selection__choice {
    max-width: 100%;
    overflow: hidden;
    /* text-overflow: ellipsis; //use this if you want to shorten */
    white-space: normal; /* use this to wrap. */
}
ul.select2-selection__rendered {
    padding-right: 12px !important; /* overrides select2 style */
}

.select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:not([placeholder='']) { 
	width: 100% !important; 
	margin-right: 0px;
}
.mobilelist { 
	display: none;
}
.desktoplist {
	display: block;
}
#listDiv {
	width: 60%;
}
#listContainer {
	width: 60%;
}
/*
.custom_list.full {
	width: 100% !important;
}*/
#listDetail {
	width: 100% !important;
}
.heading_one {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media screen and (max-width:1001px) {
	a.subMenuLink {
		font-size: 12pt;
	}
	.subMenuHeader {
		font-size: 12pt;
	}
	a.subMenuLinkActive {
		font-size: 12pt;
	}
	#message_container {
		text-align: center;
		max-width: 90%;
	}
	.changeOptionsButton {
    	width: 200px;
	}
	.mobilelist { 
		display: block;
	}
	.desktoplist {
		display: none;
	}
	h1.title {

    	font-size: 15px;
		width: 100%;
	}
	#listDiv {
		width: 100%;
	}
	#listContainer {
		width: 100%;
	}
	.heading_one {
		width: 82%;
	}
	.heading_two {
		width: 18%;
	}
}
.mobile_only {
	display: none;
}
.tooltip {
	background-color: #098be6;
	border: 2px solid black
}
.tooltip-inner {
	background-color: #098be6;
}
.jobseeker-recruiter-choice, label.jobseeker-recruiter-choice {
	font-size: 16px;
	font-weight: bold;
}
.orange_button {
	background-color:#fca41c;
}
.orange_button:hover {
    background: #001533;
}
.dark_hover:hover {
    background: #001533;
}
@media screen and (min-width:931px) {
.process_list.second {
	margin-top: 0px !important;
}
.process_list.third {
	margin-top: 15px !important;
}
.process_list.fourth {
	margin-top: 30px !important;
}
}
.spinner {
	position: absolute;
	left: 50%;
	bottom: 50%;
	display: none;
}
#listContainer {
	padding-right: 2px; 
	height: 300px; 
	overflow: auto;	
}
