/* add custom CSS here */

header{
	background-color: #02174D !important;
}

.bullhorn{
	position: absolute !important;
	bottom: 2% !important;
}

.powered-by{
	position: absolute !important;	
	bottom: 6% !important;
}

body > app-root > div > app-main-page > div > app-sidebar > div.header > novo-search > button{
	background-color: #02174D !important;
}

body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > div > item-header > item-title > h6 > a{
	color : #02174D !important;
}

body > app-root > div > app-main-page > div > div > app-job-list > div.mobile-filter-container > button{
	color: #02174D !important;
	border-color: #02174D !important;
}

body > app-root > div > app-main-page > div > div > app-job-list > div.mobile-filter-container > button > div > i{
	margin-left: 0 !important;
}

body > app-root > div > novo-modal-container > app-apply-modal > novo-modal > header > div:nth-child(3) > span.separator,
body > app-root > div > novo-modal-container > app-apply-modal > novo-modal > header > div:nth-child(3) > span.type{
	display: none !important;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 425px) {
	.sezam-logo{
		position: absolute;
		top: 0%;
		width: 40%;
	}

	.header-title h1{
		position: absolute;
		right: 6%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		right: 0;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "" !important;;
	}
}

@media only screen and (max-width: 375px) {
	.sezam-logo{
		position: absolute;
		top: 0%;
		width: 40%;
	}

	.header-title h1{
		position: absolute;
		right: 6%;
		top: 3%;
		font-size: 1.3em !important;
	}

	.header-icon{
		position: absolute;
		right: 0;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "" !important;;
	}
}

@media only screen and (max-width: 320px) {
	.sezam-logo{
		position: absolute;
		top: 1%;
		width: 40%;
	}

	.header-title h1{
		position: absolute;
		right: 6%;
		top: 3%;
		font-size: 1.3em !important;
	}

	.header-icon{
		position: absolute;
		right: 0;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "" !important;;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.sezam-logo{
		position: absolute;
		top: 0%;
		width: 25%;
	}

	.header-title h1{
		position: absolute;
		left: 39%;
		top: 4%;
	}

	.header-icon{
		position: absolute;
		left: 32%;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "Retour >" !important;
		top: 2.5% !important;	
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.sezam-logo{
		position: absolute;
		width: 20%;
	}

	.header-title h1{
		position: absolute;
		left: 39%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		left: 32%;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "Retour >" !important;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.sezam-logo{
		position: absolute;
		width: 15%;
	}

	.header-title h1{
		position: absolute;
		left: 32%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		left: 27%;
	}
		
	.go-back-to-sezam:after{
		content: "Retour >" !important;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.sezam-logo{
		position: absolute;
		top: 0px;
		width: 10%;
	}

	.header-title h1{
		position: absolute;
		left: 23%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		left: 20%;
	}

	
	.go-back-to-sezam:after{
		content: "Retour au site >" !important;
	}
}
/* IPHONE XR XS XSMAX AND LATEST */
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation : portrait){
	.sezam-logo{
		position: absolute;
		top: 0%;
		width: 40%;
	}

	.header-title h1{
		position: absolute;
		right: 6%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		right: 0;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "" !important;;
	}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) { 
	.sezam-logo{
		position: absolute;
		top: 0%;
		width: 40%;
	}

	.header-title h1{
		position: absolute;
		right: 6%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		right: 0;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "" !important;;
	}
}

@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait){ 
	.sezam-logo{
		position: absolute;
		top: 0%;
		width: 40%;
	}

	.header-title h1{
		position: absolute;
		right: 6%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		right: 0;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "" !important;;
	}
}

/* IPHONE 6 7 8 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { 
	.sezam-logo{
		position: absolute;
		top: 0%;
		width: 40%;
	}

	.header-title h1{
		position: absolute;
		right: 6%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		right: 0;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "" !important;;
	}
}

/* IPHONE 6+ 7+ 8+ */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { 
	.sezam-logo{
		position: absolute;
		top: 0%;
		width: 40%;
	}

	.header-title h1{
		position: absolute;
		right: 6%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		right: 0;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "" !important;;
	}
}

/* IPHONE 5 5S */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 
	.sezam-logo{
		position: absolute;
		top: 0%;
		width: 40%;
	}

	.header-title h1{
		position: absolute;
		right: 6%;
		top: 2%;
	}

	.header-icon{
		position: absolute;
		right: 0;
	}

	body > app-root > div > app-main-page > div > div > app-job-list > novo-list > div > novo-list-item > item-header-end{
		margin-top: .5rem;
	}

	.go-back-to-sezam:after{
		content: "" !important;;
	}
}

.go-back-to-sezam:after{
	content: "Retour au site >";
	color: white ;
	font-size: 1.4rem !important;
	position: absolute;
	right: 2%;
	top: 2%;
}