/*Home Page*/
 /*Top Bar*/
 /* font-family: 'Lato', sans-serif; */
body {
    background-color: #f2f2f2;   
    font-family: 'Lato', sans-serif;
}

.fs-14{
    font-size: 14px;
}
.top_bar div div h3 a {
    text-decoration: none;    
    color: #ff8533;
}
@media (max-width: 575px) {
  .top_bar > div{
    display: none;
  }
}
@media (min-width: 576px) {
  .r1c2 {
    text-align: right; 
  }
}
.r1c2 ul li a {
  color: black;
  text-decoration: none;
}
.r1c2 > ul > li > a:hover {
  color: #ff8533 !important;
}
.r1c2 ul span {
  font-size: larger;
  color: black;
  font-weight: 600;
}
.sign_in_nav_item, .sign_up_nav_item, .username_nav_item, .logout_nav_item {
    display: none;    
}
.navbar-brand {
    font-size: 1.75rem;
    color: #ff8533 !important;    
}
@media (min-width: 576px) {
  .navbar-brand {
      display: none;    
  }
}
@media (max-width: 575px) {
  .sign_in_nav_item, .sign_up_nav_item, .username_nav_item, .logout_nav_item {
    display: block;
  }
}
.r2 {
  background: url(https://searchbetterjob.com/themes/cyber-theque/assets/images/cover/bg5-min.png) center;
  padding: 5%;
  background-size: cover;
  position: relative;
}
.r2 div h1, .r2 div p {
  color: white;
}
.overlay {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.5);
}
.custom_active {
  border: 1px solid #ff8533 !important;
  background-color: #ff8533 !important;
}
.custom_active:hover {
  border: 1px solid #ff6600 !important;
  background-color: #ff6600 !important;
}
#uname, #psw {
  margin-bottom: .5rem;
}
.btn-fb {
  border: 1px solid #3B5998; background: #3B5998; color: white;
}
.btn-google {
  border: 1px solid #e75a4d; background: #e75a4d; color: white;
}
.btn-fb:hover {
  border: 1px solid #324b81; background: #324b81;
}
.btn-google:hover {
  border: 1px solid #e02f1f; background: #e02f1f;
}
/*Search*/

.top_jobs {
  border: 1px solid white;
  padding: 10px 5px;
  border-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.6rem;
  background-color: white;
}
.top_jobs:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.top_jobs_position {
  font-size: 15px;
  font-weight: 600;
}
.top_jobs_company {
  font-weight: 600;
  color: #ff8533;
}
.top_jobs_type {
  position: absolute;
  top: 0;
  right: 6%;
  padding: 2px 5px;
  color: white;
}
.freelancer {
  background-color: #ff8533;
}
.fulltime {
  background-color: #4caf50d6;
}
.saved_fulltime{
    background-color: #4caf50d6;
}
.parttime {
  background-color: #ff8080;
}
.contract{
    background-color: #46b8da;
}
.processing{
    background-color: #eea236;    
}
.accepted{
    background-color: #4cae4c;
}
.rejected{
    background-color: #d43f3a;
}
.top_jobs_view_details {
  position: absolute;
  right: 6%;    
}
.view_details{
    position: absolute;
    right: 58%;
}

.remove{
    margin-left: 52%;    
}
@media (max-width: 767px) {
    .top_jobs_type {
        padding: 2px 5px;
        color: white;
        right: 68%;
    }
    .saved_job_details{
        margin-top: 10px;    
    }
    
    .fulltime {
        background-color: #4caf50d6;
        margin-top: 10px;
        right: 6%;
    }
    .top_jobs_view_details {
        position: absolute;
        right: 6%;
    }
    .saved_fulltime{
        background-color: #4caf50d6;
        margin-top: 10px;
        right: 74%;
    }
    .view_details {
        position: absolute;
        right: 31%;
        top: 10px;
    }
    .remove{
        margin-left: 75%;
        margin-top: -79px;
    }
}


