/*
Job offers Results
*/

/* ----------- MEMO ----------- 
#005E83; 	blu Gi Group
#2980B9; 	azzurro
#96B80E; 	verde Gi Group

/* ----------- QIBIT colors ----------- 
#052935   DARK BLUE
#79BCD4   Light BLUE
#3E9DC1   Alternative middleBLU
#2BA5EC	  Medium BLUE (featured news title color)
*/


.empty ,
.clearfix{
	clear:both;
}
.divide{
	height:2px solid #666;
}
.text-center{
	text-align:center;
}
.ggp-bulletPoints{
	border-top:1px dotted #000;
}
.ggp-wrap .padding0{
	padding:0;
}
.ggp-wrap .paddingLeft0{
	padding-left:0;
}
.ggp-wrap .paddingRight0{
	padding-right:0;
}


/**** Offers in home page "hmtl/home-form.html" *****/
.HomePageJoboffers li{
	padding-bottom:0px;
	font-size:0.9em;
}
.HomePageJoboffers li .posizione , 
.offerteHomePage li .posizione{
	font-weight:600;
}

/**** Rapid search in the bottom of the home page *****/
.home .bluebox-accordion .accordion-content a{text-transform:uppercase;}



/**** Page "jobs-1.php" *****/
.ggp-wrap div , 
.ggp-wrap input , 
.ggp-wrap select , 
.ggp-wrap form {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nResults{
	margin-bottom:10px;
  	font-size: 14px;
}



/**** Page "jobs-2.php" *****/
.ApplyButton{
	max-width:350px;
	display:block;
	border-radius:0 !important;
	padding:10px !important;
	white-space:normal;
	
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#secondary .ApplyButton{
	font-size: 1.2rem !important;
	max-width: 270px;
}
.ApplyButton.scrolledApplyButton{
	border-top:3px solid #FFF;
	border-left:3px solid #FFF;
	border-bottom:3px solid #FFF;
}

/*fixed position at the bottom when scrolled*/
.ApplyButton.scrolledApplyButton{
	position: fixed;
	top: 196px;
	right:80px;
	z-index: 10000;
	right:0;
}
.ApplyButton.scrolledApplyButton:hover{
	opacity:1;
}
.ApplyButton.scrolledApplyButton > span {
	font-size:14px;
}
.ApplyButton.scrolledApplyButton > span:first-child {
	font-size:16px;
}
@media (min-width:1200.01px) {
}
@media (max-width:979px) {
	.ApplyButton.scrolledApplyButton {
		top: 250px;
	}
}
@media (max-width:768px) {
	.ApplyButton.scrolledApplyButton {
		position: fixed;
		top:unset;
		bottom: 45px;
	}
}
@media (max-width:768px) {
	/*Here is hidden */
	.ApplyButton.scrolledApplyButton {
		visibility:hidden;
		display:none;
	}
}
@media (max-width:460px) {
	/*Here is visible */
	.ApplyButton.scrolledApplyButton {
		visibility:visible;
		display: block;
		
		position: fixed;
		top:unset;
		bottom: 50px;
		width: 92%;
		padding-top:6px !important;
		padding-bottom:6px !important;
		max-width:inherit;
		border:none;
		right:unset;
	}
	.ApplyButton.scrolledApplyButton > span:first-child {
	font-size:18px;
}
}



.ApplyButton > span{
	display:inline-block;
	white-space:normal;
	text-align:center;
	border-radius:0;
	vertical-align:middle;
	text-transform:none;
	font-size:16px;
	width:100%;
}
.ApplyButton > span:first-child{
	text-transform:uppercase;
	padding:12px 8px 8px 2px;
	max-width:70%;
	font-size:21px;
	line-height:1;
}

.ApplyButton > span:nth-child(2){
	padding:10px;
	max-width:80px;
	background-color:#3E9DC1;
	position:relative;
}
.ApplyButton > span:nth-child(2) > span.click-arrow{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	background:transparent;
	top:70%;
	left:-25%;
}
.ApplyButtons .apply_Apply_Button{
	text-align:center;
}
.ApplyButtons .apply_Back_Button{
	margin-top:40px;
	margin-bottom:20px;
}

/* print apply buttons on top of sidebar  */
.jobs-2-sidebar-button-wrapper{min-width:100%;position:relative;}
.jobs-2-sidebar-button-wrapper .print_button{position:absolute; display:inline-block; padding:6px 10px 5px;}
.jobs-2-sidebar-button-wrapper .ApplyButton{position:absolute;right:0;left:auto;width:auto;min-width:calc(100% - 60px);}
.jobs-2-sidebar-button-wrapper .ApplyButton input[type="submit"]{font-size:14px;padding:12px;width:100%;}

@media(max-width:768px){
	.jobs-2-sidebar-button-wrapper{display:none;}
}


/**horizontal search engine **/
#firstdiv #logo-and-search .homeForm,
#firstdiv #logo-and-search .widget-title,
#firstdiv #logo-and-search .textwidget,
#firstdiv #logo-and-search .homeform-container {
	transform-origin: top right;
	
}

