/* Table of Content
==================================================
#Component Styles
#Media Queries
*/

/* #Component Styles
================================================== */

/*.pp_checkbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.pp_checkbox input[type=checkbox]::before {
	display: block;
	white-space: pre;
	content: "\a";
}

input[type=checkbox]#cc_pp_checkbox {
	display: initial;
}

input[type=checkbox]:checked + label,
input[type=checkbox]:checked {
	background-color: #3965a5;
	color: #f1f1f1;
}*/


#capchaImg {
	margin: 1em 0;
}

.container .sixteen.columns {
	width: 100%;
}

/* #Login Style */

#career-center {
	padding: 1em;
}

#career-center .cc-cv br, #confirm-candidate-deleted {
	display: none;
}

#career-center h2,
#career-center h3,
#career-center h4 {
	margin: 1em 0 0.5em 0;
}

/* #Main Style */

#menu-profile p, #menu-joblist p {
	padding: 1em 0;
	margin: 0 !important;
}

/* #Register Style */

#cb_append {
  max-height: 200px;
  overflow: auto;
  margin-bottom: 1em;
}

.cc-newaccount {
	padding-bottom: 1em;
}

#new_cc_user, #recover-account section {
	display: flex;
}

.cc-privpol {
	margin-bottom: 20px;
}

/* Overview */

.cc-overview label, .cc-overview legend {
	font-weight: bold;
	display: block;
}

.cc-overview br {
	display: none;
}

.cc-overview .section_grouping {
	padding: 0;
}

.cc-overview .personal-details {
	padding: 1em;
}

.bold {
	font-weight: bold;
}

.span-label {
  padding: 0;
  margin: 1em 0 0 0;
}

.personal-details .span-label {
	display: block;
	margin: 5px 0 0 0;
}

#clone_tk_cv_parsing > img {
	height: 32px;
	width: auto;
}

.cv_personality > span.span-label{
	display: none!important;
}

.pp_checkbox > label {
	display: inline-block;
	width: 29%;
	padding: 1em;
	background-color: #f2f2f2;
	margin:2px 2px;
	}

	.cc-cv .span-label {
		display: block;
	}

	.personal-details .span-label label{
		margin: 10px 0 0 0;
	}

	.personal-details {
		padding: 0;
	}

	.cv-tools {
		margin: 0;
	}

	.spacer {
		display: none;
	}

	div.multi {
		clear: both;
		margin: 0 0 10px;
	}
	.section_grouping	{
		padding: 1em 0 0 0;
	}

	.section_grouping .input_buttons {
		display: block;
		margin: 10px 0;
	}
	.section_grouping .question {
		display: block;
		font-weight: bold;
	}

	.section_grouping .answer {
		display: block;
		margin: 0 10px 5px 10px;
	}

	.header_text {
		font-weight: bold;
	}

	/* Profile Match */

	.cc-profilematch .list th, .cc-list .list th, .multi th{
		font-weight:Bold;
		color: #fff;
		background: #000;
		padding: 5px;
	}
	.cc-profilematch .list td, .cc-list .list td, .multi td{
		padding: 5px;
	}

	.job-search{
		margin: 0 0 20px 0;
	}
	.job-results{
		margin: 0 0 20px 0;
	}

	/* #Button styles
	====================================================*/

	.add_new_entry {
		margin: 0;
	}

	input[type="submit"]:disabled {
		background-color: #f2f2f2 !important;
		color:#d0cece !important;
		cursor:wait;
	}

	.button,
	.addbutton {
		min-width: 100px;
	}

	.btn-cancel {
	}

	.cc-logout {
		float: right;
		margin: 3em 2em 2em 0 !important;
	}

  .cc-portable-cv {
		float: left;
		margin: 0 0 2em 2em !important;
	}

	.thickbox {
		display: none;
	}

	.footer-buttons {
		margin-top: 40px;
	}

	.job-results.box-list.box-list a.result-container-link{
		text-decoration: none;
		padding:0;
		margin:0;
		border:0;
	}

	.job-results.box-list.box-list .result-container{
		display: inline-block;
		width: 32%;
		min-width: 300px;
		margin: 20px 20px 0 0;
		padding: 1%;
		border-radius: 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
		background-color: #F5F5F5;
		border: 1px solid #E3E3E3;
	}

	.job-results.box-list .result-container .result-item{
		margin: 0 0 5px 0;
	}

	.job-results.box-list  .result-container  .result-item .result-item-title{
		font-weight: bold;
		display: block;
		clear: both;
	}

	.job-results.box-list .result-container .result-item.vacancy_title .result-item-value{
		font-size: 18px;
		text-decoration: none;
	}

	/* #Other Styles
	================================================== */
	#passwordConditions > ul {
		border-left: 5px solid #450808;
		list-style-type: none;
		padding: 10px 20px;
	}

	ul > li {
		color:#5C1919;
	}

	ul > li.green::before {
		display: none;
	  font-family: "Font Awesome 5 Solid";
	  content: '\f00c';
	}

	ul > li.green {
		color: #144914;
		background: #fff;
		border: 0;
		box-shadow: none;
	}

	#passwordConditions > ul.green {
		background: #fff;
		border: 0;
		box-shadow: none;
	}

	#passwordConditions{
		align-self: flex-end;
	}

	.inputFieldsNew {
		flex-shrink: 0;
		padding-right: 2em;
	}

	.list-no-data, .confirmDelete {
		border: 1px #F0E094 solid;
		border-radius: 3px;
		background-color: #FFFBE5;
		padding: 1em 2em;
	  margin: 1em 0;
		color: #1E1900;
	}

	/* #Media Queries */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#menu-profile .button, #menu-joblist .button {
			display: block;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

		/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {

		}

		@media only screen and (max-width: 321px) {

		}

/*-------------- EC-612 - WCAG -------------*/

.dob-fieldset {
   margin-bottom: 0px;
}

.gender-fieldset {
	margin-top: 5px;
}

.gender-fieldset label {
	font-weight: normal;
}

.dob-fieldset legend, .dob-fieldset .label_date_of_birth, .gender-fieldset legend, #exp-phone-cellular, .pp_formup_grp .vacancy-application-open-new-window {
   display: none ;
}

.gender br, .date_of_birth br {
	display: none;
}

.gender-fieldset {
  display: block;
  width: 94% ;
}

.gender-fieldset input#r5_0, .gender-fieldset input#r5_1 {
  margin-left: 2px;
  margin-top: 2px;
}

/*--------------  Fixing checkboxes -------------*/

.pp_checkbox br:first-child {
	display: none !important;
}

.pp_checkbox br {
	display: inline !important;
}