/*Job Details*/
.job_list {
  padding: 10px 5px;
  border: 1px solid white;
  margin-bottom: .5rem;
  background-color: #f8f9fa;
  border-left: 3px solid #607D8B;
}
.job_list_position a {
    text-decoration: none;
    color: black;
    font-size: 16px;
}
.job_list_company {
    font-size: 16px;    
}
.job_list_location {
    font-size: 14px;
}
.active_job_list {
  border-left: 3px solid #ff8533;
  background-color: white;
}
.job_heading {
  border: 1px solid white;
  background-color: white;
  padding: 10px 5px;
}
.jh {
  font-size: 1rem;
}
.address {
  font-size: 1rem;
}
.active_cont {
  border-bottom: 3px solid #ff8533;
}
@media (min-width: 991px) {
  .job_content {
    padding: 0 15px;
  }
}
.tab-content {
    line-height: 1.8rem;    
}
.content {
  border: 1px solid #ddd; 
  padding: 20px 15px;
}
.tab-content-title {
  font-size: 1.2rem;
  font-weight: 700;
}
.skill {
  background-color: #fb8d0461;
  padding: 5px;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 14px;
}
/* Top companies */

.top_company >a > div > div{
    background-color: #666666cf;
    padding: 10px 0px;
    border-radius: 5px;
    line-height: 1.6rem;
    min-height: 371px;
}
.top_company >a{
    text-decoration: none;    
}
@media (min-width: 992px) {
  .top_company div, .top_company_review {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .top_company div, .top_company_review {
    margin: auto 0;
  }
}
.top_company >a > div > div:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.top_company img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 15px;
}
.checked {
    color: orange;
}
.top_company_name {
    font-size: 17px;
    font-weight: 600;    
}
.top_company_vaccancy {
    width: 100%; 
    overflow: auto;    
}
.top_company_vaccancy ul li {
    font-size: 15px;    
}
.top_company_review, .top_rated_companies {
    border: 1px solid white;
    background-color: white;
    padding: 10px 15px;
}
.top_company_review_title, .top_rated_companies_title {
    font-size: 16px; 
    font-weight: 700;    
}
.top_rated_company {
    font-size: 15px;
    font-weight: 500;
}
.top_rated_company_view {
    position: absolute;
    bottom: 1px;
    right: 15px;
}
.banner-section{
	min-height: 255px;	
	border-bottom: 1px solid #d9d9d9;
}
.banner-area{
  	background-image: url('https://searchbetterjob.com/storage/app/media/company_banner-min.jpg');
	background-size: cover;
	position: relative;
	height: 180px;
}
@media (min-width: 768px) {
    .banner-area{
    	height: 255px;
    }
}
.company-logo{
	margin-top: 100px;
	height: 135px;
}
.company-logo img{
	border: 1px solid black;
}
.company-title{
	margin-top: 185px;
    font-size: 28px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .company-title{
        color: white;
    	margin-left: 50px;
    }
}
@media only screen and (max-width: 767px){
	.banner-section{
		height: 320px;
	}
	.company-title {
	    margin-top: 150px;
	    text-align: center;
	}
	
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	.company-title{
		margin-left: 120px;
	}
}
/* .nav-link{
    color: #000; 
    font-size: 18px;
}
.nav-item:hover{
    color: red !important;
}*/
.nav-tabs {
    border: 0 !important;    
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /* background: none; */    
}
/*
.nav-tabs .nav-link.active {
    border-bottom: 3px solid #ff8533;    
}
.content{
margin-left: -15px;
} */
.job-tab{
	border-top: 1px solid #f0f0f0;
	line-height: 22px;
}
.posted-date{
	float: right;
}
.social-sites{
    margin-top: 50px;
	border: 1px solid white;
	background-color: white;
}
.ss-title{
	font-size: 20px;
	max-height: 50px;
    padding: 5px 5px 0 5px;
}
.ss-icons{
	border-top: 1px solid #f0f0f0;
}
.ss-icons i{
	font-size: 50px !important;
	padding: 10px;
}
/* Site-footer */
.footer-section {
    background-color: rgba(0,0,0,0.8);
    padding: 10px 5px;
    color: #fff;
}
.footer-title {
    margin-bottom: 12px;    
}
.footer-title span {
    font-size: 1.5rem;
    font-weight: 400;    
}
.footer-fs-14 {
    font-size: 14px;    
}
.footer-ul {
    font-size: 14px;    
    list-style: none; 
    line-height: 1.8rem;
}
.footer-ul li a {
    color: white;    
}
.footer-ul li a:hover {
    color: #ff8533;
    text-decoration: none;
}
.copyright {
    background-color: #000;    
    color: #fff;
    padding: 10px 5px;
}