#firstdiv #logo-and-search .homeForm,
#firstdiv #logo-and-search .widget-title,
#firstdiv.scrolled #logo-and-search .homeform-container/*,
#firstdiv #logo-and-search .textwidget,
*/ {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.homeform-container/*,
#firstdiv #logo-and-search .textwidget,
*/ {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

#firstdiv.scrolled #logo-and-search .homeform-container {
	-ms-transform: scale(0.81, 0.81);
	-webkit-transform: scale(0.81, 0.81);
	transform: scale(0.81, 0.81);
}
.ricercaAvanzata,
.titoloForm {
	display:none;
}
#firstdiv #logo-and-search .widget-title {
	text-align:right;
}
.scrolled .homeForm {
	padding:10px 0;
}

.homeForm {
	padding:25px 0 20px 0;
}
.homeForm .divCampi input{
	font-size:12px;
	max-width:220px;
}
main#main .homeForm .divBott button:hover {
	color: #79BCD4;
    
}
.homeForm .divCampi {
	margin:0 10px 5px 0;
}
.homeForm .divCampi .form-control {
	font-size: 1rem;
	padding: 10px 14px;
}
/*#page .homeForm .divCampi .form-control {
	border:none;
}*/
.homeForm .divBott button{
	padding: 5px 10px;
}
main#main .homeForm .divBott button{
	color: #fff;
    background-color: #052935;
    border-color: #052935;
	padding: 10px 14px;
	line-height:15px;
	font-size:13px;
	
}
body.qibit-parent-junior main#main .homeForm .divBott button{
	background-color: #79BCD4;
	border-color: #79BCD4;
}
body.qibit-parent-junior main#main .homeForm .divBott button:hover {
	color: #052935;
    
}
.homeform-container .widget-title {
	color:#79bcd4;
	margin-top:16px;
	padding: 0.5rem 0.75rem;
    font-size: 1.25rem;
	font-weight: 600;
    line-height: 1.25;
}
.homeform-container .widget-title {
	margin-top:8px;
}

/*--- Vertical Form ---*/
.verticalSearchForm{
	width:100%;
	padding:14px;
	background-color:#F9F9F9;
	border:1px solid #EAEAEA;
	border-top:10px solid #96B80E;
}

