/* ==========================================================================
   font-family: 'open_sansbold';
   font-family: 'open_sanslight';
   font-family: 'open_sansregular';
   font-family: 'open_sansextrabold';
   ========================================================================== */

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* General Style */
body { background: AliceBlue; font-family: 'open_sansregular', sans-serif; line-height: 1.8; }
label { font-weight: normal; }

/* Banner */
.banner-home { background-size: cover; border-radius: 10px; padding: 0 15px; height: 400px; }
.banner-home h1 { font-family: 'open_sansextrabold', sans-serif; font-size: 40px; text-align: center; color: White; padding: 100px 0 20px; margin: 0; }
.banner-inner {}
.banner-inner .responsive { width: 100%; height: auto; border-radius: 10px; }

/* Top Menu */
.top-nav { height: 60px; margin-bottom: 15px; background: Black; }

.top-nav .menu-left { margin: 0; padding: 0; float: left; }
.top-nav .menu-left li { list-style: none; display: inline-block; }
.top-nav .menu-left li a { font-family: 'open_sansextrabold', sans-serif; font-size: 25px; color: White; text-decoration: none; display: block; padding: 5px 0; }

.top-nav .menu-right { margin: 0; padding: 0; float: right; color: White; }
.top-nav .menu-right li { list-style: none; display: inline-block; }
.top-nav .menu-right > li > a { font-family: 'open_sansextrabold', sans-serif; font-size: 16px; color: White; text-decoration: none; display: block; padding: 15px 20px; }
.top-nav .menu-right > li > a:hover { background: Red; }
.top-nav .menu-right .responsive-btn { display: none; }

