/*** Blue Theme ***/
/*
.self-apply .instruction-container {
	background-color: #234459; 
}

.self-apply .navbar-company .insert {
	color: #0096c7;
}

.self-apply .navbar-company .insert::after {
	content: "RECRUIT";
}

.self-apply .instruction-container > .custom-slogan > div > h3, .self-apply .instruction-container > .custom-slogan > div > p {
	color: #ffffff; 
}

.self-apply .search-bar {
	background-color: #0096c7; 
}

.self-apply .search-bar > .search-container.with-search-button > input,
.self-apply .search-bar > .search-container > a  {
	background-color: #006F94;
}

.self-apply .search-filter-bar > .search-filter-arrow-container > .search-filter-arrow-down {
	border-top: 15px solid #0096c7;
}
*/



/*** Red Theme ***/
/*

.self-apply .navbar-company .insert {
	color: #d01818;
}

.self-apply .navbar-company .insert::after {
	content: "RECRUIT";
}

.self-apply .search-bar {
	background-color: #d01818;
}

	.self-apply .search-bar > .search-container.with-search-button > input,
	.self-apply .search-bar > .search-container > a {
		background-color: #8B1010;
	}

.self-apply .search-filter-bar > .search-filter-arrow-container > .search-filter-arrow-down {
	border-top: 15px solid #d01818;
}
	*/




/*** White Theme ***/

.self-apply .navbar-company .insert {
	color: #d01818;
}

.self-apply .navbar-company .insert::after {
	content: "RECRUIT";
}

.self-apply .search-bar {
	background-color: #ffffff;
}
	.self-apply .search-bar > .search-container .icon,
	.self-apply .search-bar > .search-container > .search-filter-group {
		color: #222222;
	}
	.self-apply .search-bar > .search-container.with-search-button > input {
		color: #888888;
		font-weight: normal;
	}

	.self-apply .search-bar > .search-container.with-search-button > input, .self-apply .search-bar > .search-container > a {
		background-color: #F2F2F2;
	}

.self-apply .search-filter-bar > .search-filter-arrow-container > .search-filter-arrow-down {
	border-top: 15px solid #ffffff;
}


/*********CLEARY THEME*********************/
/***Font override***/


/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2013 Schwartzco Inc.
        License: 1508-BFKXOX     
*/


@font-face {
  font-family: 'Lyon Display Web';
  src: url('../verndale/fonts/LyonDisplay-Regular-Web.eot');
  src: url('../verndale/fonts/LyonDisplay-Regular-Web.eot?#iefix') format('embedded-opentype'),
     url('../verndale/fonts/LyonDisplay-Regular-Web.woff') format('woff'),
     url('../verndale/fonts/LyonDisplay-Regular-Web.ttf') format('truetype'),
     url('../verndale/fonts/LyonDisplay-Regular-Web.svg#Lyon Display Web') format('svg');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

.LyonDisplay-Regular-Web {
  font-family: 'Lyon Display Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Lyon Display Web';
  src: url('../verndale/fonts/LyonDisplay-RegularItalic-Web.eot');
  src: url('../verndale/fonts/LyonDisplay-RegularItalic-Web.eot?#iefix') format('embedded-opentype'),
     url('../verndale/fonts/LyonDisplay-RegularItalic-Web.woff') format('woff'),
     url('../verndale/fonts/LyonDisplay-RegularItalic-Web.ttf') format('truetype'),
     url('../verndale/fonts/LyonDisplay-RegularItalic-Web.svg#Lyon Display Web') format('svg');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}

.LyonDisplay-RegularItalic-Web {
  font-family: 'Lyon Display Web';
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Lyon Display Web';
  src: url('../verndale/fonts/LyonDisplay-Bold-Web.eot');
  src: url('../verndale/fonts/LyonDisplay-Bold-Web.eot?#iefix') format('embedded-opentype'),
     url('../verndale/fonts/LyonDisplay-Bold-Web.woff') format('woff'),
     url('../verndale/fonts/LyonDisplay-Bold-Web.ttf') format('truetype'),
     url('../verndale/fonts/LyonDisplay-Bold-Web.svg#Lyon Display Web') format('svg');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

.LyonDisplay-Bold-Web {
  font-family: 'Lyon Display Web';
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

body, .search-results-no, .page-top-label1{
font-family: 'Lyon Display Web' !important;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6, .panel-title{
font-weight:800 !important;
}

.summary, .summary div span{
font-family: 'Lyon Display Web' !important;
font-size:16px !important;
background-color: transparent !important;
}

/****End of FONT Override****/

body.layout-left-sidebar-collapsed .site-content, .self-apply .site main {
width:100vw !important;
}


.site-header, .self-apply .navbar-default, .self-apply .navbar-default .navbar-nav-2 {
    background-color: #000 !important;
    padding-top:10px !important;
}

.self-apply .navbar-lang.nav{
display:none;
}

.self-apply .navbar-lang.nav>li.dropdown-notifications {
    background-color: #fff !important;

}

.self-apply.layout-desktop .logo-image, .self-apply.layout-tablet .logo-image {
    height: 24px !important;
    width: 300px !important;
    margin: 0 auto !important;
    background-color: transparent !important;
    background-blend-mode: normal !important;
    background-position: center !important;
    max-width:100vw !important;
min-width:100vw !important;
    

}

.self-apply .logo-image{
    background-color: transparent !important;
    background-position: center !important;
}

.self-apply .slogan-container {
    display: none !important;
}

.self-apply .panel{
border: 0px !important;
margin-top:0px !important;
}

.self-apply .search-bar>.search-container.with-search-button>.searchTag>.keyword {
background-color: #4d8300 !important;
border-color: #396a00 !important;
display:none;
}

.search-bar .searchTag {
border:0px !important;
}

.page-top-container-wizard-recruit, .page-top-container-large-recruit {
background-color: #111 !important;
}

.navbar-company{
padding-top:20px;
}



/*********END OF CLEARY THEME**************/