.verticalSearchForm form select{
	width:100%;
	margin-bottom:4px;
	min-height:45px;
}
.verticalSearchForm form .divide{
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.verticalSearchForm_title{	
	font-size:14px;
	font-weight:600;
	margin-bottom:16px;
	color:#000;
	text-transform:uppercase;
}


/*--- Job offers ---*/
.ggp-row {
	 font-size:0.9em;
	 margin:0; padding:0; width:100%;
	 display:block;
	 margin:0;
	 padding:0;
	 }
.ggp-row a.columnJoboffers h1,
.ggp-row a.columnJoboffers h2  {
	/*color:#2BA5EC;*/
	color:#333333;
	font-size:16px;
	margin:0;
	padding:0;
	line-height:140%;
	margin-bottom:10px !important;
}

.ggp-row a.columnJoboffers h3 , 
.ggp-row a.columnJoboffers h4 {
	font-size:0.9em;
	margin:0;
	padding:0;
	font-size:1em;
	/*line-height:120%;*/
	display:inline;
}

	 
/*background transition inset shadow from left to write */
.workRow  {
	 /*padding:10px 4px 14px 4px;*/
	 padding: 0;
	 border-top:1px dotted #d3d3d3;
	 
	-webkit-box-shadow: inset 1200px 0px 0px -1200px #DEF0FA;
	-moz-box-shadow:    inset 1200px 0px 0px -1200px #DEF0FA;
	box-shadow:         inset 1200px 0px 0px -1200px #DEF0FA;
	
    -webkit-transition: all 0.48s  ease-in;
    transition: all 0.48s  ease-in;
}

.workRow:hover   {
	-webkit-box-shadow: inset 1200px 0px 0px 1200px #DEF0FA;
	-moz-box-shadow:    inset 1200px 0px 0px 1200px #DEF0FA;
	box-shadow:         inset 1200px 0px 0px 1200px #DEF0FA;

    -webkit-transition: all 0.5s  ease-in;
    transition: all 0.5s  ease-in;
}
.workRow:hover  h2   { 
	color:#2BA5EC !important; 

    -webkit-transition: all 0.2s  ease-in;
    transition: all 0.2s  ease-in;
} 
.workRow > a.columnJoboffers{
	padding:10px 4px 14px;
	min-height:105px;
}

.workCol2 {
	margin:0; padding:0 10px;
}
.workCol2.dataIns, .workCol2.luogo_di_lavoro{
	color:#000000;
}
.workRow > a.columnJoboffers{
	display:flex; 
	flex-direction: row;
	align-items: center;
}
.workCol2.featured-post-icon {
	min-height:60px;
	min-width:12%;
}
.workCol2 {
	margin:0; padding:0 15px;
}
.workCol2.luogo_di_lavoro{
	width:20%;
	color:#000000;
}
.workCol2.dataIns{
	width:15%;
	color:#000000;
}
.workCol2.postiVacanti {
	width:55%;
}
}
/**** Page "jobs-1.php" *****/

#tabSearchResult a {
	color:#005E83;
}

.JobofferDetail .title-banner-wrapper{
	margin-bottom:0 !important;
}

@media(min-width:968px) {
	.JobofferDetail h1{
		font-size: 28px; 
	}
}

.JobofferDetail h1{
	/*font-size: 28px; 
	line-height: 26px; 
	color:#005E83;*/
	text-transform:uppercase;
	}
.JobofferDetail h2{
	font-size: 20px; 
	line-height: 22px; 
	margin-bottom: 4px;
	text-transform:uppercase;
}
.JobofferDetail h3 , .JobofferDetail h4{
	font-size: 18px; 
	line-height: 22px; 
	margin:0; 
	padding:0; 
	margin-bottom: 4px; 
	text-transform:uppercase;
}

.JobofferDetail #job-detail-top-data .ApplyRow {
	border:none;
	color:#FFFFFF;
	font-weight:700;
	margin-bottom:0;
}

.JobofferDetail #job-detail-top-data h2,
.JobofferDetail #job-detail-top-data h3,
.JobofferDetail #job-detail-top-data h4 {
	font-weight:600;
	font-family:inherit;
	/*font-size: 18px;
	line-height: 22px;
	margin:0;
	padding:0;
	margin-bottom: 4px;
	text-transform:uppercase;*/
}

/* --------------------------------------------------------------------------------------------------- */
/*job title - (title-banner)*/
@media(max-width:968px) {
	.ApplyButton > span {font-size:14px;}
	.JobofferDetail .title-banner-wrapper h1, .ApplyButton > span:first-child {  font-size:18px; }
	.ApplyButton > span:first-child {  max-width: 60%; }
	.JobofferDetail .title-banner-wrapper h2 {  font-size:16px; }
	.ApplyButton, .ApplyButton > span:first-child {  padding-left:0 !important;padding-right:0 !important; }
}