@media (max-width: 767px) {
	.top-nav .menu-right > li { display: none; }
	.top-nav .menu-right .responsive-btn { display: block; position: relative; z-index: 10; }
	.top-nav .menu-right .responsive-btn > ul { margin: 0; padding: 0; background: DeepSkyBlue; position: absolute; width: 300px; top: 60px; right: 0; float: none; border: 1px solid #ddd; }
	.top-nav .menu-right .responsive-btn > ul > li { list-style: none; display: block; border-bottom: 1px solid White; }
	.top-nav .menu-right .responsive-btn > ul > li:last-child { border: none; }
	.top-nav .menu-right .responsive-btn > ul > li a { font-family: 'open_sansextrabold', sans-serif; font-size: 16px; color: Black; text-decoration: none; display: block; padding: 15px 20px; }
	.top-nav .menu-right .responsive-btn > ul > li a:hover { background: Red; color: White; }
	
	.dropdown-inner { position: relative; }
	.dropdown-inner ul { margin: 0; padding: 0; background: SkyBlue; }
	.dropdown-inner ul li { width: 100%; border-bottom: 1px solid White; }
	.dropdown-inner ul li:last-child { border: none; }
	.top-nav .menu-right .responsive-btn .dropdown-inner ul li a { display: block; padding-left: 30px; }
	
	.dropdown-inner .glyphicon-menu-down { display: inline-block; float: right; }
	.dropdown-inner .glyphicon-menu-up { display: none; float: right; }
}

.top-nav .menu-right .dropdown-btn { position: relative; z-index: 10; }
.top-nav .menu-right .dropdown-btn > ul { margin: 0; padding: 0; background: DeepSkyBlue; position: absolute; width: 300px; top: 60px; right: 0; float: none; border: 1px solid #ddd; }
.top-nav .menu-right .dropdown-btn > ul > li { list-style: none; display: block; border-bottom: 1px solid #ddd; }
.top-nav .menu-right .dropdown-btn > ul > li:last-child { border: none; }
.top-nav .menu-right .dropdown-btn > ul > li a { font-family: 'open_sansextrabold', sans-serif; font-size: 16px; color: Black; text-decoration: none; display: block; padding: 15px 20px; }
.top-nav .menu-right .dropdown-btn > ul > li a:hover { background: Red; color: White; }

/* User contact and register */
.user-register, .user-contact { background: White; border: 1px solid #ddd; border-radius: 10px; margin: 15px 0; padding-bottom: 50px; line-height: 1.4; min-height: 500px; }
.user-register .heading, .user-contact .heading { margin: 0; padding: 15px 20px; font-family: 'open_sansextrabold', sans-serif; font-size: 20px; }
.user-register .heading-title, .user-contact .heading-title { margin: 0; padding: 15px 20px; border-bottom: 1px solid #ddd; font-family: 'open_sansextrabold', sans-serif; font-size: 20px; }
.user-register .btn-primary, .user-contact .btn-primary { font-family: 'open_sansextrabold', sans-serif; font-size: 16px; color: PowderBlue; }
.user-register .msg-success, .user-register .msg-failed, .user-contact .msg-success { padding: 10px 20px; font-family: 'open_sansextrabold', sans-serif; font-size: 16px; color: DarkSeaGreen; }
.user-register .msg-failed { color: GoldenRod; }

.user-register .user-register-form , .user-contact .user-contact-form { padding: 0 20px; }
.user-register .alert-danger, .user-contact .alert-danger { margin: 0 0 15px; padding: 10px 15px; border-radius: 4px; }

/* User profile */
.user-profile { width: 100%; border-top: 1px solid #ddd; }
.user-profile tr { border-bottom: 1px solid #ddd; }
.user-profile tr td { padding: 10px 20px; font-family: 'open_sansextrabold', sans-serif; font-size: 16px; vertical-align: text-top; }
.user-profile tr:nth-of-type(odd) { background: Beige; }

/* List of job post by country */
.job-list { background: White; border: 1px solid #ddd; border-radius: 10px; margin: 15px 0; padding-bottom: 50px; line-height: 1.4; min-height: 500px; }
.job-list .heading { margin: 0; padding: 15px 20px; border-bottom: 1px solid #ddd; font-family: 'open_sansextrabold', sans-serif; font-size: 20px; }
.job-list .job-info { border-bottom: 1px solid #ddd; padding: 0 20px; }
.job-list .job-info:hover { background: Beige; }
.job-list .job-title { margin: 0; padding: 10px 0; font-family: 'open_sansextrabold', sans-serif; font-size: 18px; }
.job-list .job-posted-company { margin: 0; padding: 0; font-size: 16px; font-weight: bold; }
.job-list .job-location { font-size: 16px; }
.job-list .job-content { padding-bottom: 10px; }
.job-list .job-expired { background: Bisque; padding: 2px 4px; border-radius: 5px; }
.job-list .msg-empty-job { padding: 10px 20px 0; font-family: 'open_sansextrabold', sans-serif; font-size: 16px; color: #888; }

/* Job latest */
.job-latest { background: White; border: 1px solid #ddd; border-radius: 10px; margin: 15px 0; line-height: 1.4; min-height: 500px; }
.job-latest .heading { margin: 0; padding: 15px 20px; border-bottom: 1px solid #ddd; font-family: 'open_sansextrabold', sans-serif; font-size: 20px; }
.job-latest ul { margin: 0; padding: 0; list-style: none; }
.job-latest ul li { margin: 0; padding-bottom: 1px; border-bottom: 1px solid #ddd; }
.job-latest ul li:hover { background: Beige; }
.job-latest ul li:last-child { border: 0; }
.job-latest ul li:last-child:hover { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.job-latest .job-title { margin: 0; padding: 10px 15px; font-family: 'open_sansextrabold', sans-serif; font-size: 18px; }
.job-latest .job-posted-company { margin: 0; padding: 0 15px; font-size: 16px; font-weight: bold; }
.job-latest .job-location { margin: 0; padding: 0 15px; border: 0; font-size: 16px; }
.job-latest .job-content { padding: 10px 15px; }
.job-latest .job-posted-time { padding: 0 15px; }
.job-latest .msg-empty-job { padding: 10px 20px; font-family: 'open_sansextrabold', sans-serif; font-size: 16px; color: #888; }

/* Job detail */
.job-detail { background: White; border: 1px solid #ddd; border-radius: 10px; margin: 15px 0; padding-bottom: 50px; line-height: 1.4; min-height: 500px; }
.job-detail .job-title { padding: 0 20px; margin-top: 15px; }
.job-detail .job-published-company { margin: 0; padding: 0 20px; font-size: 18px; font-weight: bold; color: DarkSlateBlue; }
.job-detail .job-location { margin: 0; padding: 0 20px; font-size: 16px; }
.job-detail .job-published-date { color: #666; padding: 0 20px; font-size: 16px; }
.job-detail .job-expired { margin-top: 20px; padding: 0 20px; }
.job-detail .job-expired .info { background: Bisque; padding: 2px 4px; border-radius: 5px; }
.job-detail .horizontal-space { margin: 20px 0; border-bottom: 1px solid #ddd; }
.job-detail .job-content { padding: 0 20px; }

.job-detail h1, .job-detail h2, .job-detail h3, .job-detail h4, .job-detail h5, .job-detail h6 { font-family: 'open_sansextrabold', sans-serif; }
.job-detail h1 { font-size: 30px; margin-bottom: 20px; }
.job-detail h2 { font-size: 26px; }
.job-detail h3 { font-size: 22px; }
.job-detail h4 { font-size: 20px; }
.job-detail h5 { font-size: 18px; }
.job-detail h6 { font-size: 16px; }

.job-detail .apply-button { margin: 20px 20px 0; }
.job-detail .apply-button .btn-primary { width: 100%; font-weight: bold; }

.job-detail .msg-invalid-job { color: GoldenRod; padding: 5px 20px; font-size: 16px; font-family: 'open_sansextrabold', sans-serif; }

/* Job apply */
.job-apply { background: White; border: 1px solid #ddd; border-radius: 10px; margin: 15px 0; padding-bottom: 50px; line-height: 1.4; min-height: 500px; }
.job-apply .heading { margin: 0; padding: 15px 20px; border-bottom: 1px solid #ddd; font-size: 20px; font-family: 'open_sansextrabold', sans-serif; }
.job-apply .job-title { color: DarkSeaGreen; }
.job-apply .msg-invalid-job, .job-apply .msg-login-required, .job-apply .msg-job-already-applied, .job-apply .msg-job-owner-match, .job-apply .msg-job-different-location, .job-apply .msg-job-application-success, .job-apply .msg-job-expired { color: GoldenRod; padding: 5px 20px; font-size: 16px; font-family: 'open_sansextrabold', sans-serif; }
.job-apply .msg-job-application-success { color: DarkSeaGreen; }
.job-apply .btn-primary { margin: 20px 20px 0; font-size: 16px; font-weight: bold; font-family: 'open_sansextrabold', sans-serif; color: PowderBlue; }
.job-apply .alert-danger { margin: 10px 0; padding: 10px 15px; border-radius: 0; }

/* Job by country  widget */
.job-by-country { background: White; border: 1px solid #ddd; border-radius: 10px; margin-top: 15px; line-height: 1.4; }
.job-by-country .heading { margin: 0; padding: 15px 20px; border-bottom: 1px solid #ddd; font-size: 20px; font-family: 'open_sansextrabold', sans-serif; }
.job-by-country ul { margin: 0; padding: 0; }
.job-by-country ul li { list-style: none; }
.job-by-country ul li a { display: block; padding: 10px 20px; border-bottom: 1px solid #ddd; font-family: 'open_sansextrabold', sans-serif; font-size: 18px; text-decoration: none; }
.job-by-country ul li a:hover { background: Beige; }
.job-by-country ul li:last-child a { border-bottom: none; }
.job-by-country ul li:last-child a:hover { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.job-by-country .badge { float: right; }
.row .col-sm-4.one { padding-left: 15px; }

@media (max-width: 991px) {
	.job-by-country ul li a { padding: 10px 10px 10px 20px; }
}

@media (max-width: 767px) {
	.job-by-country { display: none; }
}

/* Job search form */
.job-search-form { width: 680px; margin: 0 auto; }
.job-search-form .job-title { width: 280px; float: left; }
.job-search-form .job-location { width: 280px; float: left; margin-left: 10px; }
.job-search-form .job-search { width: 100px; float: left; margin-left: 10px; }
.clear { clear: both; }

@media (max-width: 767px) {
	.job-search-form { width: 100%; }
	.job-search-form .job-title { width: 100%; float: none; }
	.job-search-form .job-location { width: 100%; float: none; margin-left: 0; }
	.job-search-form .job-search { width: 100%; float: none; margin-left: 0; }
}

/* Job search result */
.job-search-result { background: White; border: 1px solid #ddd; border-radius: 10px; margin-top: 15px; padding-bottom: 50px; line-height: 1.4; min-height: 500px; }
.job-search-result .heading { margin: 0; padding: 10px 20px; border-bottom: 1px solid #ddd; font-size: 20px; font-family: 'open_sansextrabold', sans-serif; }
.job-search-result .job-info { border-bottom: 1px solid #ddd; padding: 0 20px; }
.job-search-result .job-info:hover { background: Beige; }
.job-search-result .job-title { margin: 0; padding: 10px 0; font-family: 'open_sansextrabold', sans-serif; font-size: 18px; }
.job-search-result .job-posted-company { margin: 0; padding: 0; font-size: 16px; font-weight: bold; }
.job-search-result .job-location { font-size: 16px; }
.job-search-result .job-content { padding-bottom: 10px; }
.job-search-result .job-expired { background: Bisque; padding: 2px 4px; border-radius: 5px; }
.job-search-result .msg-empty-job { padding: 10px 20px 0; font-family: 'open_sansextrabold', sans-serif; font-size: 16px; color: #888; }

/* Responsive Style */
.row .col-sm-4 { padding-left: 0; }
@media (max-width: 767px) {
	.row .col-sm-4 { padding-left: 15px; }
}

/* Pagination */
.pagination { margin: 0; padding-top: 15px; padding-left: 20px; }
.pagination > li.page { padding: 10px 16px; font-size: 18px; line-height: 1.33; position: relative; float: left; background: White; border: 1px solid #ddd; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > .active { z-index: 3; color: #fff; cursor: default; background-color: #afcee9; padding: 10px 16px; font-size: 18px; line-height: 1.33; position: relative; float: left; border: 1px solid #ddd; margin-left: -1px; }
.pagination li:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Footer */
.footer { margin: 30px 0 50px; text-align: center; }
.footer .privacy a { color: Olive; text-decoration: underline; }
.footer .copyright { color: Olive; }