/* Employer Dashboard */
.company-dashboard {
    margin-top: 50px;
}
.left-sidebar-menu, .right-side-content {
    background-color: white !important;
    border-radius: 10px !important;
}
.content_title{
    font-size: 14px;    
}
.content_text{
    color: #627199;
    line-height: 23px;
}
.row_title{
    font-size: 18px;
}
.nav-link{
    color: #000; 
    font-size: 18px;
}
.nav-tabs {
    border: 1px solid #fff;    
}
.nav-link.active {
    color: #ff8533 !important; 
    background-color: white !important;   
}
.left-sidebar-menu-heading{
    color: #888;
}
.company_info, .about_company, .information, .details, .social-profile{
    border-bottom: 1px solid #e6e6e6;
}
.job-candidates, .job-types {
    border-bottom: 1px solid #b3b3b3;
    padding: 10px 0;
}
.sm_job_candidates {
    padding: 10px 0;
    border-top: 1px solid #b3b3b3;
    border-buttom: 1px solid #b3b3b3;
}
.job-candidates:hover, .job-types:hover {
    background-color: #f2f2f2;
}
.sm_job_candidates:hover {
    background-color: #f2f2f2;
}
.candidate_title, .mng_job_title {
    font-size: 14px;
}
.candidate_position, .candidate_qualification, .mng_job__location {
    font-size: 12px;
}
.job_candidate_skills {
    font-size: 10px; 
    background-color: #ff8533; 
    color: white;
    padding: 5px; 
    border-radius: 10px;
}
.candidate_location {
    font-size: 12px;    
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
#lg_company_candidates, #sm_company_candidates, #lg_manage_job, #sm_manage_job {
    display: none;    
}
@media (min-width: 992px) {
    #lg_company_candidates, #lg_manage_job {
        display: block;    
    }  
}
@media (max-width: 991px) {
    #sm_company_candidates, #sm_manage_job {
        display: block;    
    }  
}
.btn-cust, .btn-cust.active{
    color: #fff;
    background-color: #ff8533;
    border-color: #ff8533;
    border-radius: 5px;
}
.btn-cust:hover{
	background-color: #ff6b33;
	border-color: #ff6b33;	
}
.company-notification, .user-notification {
    padding: 10px 0;
    border-bottom: 1px solid #b3b3b3;
    line-height: 18px;
}
.company-notification:hover, .user-notification:hover {
    background-color: #f2f2f2;
}
.company-notification span, .user-notification span {
    font-size: 14px;    
}
.job_type {
    border: 1px solid transparent;
    padding: .25rem .75rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 1rem;
}
@media (max-width: 376px){
    .job_type {
        margin: 0;
        margin-bottom: 5px;
    }
}
/* joblist */
.job_list {
  padding: 10px 5px;
  margin-bottom: .5rem;
  background-color: #fff;
  border-left: 3px solid #607D8B;
}
.job_list:hover {
    border-left: 3px solid #ff8533;    
}
.job_list_position {
    font-size: 16px;
}
.job_list_position:hover{
    color: black;    
}
.joblist_link {
    color: black !important;
    text-decoration: none !important;
}
.job_list_location {
    font-size: 14px;
}
.job_list_company {
  font-weight: 600;
  color: #ff8533;
}