/* --------------------------------------------------------------------------------------------------- */
@media(max-width:768px) {
	.ApplyButton > span {font-size:12px;}
	.JobofferDetail .title-banner-wrapper h1, .ApplyButton > span:first-child {  font-size:16px; }
	.JobofferDetail .title-banner-wrapper h2 {  font-size:14px; }
}



.JobofferDetail strong{ 
	font-weight:bold;
	/*text-transform:uppercase;*/
}
.JobofferDetail #job-detail-top-data strong{ 
	font-weight:700 !important;
}
.ApplyRow{
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:#CCC 1px dotted;
	}
.ApplyRow .addthis_toolbox{
	padding:10px 0;
}	
.legal{
	font-size:12px;
	color:#8F8F8F;
	margin:20px 0 60px 0;
	line-height:120%;
}
.ApplyButtons{
	margin-top:20px;
}
.ApplyButtons div{
	margin:0;
	padding:0;
}
div a.TurnBackButton{
	margin-top:14px;
	padding:7px 16px;
	background:#FFF;
	border:1px solid #79BCD4;
	color:#79BCD4;
	white-space:nowrap;
}
a.TurnBackButton:hover{
	background: #79BCD4;
	color:#FFF;
}
a.ApplyButton{
	padding:0;
	width:100%;
}
a.ApplyButton input{
	font-size:1.2em;
	font-weight:600;
	padding:12px 24px;
	margin:0;
}


/*--------Branches new pagination---------*/
.branchNew_Row{ 
	line-height:150%;
	padding:24px 0;
	color:#666;
	border-bottom:1px dotted #000;
}
.branchNew_Title{
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:12px;
}
.branchNew_JobofferButton{
	width:100%;
	text-align:right;
	padding:3px;
	background:#005E83;
}
.branchNew_JobofferButton:hover{
	background:#2980B9;
}
.branchNew_JobofferButton a , .branchNew_JobofferButton a:link {
	color:#FFF;
	font-size:12px;
}
.branchNew_BoxAccreditedBranch , 
.branchNew_BoxBranchOnSite {
	width:130px;
	margin-top:8px;
	padding:0px 2px;
	font-size:11px;
	color:#FFF;
	text-align:center;
	background:#96B80E;
	
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.branchNew_BoxBranchOnSite {
	background:#8CC2D5;	/*Light blue*/
}






/*--------JOB OFFERS WITH MAP / TAB---------*/
.ggp-wrap #tabSearchResult li{
	list-style-position:inside;
}


