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

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

.pp_checkbox {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 						 /* NEW, Spec - Opera 12.1, Firefox 20+ */

	flex-flow: row wrap;
	justify-content: center;
}

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

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

* {
	vertical-align: unset!important;
}

#capchaImg {
	margin: 0em 2em;
}

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

/* #Login Style */

#career-center h2,
#career-center h3,
#career-center h4{
	padding: 1em;
	background: #f2f2f2;
	width: 100%;
	font-weight: bold;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #419BEC!important;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #419BEC!important;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #419BEC!important;
}
:-moz-placeholder { /* Firefox 18- */
	color: #419BEC!important;
}

select {
	color: #419BEC;
}

option {
	color: #007ACA;
}

p {
	padding: 1em 2em!important;
}

/* #Register Style */
.cc-privpol{
	margin-bottom: 20px;
}

/* Overview */

	.textkernel_apply_with {
		margin-top: 20px;
	}

.apply_with_linkedin, .apply_with_xing, .apply_with_facebook, .apply_with_viadeo, .apply_with_dropbox, .apply_with_google, #clone_tk_cv_parsing {
	display: inline-block;
	margin: 0 5px 0 0;
}

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

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

input[type="file"] {
margin: 1em 2em;
}

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

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

/*	.row.cc-cv{
		margin: 0!important;
	}
*/
	.cc-cv .span-label {
		display: block;
		margin: 0 0 5px 20px;
	}

	.personal-details .span-label label{
		margin: 0 0 2px 0!important;
	}

	.personal-details {
		margin: 15px 0;
	}

	.cv-tools {
		margin: 0 0 15px 20px;
	}

	.spacer {
		margin: 0 0 15px 0;
	}

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

	.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;
	}

	#career-center .cc-cv br{
		display: none;
	}

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

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		margin: 1em 2em !important;
		padding: 1em!important;
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus,
	select:focus {
		border-width: 2px;
	}

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

	#file_upload {
		margin-bottom: 20px;
		margin-left: 30px;
	}

	#r23_0, #r24_0 {
		margin-left: 30px;
	}

	.add_new_entry {
		margin: 0 -1em !important;
	}

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

	.button,
	.addbutton {
		background-color: #002656;
		min-width: 100px;
	}

	.button {
			margin: 0em 0em 2em 2em !important;
	}

	.btn-cancel {
		color: #002656!important;
		background-color: rgba(255, 0, 0, 0) !important;
		margin: 0em 0em 2em 0em !important;
	}

	.btn-register {
		background-color: #002656 !important;
	}

	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		border-color: #002656 !important;
	}

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

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

	ul > li {
		color:#5C1919 ;
	}

	ul > li.green {
		color: #144914;
	}

	#passwordConditions > ul.green {
		border-color: #063706;
	}

	#career-center section {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex; 						 /* NEW, Spec - Opera 12.1, Firefox 20+ */


		flex-flow: row wrap;
	}

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

	.inputFieldsNew {
		flex-shrink: 0;
	}

	#menu-profile {
	}

	#menu-profile > section,
	#menu-joblist > section {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex; 						 /* NEW, Spec - Opera 12.1, Firefox 20+ */

		align-items: baseline;
	}

	#menu-profile > section > a,
	#menu-joblist > section > a {
		flex-shrink: 0;
	}

	#menu-profile > section > a > i,
	#menu-joblist > section > a > i{
		margin: 0em .2em 0em 0em;
	}

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

	.errorMsg {
		border: 1px #F5A583 solid;
		border-radius: 3px;
		background-color: #FFD0BC;
		padding: 2em;
		width: 90%;
		margin: 1em auto;
		color: #150600;
	}

	/* #Media Queries */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.container {
			width: 100%;
			max-width: 959px;
			text-align: center;
		}

		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea,
		select {
			margin: 1em auto!important;
			padding: .5em;
		}

		.button,
		.addbutton {
			margin: 0em 0em 2em 0em!important;
		}

		#career-center section {
				flex-flow: column wrap;
			}

			#passwordConditions{
				align-self: center;
			}
			#passwordConditions > ul {
				border-right: 5px solid #450808;
			}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.job-search{
			padding-right: 15px;
		}

		#menu-profile > section > a.button,
		#menu-joblist > section > a.button {
			margin: 0em 0em 2em 2em !important;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.jd-details{
			padding-right: 0 !important;
		}

		.job-search{
			padding-right: 15px;
		}

		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea,
		select {
			width: 80%;
		}

		.button,
		button,
		.addbutton,
		input[type="submit"],
		input[type="reset"],
		input[type="button"],
		.button:visited,
		button:visited,
		input[type="submit"]:visited,
		input[type="reset"]:visited,
		input[type="button"]:visited {

			width: 80%;
			margin: 1em auto!important;
			display: block;
			padding: .5em;
		}

		.input_buttons > input.addbutton {
			display: inline-block!important;
			width: 50px!important;
		}

		p {
			padding: .5em;
			text-align: justify;
		}

		#career-center h3, #career-center h4 {
			/*width: 100%;*/
			text-align: center;
		}

		#menu-profile > section > p,
		#menu-joblist > section > p {
			display: none;
		}

		/*.pp_checkbox {
			flex-flow: column wrap;
			justify-content: center;
		}*/

			/*.pp_checkbox > input[type=checkbox]{
				width: 3%;
			}*/
			.pp_checkbox > label {
				flex: 1 45%;
			}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.job-search{
			padding-bottom:20px;
		}
		.addbutton,
		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"],
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea,
		select {
			width: 60%;
		}
	}

		/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {
			.job-search{
				padding: 0 0 20px 0 !important;
			}

		}

		@media only screen and (max-width: 321px) {
			.pp_checkbox > label {
				flex: 1 90% !important;
			}

		}

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

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

		.gender-fieldset {
			margin: 1em 2em !important;
		}

		.dob-fieldset legend, .dob-fieldset .label_date_of_birth, .gender-fieldset legend {
		   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;
		}

		.pp_formup_grp .vacancy-application-open-new-window {
		    display: none;
		}