/*JOB OFFERS SEARCH RESULTS DISPLAYED IN INFOBOX*/
.ggp-wrap .workRowInfoWindow{
	line-height:120%;
	font-size:12px;
	padding:8px 0;
	border-bottom:1px dotted black;	
}
.ggp-wrap .workRowInfoWindow a{
	color:#005E83;
}
.ggp-wrap .buttonMap{
	background-color:#005E83;
	color:#FFF;
	box-shadow:none;
	border:none;
	border-radius:3px;
	text-align:right;
	padding:6px 14px;
	font-size:12px;
	margin-bottom:20px;
	
	opacity:1;

	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.ggp-wrap .buttonMap:hover{
	opacity: 0.7;

	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}



/*--------JOIN OUR TEAM---------*/
.AreaTitleJoinOurTeam{
	font-weight:700;
	font-size:22px;
	text-transform:uppercase;
	margin:70px 0 12px 0;
	padding-bottom:12px;
}
.resultSendEmailUser{
	width:95%;
	margin:0 auto;
	text-align:center;
}

/*SEARCH ENGINE FILTERS*/
.joinOurTeam_searchBox{
	width:95%;
	padding:20px;
	background-color:#F8F8F8;
	border:1px solid #DDDDDD;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.joinOurTeam_searchBox H4{
	margin: 10px 0 10px 20px;
}
.joinOurTeam_searchBox div select{
	width:100%;
	padding:0 4px;
	min-height: 36px;
}
.joinOurTeam_searchBox button.btn {
	font-weight: 400;
    background: none;
    background-color: #005E83;
    border: none;
    border-radius: 0px;
    padding: 8px 8px 8px 50px;
    box-shadow: none;
	color: #FFF;
	text-shadow:none;
}


/*JOB OFFERS LIST */
.errorMessage{
	color:#96B80E;
}

/*JOB OFFERS LIST */
.VisibleTitleSmall{color:#005E83; font-size:16px; font-weight:bold;}


/**** FORM CANDIDATION APPLY "join-our-team-3.php" *****/
.FormApply_Sx{ width:25%; float:left; padding:5px 0;}
.FormApply_Dx{ width:75%; float:left; padding:5px 0;}

.formEmailUser input[type="text"]{ min-width:60%; 
width:85%; 
border:1px solid #CCC;
}



.btnwrapper {margin:40px 0 20px;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.detailsBox {width:74%; float:left;}
.dettaglioOffertaSidebar { float:left;width:22%;margin-left:4%}
.dettaglioOffertaSidebar .verticalSearchForm select {width:95%;}
.btnwrapper a.bottCandidati span {font-weight:400;font-size:0.8em;display:inline-block;padding:6px 8px;color:#999999; border:1px solid #CCC; background:none;}
.workRow.suggestions {
	background-color:transparent;
    padding-top: 4px;
	border-top-color:#CCC;
   /* border-top: 1px dotted #000;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;*/
}
.workRow.suggestions:hover {background:#f4f4f4;}
.workRow.suggestions .elencoOfferte {line-height:normal;font-size:0.9em;}
.workRow.suggestions a h1 {margin-bottom:5px !important; font-size:1.1em; line-height:normal;}
.btnwrapper span{font-weight:normal;background:rgba(153, 153, 153, 0.58);}
.btnwrapper a:hover span{font-weight:normal;background:rgba(153, 153, 153, 0.78); color:#FFF}





/* --------------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:1024px){
	
	.dettaglioOffertaSidebar {margin-left:1%;}
}



/* --------------------------------------------------------------------------------------------------- */
@media (max-width:767px) { 
	.branchNew_JobofferButton{
		width:200px;
		margin-top:16px;
	}


/**** Page "jobs-1.php" *****/
.ApplyButtons .apply_Apply_Button{
	text-align:center;
}
.ApplyButtons .apply_Back_Button{
	margin-top:30px;
	text-align:center;
}

.detailsBox {width:100% !important;float:none;}
.dettaglioOffertaSidebar {float:left;width:95%;margin-left:0;margin-top:30px;}


}



/* --------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 470px) { 

/*SEARCH ENGINE FILTERS*/
.joinOurTeam_searchBox{
	width:88%;
}

/* search engine fields */
.homeForm .divCampi { 
	width:100% !important; 
}
select , input[type="select"] , 
input[type="text"]{
	width:100% !important;
	max-width:inherit !important;
}
.divBott{ 
	margin-top:0 !important; 
}

/*Hyde the apply button because there is just the fix button at the botton */
.ApplyButtons > div:first-child{ display:none;}

/* In job list every information is in one line */
.workRow > a.columnJoboffers  { display:block;}
.workCol2 ,
.workCol2.dataIns ,
.workCol2.luogo_di_lavoro , 
.workCol2.postiVacanti {width:100%;}


/*print button*/
.print_button{color:#005E83;border:2px solid #005E83;padding:15px 10px 5px;}
.print_button:hover{color:#FFFFFF;background:#005E83;}


.accordion-content span.wpcf7-not-valid-tip {display:inline-block;}


#header div {
	-ms-flex-negative: 0 !important;
}

}


.cobrand-img {
	padding:0 15px;
	width:120px;
}
@media(max-width:600px) {
	.workRow > a.columnJoboffers {
		display:block;
		position:relative;
	}
	.workCol2, .workCol2.dataIns, .workCol2.luogo_di_lavoro, .workCol2.postiVacanti {
		width: 100%;
	}
	.cobrand-img {
		position:absolute;
		right:0;
		top:0;
	}
}

.job-metadata-section-wrapper {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
@media(max-width:600px) {
	.job-metadata-section-wrapper {
		flex-direction: column-reverse;
	}
}