/*------------------------------------------
Project Name : Jobs Portal
Desgined By  : college2company
Developed By : Mohammad Arif;
Date        :  11/Aug/2020;

Table Of Index
------------------

1. Base css
2. Typography css
3. Header css
4. Top Search css
5. Map search css
6. Revolution slider css
7. How it works css
8. Top Employers css
9. Home Jobs css
10. Video css
11. Testimonials css
12. App Box css
13. Search List css
14. Job Detail css
15. Cms Pages css
16. FAQs css css
17. User Account css
18. 404 Page css
19. About Us css
20. Pay Packages css
21. Blog Listing css
22. Blog Grid css
23. Blog Detail css
24. Blog sidebar css
25. Footer css
26. Media Queries css
------------------------------------------*/


/************************************************
           ==Start Base css==
*************************************************/

/* Google Fonts preconnected & loaded asynchronously via <link> in common-header-links.php for Core Web Vitals speed */
/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	margin-bottom: 10px;
	font-weight: 600;
}
a {
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
a:focus {
    text-decoration: none;
}
a:focus { 
    outline: 0 solid 
}
input:focus, textarea:focus{
    outline: none;
}
p {
	line-height: 22px;
}
img {
	max-width: 100%;
}
select{  
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
}
.margin-top30 {
	margin-top: 30px;
}
.margin-left80 {
	margin-left: 80px;
}

/*Common*/


#myModalNewUser{
margin-top:12%;
}


#myModalNewUser div.modal-content {
padding:0 0 50px 0;
}


button#btnLoadMore {
    padding: 8px 50px;
    font-size: 18px;
    font-weight: 600;
}

		#loading{
			display:none;
			width: 100%;
			padding:8px 10px;			
			text-align: center;
			margin:0 0 10px 0;
			color:white;
			background: rgba(0,0,23,0.71);
			box-shadow: 0 0 10px black;	
		}


#resume-plan-open{
padding:0;
}


ul.retail-download-text{
list-style:none;
padding:0;
}

ul.retail-download-text li {
    margin: 10px 0 0 0;
    color: #555;
    font-size: 15px;
}

div#resume-plan-open-one {
    background-color: #14af14;
    padding: 5px 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
	 color:#000;
}


div#resume-plan-open-two {
    background-color: #3a7af9;
    padding: 5px 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
		 color:#000;
}


/*div#resume-plan-open-two span.retail-resume-count-qualify-2 i#for-dark-greeen{
color:#3aff3a !important;
}
*/

/* Button Animation CSS - Start */

.button-animated {
    background-color: #263bd6;
    -webkit-border-radius: 0.25rem;
    border-radius: 4px;
    color: #eeeeee;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 8px 6px 8px 8px !important;
    margin: -1px 8px 0px 0;
    float: right;
    border: outset thin #fff;
    text-shadow: none;
	text-transform:uppercase;
}
      @keyframes glowing {
        0% {
          background-color: #e00606;
          box-shadow: 0 0 5px #e00606;
        }
        50% {
          background-color: #ffeb3be6;
          box-shadow: 0 0 20px #ffeb3be6;
		  color: #00CC33;
        }
        100% {
          background-color: #263bd6;
          box-shadow: 0 0 5px #263bd6;
		      
        }
      }
      .button-animated {
        animation: glowing 4000ms infinite;
      }
	  
	   .button-animated:hover {
		text-decoration:none;
		animation: none;
		color:#fff;
      }
	  
	  .button-animated i{
		 font-size: 16px !important;
      }
/* Button Animation CSS - End */


div#resume-plan-open-three {
background-color:#FF6600;
    padding: 5px 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color:#000;
	cursor:pointer;
}

#close-plan-box{
float:right;
}

.sticky-top-cv-bar {
background-color:#f12626!important;
	position: fixed;
	width: 840px;
    padding: 2px 15px;
	right: 222px;;
	top: 0;
	z-index: 100;
	border-top: 0;
    -moz-transition: padding .3s ease-in;
    -o-transition: padding .3s ease-in;
    -webkit-transition: padding .3s ease-in;
    transition: padding .3s ease-in;
	
	
}


.change-employer-candidate-select-bg{
/*background-color:#f12626!important;*/
margin-top:-10px;
}


input.candidate-resume-select {
    height: 18px;
    width: 18px;
    vertical-align: text-bottom;
    box-shadow: 0px 0px 6px 4px #ffff00;
}


img.c2c-img-responsive {
    max-width: 100%;
    height: auto;
}

.page-heading.about-us-page-h1{
font-size:35px;
}

.page-heading.about-us-page-h1 span{
color:#CC0000;
}

.searchwrap.stay-with-us {
    background: #f12626d9;
    padding: 25px 0 30px 0;
}

.searchwrap.stay-with-us h3 {
   text-align:center;
}


div#error-404-content {
    background: #263bd6de;
}

div#error-404-content h1 {
    margin: 40px 0 20px 0px;
    font-size: 150px;
    color: #fff;
}

div#error-404-content h4 {
    color: #000;
    font-size: 24px;
}

.emp-custom-padd.employer-register-form.pageTitle {
    padding: 20px 0 12px 0;
}

.pageTitle.ibp-custom-padd.ibp-register-form{
padding: 20px 0 12px 0;
}


div#error-404-content p {
    font-size: 18px;
    margin: 2px 0 40px 0;
    font-weight: 600;
    color: #fff;
}


#emp-regd-h3-tag{

    font-size: 18px;
    color: #0a0a0ab0;
    font-weight: 700;
    text-align: left;
    margin: 8px 0 0 0;
}



h1#home-page-h1-tag {
    background: #f12626;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    font-size: 23px;
    margin: 22px 0 0 0;
    padding: 8px 0 10px 0;
}

h1#home-page-h1-tag-blue {
    background: #0000CC;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    font-size: 24px;
    margin: 22px 0 0 0;
    padding: 6px 0 6px 0;
}



h1#home-page-h1-tag i {
    color: #0e0e0e;
    font-size: 30px;
    text-shadow: none;
    margin: 0px 0 0 0;
    vertical-align: text-bottom;
}


div#home-page-content {
    border: 1px solid #cccccc73;
    padding: 30px 15px 30px 15px;
}

div#home-page-content p {
    line-height: 30px;
}


div#home-page-content h3 {
    font-size: 36px;
}

div#home-page-content h3 span {
    font-weight: 600;
}


.section {
	padding: 50px 0;
	overflow: hidden;
}
.greybg {
	background: #f6f6f6;
}
/*Section Title*/
.titleTop {
	text-align: center;
	margin-bottom: 30px;
}
.titleTop .subtitle {
	font-size: 24px;
	font-weight: 600;
	color: #888;
}
.titleTop h3 {
	font-size: 48px;
	font-weight: 500;
	color: #000;
}
.titleTop h3 span {
	color: #263bd6;
	font-weight: 200;
}



.mt-5 {
	margin-top: -5px!important
}
.mt-10 {
	margin-top: -10px!important
}
.mt-15 {
	margin-top: -15px!important
}
.mt-20 {
	margin-top: -20px!important
}


.mt0 {
	margin-top: 0px!important
}

.mt10 {
	margin-top: 10px!important
}
.mt15 {
	margin-top: 15px!important
}
.mt20 {
	margin-top: 20px!important
}
.mt25 {
	margin-top: 25px!important
}
.mt30 {
	margin-top: 30px!important
}
.mt35 {
	margin-top: 35px!important
}
.mt40 {
	margin-top: 40px!important
}
.mt45 {
	margin-top: 45px!important
}
.mb5 {
	margin-bottom: 5px!important
}
.mb10 {
	margin-bottom: 10px!important
}
.mb15 {
	margin-bottom: 15px!important
}
.mb20 {
	margin-bottom: 20px!important
}
.mb25 {
	margin-bottom: 25px!important
}
.mb30 {
	margin-bottom: 30px!important
}
.mb35 {
	margin-bottom: 35px!important
}
.mb40 {
	margin-bottom: 40px!important
}
.mb45 {
	margin-bottom: 45px!important
}

.mb60 {
	margin-bottom: 60px!important
}

.mb-5{margin-bottom: -5px!important}


.mb-10{margin-bottom: -10px!important}



.ml0 {
	margin-left: 0px!important
}
.ml5 {
	margin-left: 5px!important
}
.ml10 {
	margin-left: 10px!important
}
.ml15 {
	margin-left: 15px!important
}
.ml20 {
	margin-left: 20px!important
}
.ml25 {
	margin-left: 25px!important
}
.ml30 {
	margin-left: 30px!important
}
.ml35 {
	margin-left: 35px!important
}
.ml40 {
	margin-left: 40px!important
}
.ml45 {
	margin-left: 45px!important
}
.ml50 {
	margin-left: 50px!important
}
.ml55 {
	margin-left: 55px!important
}
.ml60 {
	margin-left: 60px!important
}
.ml65 {
	margin-left: 65px!important
}
.mr5 {
	margin-right: 5px!important
}
.mr10 {
	margin-right: 10px!important
}
.mr15 {
	margin-right: 15px!important
}
.mr20 {
	margin-right: 20px!important
}
.mr25 {
	margin-right: 25px!important
}
.mr30 {
	margin-right: 30px!important
}
.mr35 {
	margin-right: 35px!important
}
.mr40 {
	margin-right: 40px!important
}
.mr45 {
	margin-right: 45px!important
}
.mr50 {
	margin-right: 50px!important
}
.mr55 {
	margin-right: 55px!important
}
.mr60 {
	margin-right: 60px!important
}
.mr65 {
	margin-right: 65px!important
}
.-ml5 {
	margin-left: -5px!important
}
.-ml10 {
	margin-left: -10px!important
}
.-ml15 {
	margin-left: -15px!important
}
.-ml20 {
	margin-left: -20px!important
}
.-ml25 {
	margin-left: -25px!important
}
.-ml30 {
	margin-left: -30px!important
}
.-ml35 {
	margin-left: -35px!important
}
.-ml40 {
	margin-left: -40px!important
}
.pt5 {
	padding-top: 5px!important
}
.pt10 {
	padding-top: 10px!important
}
.pt15 {
	padding-top: 15px!important
}
.pt20 {
	padding-top: 20px!important
}
.pt25 {
	padding-top: 25px!important
}

.pt30 {
	padding-top: 30px!important
}

.pt35 {
	padding-top: 35px!important
}

.pt45 {
	padding-top: 45px!important
}


.pb5 {
	padding-bottom: 5px!important
}
.pb10 {
	padding-bottom: 10px!important
}
.pb15 {
	padding-bottom: 15px!important
}
.pb20 {
	padding-bottom: 20px!important
}
.pb25 {
	padding-bottom: 25px!important
}
.pl5 {
	padding-left: 5px!important
}
.pl10 {
	padding-left: 10px!important
}
.pl15 {
	padding-left: 15px!important
}
.pl20 {
	padding-left: 20px!important
}
.pl25 {
	padding-left: 25px!important
}

.pl30 {
	padding-left: 30px!important
}

.pl35 {
	padding-left: 35px!important
}

.pl40 {
	padding-left: 40px!important
}

.padd5{padding:5px!important;}
.padd10{padding:10px!important;}

.padd50{padding:50px!important;}

.no-padd {
	padding: 0!important
}
.no-padd-left {
	padding-left: 0!important
}
.no-padd-right {
	padding-right: 0!important
}
.no-padd-top {
	padding-top: 0!important
}
.no-padd-bottom {
	padding-bottom: 0!important
}

.no-wrap{white-space:nowrap!important
}

.vam{
vertical-align:middle!important;
}

.b{font-weight: bold;}
.ul{text-decoration:underline!important}

.font-black{color: #000 !important}

.font-white{color: #fff !important}
.font-blue{color:#0000FF!important;}
.font-orange{color:#FF6600!important;}
.font-green{color:#009900!important;}
.font-dark-green{color:#3aff3a !important;}
.font-red{color:#ef0606de!important;}
.font-pink{color:#ef6179!important;}
.font-light-grey{color:#666666!important;}
.font-yellow{color:#FFFF00!important;}

.bg-grey {background: #ccc!important;}

.no-border{border:none!important;}

.borderless td, .borderless th {
    border: none!important;
}

.c2c-center{ text-align:-webkit-center!important;}

.f11{ font-size:11px!important;}
.f12{ font-size:12px!important;}
.f13{ font-size:13px!important;}
.f14{ font-size:14px!important;}



/************************************************
           ==Custom css== ari
*************************************************/


table#tbl-retail-access-detail{
width:60%;
}

h2#jobseeker-registration {
    font-size: 18px;
    color: #0a0a0ab0;
    font-weight: 700;
    text-align: left;
    margin: 8px 0 0 0;
}


h3#jobseeker-registration-h3 {
    font-size: 16px;
    padding: 0;
    margin: 0 0 0 0;
	font-weight:500;
}



#dob_day{
width:23%!important;
float:left!important;
}

#dob_month{
width:23%!important;
float:left!important;
margin-left:5px!important;
}

#dob_year{
width:23%!important;
float:left!important;
margin-left:5px!important;
}

div#problem-regd-form-area {
    background: #f8f8f8;
	border: solid thin #f8f8f861;
    padding: 45px 10%;
    margin: 0 0;
}


div#problem-regd-form-area .form-control {
    height: 50px;
    border: solid thin #e4e0e094;
    box-shadow: none !important;
}

div#problem-regd-form-area label {
   color:#000;
   font-weight:600;
   padding-bottom:3px;
}



div#job-apply-form-area {
    background: #f8f8f8;
	border: solid thin #f8f8f861;
    padding: 45px 20%;
    margin: 0 0;
}


div#job-apply-form-area .form-control {
    height: 50px;
    border: solid thin #e4e0e094;
    box-shadow: none !important;
}

div#job-apply-form-area label {
   color:#000;
   font-weight:600;
   padding-bottom:3px;
}

.job-opening-box {
    background: #f8f8f8;
    border: outset thin #f8f8f861;
    margin: 0 0 30px 0;
    padding: 20px 20px;
}

#jobs_passport{
padding:3px 13px;
color:#999;
font-size:13px;
width:20%;
}

#jobs_driving_lic{
padding:3px 13px;
color:#999;
font-size:13px;
width:20%;
}

.sal-padd-left{
padding-left:0;
}

.sal-padd-right{
padding-right:0;
}


div#upgrade-membership p.line2_emp {
    color: #555;
    font-weight: 600;
    font-size: 13px;
    margin-top: -15px;
}

.btn-report-align{
text-align:left !important;
}

li.go-back-pull-right{
float:right;
}


#search-area-candidate .container-fluid{
margin-left:20px!important;
margin-right:20px!important;
}

.listpgWraper.comp-serach {
    background: #f0f0f0;
    padding: 30px 0 40px 0;
    min-height: 400px;
}


.candidate-resume-list-info-left-activity {
    font-size: 12px;
    margin: 10px 0 0 0;
    padding-right: 0;
    color: #555;
    font-weight: 600;
    text-align: left;
}



/*.candidate-resume-list-footer div {
    text-align: left;
    background: #f12626;
    padding: 6px 0 6px 35px;
    border: solid thin #000;
    margin: 0 0 3px 5px;
    width: 48%;
}*/

a.cand-view-all {
    color: #0bce13;
    font-weight: 600;
}

.padding-left-footer-last{
padding-left:40px !important;
}


a#verify-mobile-myacount{
   
    margin: 0 0 0 88px!important
   
}

a#email-verify-myacount{
   
    margin: 0 0 0 0!important;
   
}


div#mobile-otp-area {
    background: #cccccc5e;
    padding: 10px 10px 0 10px;
    margin: 24px 0 0 0;
    border: outset thin #ecececad;
}


input#btn_start_verification {
    font-weight: 600;
    padding: 5px 0 3px 0;
    height: 44px;
    font-size: 13px;
    text-transform: uppercase;
}


input#btn_verify_mobile {
    font-weight: 600;
    padding: 5px 0 3px 0;
    height: 44px;
    font-size: 13px;
    text-transform: uppercase;
}




div#mobile-verify-now {
    background: #fff;
    border: 3px solid red;
    padding: 12px 8px 12px 8px;
    color: red;
    font-weight: 600;
    text-align: left;
    font-size: 14px;
}

div#mobile-verify-now span{
    color: #000;
    font-weight: 600;
	 font-size:14px;
}

div#mobile-verify-now a {
    background-color: #009933;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
    /*margin: 0 0 0 180px;*/
    font-size: 12px;
    font-weight: 600;
	 float:right;
}


div#email-verify-now {
    background: #fff;
    border: 3px solid blue;
    padding: 12px 8px 12px 8px;
    color: blue;
    font-weight: 600;
	text-align:left;
	font-size: 14px;
	
}

div#email-verify-now span{
    color: #000;
    font-weight: 600;
	 font-size:14px;
}

div#email-verify-now a {
    background-color: #009933;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
    /*margin: 0 0 0 70px;*/
    font-size: 12px;
    font-weight: 600;
	float:right;
}



p.gst-info-title {
    font-size: 11px;
    font-weight: 600;
    color: #fff !important;
    background: #00000085;
    margin: 5px 0 10px 0;
}


#active-filters p {
    font-weight: 700;
    color: #0099FF;
    font-size: 12px;
}


#active-filters div.filter-filters {
    font-weight: 500;
    color: #333;
    font-size: 11px;
    padding: 0;
	margin-bottom:5px;
}

#active-filters div.filter-filters a{
cursor:pointer;
}

h3#resume-plan-heading {
    background: #ccc;
    color: #000;
    font-size: 16px;
    padding: 8px 0 6px 0;
    text-transform: uppercase;
    font-weight: 600;
}



.retail-resume-plan-box-outer {
    background: #fff;
	padding:10px;
	text-align:center;
	margin:10px 0 0 0;
}

.retail-resume-plan-box-1 {
    background: green;
	font-size:17px;
	font-weight:600;
	color:white;
	text-align:center;
	width:45%;
	 padding:10px 15px;
	margin-left:25px;
}

.retail-resume-plan-box-2 {
    background: blue;
	font-size:17px;
	font-weight:600;
	color:white;
	text-align:center;
	width:45%;
    padding:10px 15px;
	margin-left:25px;
}

.retail-resume-plan-box-progress {
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    color: #555;
    text-align: center;
    padding: 10px 5px;
    margin: 8px 0 0 0;
    border: solid thin #ccc;
}


span.resume-retail-plan-lable {
    color: yellow;
    font-size: 25px;
    text-shadow: 1px 1px 1px #000;
}



div#service-msg p{
text-align:left!important;
}

#employer-manage-job-outer {
    margin: 20px 0 0 0;
    padding: 0 60px;
}


.sidebar-filter-candidate.for-candidate-filter-outer {
    color: #FF6600!important;
    font-size: 13px;
    margin: 0 0 0 -14px;
	 font-family: sans-serif;
	 font-weight:500;
	
}

.open-filter-box.for-candidate-filter {
    width: 225px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 18px 0;
}


.open-sub-roles a.for-candidate-filter-outer {
    width: 240px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 18px 0;
}



.widget.for-candidate-filter{
margin-bottom: 20px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}


.optionlist.subrole-filter li {
    margin: 5px 0 15px 0 !important;
    padding: 0;
    position: relative;
    padding-left: 30px;
    font-size: 13px;
    font-family: sans-serif;
}




.see-more-less {
    color: red;
    font-weight: 600;
}


.comp-result-left{
background-color:#fff;
padding:0 0 10px 0;
}

.comp-result-left-link {
    margin: 8px 0 8px 0;
    padding: 0 0 0 10px;
}

.comp-result-left-link a {
    color: #555;
    font-size: 13px;
}


.comp-result-left h3 {
    background-color: blue;
    color: #fff;
    padding: 8px 5px 8px 5px;
    margin: 0 0 10px 0;
    font-size: 18px;
}


a.comp-name-result{

color:blue;
font-weight:600;
margin:0 0 10px 0;

}

div#comp-search-box {
    background: #f126267a;
    margin: 0 0 15px 0;
}

#comp-result-box {
    background: #fff;
    margin: 0 0 15px 0;
    padding: 0 0 15px 30px;
}



.btn-upgrade-in-ibp {
    font-size: 12px;
    background: black;
    color: white;
    text-transform: uppercase;
    padding: 5px 5px 3px 5px;
    border: solid thin #000000;
    margin: 0;
    float: right;
    font-weight: 700;
}

.terms-check-ibp {
    font-size: 12px;
    margin: 4px 0 0 210px !important;
    padding-left: 40px;
}

.view-done {
    text-align: center;
    padding: 4px 0;
    font-weight: 700;
    font-size: 10px;
    color: #000;
    background: #10ea1969;
    width: 90%;
}

.view-done-spacer {
    text-align: center;
    padding: 4px 0;
    font-weight: 700;
    font-size: 10px;
    color: #000;
}

.btn-download-resume-disabled {
    background: #ccc;
    color: #000;
    font-weight: 600;
    border-radius: 0;
    border: outset thin #ccc;
    font-size: 14px;
    margin-left: 10px;
}


div#active-filters {
    background: #fff;
    margin: 20px 0 0 0;
    padding: 10px 10px;
}

.notification-jobseeker {
    text-decoration: none;
    padding: 0 !important;
    position: relative !important;
    display: inline-block !important;
    border-radius: 2px;
    margin: 14px 0 0 0;
}

.notification-jobseeker:hover {
  background: red;
}

.notification-jobseeker .badge {
    position: absolute;
    top: -10px;
    left: 12px;
    padding: 5px 8px;
    border-radius: 50%;
    background: red;
    color: white;
}


.notification-jobseeker span i{
 
 color:#000!important;
 font-size:26px!important;
 
}



.notification {
    text-decoration: none;
    padding: 0 !important;
    position: relative !important;
    display: inline-block !important;
    border-radius: 2px;
    margin: 14px 0 0 0;
}

.notification:hover {
  background: red;
}

.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background: red;
  color: white;
}


.notification span i{
 
 color:#000!important;
 font-size:26px!important;
 
}


#profile-view-tabs-links li.active a {
    font-weight: 600;
    color: #000;
    font-size: 12px;
    padding: 3px 8px;
    border: solid thin #263bd6;
    background: #fff;
    border-radius: 0;
}

.message-chat-area {
    height: 300px;
    overflow: auto;
}

#sendMsgModal div.modal-header {
    background: #d0caca;
    text-transform: uppercase;
}

#sendMsgModal div.modal-header h4 {
  font-size: 16px !important;
}

.btn-white-disable{
background-color:#fff !important;
color:#000!important;
border: solid thin #999999!important;
}

div#employer-forget-password-area {
    border: dotted thin #f12626;
    border-top: none;
    padding: 12px 20px;
}

#jobseeker-forget-pass input{
border:solid thin #E0E0E0!important;
border-radius:0!important;
height:45px;
}

.searchbar.inner-compact.jobseeker {
    margin: 18px 0 0 0;
}

div#txt_search_keyword_div {
    background: #fff;
    height: 45px;
    font-size: 15px;
    color: #999;
    padding: 14px 0 0 7px;
}

div#upgrade-membership {
    background: #ffffff;
    margin: 12px 0 15px 0;
    padding: 8px 0 12px 24px;
    border: solid 4px #FFC107;
    border-radius: 0;
}

div#upgrade-membership span{
 color:#FF0000;
}

div#upgrade-membership a {
    float: right;
    margin: 6px 20px 0 0;
    background: #FFC107;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0px;
    word-spacing: 4px;
    padding: 10px 21px;
    font-size: 15px;
    box-shadow: 1px 1px 5px 1px #ccc8c8;
    border: solid thin #d3d1d1;
    font-weight: 700;
}

div#upgrade-membership p.line1 {
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

div#upgrade-membership p.line2 {
    color: #555;
    font-weight: 600;
    font-size: 13px;

}


a#currResume {
    float: right;
    font-size: 12px;
    margin: 0 10px 0 0;
}


h6.home-top-locations {
    margin:15px 0 0 0;
}

h6.home-top-locations a {
    font-size: 14px;
}


div#employer-search-box {
    margin: -75px 0 0 0;
    background: #fff;
    padding: 14px 0;
    text-align: center;
    border: solid thin #fff;
}

#search-tabs-links {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

#search-tabs-links li {
   	
}


#search-tabs-links li a {
    color: #000;
    padding: 3px 6px;
    font-size: 13px;
    font-weight: 600;
	background:#fff;
	border: none;
}

#search-tabs-links li.active a {
    color: #fff;
    padding: 3px 6px;
    font-size: 13px;
    font-weight: 600;
	background:#f12626;
}

.employer-dashboard-form.ibp{
background: #f0f0f0;
padding: 50px 0;
min-height: 50px;
}

.ibp-dashboard-card-2 {
    background: #142ff3;
    border: 1px outset #142ff3;
    padding: 10px 0 10px 0;
    margin: 10px 0 10px 0;
    text-transform: uppercase;
}

.ibp-dashboard-card-2 p{
   
   font-size:20px;
   color:#fff !important;
   margin:0 0 0 0;
   font-weight:600;
   vertical-align:middle;
}

.ibp-dashboard-card-2 i{
   
   font-size:24px!important;
   color:#000;
}


.ibp-dashboard-card {
    background: #ef0606de;
    border: 1px outset #ef060696;
    padding: 15px 0 0 0;
    margin: 10px 0 10px 0;
    height: 215px;
}

.ibp-dashboard-card p{
   
   font-size:18px;
   color:#fff !important;
   margin:12px 0 0 0;
   font-weight:600;
}


.ibp-dashboard-card div{
   
   font-size:40px;
   color:#FFFF00 !important;
   margin:12px 0 0 0;
   font-weight:700;
   text-align:center;
   text-shadow:1px 1px 1px #000;
}

.ibp-dashboard-card p span{
   
   font-size:16px;
   color:#FFFF00 !important;
   margin:12px 0 0 0;
   font-weight:600;
}



.ibp-dashboard-card i.one{
   
   font-size:60px!important;
   color:#000;
}

.ibp-dashboard-card i.two{
   
   font-size:60px!important;
   color:#000;
}


.ibp-dashboard-card i.three{
   
   font-size:60px!important;
   color:#000;
}

.commission-status {
    text-align: right;
    margin: -14px 0 15px 0;
}

.commission-status span{
   color:#000;
   font-weight:600;
  
}

.commission-status label{
   color:#000;
   font-weight:600;
   padding-top:10px;
}

.commission-status div{
 padding:0;
}


span.ibp-listed-by {
   clear:both;
    font-size: 11px;
    color: #f12626;
    font-weight: 600;
    background: #FFEB3B;
    padding: 3px 6px;
}

span.ibp-upgrade-date {
    float: right;
    font-size: 12px;
    color: #f12626;
    font-weight: 600;
    margin: 2px 0 0 0;
    background: #FFEB3B;
    padding: 3px 3px 3px 3px;
}

span.ibp-add-date {
    float: right;
    font-size: 12px;
    color: #555;
    font-weight: 700;
    margin: 2px 0 0 0;
}

.searchwrap.inner-compact.search-box-hidden {
    padding: 10px 0 20px 0;
	background: url(../images/open-search-bg.png) no-repeat;
}


div#infomogli-search-box-candidate {
    padding: 0 0;
    margin: 0 0 -1px 0;
}

.formrow.ibp-profile-info label {
    font-weight: 600;
    color: #444444;
    margin: 0px 0 0 0;
    text-align: right;
}

.ibp-top-heading h1 {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
}

.ibp-top-heading{
    background-color: #263bd6e0 !important;
    color: #fff!important;
    background-image: none !important;
    font-size: 14px!important;
    padding: 18px 0 10px 0;
}


.listpgWraper.ibp-profile{
    background: #f0f0f0;
    padding: 20px 0 25px 0;
    min-height: 400px;
    
}


.profileEditList.resume-detail li h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0 0 0 0;
    background: #5555557d;
    padding: 12px 7px;
	border:outset thin #acacac6e;
}


div#resume-detail-profile-completeness-inner-strip {
    height: 10px;
    background: #00bcd496;
    margin: 0 0 0 0;
    width: 54%;
}

.info-area.resume-detail h5{
color:#f12626;
}

.btn-download-resume {
    color: #202020;
    background-color: #ffffff;
    border-color: #2e6da4;
}


.upload-inner-title-update-profile.resume-detail {
    color: #fff;
    line-height: 20px;
    font-weight: 600;
    font-size: 13px;
}


.upload-cv-outer.resume-detail {
    background: #0000009e;
    padding: 7px 0 7px 0;
}

div#resume-detail-box-first-strip {
    background: #000000ba;
    margin: 0 0 15px 0;
    padding: 0 15px;
    border: thin solid #e4e4e4;
}


.left-side-area.resume-detail {
    background: #fff;
    padding: 13px 0;
}

.listpgWraper.resume-detail {
    padding: 30px 180px;
}

/*.candidate-resume-list-footer {
    border-top: solid thin #acacac36;
    padding: 6px 0 0 0;
}*/

.candidate-resume-list-footer {
    padding: 6px 0 6px 0;
}



.candidate-resume-list-footer a div {
    text-align: center;
    padding: 6px 0 6px 0;
    border: outset thin #cccccca6;
    margin: 0 0 0 6px;
    background: #9e9e9e85;
    width: 24%;
	font-size: 13px;
    color: #000000;
    font-weight: 600;
    font-family: sans-serif;
	
}

.candidate-resume-list-footer a div:hover {
background: #f12626;
border: solid thin #f12626;
-webkit-transition: font-size 0.5s ease-out;
-moz-transition: font-size 0.5s ease-out;
-o-transition: font-size 0.5s ease-out;
transition: font-size 0.5s ease-out;
font-size: 13px;
color: #ffffff;
font-weight: 600;
font-family: sans-serif;
}

/*.candidate-resume-list-footer div:hover > a {
    font-size: 13px;
    color: #ffffff;
    font-weight: 600;
    font-family: sans-serif;
}*/

.candidate-resume-list-footer div a {
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    font-family: sans-serif;
}


span.candi-right-title {
    font-size: 13px;
    color: #000;
	font-weight:600;
}



.candidate-resume-list-info-right ul{
padding:0;
margin:0;
}

.candidate-resume-list-info-right ul li{
margin:0 0 0 0;
}

.candidate-resume-list-info-right ul li div:nth-child(1) {
    font-size: 13px;
    font-weight: 600;
    color: #142bd6;
    margin: 8px 0 0 0;
}

.candidate-resume-list-info-right ul li div:nth-child(2) {
    font-size: 11px;
    font-weight: 500;
    color: #000;
    margin: 4px 0 0 0;
}

.candidate-resume-list-info-right ul li div:nth-child(3) {
     font-size: 13px;
    font-weight: 600;
    color: #000;
	 margin: 8px 0 0 0;
}

.candidate-resume-list-info-right ul li div:nth-child(4) {
    font-size: 11px;
    font-weight: 500;
    color: #000;
    margin: 4px 0 0 0;
}


.candidate-resume-list-info-left-line i {
    font-size: 20px;
    margin: 0 8px 0 0px;
}


.candidate-resume-list-info-left-activity {
    font-size: 10px;
    margin: 10px 0 0 0;
    padding-right: 0;
    color: #555;
    font-weight: 600;
}


.candidate-resume-list-info-left-line {
    font-size: 11px;
    margin: 10px 0 0 0;
    color: #000;
}

.candidate-resume-list-info-left-mobile {
    font-size: 12px;
    color: #000;
    font-weight: 600;
	margin:5px 0 0 0;
}

.candidate-resume-list-info-left-mobile i{
    font-size: 14px;
   font-weight: 500;
}

.candidate-resume-list-info-left-left{
    padding-right: 2px;
}


.candidate-resume-list-info-left-left span {
    font-size: 12px;
    font-weight: 600;
}

.candidate-resume-list-info-left-left p {
    font-size: 11px;
    margin: 10px 0 0 0;
    line-height: 16px;
}



.candidate-resume-list-info-left {
    padding: 15px 0 20px 0;
    background: #f0f0f069;
}

.candidate-resume-list-info-left-right {
    padding: 0;
    text-align: center;
}

.candidate-resume-list-info-left-right img {
    width: 90%;
    border: solid thin #88878736;
    padding: 5px;
}

.candidate-resume-list-skills {
    color: #03A9F4;
    font-size: 13px;
    margin: 0 0 0 0;
    border-bottom: solid thin #cccccc59;
    padding: 0px 14px 4px 14px;
    font-family: sans-serif;
    height: auto;
    line-height: 18px;
}

.candidate-resume-list-top {
    background: #5555557d;
    color: #000;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 600;
    border: outset thin #acacac6e;
    margin: 0 0 6px 0;
}


.candidate-resume-list-card {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0;
    margin: 15px 0 10px 0;
    /*height: 345px;*/
	height: auto;
}


.employer-candidate-area-right {
    margin: 0 0 0 0;
    padding: 0 0 0 15px;

}


#resume-selected{
font-size:13px;
font-weight:600;
margin-left:10px;
}

.btn-download-resume {
    background: #ccc;
    color: #000;
    font-weight: 600;
    border-radius: 0;
    border: outset thin #ccc;
    font-size: 14px;
	margin-left:10px;
}


#resume-selected-dropdown{

border: solid thin #dddddda3 !important;
border-radius: 0;
box-shadow: none;
font-size: 13px;

}


input#select-all-resume {
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    margin: 0 0 2px 0;
}


input.select-all-resume {
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    margin: 0 0 2px 0;
}

input.resumeDownloadCount {
    width: 60px;
    text-align: center;
    border: none;
    margin: 0 0 0 0;
}

#employer-candidate-select {
    margin: 10px 0 0 0;
	padding:0;
}


.candidate-optionlist {
	list-style: none;
	margin-top:15px;
}

.candidate-optionlist li {
    margin-bottom: 6px;
    padding: 0 0 4px 0;
    position: relative;
    padding-left: 0;
    font-size: 13px;
    font-family: sans-serif;
    width: 225px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.candidate-optionlist li span {
    position: absolute;
    right: 0;
    top: 6px;
    color: #f12626;
}



.sidebar-candidate.open-filter-box {
    padding: 10px 10px;
}


.sidebar-candidate.open-filter-box a{
   font-size: 13px;
}

div#filter-result-title {
    background: #555;
    padding: 6px 12px;
    margin: 0 0 0 0 !important;
}

div#filter-result-title p {
   color: #fff;
    font-size: 15px;
}


.filter-content-area select {
    border: solid thin #dddddda3 !important;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
	color:#a9a6a6;
}


.sidebar-candidate .box-area label {
   color:#0033CC;
   font-size:12px;
   font-weight:600;
   margin:15px 0 0 0;
}


.sidebar-filter-candidate{
color:#000!important;
font-size:15px;
font-weight:600;
}

.sidebar-candidate {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 20px 10px;
    clear: both;
}

.sidebar-candidate .box-area input {
    border: solid thin #dddddda3 !important;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
}

.sidebar-candidate .box-area select {
    border: solid thin #dddddda3 !important;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    height: 35px;
}




.employer-candidate-area-left {
    margin: 0 0 0 0;
    padding: 0 0;
}

/*#employer-candidate-area-outer {
    margin: -62px 0 0 0;
    padding: 0 80px;
}*/

#employer-candidate-area-outer {
    margin: 20px 0 0 0;
    padding: 0 16px;
}


button#btn-searchbar-close {
    float: right;
    margin: 6px 0 0 0;
}


div#application-found-text {
    padding: 38px 0 0 0;
    color: blue;
    font-size: 15px;
}



div#application-found-text span{
    color: #000;
    font-size: 15px;
}


a.job-app-info-view {
    float: right;
    font-size: 11px;
    margin: 3px 2px 0 0;
}

.job-app-date-line span {
    background-color: #08f911a6;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    padding: 3px 10px;
    border: solid thin #08f911a6;
}


.job-app-info-left-side {
    background: #fff;
    padding: 0 8px 8px 8px;
}

.job-app-info-right-side {
    background: #00bcd403;
    padding: 0 8px 8px 8px;
}

h3.job-app-info-title {
    background: #cccccc5c;
    font-size: 17px;
    padding: 6px 4px;
    color: #555;
    text-align: left;
    border-radius: 2px;
    margin: 8px 0 0 0;
}

.job-alert-content.job-app {
    margin: -20px 0 25px 0;
    padding: 0 0 0 0;
    border: solid thin #ddd;
    border-top: none;
	
}

span.job-application-date {
    float: right;
    font-size: 12px;
    font-weight: 600;
    color: #4c4b4b;
    margin: 0 5px 0 0;
}

span.job-application-info {
    font-size: 12px;
    margin: 0 40px 0 0;
    font-weight: 600;
    color: #0099cc;
    float: right;
    width: 445px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


button.shift-button {
    width: 120px;
    font-weight: 600;
}

.job-info-skills {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    color: #222;
}

.job-info-skills .tag-c2c {
    display: inline-block;
    background: #e9edf2;
    padding: 4px 8px;
    font-size: 11px;
    margin-bottom: 4px;
    margin-right: 1px;
}

.job-info-skills .tag-c2c a {
    color: #2a3038;
    font-weight: 600;
}




.job-info-line-1 {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
	margin-bottom:5px;
}

.job-info-line-1 span{
font-weight:600;
font-size:14px;
color:#333;
}

.job-info-line-2 {
    font-weight: 600;
    font-size: 14px;
    color: #990000;
	margin-bottom:5px;
}

.job-info-line-2 span{
font-weight:600;
font-size:13px;
color:#333;
}


.job-info-line-3 {
    font-weight: 600;
    font-size: 13px;
    color: #FF6600;
	margin-bottom:10px;
}

.job-info-line-4 {
    
	margin-bottom:10px;
}

.job-info-date-line {
    margin: 12px 0 0 0;
}

.job-info-date-line span {
    background-color: #FFFF00;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    padding: 3px 10px;
    border: solid thin #ffff00b0;
}


.job-info-date-line span i{
    color: #000;
   margin-right:5px;
}

#tbl-employer-jobs tr td{
padding:15px 8px;
}


#tbl-employer-jobs tr th p{
color:#333;
font-weight:700;
}

#post-jobs-tabs-links{
margin:10px 0 35px 0;
}

#post-jobs-tabs-links li a {
    font-weight: 600;
    color: #263bd6;
    padding: 10px 30px;
    font-size: 13px;
}

#post-jobs-tabs-links li.active a {
    font-weight: 600;
    color: #263bd6;
    padding: 10px 30px;
	
}

#post-jobs-tabs {
    padding: 0 15px 10px 15px;
    margin: 0;
    border: solid thin #dddddd;
    border-top: none;
}



.btn-post-job {
    background: #f12626;
    display: block;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    border: 1px solid #f12626;
    font-size: 16px;

}


.btn-post-job:hover {
    background: #263bd6;
    display: block;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    border: 1px solid #263bd6;
    font-size: 16px;
}


.btn-preview-job {
    background: #263bd6;
    display: block;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    border: 1px solid #263bd6;
    font-size: 16px;
	
}


.btn-preview-job:hover {
    background: #555;
    display: block;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    border: 1px solid #555;
    font-size: 16px;
}


.btn-save-draft-job {
    background: #9E9E9E;
    display: block;
    border-radius: 0;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    border: 1px solid #9E9E9E !important;
    font-size: 16px;
   
}


.btn-save-draft-job:hover {
    background: #000;
    display: block;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    border: 1px solid #000;
    font-size: 16px;
}


div#work-exp-area {
    margin: 0 0 0 0 !important;
}


div.ctc-area {
    margin: 0 0 0 0;
}

div.ctc-area div {
    padding: 0 
    margin: 0 
}

div.ctc-area-lable {
    font-weight: 600 !important;
    padding: 12px 0px 0 0!important;
    text-align: center;
    color: #145bc4;
}


#form-post-job div {
    padding: 0;
    margin: 0 0 15px 0;
}


#form-post-job label{
margin:12px 0 0 0!important;
}


span.required-fields {
    font-size: 14px;
    color: #ab0707d1;
    float: right;
    margin: 3px 0 0 0;
    font-weight: 600;
}


#mail-template-table-area table {
margin:30px 0 0 0;
}

#mail-template-table-area table tr th {
    background-color: #CCCCCC;
    font-size: 18px;
    padding: 5px 0 5px 0;
    text-align: center;
    font-weight: 600;
}

#mail-template-table-area table tr td {
    font-size: 15px;
    padding: 6px 0 6px 0;
    text-align: center;
    font-weight: 500;
}


.creat-new-link {
    border-radius: 0;
    border: solid thin #0e30ec;
    background: #0e30ec;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}


.mail-setting-box {
    background: #f0f0f0;
    width: 40%;
    margin: 0 35px 10px 40px;
    padding: 35px 10px;
    text-align: center;
    border: solid thin #f0f0f0;
    height: 255px;
}

.mail-setting-box:hover {
    background: #fff;
    width: 40%;
    margin: 0 35px 0 40px;
    padding: 35px 10px;
    text-align: center;
	border:solid thin #f0f0f0;
	cursor:pointer;
}

.mail-setting-box:hover div.mail-setting-box-image i {
font-size:65px;
color:#FF0000;
-webkit-transition: font-size 0.5s ease-out;
-moz-transition: font-size 0.5s ease-out;
-o-transition: font-size 0.5s ease-out;
transition: font-size 0.5s ease-out;
}

.mail-setting-box div.mail-setting-box-image {
   text-align:center;
}

.mail-setting-box div.mail-setting-box-image i {
    font-size:60px;
	color:#000000;
}

.mail-setting-box-text {
    margin: 20px 0 0 0;
}

.mail-setting-box-text a {
    font-size: 25px;
    font-weight: 600;
    color: #03A9F4;
}

.mail-setting-box-text p {
    font-size: 14px;
    font-weight: 500;
    color: #999 !important;
    margin: 10px 0 0 0;
}




.btn-lg-red {
    background: #f12626;
    display: block;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    border: 1px solid #f12626;
    font-size: 16px;
}


.btn-lg-red:hover{


  background: #263bd6;
    display: block;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    border: 1px solid #263bd6;
    font-size: 16px;
	

}



#employer-edit-profile-form-outer {
    margin: 20px 0 20px 0;
    padding: 0 50px;
}

.employer-register-titles-2 {
    background: #263bd6bf;
    color: #ffffff;
    padding: 7px 7px;
    font-weight: 600;
    margin: 0 0 30px 0;
    font-size: 20px;
}


div#usage-summary-box {
    padding: 0 130px;
    margin: 20px 0 65px 0;
    text-align: center;
}

div#usage-summary-box h2 {
    font-size: 20px;
    margin: 22px 0;
}

div#usage-summary-box h2 span {
    color:#0000FF;
}


span.dashboard-credit-count {
    background: #fff;
    color: #676666;
    padding: 1px 3px;
    border-radius: 12px;
    font-size: 12px;
    border: solid 2px #494747;
    font-weight: 600;
}


a.view-detail-dashboard {
    float: right;
    color: #f12626;
    font-size: 12px;
    font-weight: 600;
    margin: 0 12px 0 0;
    text-decoration: underline;
}

#dashboard-tabs h4{
   font-size:16px;
   color:#263bd6;
}


#usage-table tr th{
font-weight:600;
color:#000;
text-align:center;
font-size:12px;
padding:2px 4px;
}

#usage-table tr td{
font-weight:500;
text-align:center;
font-size:12px;
padding:4px 4px;
}

#dashboard-tabs-links {
    margin: 20px 0 0 30px;
    border: none;
}

#dashboard-tabs-links li {
    width: 24%;
    text-align: center;
    margin: 0 0 0 0;
}

#dashboard-tabs-links li.active a {
    font-weight: 600;
    color: #000;
    font-size: 13px;
    padding: 8px 0;
    border: solid thin #cecece;
    background: #67666652;
    border-radius: 0;
}

#dashboard-tabs-links li a {
    font-weight: 500;
    color: #fff;
    font-size: 13px;
    padding: 8px 0;
    border: solid thin #636262;
    background: #676666;
    border-radius: 0;
}


#dashboard-tabs-links li a i {
    color: #000;
    font-size: 16px;
    margin-right: 2px;
}


#dashboard-tabs {
    padding: 15px 30px 10px 30px;
    margin: 0;
    background: #fff;
}


.socialLogin.employer-dashboard-inner-form-heading {
    margin-bottom: 0;
    padding: 5px 0 10px 10px;
}

.listpgWraper.employer-dashboard {
    background: #f0f0f0;
    padding: 0px 0 25px 0;
    min-height: 400px;
}

#employer-dashboard-form-outer {
    margin: -30px 0 0 0;
    padding: 0 130px;
}

.pageTitle.employer-dashboard-form {
    background-color: #f12626 !important;
    color: #fff!important;
    background-image: none !important;
    font-size: 14px!important;
    padding: 15px 0 15px 0;
}

.socialLogin.employer-dashboard-form-heading {
    margin-bottom: -26px !important;
}

.pageTitle.employer-dashboard-form h1 {
    font-size: 28px !important;
   
}

.pageTitle.employer-dashboard-form h1 i {
    color: #000;
    font-size: 30px;
}



span#search-btn-area a i {
    color: #000;
    margin: 16px 0 0 0;
}

span#search-btn-area-close a i {
    color: #000;
    margin: 16px 0 0 0;
}



li#job-seeker-search-link i {
    color: #4e4b4b;
    font-size: 18px;
    vertical-align: bottom;
}


li#job-seeker-alert-link a i {
    color: #FF5722;
    font-size: 18px;
    vertical-align: bottom;
}

li#job-seeker-jobs-link a i {
    color: #0099CC;
    font-size: 18px;
    vertical-align: bottom;
	margin-right:3px;
}

i#employer-dashboard-link {
    color: #000;
    font-size: 18px;
    vertical-align: bottom;
    margin-right: 3px;
}

i#job-seeker-my-profile-link{
    color: #000000;
    font-size: 14px;
    vertical-align: bottom;
    margin-right: 3px;
    background: #ccc;
    border-radius: 20px;
    padding: 5px 7px;
}


.profile-view-send-msg{
    float: right;
    font-size: 10px;
    font-weight: 600;
    color: #f12626;
}

.company-box {
    border: solid thin #b7b6b6;
    margin: 15px 0 0 0;
    padding: 6px 8px;
    box-shadow: 1px 1px 2px 1px #757373;
}
.company-box h3 {
    color: #000;
    font-size: 18px;
    margin: 8px 0 0 0;
}

.company-box p {
    color: #464545;
    font-size: 12px;
    margin: 4px 0 0 0;
    font-family: sans-serif;
	line-height: 16px;
}

.company-box h4 {
    color: #555;
    font-size: 13px;
    margin: 15px 0 0 0;
}

.company-box span {
    color: #464545;
    font-size: 11px;
    margin: 4px 0 0 0;
    font-family: sans-serif;
	line-height: 16px;
}

.company-box-bottom {
    padding: 6px 0 6px 0;
    border-top: solid thin #55555573;
    margin: 16px 0 0 0;
}

p.company-box-contacted-by {
    color: #2196F3;
    font-weight: 600;
    font-size: 11px;
}

p.company-box-time {
    color: #a7a7a7;
    font-size: 11px;
}


#profile-view-tabs-links {
    margin: 20px 0 0 0;
    border: none;
}

#profile-view-tabs-links li {
    margin:0 0 0 10px;
}

#profile-view-tabs-links li a {
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    border: solid thin #263bd6;
    background: #263bd6;
    border-radius: 0;
}


#profile-view-tabs {
    padding: 0 20px 10px 20px;
    margin: 0;
    background: #fff;
}


div#recuiter-reply-area {
    background: #e2eff1;
    margin: 15px 0 10px 0;
}

div#recuiter-reply-text-area {
    padding: 0;
}

div#recuiter-reply-text-area textarea {
    padding: 5px;
    border: solid thin #f0f0f0;
    height: 70px;
    margin: 22px 0 18px 0;
    background: #fff;
}

div#recuiter-reply-btn-area {
    padding: 0;
}

div#recuiter-reply-btn-area button {
    padding: 5px;
    border: solid thin #f0f0f0;
    height: 70px;
    margin: 22px 0 18px 0;
    width: 100%;
    font-size: 20px;
}



.job-alert-content.recruiter-emails-content {
    background: #00bcd417;
    margin: -20px 0 25px 0;
    padding: 8px 45px;
}


span.recruiter-emails-info-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

p.recruiter-emails-info-title-2 {
    font-size: 14px;
    font-weight: 600;
    color: #263bd6;
}

span.recruiter-emails-info {
    font-size: 12px;
    color: #555;
}

span.recruiter-emails-date {
    font-size: 11px;
    color: #888;
}

.recuiter-msg {
    width: 60%;
    background: #fff;
    float: left;
    padding: 10px 10px 10px 10px;
    line-height: 25px;
    font-size: 13px;
    color: #666;
    margin: 15px 0 15px 0;
    border-radius: 5px;
}


.job-seeker-msg {
    width: 50%;
    background: #cccccc38;
    float: right;
    padding: 10px 10px 10px 10px;
    line-height: 25px;
    font-size: 13px;
    color: #666;
    margin: 15px 0 10px 0;
    border-radius: 5px;
    clear: both;
}

span.recuiter-msg-date-time {
    float: right;
    font-size: 10px;
    font-weight: 600;
    color: #a09e9e;
    margin: 0 19px 0 0;
}


span.job-alert-btn-area-1 {
    float: right;
}


.job-alert-content {
    background: #00bcd417;
    margin: -20px 0 25px 0;
    padding: 8px 10px;
}

span.job-alert-date {
    float: right;
    font-size: 11px;
    font-weight: 600;
}


span.job-alert-info {
    font-size: 11px;
    margin: 0 0 0 50px;
    font-weight: 600;
    color: #000000bf;
}


span.job-alert-info-title {
    font-size: 12px;
    font-weight: 600;
    color: #333;
}



td.masthead i {
    color: #000;
	 font-size: 13px
}

td.masthead {
    background: #e8e8e861;
    border: solid thin #eae8e8 !important;
}


.jobalert.set {
    margin: 0 0 -10px 0;
}

.jobalert.set a{
text-decoration:none !important;
}



div#job-alert {
    margin: 10px 0 0 0;
}


div#recruiter-emails {
    margin: 10px 0 0 0;
}




li.plan-name-dt p {
    font-size: 12px;
}



div#block-companies-area {
    padding: 0 10px 10px 10px;
    background: #03a9f417;
    margin: 15px 0 15px 0;
    min-height: 300px;
}


div#block-companies-area h4 {
    padding: 0;
    color: #f12626;
    font-weight: 600;
    font-size: 20px;
    margin: 20px 0 12px 5px;
}

div#block-companies-area div {
    padding: 4px 4px 3px 4px;
    background: #ffffff;
    margin: 0 0 6px 6px;
    border: dotted thin #ccc;
    width: 48%;
}

div#block-companies-area div span {
    padding: 0;
    color: #2a2a2b;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
}

div#block-companies-area div button {
    float: right;
    padding: 0 4px;
    font-size: 11px;
}



div#block-search-result {
    padding: 0;
   
}



div#block-search-result h4 {
    padding: 0;
    color: #2196F3;
    font-weight: 600;
    font-size: 13px;
    margin: 0 0 10px 0;
}


div#block-search-result div {
    padding: 4px 4px 3px 4px;
    background: #cccccc40;
    margin: 0 0 6px 6px;
    border: dotted thin #ccc;
    width: 48%;
}

div#block-search-result div span {
    padding: 0;
    color: #2a2a2b;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
}

div#block-search-result div button {
    float: right;
    padding: 0 4px;
    font-size: 11px;
}


div#pause-mode-msg {
    background: #f44336b0;
    color: #333;
    font-size: 13px;
    padding: 15px 15px 15px 15px;
    line-height: 24px;
    margin: 20px 0 20px 0;
    border: outset thin #f77d74;
    font-weight: 600;
}


#form-pause-profile div {
    padding: 10px 0 10px 0;
    font-size: 14px;
    color: #555;
    font-weight: 600;
    margin-top: 15px;
	 vertical-align: super;
}

#form-pause-profile div span {
    margin: -13px 0 5px 10px;
    vertical-align: super;
}


#form-pause-profile input {
   height:20px;
   width:20px;
}

#privacy-setting-tabs {
    padding: 0 20px 10px 20px;
    margin: 0;
    border: solid thin #ddd;
    border-top: none;
    background: #fff;
}

ul.privacy-setting-list {
    list-style: none;
    padding: 0;
    margin: 15px 0 10px 0;
}

ul.privacy-setting-list li{
    margin: 25px 0 10px 0;
}

ul.privacy-setting-list li:before {
    content: '\f152';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #212121;
    font-size: 14px;
    padding-right: 5px;
    top: 10px;
    left: 0;
    display: inline-block;
    margin-left: -2px;
    width: 1.3em;
}


span.privacy-link-line1 {
    font-size: 16px;
    color: #0f7cec;
    font-weight: 600;
}


p.privacy-link-line2 {
    font-size: 13px;
    color: #555;
    font-weight: 500;
	padding: 0 0 0 15px;
}



.listpgWraper.update-profile{
padding:20px 0;
}

.sticky-edit-profile-menu {
    position: fixed;
    width: 250px;
    top: 10px;
}

div#profileUpdateContent {
    margin: 0;
    padding: 0;
    line-break: anywhere;
}


div#profileUpdateContent ul {
    margin: 0;
    padding: 0;
}


#profileUpdateContent ul li {
    border: none;
    padding: 0 0 0 0;
    margin: 20px 0 10px 0;
}

#profileUpdateContent ul li label {
    float: left;
    width: 30%;
    font-size: 13px;
    color: #262727;
    opacity: 0.9;
    font-weight: 600;
}

span.profile-info-text {
    float: left;
    width: 70%;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    color: #222;
}

.profile-info-text .tag-c2c {
    display: inline-block;
    background: #e9edf2;
    padding: 4px 8px;
    font-size: 11px;
    margin-bottom: 4px;
    margin-right: 1px;
}

.profile-info-text .tag-c2c a {
    color: #2a3038;
    font-weight: 600;
}


#profileUpdateContent ul li:hover {
    box-shadow: none !important;
    border: none !important;
}

.profileEditList {
	list-style: none;
}


.profileEditList li {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 10px 18px;
    margin-bottom: 30px;
    height: auto;
}

.profileEditList li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border: 1px solid #f1262654;
}


.profileEditList li .jobimg {
	float: left;
	width: 70px;
	margin-right: 15px;
}


.profileEditList li h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0 0 0 0;
    background: #d4d1d1;
    padding: 12px 7px;
}

.profileEditList li h3 button {
    font-weight: 600;
    font-size: 13px;
    float: right;
    padding: 3px 12px;
    color: #292828;
    margin: -5px 0 0 0;
}

h4.edit-profile-title {
    color: #000;
    font-size: 18px;
}

ul#edit-profile-list li {
    margin: 0 0 12px 0;
}

ul#edit-profile-list li i {
    margin: 0 3px 0 0;
    color: #f12626;
}

ul#edit-profile-list li a{
    font-size:13px;
	color:#555;
	font-weight:600;
}



/* Job Seeker Profile Sidebar CSS - Start */

.upload-inner-title-update-profile {
    color: #fff;
    line-height: 24px;
    font-weight: 600;
}


a.edit-label {
    background: #000000a6;
    color: #fff;
    padding: 1px 10px;
    font-size: 12px;
    border: solid thin #fff;
}

p.right-side-area-info {
    color: #fff;
    font-size: 14px;
    margin: 10px 0px 5px 0;
    font-weight: 600;
}

.right-side-area {
    padding: 18px 0 0 14px;
}


.left-side-area {
    background: #fff;
    padding: 10px 0;
}





.info-area {
    margin: 8px 0 0 0;
	 padding: 0;
}

.info-area h2 {
    color: #000;
    text-transform: uppercase;
}

.info-area h5 {
    color: #263bd6;
}

.info-area div.last-updated {
    color: #555;
    font-size: 13px;
    font-weight: 600;
    margin: 16px 0 0 0;
}

.image-area {
    padding: 0;
    text-align: center;
}


.image-area img {
    width: 55%;
}

div#c2c-emp-profile-completeness-strip p{
 
  font-size:13px;
  color:#555;
	
}

div#c2c-emp-profile-completeness-strip {
 
    margin: 18px 0 15px 2px;
	
}


div#c2c-emp-profile-completeness-strip h3 {
   font-size: 14px;
   color:#000;
}


div#profile-completeness-outer-strip {
    height: 10px;
    background: #f0f0f0;
    margin: 0 0 0 0;
}

div#profile-completeness-inner-strip {
    height: 10px;
    background: #263bd694;
    margin: 0 0 0 0;
  }

span#profile-completeness-percentage-strip {
    background: #fff;
    border: solid 2px #f12626;
    color: #f12626;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 8px;
    float: right;
}



div#update-profile-box-first-strip {
    background: #263bd6;
    margin: 0 0 15px 0;
    padding: 0 15px;
    border: thin solid #e4e4e4;
}

#alert-btn-area {
    margin: -16px 0 0 0;
}


div#c2c-emp-profile-general-msg {
    background: #03a9f42e;
    margin: 0 0 14px 0;
    padding: 7px 13px;
    font-size: 13px;
    line-height: 20px;
    color: #000000ab;
    font-family: sans-serif;
}


span#profile-completeness-percentage {
    background: #fff;
    border: solid 2px #f12626;
    color: #f12626;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 8px;
    float: right;
}


div#c2c-emp-profile-activity {
    padding: 0 0 0 0;
    margin: 8px 0 5px 2px;
}


div#c2c-emp-profile-activity h3 {
   font-size: 14px;
   color:#000;
}

div#c2c-emp-profile-activity-left {
    padding: 0;
}

div#c2c-emp-profile-activity-right {
    padding: 0;
}

.view-count {
    width: 25%;
    font-size: 25px;
    text-align: center;
    float: left;
    background: #ccc;
    padding: 6px 0;
}

.view-info {
    width: 75%;
    text-align: left;
	float: right;
}

.view-info p {
    width: 75%;
    font-size: 11px;
    padding: 0 0 0 3px;
    margin: -3px 0 0 0;
}

.view-info p:first-child {
    width: 75%;
    font-size: 11px;
    color: #0033CC;
	font-weight:600;
    
}


div#c2c-emp-profile-completeness {
    padding: 0 0 0 0;
    margin: 18px 0 15px 2px;
	
}


div#c2c-emp-profile-completeness h3 {
   font-size: 14px;
   color:#000;
}


div#profile-completeness-outer {
    height: 10px;
    background: #f0f0f0;
    margin: 0 0 0 0;
}

div#profile-completeness-inner {
    height: 10px;
    background: #263bd6;
    margin: 0 0 0 0;
    width: 54%;
}


div#c2c-emp-profile-contact-info {
    font-size: 12px;
    margin: 16px 0 8px 0;
    text-align: center;
	padding: 0 0 0 0;
}

div#c2c-emp-profile-contact-info span {
    margin: 0 8px 0 8px;
    color: #555;
}

/* Profile container */
.c2c-emp-profile {
  margin: 20px 0;
}

/* Profile sidebar */
.c2c-emp-profile-sidebar {
    padding: 15px 8px;
    background: #fff;
    margin: -58px 0 18px 0;
    border: thin solid #e4e4e4;
}


.c2c-emp-profile-userpic {
    width: 30%;
	 float: left;
}


.c2c-emp-profile-userpic img {
    float: left;
    margin: 0 0 0 10px;
    width: 70%;
    height: 70%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.c2c-emp-profile-usertitle {
    text-align: left;
    width: 70%;
    float: right;
}

.c2c-emp-profile-usertitle-name {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.c2c-emp-profile-usertitle-job {
    color: #f12626;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}

.c2c-emp-profile-usertitle-last-updated {
    font-size: 11px;
    color: #555;
    font-weight: 600;
    margin: 8px 0 0 0;
}

.c2c-emp-profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.c2c-emp-profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.c2c-emp-profile-userbuttons .btn:last-child {
    margin-right: 0px;
    font-size: 14px;
    background: #263bd6bf;
    border: none;
    border-radius: 0;
}

.c2c-emp-profile-userbuttons .btn:last-child:hover {
    margin-right: 0px;
    font-size: 14px;
    background: #f12626;
    border: none;
    border-radius: 0;
} 


/* Profile Content */
.c2c-emp-profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}


/* Job Seeker Profile Sidebar CSS - END */


div#transaction-msg-area-failed {
    text-align: center;
    padding: 100px 0;
}

div#transaction-msg-area-failed h1 {
    color: #FF0000;
    font-size: 95px;
}


div#transaction-msg-area-failed h2{
    color:#666666;
    
}


div#transaction-msg-area {
    text-align: center;
    padding: 60px 0 50px 0;
}

div#transaction-msg-area h1 {
    color: #006600;
    font-size: 95px;
}


div#transaction-msg-area h2{
    color:#666666;
    
}


a#ibp-forgot-password {
    font-size: 12px;
    float: right;
    margin: 11px 0 0 0;
    color: #f12626;
    font-weight: 700;
}

#ibp-login-form-outer {
    padding: 61px 130px;
    background: #0606065c;
}


#ibp-register-form-outer {
    padding: 0 60px;
}


   

.ibp-register-titles {
    background: #f12626bf;
    color: #ffffff;
    padding: 7px 7px;
    font-weight: 600;
    margin: 18px 0 30px 0;
}

.pageTitle.ibp-register-form {
    background-color: #263bd6e0 !important;
    color: #fff!important;
    background-image: none !important;
    font-size: 14px!important;
    padding: 30px 0 30px 0;
}

.pageTitle.ibp-register-form h1 {
    font-size: 34px !important;
}

.contact-wrap.employer-login-contact-outer {
    margin: 15px 0 0 0;
}


.information.employer-login-contact p {
    text-align: left !important;
}

div#employer-login-right-banner img {
    border: solid thin #cccccc26;
}

div#employer-login-below {
    font-size: 12px;
    padding: 12px 0;
    margin: 10px 0 0 0;
    font-weight: 600;
    white-space: nowrap;
}



a#employer-forgot-password {
    font-size: 12px;
    font-weight: 600;
    float: right;
    margin: 11px 0 0 0;
}

button#btn-employer-login {
    background: #f12626;
    width: 120px;
    font-size: 14px;
    padding: 5px 0 5px 0;
	text-transform:none;
}


button#btn-employer-login:hover {
    background: #263bd6;
    width: 120px;
    font-size: 14px;
    padding: 5px 0 5px 0;
	
}


div#recruiter-login-box {
    padding: 12px 20px 12px 20px;
    background: #cccccc75;
}

div#recruiter-login-box h5 {
    color: #000;
    margin: 10px 0 8px 0;
}

div#recruiter-login-box label {
    color: #000;
    margin: 10px 0 2px 0;
    font-size: 12px;
    font-weight: 700;
}

div#recruiter-login-box input {
  height:33px;
  font-size:13px;
}

div#recruiter-login-box div{
    padding: 0 0 0 0;
}

#hide-show-area{

padding:0;
display:none;
}


.newuser.employer-page {
    text-align: right;
    font-size: 18px;
    margin: 10px 0 0 0;
}

.newuser.employer-page a{
   color:#fff;
}


#employer-check-box span{
margin-left:10px;
}

#employer-check-box span{
margin-left:10px;
}

#press-ctrl{
font-size:12px;
font-weight:600;
 color:#0066FF;
}

#employer-radio-btn {
    font-size: 16px;
    font-weight: 600;
    color: #263bd6;
    margin: 0 0 10px 0;
}

.pageTitle.employer-login-form {
    background-color: #f12626 !important;
    color: #fff!important;
    background-image: none !important;
    font-size: 14px!important;
    padding: 20px 0 40px 0;
}

.pageTitle.employer-login-form h1 {
    font-size: 32px !important;
}

.socialLogin.employer-register-form-heading {
    margin-bottom: -26px !important;
}

.employer-register-titles {
    background: #676666;
    color: #ffffff;
    padding: 7px 7px;
    font-weight: 600;
    margin: 18px 0 30px 0;
}

#employer-register-form-outer {
    padding: 0 125px;
}

.pageTitle.employer-register-form {
    background-color: #f12626 !important;
    color: #fff!important;
    background-image: none !important;
    font-size: 14px!important;
    padding: 40px 0 40px 0;
}

.pageTitle.employer-register-form h1 {
    font-size: 36px !important;
}


.video-box{
margin-bottom:30px;
}

.login-title {
    padding-right: 0;
}

.userccount.login-form-right-box h3 {
    color: #fff;
    font-size: 30px;
    margin: 15px 0 20px 0;
}


.userccount.login-form-right-box ul {
    margin: 0 0 0 0;
    padding: 0;
}

.userccount.login-form-right-box ul li {
    margin: 0 0 12px 8px;
    line-height: 30px;
	color:#fff;
}

.userccount.login-form-right-box ul li:before {
    content: '\f14a';
    font-family: 'FontAwesome';
    color: #000;
    position: absolute;
    left: 38px;
    font-size: 20px;
}


.userccount.login-form-right-box {
    border-left: none;
    height: 340px;
    margin: 5px 0 0 0;
    border-radius: 0px 15px 15px 0px;
    padding: 40px 0 0 60px;
}

.login-form-left {
    padding-right: 0;
}


.btn-login {
    background: #f12626 !important;
    font-size: 14px !important;
    padding: 8px 0 !important;
	border:none!important;
}

.btn-login:hover {
    background: #263bd6 !important;
    font-size: 14px !important;
    padding: 8px 0 !important;
	border:none!important;
}

#forgot-password-link {
padding-top:6px;    
}

#forgot-password-link a {
    color: #263bd6;
    font-weight: 600;
    font-size: 13px;
}

.login-title h5 {
    color: #000 !important;
    margin: 0 0 18px 0 !important;
}

.userccount.login-form-left-box {
    padding: 26px 25px;
}


.userccount.login-form-left-box h1 {
    font-size: 20px;
    color: #f12626;
}


.userccount.login-form-left-box label {
    font-weight: 700;
    color: #000000c7;
    font-size: 13px;
    margin: 10px 0 2px 0;
}

.login-form-container {
    padding: 0 85px;
}

.login-form-right {
    padding: 12px 25px 5px 0px;
}

.login-form-right-box {
    background: #263bd6e8 !important;
}

p#boost-title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}


span.amazing-benefits {
    font-size: 20px;
    color: #263bd6;
    font-weight: 700;
}

div#register-right-side {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px 30px;
    font-size: 13px;
}

div#register-right-side p {
 margin:0 0 5px 0;
}

#register-right-side ul {
   margin:0;
   padding:0;
}

#register-right-side ul li {
    margin: 0 0 12px 8px;
    line-height: 20px;
}

#register-right-side ul li:before {
    content: '\f14a';
    font-family: 'FontAwesome';
    color: #555;
    position: absolute;
    left: 13px;
    font-size: 20px;
}

#register-form-outer{
padding:0 50px;
}

#employer-login-form-outer {
    padding: 0 125px;
    margin: -50px 0 0 0;
}
.terms-check {
    font-size: 12px;
    margin: 4px 0 0 74px !important;
}

span.mandetory-field {
    color: #f12626;
}

.formrow label {
    font-weight: 600;
    color: #444444;
    margin: 8px 0 0 0;
    text-align: right;
}

.listpgWraper.login-form {
    background-image: url(../images/repeate-img.png);
    padding: 30px 0 30px 0;
}


.listpgWraper.register-form {
    background: #f0f0f0;
    padding: 20px 0 25px 0;
    min-height: 400px;
	background-image: url("../images/repeate-img.png");
}

.listpgWraper.employer-login-form {
    background: #f0f0f0;
    padding: 20px 0 25px 0;
    min-height: 400px;
	background-image: url("../images/repeate-img.png");
}

p#registeration-tag-line {
    margin: 0 0 0 0;
    text-align: left;
    font-size: 14px;
    color: #868282;
    font-weight: 600;
}

#registeration-tag-line {
    margin: 0 0 0 0;
    text-align: left;
    font-size: 14px;
    color: #868282;
    font-weight: 500;
}


.login-title h2 {
    color: #000 !important;
    margin: 0 0 18px 0 !important;
	font-size:18px;
}


.userccount.login-form-right-box h3 p {
    color: #000;
    font-size: 17px;
    margin: 0 0 10px 5px;
    text-align:left;
}

.searchListJobDetail li h3 a {
    font-size: 18px;
    font-weight: 600;
    color: #f12626;
}
.searchListJobDetail li .companyName {
	margin: 10px 0;
	color: #969595;
}
.searchListJobDetail li .companyName a {
    color: #383737;
    font-weight: 600;
    font-size: 14px;
}
.searchListJobDetail li a:hover {
	color: #333;
}
.searchListJobDetail li .location {
    color: #0000008a;
    font-size: 12px;
    font-family: sans-serif;
}
.searchListJobDetail li .location i{
    color: #0000008a;
    font-size: 13px;
}

.searchListJobDetail li .location span {
	color: #0000008a;
	margin-left:4px;
}
.searchListJobDetail li .listbtn {
	margin-top: 20px;
}

.searchListJobDetail li .listbtn a {
    background: #f12626;
    display: block;
    border-radius: 0;
    width: 125px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 9px;
    text-align: center;
    border: 1px solid #f12626;
}

.searchListJobDetail li .listbtn a:hover {
    background: #263bd6;
    color: #fff;
    text-decoration: none;
    border: solid thin #263bd6;
}

.searchListJobDetail li p {
    line-height: 22px;
    color: #333;
    margin: 10px 0 0 0;
    font-size: 13px;
}

.searchListJobDetail li p a.read-more {
    color: #263bd6;
    margin: 0 0 0 2px;
    font-size: 12px;
}

.searchListJobDetail {
	list-style: none;
}
.searchListJobDetail li {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 20px;
    min-height: 270px;
    height: auto;
    width: 48%;
    float: left;
    margin: 0 15px 15px 0px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
}

.searchListJobDetail li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border: 1px solid #f1262654;
}






.job-detail-key-skills {
    margin: 22px 0 18px 0px;
}

.job-detail-key-skills a {
    display: inline-block;
    background: #ccc;
    border: solid thin #ccc;
    color: #000;
    margin: 0 0 9px 3px;
    font-weight: 600;
    text-align: center;
    padding: 5px 8px;
    font-size: 12px;
}

div#job-dynamic-description {
    font-weight: 600;
    font-size: 13px;
	line-height:40px;
}

div#job-dynamic-description p {
color:#000;
}

div.job-dynamic-description {
    line-height:20px;
}

div.job-dynamic-description ul{
list-style:square;
}


div.job-dynamic-description ul li{
margin:0 0 0 20px;
padding:0!important;
}

div.job-dynamic-description ul li:before {
    content: ''!important;

    color: #f12626;

    left: 20px;
}


.job-detail-post-date {
    float: right;
    margin: -25px 0 0 0;
    font-weight: 600;
    color: #555;
    font-size: 13px;
}


.btn-job-detail-apply {
    background: #f12626;
    display: block;
    border-radius: 0;
    width: 115px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 9px;
    text-align: center;
    border: 1px solid #f12626;
}


.btn-job-detail-applied {
    background: #5c5c5c;
    display: block;
    border-radius: 0;
    width: 115px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 9px;
    text-align: center;
    border: 1px solid #686767;
}

.btn-job-detail-apply:hover{
background: #263bd6;
color: #fff;
text-decoration: none;
border: solid thin #263bd6;
}


.job-detail-info-line {
    margin: 8px 0 0 0;
}

.job-detail-info-line span {
    margin: 0 15px 0 0;
	 font-size:12px;
	 color: #555;
	 font-family:sans-serif;
}

span#comp-name {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 0 0;
    color: #000;
}

.tag-add {
    cursor: pointer;
    color: #003c90;
    font-size: 13px;
    padding: 7px;
}

#add-skills{
padding:0;
}

div#skill-box {
   padding:0;
}

.skillTags {
    margin-right: 6px;
    margin-bottom: 8px;
    float: left;
    padding: 8px 0 8px 10px;
    border: 1px solid #c5c9cd;
    font-size: 13px;
}

.sidebar.add-skills-area {
    padding: 10px 10px;
}

.sidebar.add-skills-area h4 {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin: 6px 0 0 0;
}

div#add-skills p {
    font-weight: 600;
    font-size: 13px;
    color: blue;
    margin: 7px 0 0 0;
}

.sidebar.add-skills-area h4 i{
    font-size: 14px;
    color: #CC3300;
    font-weight: 500;
}

.sidebar.job-expire-grab {
    padding: 12px 0 4px 0px;
}


div#jobs-expiring i {
    color: #afadad;
    font-size: 14px;
    margin: 0 4px 0 0;
}

div#jobs-expiring {
    font-size: 13px;
    text-align: center;
}

div#jobs-expiring  p {
    text-align: center;
	margin-top:4px;
}

div#jobs-expiring  p a{
    font-weight:600;
    
	color:#FF0000;
	
}

select#refineSearchByDate-dropdown {
    font-size: 11px;
    font-family: sans-serif;
    font-weight: 500;
    padding: 2px 0;
    border: solid thin #cccccc8f;
}

#totalJob-title {
    margin: 20px 0 50px 0;
}
span#totalJobFound {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    float: left;
}


div#refineSearchByDate {
    float: right;
    font-size: 12px;
}



.posted-date span {
    float: right;
    color: #9a9898;
    font-size: 12px;
    margin: 30px 0 0 0;
}


.apply-btn-area{
padding-left:0;
}


#sidebar-filter-by{
color:#000;
font-size:15px;
}

.all-jobs-alphabets {
    margin: 22px 0 18px 0px;
}

.all-jobs-alphabets a {
    display: inline-block;
    background: #263bd6;
    border: solid thin #1c2fb9fa;
    color: #fff;
    margin: 0 0 9px 3px;
    font-weight: 600;
    width: 35px;
    text-align: center;
    padding: 8px 2px;
    font-size: 12px;
}


.all-jobs-alphabets a:hover {
  
    display: inline-block;
    background: #f12626;
    border: solid thin #f12626;
    color: #fff;
    margin: 0 0 9px 3px;
    font-weight: 600;
    width: 35px;
    text-align: center;
    padding: 8px 2px;
    font-size: 12px;
}

#form-all-jobs div{
padding:0;
margin:25px 0 15px 0;
}

#form-all-jobs div input {
    border-radius: 0;
    border: solid thin #ff572252;
    height: 45px;
    box-shadow: none;
}

#form-all-jobs div button {
    border-radius: 0;
   height: 45px;
}


#form-all-jobs div label {
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: 600;
    color: #990000;
    font-size: 13px;
}

#all-jobs-tabs-links{
margin:20px 0 0 0;
}

#all-jobs-tabs-links li a{
font-weight:600;
color:#FF6600;
}

#all-jobs-tabs {
    padding: 0 15px 10px 15px;
    margin: 0;
    border: solid thin #dddddd;
    border-top: none;
}

h4.all-jobs-title {
    font-size: 17px;
    font-weight: bold;
    color: #000;
    margin: 25px 0 0 0;
}


ul.all-jobs-by-cat {
    list-style: none;
    padding: 0;
    margin: 15px 0 10px 0;
}



ul.all-jobs-by-cat li {
margin: 10px 10px 10px 0;
}

ul.all-jobs-by-cat li a{
    font-size:14px;
}

ul.all-jobs-by-cat li:before {
    content: '\f0da';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #212121;
    font-size: 14px;
    padding-right: 5px;
    top: 10px;
    left: 0;
    display: inline-block;
    margin-left: -2px;
    width: 1.3em;
   
}



.c2c-sitemap-title {
    font-size: 18px;
    color: #000;
    margin: 6px 0 0 0;
}

div#c2c-sitemap {
    margin: 25px 0 0 0;
    border: solid thin #cccccc63;
    padding: 25px 25px;
}

ul.sitemap-link {
list-style:none;
padding:0;
margin:0 0 0 0;
}

ul.sitemap-link li {
display:inline-block;
margin: 10px 10px 10px 0;

}


ul.sitemap-link li a {
    color: #00000094;
    font-size: 14px;
    text-decoration: underline;
    font-family: sans-serif;
}


ul.sitemap-link li a:hover {
    color: blue;
    text-decoration: underline;
    font-family: sans-serif;
}



.searchwrap.inner-compact {
    padding: 14px 0;
}

.upload-cv-most-outer{
margin-top:8px;
}


.upload-cv-outer {
    background: #00000080;
    padding: 7px 0 7px 0;
}

.uplod-cv {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    border-radius: 0;
    float: right;
    padding: 6px 14px 6px 8px;
}
.uplod-cv-input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

.upload-cv-left {
    float: left;
    width: 35%;
    background: #000000;
  
    text-align: center;
	margin-top:4px;
	
}

.upload-cv-left i{
    
    font-size: 27px;
    color: #fff;
	padding:3px;
    
	
}

.upload-cv-right{
float:right;
width:65%;
padding-left:5px;
font-weight:600;
 
}

.upload-cv-right span{
font-size: 13px;

 
}


.upload-inner-title-1 {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    margin: 8px 0 0 0;
}

.upload-inner-title-2 {
    font-size: 12px;
    margin: 8px 0 0 -2px;
    color: #fff;
}

h2.jobs-category-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
}

div#jobs-category-area {
    background: #fff;
    margin: 21px 0 15px 0;
    padding: 20px 25px 10px 25px;
}

.job-category-card-outer {
    padding: 4px 8px;
	margin: 0 0 10px 0;
}

.job-category-card {
    background: #fff;
    padding: 12px 5px 12px 21px;
    border: solid thin #0000001a;
    box-shadow: 0.5px 0.87px 10px 0 rgb(10 10 10 / 18%);
}

.cat-img {
    padding: 0;
}

.cat-img img {
    width: 100%;
    height: 42px;
}

p.cat-title-1 a {
    font-size: 13px;
    font-weight: 600;
    color: #000;
}

p.cat-title-1 a:hover {
    font-size: 13px;
    font-weight: 600;
    color: #0099FF;
	cursor:pointer;
}

p.cat-title-2 {
    font-size: 13px;
    font-weight: 600;
    color: #FF0000;
}



.scrollTop {
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #a51816;
    padding: 3px 10px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    color: #fff;
    width: 48px;
}

.scrollTop i {
    color: #fff;
}



.dnd-right-sidebar .dnd-card {
    padding: 0px;
    margin-bottom: 10px;
}

ul.catelist {
    margin: 0 0 0 0;
}

.dnd-get-call-back {
    background: #0062cc !important;
    padding: 25px 10px 5px 10px !important;
    margin: 0 0 30px 0 !important;
}

.dnd-cbox {
    margin-bottom: 20px;
}

.dnd-get-call-back .dnd-cbox .dnd-heading, .dnd-get-call-back .dnd-cbox .dnd-paragraph {
    color: #fff;
}

.dnd-getacallback .form-control {
    display: block;
    width: 114%;
    height: 44px;
    padding: .375rem .75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: initial;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.dnd-getacallback .btn {
    border-radius: 0px;
    height: 44px;
    width: 96%;
}


.dnd-section {
    display: block;
    position: relative;
    padding: 20px 0px 10px 0px;
}

.cat-area {
    padding: 10px;
}

.btn-deep-orange, .btn-hover-deep-orange:hover {
    color: #fff;
    background-color: #ff5722;
}

.dnd-jobs:hover {
    background: #007bff;
}

.dnd-job-box {
    padding-left: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.dnd-job-group-heading {
    color: #444;
    font-weight: 600;
}
.dnd-job-group-number {
    color: #ff5722;
	 font-weight: 600;
}

.dnd-before:before {
    content: '\f0a4';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #212121;
    font-size: 20px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    display: inline-block;
    margin-left: -2px;
    width: 1.3em;
    margin-top: 15%;
}

.dnd-card {
    background-color: #ffffff;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 106, 194, 0.2);
    box-shadow: none;
    margin: 0px 0px 10px 0px;
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cccccc73;
}

.section-heading .dnd-title {
    font-size: 20px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    line-height: 28px;
}

a#btn-upload-resume {
    background: #FF5722;
    font-size: 13px;
    border-radius: 0;
    margin: 0 0 0 0;
    border: solid thin #ff5722db;
    font-weight: 600;
}

a#btn-upload-resume:hover {
    background: #f12626;
     font-size: 13px;
    border-radius: 0;
    margin: 0 0 0 0;
    border: solid thin #f12626;
}

a#btn-register-free {
    background: #03A9F4;
    font-size: 13px;
    border-radius: 0;
    margin: 0 0 0 0;
	 border: solid thin #03A9F4;
	 font-weight: 600;
}

a#btn-register-free:hover {
   background: #f12626;
    font-size: 13px;
    border-radius: 0;
    margin: 0 0 0 0;
    border: solid thin #f12626;
}



.dnd-upload-cv {
    background: #fff;
    padding: 18px 24px 0 0;
}

.dnd-heading-small {
    font-weight: 700;
    color: #111;
    padding-left: 30px;
    padding-right: 6px;
    font-size: 16px;
}


.dnd-paragraph-small {
    font-size: 13px;
    line-height: 18px;
    color: #444;
    padding: 6px 6px 10px 30px;
	text-align:left;
}



ul.c2c-top-link-left-1{
margin:7px 0;
list-style:none;
float:left;
}

ul.c2c-top-link-left-1 li {
    display: inline-block;
    margin: 0 12px 0 0;
}

ul.c2c-top-link-left-1 li a{
color:#5f5f5f;
font-size:13px;
}



.b{font-weight:600!important;}
.font-black{color:#000!important;}


ul.c2c-top-link-left-2{
margin:7px 0;
list-style:none;
float:right;
}

ul.c2c-top-link-left-2 li {
    display: inline-block;
    margin: 0 0 0 12px;
}

ul.c2c-top-link-left-2 li a{
font-size:13px;
}


ul.c2c-top-link-right{
margin:7px 0 7px 0;
list-style:none;
float:right;
}

ul.c2c-top-link-right li {
    display: inline-block;
    margin: 0 15px 0 0;
	
}


ul.c2c-top-link-right li#user-login-name-dis {
  	width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



ul.c2c-top-link-right li a{
color:#000;
font-size:13px;
}

#c2c-top-line{
border-bottom:solid thin #ccc;
padding:0 110px;
}

#c2c-second-line{
padding-top:10px;
padding-bottom:5px;
}

#c2c-top-right{
border-left:solid thin #ccc;
}

/************************************************
           ==Tyography css==
*************************************************/

.mt-wrapper {
	margin-bottom: 30px;
}
h1, .h1 {
	font-size: 45px;
}
h2, .h2 {
	font-size: 30px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}

.button-orng {
	background: #ffb72f;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffb72f), to(#ff9000));
	background: -webkit-linear-gradient(#ffb72f, #ff9000);
	background: -moz-linear-gradient(#ffb72f, #ff9000);
	background: -ms-linear-gradient(#ffb72f, #ff9000);
	background: -o-linear-gradient(#ffb72f, #ff9000);
	background: linear-gradient(#ffb72f, #ff9000);
	padding: 7px 20px;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
}
.button-orng:hover {
	text-decoration: none;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9000), to(#ffb72f));
	background: -webkit-linear-gradient(#ff9000, #ffb72f);
	background: -moz-linear-gradient(#ff9000, #ffb72f);
	background: -ms-linear-gradient(#ff9000, #ffb72f);
	background: -o-linear-gradient(#ff9000, #ffb72f);
	background: linear-gradient(#ff9000, #ffb72f);
	color: #fff;
}
.sitebtn {
	-webkit-box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
	-moz-box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
	box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
	background: #ff9000;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 4px;
}
.sitebtn:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
}
.sitebtn i, .button-orng i {
	padding-right: 7px;
	font-size: 16px;
	display: inline-block;
}
.grey_sitebtn {
	-webkit-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	-moz-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	background: #444;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 4px;
}
.grey_sitebtn:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
}
.grey_sitebtn i {
	padding-right: 7px;
	font-size: 16px;
	display: inline-block;
}
.gree_sitebtn {
	-webkit-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	-moz-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	background: #77c30a;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 4px;
}
.gree_sitebtn:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
}
.gree_sitebtn i {
	padding-right: 7px;
	font-size: 16px;
	display: inline-block;
}
/*Shortcode*/
.mt-shortcodes-d-styles {
	padding-bottom: 30px;
}
.mt-shortcodes-default-custom-styles .row1 {
	padding-bottom: 55px;
}
.mt-list-style h4 {
	font-size: 16px;
	font-weight: 400;
	color: #252525;
}
.mt-list-style ul {
	padding: 0;
	list-style: none;
}
.mt-list-style ul li {
	line-height: 36px;
}
.mt-list-style ul li a {
	color: #737373;
	line-height: 36px;
}
.mt-list-style ul li span {
	font-size: 16px;
	margin-right: 10px;
}
.mt-list-style-blue {
	color: #263bd6;
}
/*Buttons*/
.mt-style-button {
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	margin-bottom: 24px;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0 20px;
}
.mt-style-button1 .mt-style-button {
	background: #263bd6;
	color: #fff;
	border-radius: 3px;
}
.mt-style-button2 .mt-style-button {
	background: #ddd;
	color: #000000;
	border-radius: 3px;
}
.mt-style-button3 .mt-style-button {
	background: #fff;
	color: #252525;
	border: 2px solid #42454a;
	border-radius: 3px;
}
.mt-style-button41 .mt-style-button {
	background: #55adff;
	color: #fff;
	border-radius: 30px;
}
.mt-style-button42 .mt-style-button {
	background: #ffb72f;
	color: #fff;
	border-radius: 0px;
}
.mt-style-button43 .mt-style-button {
	background: #5fd33f;
	color: #fff;
	border-radius: 3px;
}
.mt-style-button.large {
	line-height: 51px;
	font-size: 16px;
	letter-spacing: 1px;
}
.mt-style-button.normal {
	line-height: 40px;
	font-size: 12px;
	letter-spacing: 1px;
}
.mt-style-button.small {
	line-height: 30px;
	font-size: 9px;
	letter-spacing: 1px;
}
.mt-style-button1 .mt-style-button:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}
.mt-style-button2 .mt-style-button:hover {
	background: #263bd6;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}
.mt-style-button3 .mt-style-button:hover {
	background: #263bd6;
	color: #fff;
	border-radius: 3px;
	border: 2px solid #263bd6;
	text-decoration: none;
}
.mt-style-button41 .mt-style-button:hover {
	background: #333;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
}
.mt-style-button42 .mt-style-button:hover {
	background: #000;
	color: #fff;
	border-radius: 0px;
	text-decoration: none;
}
.mt-style-button43 .mt-style-button:hover {
	background: #000;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}


/************************************************
           ==Header css==
*************************************************/

.header {
    padding: 0;
    border-bottom: solid thin #cccccc54;
}

.header .row {
	margin: 0;
}
.header  {
	padding-right: 0;
}
.header .logo {
	display: inline-block;
	margin: 5px 0 5px 0;
}
.header .logo img {
	width: 89px;
	height: 50px;
	aspect-ratio: 89 / 50;
	object-fit: contain;
}
.navbar-default {
	background: none;
	border: none;
	margin-bottom: 0;
	min-height: auto;
	float:right;
}
.navbar {
	background: none;
}
.navbar-collapse {
	padding: 0;
}
.navbar-nav>li {
	padding: 0 15px;
}
.navbar-nav>li>a {
    text-transform: uppercase;
    font-weight: 600;
    padding: 16px 0;
    font-size: 90%;
    color: #000000a6 !important;
    border-bottom: 2px solid #fff;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: none;
}
.navbar-nav>li>a:hover, .navbar-nav>li:hover>a, .navbar-nav>li.active>a {
	border-bottom-color: #263bd6;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff;
}
.dropdown-menu {
	border-radius: 0;
	padding: 0;
}
.navbar-nav>li:hover .dropdown-menu {
	display: block;
}
.dropdown-menu>li>a {
	font-weight: 600;
	color: #555;
	padding: 8px 15px;
}
.dropdown-menu>li>a:hover {
	background: #263bd6;
	color: #fff;
}
.navbar-collapse.in {
	overflow: inherit;
	height: auto;
	padding: 0 15px;
}

.navbar-nav li.postjob, .navbar-nav li.jobseeker{padding:0;}

.navbar-nav li.postjob a {
	background: #263bd6;
	color: #fff !important;
	padding: 10px 12px;
	margin-top:10px;
	border-bottom-color: #263bd6;
}
.navbar-nav li.jobseeker a {
    background: #ef0606de;
    color: #fff !important;
    padding: 10px 12px;
    margin-top: 10px;
    border-bottom-color: #f12626;
}

.navbar-nav li.postjob a:hover, .navbar-nav li.jobseeker a:hover {
	text-decoration: none;
	color: #fff;
	background: #000;
}

.navbar-nav li a.postjob:hover, .navbar-nav li a.jobseeker:hover {
	text-decoration: none;
	color: #fff;
	background: #000;
}



.navbar-nav>li.userbtn>a{padding:0; border:none; padding-top:8px;}
.navbar-nav>li.userbtn img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    padding: 3px;
	margin:5px 0 0 0;
}

.navbar-nav>li.userbtn .dropdown-menu{left:auto; right:0;}

/************************************************
           ==Top Search css==
*************************************************/
.searchwrap {
	background: url(../images/open-search-bg.png) no-repeat;
	background-size: cover;
	padding: 40px 0;
}
.searchwrap h3 {
    text-align: left;
    font-size: 40px;
    color: #fff;
	
   
}

.searchwrap h3 span {
	display: block;
}
.searchbar {
    margin-top: 3px;
    padding: 0;
}
.searchbar div {
    padding: 0 2px 0 0;
}
.searchbar .form-control {
    height: 45px;
    border-radius: 0;
    padding: 13px 15px;
    border: none;
    font-size: 14px;
}

/*.searchbar .btn {
	background: #263bd6;
	border-radius: 0;
	color: #fff;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 14px 20px;
}*/

#btn-searchbar{
background: #263bd6;
	border-radius: 0;
	color: #fff;
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 16px 20px;

}

#btn-searchbar-ibp{
background: #263bd6;
	border-radius: 0;
	color: #fff;
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 12px 20px

}

#btn-searchbar:hover{
background: #f12626;
	border-radius: 0;
	color: #fff;
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 16px 20px;

}

.getstarted {
	text-align: center;
	margin-top: 50px;
}
.getstarted a {
	display: inline-block;
	border: 3px solid #fff;
	padding: 12px 25px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}
.getstarted a i {
	margin-right: 10px;
}
.getstarted a:hover {
	background: #263bd6;
	text-decoration: none;
}

/************************************************
           ==map search css==
*************************************************/
#map_canvas {
	height: 450px;
	width: 100%;
}
.infobox-wrap {
	width: 340px;
	padding: 10px 5px;
}
.infobox-wrap .infobox-figure {
	width: 150px;
	float: left;
}
.infobox-wrap .infobox-content {
	width: 180px;
	float: left;
	padding-left: 15px;
	text-align: left;
}
.infobox-wrap .infobox-content h5 {
	text-align: left;
	margin: 0;
	font-size: 20px;
}
.infobox-wrap .infobox-content .address p {
	text-align: left;
	color: #999;
	font-weight: 600;
}
.infobox-wrap .infobox-rattings {
	margin: 10px 0 15px;
}
.infobox-wrap .infobox-rattings i {
	margin-right: 2px;
}
.infobox-wrap .infobox-figure img {
	max-width: 100% !important;
}
.infobox-rattings i {
	color: #ff9600;
	font-size: 18px;
}
#map-section .form-control {
	height: auto;
	border-radius: 0;
	padding: 13px 15px;
	border: none;
	font-size: 18px;
}
#map-section .btn {
	background: #263bd6;
	border-radius: 0;
	color: #fff;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px 20px;
}
.searchblack {
	background: #333;
	padding: 40px 0;
	margin-top: 0;
}

.searchbar select.form-control, .searchblack select.form-control{
	padding: 12px 15px 13px 15px;
	line-height:46px;
}

/*********************************************
		Revolution slider
**********************************************/
.tp-banner-container {
	position: relative;
	z-index: 1;
	padding: 0;
	width: 100%;
}
.tp-banner {
	position: relative;
	width: 100%;
}
.tp-caption {
	line-height: normal !important
}
.tp-caption a {
	color: inherit !important;
}
.tp-bullets.simplebullets.round .bullet {
	border: 3px #fff solid;
	border-radius: 50%;
	background-image: none !important;
}
.tparrows {
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}
.tp-arr-allwrapper {
	margin: 0 10px;
	width: 50px;
	height: 60px;
	background: rgba(255,255,255,0.5);
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
	color: #fff;
}
.tp-leftarrow .tp-arr-allwrapper {
}
.tp-rightarrow .tp-arr-allwrapper {
}
.tp-arr-iwrapper {
	color: #000;
	text-align: center;
	font-size: 30px;
	font-family: 'FontAwesome';
	line-height: 60px;
}
.tp-leftarrow .tp-arr-iwrapper {
}
.tp-leftarrow .tp-arr-iwrapper:before {
	content: "\f104";
}
.tp-rightarrow .tp-arr-iwrapper:before {
	content: "\f105";
}
.tp-rightarrow .tp-arr-iwrapper {
}
.slide-h1 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 57px;
}
.slide-h2 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #555;
	font-weight: bold;
	font-size: 55px;
	line-height: 100%;
}
.big-font {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 60px;
}
.large-desc {
	font-size: 16px;
}
.slide-h3 {
	color: #fff;
	font-size: 31px;
	line-height: 100%;
}
.slide-h3 span {
	text-transform: uppercase;
	font-weight: bold;
}
.slide-head {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
}
.slide-desc {
	font-size: 22px;
	line-height: 150%;
}
.main-title {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 70px;
}
.icon-cont {
	padding: 15px 40px;
	border-radius: 10px;
	text-align: center;
}
.icon-cont:after {
	position: absolute;
	bottom: -10px;
	left: 40%;
	z-index: 5;
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	content: "";
}
.icon-cont i {
	margin-bottom: 10px;
	color: #fff;
	font-size: 50px;
}
.icon-cont span {
	display: block;
	padding: 0 0 5px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
a.wit-btn {
	background: #fff;
	color: #333 !important;
	text-transform: uppercase;
}
.wit-line {
	width: 5%;
	height: 1px;
	background: #fff;
}
.vert-line {
	min-height: 270px;
	width: 1px;
	background: #fff;
}
.subTxt {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
	color: #333;
}
.large-title {
	color: #222;
	font-size: 60px;
	font-weight: 800;
	text-transform: uppercase !important;
}
.large-light-title {
	color: #787878 !important;
	font-size: 70px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 2px
}
.large-text {
	font-size: 20px;
	color: #000;
	font-weight: lighter;
}
.larger-text {
	font-size: 24px;
	font-weight: lighter;
	text-transform: uppercase;
}
.witTxt {
	color: #fff !important;
}
.light-font {
	font-weight: lighter !important;
	font-size: 50px;
}
.black-bg {
	background: rgba(0,0,0,.63);
	color: #a8a8a8;
	text-transform: none;
}
.lft-list {
	padding: 10px;
	font-size: 18px;
	color: #fff;
}
.wit-border {
	border: 1px #fff solid;
	padding: 15px 60px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
.rounded-bord {
	margin-right: 15px;
	border: 1px #fff solid;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
}
#vertical-ticker {
	height: 120px;
	overflow: hidden;
}
#vertical-ticker li {
	padding: 15px 20px;
	display: block;
	text-align: center;
}
.to-bottom i.fa {
	font-size: 30px;
	border: 2px #a8a8a8 solid;
	padding: 20px 22px;
	border-radius: 50%;
	-webkit-animation: bounce 2s infinite linear;
	animation: bounce 2s infinite linear;
}
.slidertext1 {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	padding: 15px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
.sliderpara {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px;
	text-transform: none !important;
}
.slidertext5{padding:0 15px;}
.slidertext5 a {
	color: #fff !important;
	font-size: 24px;
	font-weight: 700;
	padding: 15px 50px;
	text-transform: capitalize !important;
	text-align: left;
	background: #263bd6;
	font-family: 'Roboto', sans-serif;
}


/************************************************
           == How it works css==
*************************************************/
.howlist {
	list-style: none;
}
.howlist li {
	margin-top: 30px;
	text-align: center;
}
.howlist li .iconcircle {
	width: 100px;
	height: 100px;
	border: 3px solid #78ceff;
	border-radius: 50%;
	text-align: center;
	line-height: 115px;
	margin-bottom: 15px;
	display: inline-block;
	background: #263bd6;
}
.howlist li:nth-child(2) .iconcircle{background:#6ACA00; border-color:#83ec0f;}
.howlist li:last-child .iconcircle{background:#f8a60c; border-color:#ffc456;}
.howlist li .iconcircle i {
	font-size: 48px;
	color: #fff;
}
.howlist li h4 {
	font-size: 24px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}
.howlist li p {
	font-size: 16px;
	line-height: 24px;
	color: #555;
}

/************************************************
           == Top Employers css==
*************************************************/
.employerList {
	margin: 0 -15px;
}
.employerList:after {
	display: table;
	clear: both;
	content: '';
}
.employerList li {
    float: left;
    width: 20%;
    padding: 15px;
}

.employerList li img {
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	width:100%;
}
.employerList li img:hover {
	transform: scale(1.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.3)
}
/*Top Search*/
.topsearchwrap {
}
.topsearchwrap h4 {
	background: #263bd6;
	margin-bottom: 15px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	padding: 12px 20px;
	text-transform: uppercase;
}
.topsearchwrap h5 {
	background: #333;
	margin-bottom: 15px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	padding: 12px 20px;
	text-transform: uppercase;
}
.catelist li a {
	display: block;
	margin: 10px 0;
	position: relative;
	padding-left: 15px;
	color: #000;
	font-weight: 600
}
.catelist li a:hover {
	color: #263bd6;
}
.catelist li a:before {
	position: absolute;
	left: 0;
	content: '\f0da';
	font-family: 'FontAwesome';
	font-weight: 400;
}
.catelist li span {
	color: #6aca00;
}

/************************************************
           == Home Jobs css==
*************************************************/
.jobslist {
	list-style: none
}
.jobslist li {
	margin-top: 30px;
}
.jobslist li .jobint {
	background: #fff;
	padding: 15px;
	border: 1px solid #e3e3e3;
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
}
.jobslist li .jobint:hover {	
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	border-color: #263bd6
}
.jobslist li .col-md-7, .jobslist li .col-md-9 {
	padding-left: 0;
}
.jobslist li h4{margin-bottom:5px;}
.jobslist li h4 a {
	font-size: 18px;
	color: #000;
	font-weight: 700;
}
.jobslist li h4 a:hover {
	color: #263bd6;
}
.jobslist li .company {
	color: #999;
	padding: 7px 0
}
.jobslist li .company a {
	color: #263bd6;
}
.jobslist li .jobloc {
	color: #000;
}
.jobslist li .jobloc span {
	color: #999;
}
.jobslist li .applybtn {
	background: #fff;
	display: inline-block;
	color: #263bd6;
	font-weight: 600;
	padding: 9px 15px;
	margin-top: 20px;
	border: 1px solid #263bd6;
}
.jobslist li .applybtn:hover {
	background: #263bd6;
	color:#fff;
	text-decoration: none;
}
.viewallbtn {
	text-align: center;
	margin-top: 40px;
}
.viewallbtn a {
	display: inline-block;
	background: #263bd6;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 30px;
}
.viewallbtn a:hover {
	background: #333;
	text-decoration: none;
}

.partTime{background:#f8a60c; color:#fff; font-size:13px; display:inline-block; padding:4px 6px;}
.fulltime{background:#6ACA00; color:#fff; font-size:13px; display:inline-block; padding:4px 6px;}
.freelance{background:#ff0000; color:#fff; font-size:13px; display:inline-block; padding:4px 6px;}


/************************************************
           == Video css==
*************************************************/
.videowraper {
	background: url(../images/videobg.jpg) no-repeat top;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
}
.videowraper .subtitle, .videowraper h3 {
	color: #fff;
}
.videowraper p {
	color: #fff;
	max-width: 800px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 24px;
}
.videowraper a {
	display: inline-block;
	opacity: .5;
	margin-top: 20px;
	font-size: 100px;
	color: #fff;
}
.videowraper a:hover {
	opacity: 1;
}


/************************************************
           == Testimonials css==
*************************************************/
.testimonialsList {
	list-style: none;
}
.testimonialsList li {
	text-align: center;
	max-width: 770px;
	margin: 10px auto;
}
.testimonialsList li .testimg {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	margin: auto
}
.testimonialsList li .clientname {
	font-size: 24px;
	font-weight: 700;
	padding: 15px 0;
	color: #000;
	font-family: 'Roboto', sans-serif;
}
.testimonialsList li div {
    font-style: normal;
    line-height: 32px;
    font-size: 18px;
}
.testimonialsList li .clientinfo {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	color: #00a8ff;
	margin-top: 10px;
}

/************************************************
           == App Box css==
*************************************************/
.appwraper {
	background: url(../images/app-bg.jpg) no-repeat top;
	background-size: cover;
	padding-top: 70px;
	background-attachment: fixed;
}
.appimg {
	text-align: center;
}
.appimg img {
	display: block;
}
.appwraper .titleTop {
	text-align: left;
	margin-bottom: 10px;
}
.appwraper .subtitle {
	color: #fff;
}
.appwraper .titleTop h3 {
	color: #fff;
	text-transform: uppercase;
	margin-top: 5px;
}
.appwraper .subtitle2 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	color: #fff;
}
.appwraper p {
	color: #fff;
	line-height: 24px;
}
.appwraper .appbtn {
	margin-top: 45px;
	margin-bottom: 30px
}
.appwraper .appbtn a {
	display: inline-block;
	margin-right: 10px;
}

/*Page Title*/
.pageTitle {
	background: url(../images/page-title-bg.jpg) no-repeat;
	background-size: cover;
	padding: 70px 0;
}
.pageTitle h1 {
    font-size: 60px;
    font-weight: 500;
    color: #fff;
}
.breadCrumb {
	text-align: right;
	color: #fff;
	margin-top: 20px;
}
.breadCrumb a {
	color: #fff;
	display: inline-block;
	padding: 0 5px;
}
.breadCrumb span {
	color: #263bd6;
	display: inline-block;
	padding-left: 5px;
}

/************************************************
           == Search List css==
*************************************************/

.listpgWraper {
    background: #f0f0f0;
    padding: 0 0 40px 0;
    min-height: 400px;
}


.listpgWraper.jobseeker {
    background: #f0f0f0;
    padding: 20px 0 40px 0;
    min-height: 400px;
}


/*.listpgWraper {
	background: #f0f0f0;
	padding: 50px 0;
	min-height: 400px;
}*/
.pageSearch {
	margin-bottom: 30px;
}
.pageSearch a.btn {
	background: #263bd6;
	color: #fff;
	padding: 13px 15px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 0;
	display: block;
}
.pageSearch a.btn i {
	font-weight: 400;
	font-size: 24px;
	margin-right: 5px;
}
.pageSearch a.btn:hover {
	background: #666;
}
.searchform .row {
	margin: 0 -5px;
}
.searchform .col-md-3, .searchform .col-md-2, .searchform .col-sm-3, .searchform .col-sm-2 {
	padding: 0 5px;
}
.searchform .form-control {
	border-radius: 0;
	height: auto;
	padding: 13px 12px;
	font-size: 16px;
}
.searchform select.form-control{
	padding: 13px 12px;
	background:#fff;
	line-height:45px;
}
.searchform .btn {
	border-radius: 0;
	background: #263bd6;
	font-size: 24px;
	color: #fff;
	padding: 7px 18px;
}
.searchform .btn:hover {
	background: #444;
}

/************************************************
           == Sidebar css==
*************************************************/
.sidebar {
	background: #fff;
	border: 1px solid #e4e4e4;
	padding: 20px;
	margin-bottom: 20px;
	clear: both;
}
.sidebar .widget {
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.sidebar .widget-title {
    font-size: 14px;
    font-weight: 600;
    color: #263bd6;
    margin-bottom: 14px;
    margin-top: 25px;
}

.sidebar .widget-title-follow {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 14px;
    margin-top: 5px;
}



.optionlist {
	list-style: none;
}

.optionlist li {
    margin-bottom: 10px;
    padding: 0 0 4px 0;
    position: relative;
    padding-left: 30px;
    font-size: 13px;
    font-family: sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.optionlist li span {
    position: absolute;
    right: 0;
    top: 6px;
    color: #f12626;
}

.optionlist li input[type=checkbox] {
	display: none;
}
.optionlist li input[type=checkbox] + label {
    width: 15px;
    height: 15px;
    border: thin solid #e1e1e1;
    background: #e1e1e1;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}


.optionlist li input[type=checkbox]:checked + label:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	color: #4ece00;
	padding-left: 2px;
	position: relative;
	top: 2px;
}


.sidebar a{
color:#000000c7;
}

.sidebar a.read-more {
    color: #f12626;
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
    font-family: sans-serif;
}

.searchnt .btn {
	background: #263bd6;
	display: block;
	border-radius: 0;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 15px;
}
.sidebar .gad {
	margin-top: 15px;
	text-align:center;
}
.social a {
	color: #00a8ff;
	font-size: 32px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 0;
}
.social a:hover {
	color: #000;
}
/*Listing*/
.searchList {
	list-style: none;
}
.searchList li {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 30px;
    height: auto;
}

.searchList li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border: 1px solid #f1262654;
}


.searchList li .jobimg {
	float: left;
	width: 70px;
	margin-right: 15px;
}
.searchList li h3 a {
    font-size: 18px;
    font-weight: 600;
    color: #f12626;
}
.searchList li .companyName {
	margin: 10px 0;
	color: #969595;
}
.searchList li .companyName a {
    color: #383737;
    font-weight: 600;
    font-size: 14px;
}
.searchList li a:hover {
	color: #333;
}
.searchList li .location {
    color: #0000008a;
    font-size: 12px;
    font-family: sans-serif;
}
.searchList li .location i{
    color: #0000008a;
    font-size: 13px;
}

.searchList li .location span {
	color: #0000008a;
	margin-left:4px;
}
.searchList li .listbtn {
	margin-top: 20px;
}

.searchList li .listbtn a {
    background: #f12626;
    display: block;
    border-radius: 0;
    width: 125px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 9px;
    text-align: center;
    border: 1px solid #f12626;
}

.searchList li .listbtn a:hover {
    background: #263bd6;
    color: #fff;
    text-decoration: none;
    border: solid thin #263bd6;
}

.searchList li p {
    line-height: 22px;
    color: #333;
    margin: 10px 0 0 0;
    font-size: 13px;
}

.searchList li p a.read-more {
    color: #263bd6;
    margin: 0 0 0 2px;
    font-size: 12px;
}

.searchList li .cateinfo {
	color: #263bd6;
	margin: 10px 0;
}
.searchList li .minsalary {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 25px;
	color: #a8d815;
}
.searchList li .minsalary span {
	color: #999;
	font-weight: 400;
}
/*Pagination*/
.pagiWrap .showreslt {
	font-weight: 600;
	margin-top: 10px;
}
.pagiWrap .pagination {
	text-align: right;
	margin: 0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0;
}

/************************************************
           == Job Detail css==
*************************************************/
.job-header {
	background: #fff;
	border: 1px solid #e4e4e4;
	margin-bottom: 30px;
}
.job-header .jobinfo {
	padding: 25px;
	border-bottom: 1px solid #e4e4e4;
}

.job-header .jobinfo h2 {
    font-size: 20px;
    color: #f12626;
}


.job-header .jobinfo .ptext {
	color: #999;
	margin: 12px 0;
}
.job-header .jobinfo .salary {
	font-size: 16px;
	font-weight: 700;
	color: #888;
}
.job-header .jobinfo .salary strong {
	color: #000;
}
.job-header .jobinfo .companyinfo {
	text-align: right;
}
.job-header .jobinfo .companyinfo .companylogo {
	float: right;
	width: 75px;
	background: #fff;
	margin-left: 20px;
	border: 5px solid #eee;
}
.job-header .jobinfo .companyinfo .companylogo img{display:block;}
.job-header .jobinfo .companyinfo .title a {
	font-size: 18px;
	font-weight: 600;
	color: #263bd6;
}
.job-header .jobinfo .companyinfo .opening a {
	color: #333;
}

/*Candidate Info*/
.job-header .jobinfo .candidateinfo .userPic {
	float: left;
	width: 100px;
	height: 100px;
	background: #cbcbcb;
	margin-right: 20px;
	border: 5px solid #263bd6;
}
.job-header .jobinfo .candidateinfo .title {
	font-size: 24px;
	color: #333;
	font-weight: 600
}
.job-header .jobinfo .candidateinfo .desi {
	font-size: 18px;
	color: #666;
	margin-top: 10px;
}
.job-header .jobinfo .candidateinfo .loctext {
	line-height: 24px;
	color: #555;
	margin-top: 8px;
}
.job-header .jobinfo .candidateinfo .loctext i {
	width: 20px;
	color: #263bd6;
}
.cadsocial {
	margin-top: 10px;
}
.cadsocial a {
	color: #666;
	font-size: 24px;
	display: inline-block;
	margin-right: 7px;
}
.cadsocial a:hover {
	color: #263bd6;
}
.relatedJobs {
	margin-bottom: 30px;
}
.relatedJobs h3 {
	font-size: 24px;
	font-weight: 700;
	color: #555;
	margin-bottom: 15px;
}
/*Buttons*/
.jobButtons {
    padding: 10px 25px;
}
.jobButtons a {
	background: #f0f0f0;
	margin-right: 10px;
	color: #333;
	font-weight: 600;
	font-size: 16px;
}
.jobButtons a.report {
	background: #e01010;
	color: #fff;
}
.jobButtons a.apply {
	background: #a8d815;
	color: #fff
}
.jobButtons a:hover {
	background: #222;
	color: #fff;
}
.job-header .contentbox {
	padding: 35px;
}
.job-header .contentbox h3 {
    font-size: 16px;
    font-weight: 700;
    color: #263bd6;
    text-transform: uppercase;
    margin-bottom: 10px;
}


.job-header .contentbox p {
	line-height: 24px;
	color: #555;
	margin-bottom: 20px;
}
.job-header .contentbox ul {
	margin-bottom: 30px;
}
.job-header .contentbox ul li {
    padding: 5px 0 5px 25px;
    position: relative;
    line-height: 20px;
}

.job-header .contentbox ul li:before {
	content: '\f14a';
	font-family: 'FontAwesome';
	color: #f12626;
	position: absolute;
	left: 0;
}

.job-header .contentbox ul li label {
   color: #666;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    width: 155px;
	font-size:13px;
}


.basic-detail-right {
    width: 355px;
    float: left;
    margin-left: 15px;
    font-size: 13px;
    color: #000;
}


/*Job Info*/
.jobdetail {
	padding: 20px;
}
.jobdetail iframe {
	width: 100%;
	height: 250px;
	border: none
}
.jobdetail h3 {
	font-size: 18px;
	color: #263bd6;
	font-weight: 700;
}
.jbdetail {
	margin-top: 20px;
}
.jbdetail li {
	margin-bottom: 20px;
	color: #908f8f;
}
.jbdetail li a {
	display: block;
	text-align: right;
	color: #263bd6;
	font-weight: 600;
}
.jbdetail li span {
	display: block;
	text-align: right;
	color: #000;
	font-weight: 600;
}
.jbdetail li span.permanent {
	color: #a8d815;
}
.jbdetail li span.contract {
	color: #263bd6;
}
.jbdetail li span.freelance {
	color: #F07200;
	background:none;
	padding:0;
}
/*Skills*/
.skillswrap {
	margin-top: 20px;
}
.skillswrap h5 {
	color: #7b7b7b;
	font-weight: 400;
	margin-bottom: 5px;
}
/*Education*/
.educationList {
	margin-bottom: 0 !important;
}
.educationList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px !important;
	padding-top: 0 !important;
	padding-left: 0 !important;
	margin-top: 30px;
}
.educationList li:hover {
	border-bottom-color: #263bd6;
}
.educationList li:before {
	display: none;
}
.educationList li:last-child {
	border-bottom: 0;
}
.educationList li .date {
	width: 90px;
	height: 90px;
	background: #888;
	border-radius: 50%;
	text-align: center;
	font-weight: 700;
	padding-top: 17px;
	line-height: 18px;
	float: left;
	color: #fff;
	margin-right: 20px;
}
.educationList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #58c0ff;
	margin-bottom: 5px;
}
.educationList li p {
	margin-bottom: 0 !important;
}
/*Experience*/
.experienceList {
	margin-bottom: 0 !important;
}
.experienceList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px !important;
	padding-left: 0 !important;
	padding-top: 0 !important;
	margin-top: 30px;
}
.experienceList li:hover {
	border-bottom-color: #263bd6;
}
.experienceList li:before {
	display: none;
}
.experienceList li:last-child {
	border-bottom: 0;
}
.experienceList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #58c0ff;
	margin-bottom: 10px;
}
.experienceList li p {
	margin-bottom: 0 !important;
	margin-top: 10px;
}
/*Portfolio*/
.userPortfolio li {
	padding: 0 15px !important;
	margin-top: 30px;
}
.userPortfolio li:before {
	display: none;
}
.userPortfolio li .imgbox {
	overflow: hidden;
	position: relative
}
.userPortfolio li .itemHover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(22,34,46,.9);
	transform: scale(0);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}
.userPortfolio li:hover .itemHover {
	transform: scale(1)
}
.userPortfolio li .zoombox {
	display: table;
	width: 100%;
	height: 20%;
	text-align: right
}
.userPortfolio li .item-zoom {
	display: inline-block;
	border: 2px solid #fff;
	padding: 6px 12px;
	margin: 15px 15px 0 0;
	color: #fff
}
.userPortfolio li .item-zoom:hover {
	background: #2079f2
}
.userPortfolio li .infoItem {
	display: table;
	width: 100%;
	height: 70%;
	text-align: center
}
.userPortfolio li .itemtitle {
	vertical-align: bottom;
	padding: 0 15px 15px;
	position: relative;
	display: table-cell;
}
.userPortfolio li .itemtitle h5 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 5px
}
.userPortfolio li .itemtitle p {
	color: #ccc;
	line-height: 18px
}
.userPortfolio li .itemtitle a {
	color: #2079f2
}
.userPortfolio li.shown, .no-cssanimations .userPortfolio li, .no-js .grid li {
	opacity: 1
}
.userPortfolio li a, .userPortfolio li img {
	outline: 0;
	border: none;
	display: block;
	max-width: 100%
}

/************************************************
           == Cms Pages css==
*************************************************/
.inner-page {
	padding: 50px 0;
}
.inner-page .title {
	text-align: center;
	margin-bottom: 40px;
}
.inner-page .title > span {
	color: #292929;
	font-size: 17px;
	margin-bottom: 10px;
}
.inner-page .title h2 {
	color: #292929;
	font-size: 40px;
	font-weight: 800;
	letter-spacing: 1px;
	margin: 0;
}
.inner-page .title > p {
	line-height: 24px;
}
.contact {
    border: 1px solid #ddd;
    padding: 10px 0 0 10px!important;
    margin-bottom: 30px;
    height: 136px;
}

.contact > span {
	color: #263bd6;
	float: left;
	font-size: 40px;
	line-height: 30px;
	margin-right: 2px;
	text-align: center;
	width: 70px;
}

.contact i{
    font-size: 50px;
}

.inner-page .fa-home:before {
	content: "\f015";
}
.information {
	overflow: hidden;
	padding-right: 20px;
	margin-top: 5px;
}
.information > strong {
    color: #000;
    display: table;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
    margin: 9px 0 0 0;
	white-space:nowrap;
}
.information > p {
	line-height: 22px;
	margin: 0 0 0 0;
}
.contact-form input, .contact-form textarea {
	color: #8c8c8c;
	float: left;
	border: 1px solid #ddd;
	font-size: 12px;
	line-height: 32px;
	margin-bottom: 15px;
	padding: 10px 20px;
	width: 100%;
}
.contact-form {
	text-align: right;
}
.contact-form button {
	background-color: #263bd6;
	border: 0 none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 18px 40px;
	margin-top: 20px;
}

/************************************************
           == FAQs css==
*************************************************/
.faqs {
	margin-bottom: 30px;
}
.faqs .panel-default>.panel-heading {
	background: none;
	border: none;
	padding: 0;
}
.faqs h4 a {
	padding: 15px 55px 15px 15px;
	display: block;
	background: #263bd6;
	color: #fff;
	font-size: 16px;
	position: relative;
}
.panel-group .panel {
	border-radius: 0;
	margin-bottom: 20px;
}
.panel-group .panel-body {
	line-height: 24px;
	color: #555;
}
.faqs h4 .collapsed:hover, .faqs h4 a:hover, .faqs h4 a:active {
	text-decoration: none;
	background: #263bd6;
	color: #fff;
}
.faqs h4 a:before {
	content: "\f068";
	background: #fff;
	font-family: 'FontAwesome';
	width: 30px;
	padding: 6px 0;
	color: #263bd6;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
}
.faqs h4 .collapsed:before {
	content: "\f067";
	font-family: 'FontAwesome';
	background: #666;
	width: 30px;
	padding: 6px 0;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	text-decoration: none;
}
.faqs h4 a.collapsed {
	background: #fff;
	color: #666;
	text-decoration:none;
}
/*Form Panel*/
.formpanel {
	margin-top: 20px;
}
.formpanel .formrow {
    margin-bottom: 12px;
}


.formpanel .form-control {
    height: auto;
    border-radius: 0;
    padding: 10px 13px;
    border-color: #ddd;
    box-shadow: none;
}

.formpanel select.form-control {
    padding: 13px 12px;
    border-radius: 0;
    line-height: 45px;
    color: #555;
}


.formpanel textarea.form-control {
	height: 80px;
}
.formpanel .btn {
    width: 100%;
    background: #263bd6;
    color: #fff;
    border-radius: 0;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}


.formpanel .btn:hover {
	background: #222;
}
.featchoose li {
	margin-bottom: 10px;
}
/*Google Map*/
.gmap {
	margin-top: 20px;
}
.gmap iframe {
	height: 250px;
	width: 100%;
	border: none;
}
.googlemap iframe {
	height: 400px;
	width: 100%;
	border: none;
}

/************************************************
           == User Account css==
*************************************************/
.userccount {
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px 30px;
}
.userccount p {
	text-align: center;
	line-height: 24px;
	color: #999;
}
.userccount h5 {
    font-size: 18px;
    color: #0a0a0ab0;
    font-weight: 700;
    text-align: left;
    margin: 8px 0 0 0;
}

.socialLogin {
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}


.socialLogin a {
	display: inline-block;
	width: 36px;
	height: 36px;
	color: #fff;
	font-size: 18px;
	margin: 0 5px;
	line-height: 36px;
}
.socialLogin a.fb {
	background: #3b5998;
}
.socialLogin a.gp {
	background: #dd4b39;
}
.socialLogin a.tw {
	background: #00aced;
}
.newuser {
    margin-top: 15px;
    text-align: left;
    color: #000;
    font-size: 13px;
    font-weight: 600;
}

.newuser a {
    font-weight: 600;
    color: #f12626;
}

.userbtns .nav-tabs {
	border-bottom: none;
	margin-bottom: 20px;
}
.userbtns .nav-tabs>li {
    width: 100%;
    margin-bottom: 0;
}


.userbtns .nav-tabs>li a {
    border: none;
    background: #eee;
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    padding: 8px 0 8px 0;
    text-transform: uppercase;
}

.userbtns .nav-tabs>li a:hover, .userbtns .nav-tabs>li.active a {
	background: #f12626;
	border: none;
	color: #fff;
}
.userbtns .nav-tabs>li.active a:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #263bd6;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	display:none;
}

/***************************
		404 Page
***************************/
.error-page-wrap {
	padding: 100px 0;
}
.error-page-wrap .errormain {
	text-align: center;
}
.error-page-wrap .errormain h2 {
	font-size: 350px;
	color: #999;
	font-weight: 900;
	line-height: 350px;
}
.error-page-wrap .errormain h3 {
	font-size: 40px;
	color: #888;
	font-weight: 900;
	line-height: 50px;
	letter-spacing: 5px;
	display: inline-block;
	border: 5px solid #ddd;
	padding: 20px 40px;
	margin-top: -20px;
}
.error-msg {
	margin-top: 50px;
}
.error-msg p {
	max-width: 500px;
	margin: auto;
	line-height: 24px;
	font-size: 16px;
	color: #666;
}
.error-msg .btn {
	background: #263bd6;
	color: #fff;
	margin-top: 30px;
	border-radius: 0;
	padding: 10px 25px;
	font-size: 18px;
	font-weight: 600;
}

/***************************
	About Us
****************************/
.about-wraper {
    padding: 50px 0;
}


.about-wraper h2 {
	font-size: 40px;
	color: #263bd6;
	font-weight: 700;
	margin-bottom: 15px;
}
.about-wraper p {
	line-height: 24px;
	font-size: 16px;
}
.what_we_do {
	padding: 50px 0;
	background: #f8f8f8;
	margin-top: 100px;
}
.what_we_do .main-heading {
	color: #263bd6;
	text-align: center;
	line-height: 48px;
	font-size: 36px;
	font-weight: 700;
}
.whatText {
	font-size: 24px;
	text-align: center;
	color: #444;
	line-height: 42px;
}
.whatList {
	list-style: none;
	margin-top: 50px;
}
.whatList li {
	text-align: center;
}
.whatList li .iconWrap {
	display: inline-block;
	border: 4px solid #ddd;
	border-radius: 100%;
	padding: 10px;
}
.whatList li .icon {
    font-size: 62px;
    color: #fff;
    background: #f12626;
    width: 140px;
    height: 140px;
    text-align: center;
    line-height: 138px;
    border-radius: 100%;
}


.whatList li h3 {
	font-size: 30px;
	color: #333;
	padding-top: 30px;
	margin-bottom: 15px;
	font-weight: 600;
}
.whatList li p {
}
.textrow {
	padding-top: 100px;
}
ul.orderlist {
	list-style: none;
	margin-top: 30px;
}
ul.orderlist li {
	float: left;
	width: 48%;
	margin-bottom: 12px;
	color: #333;
	font-size: 16px;
}
ul.orderlist li:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	color: #82B440;
}


/**************************
	Pay Packages
**************************/



/*************************
	Three colum Packages
*************************/
.four-plan {
	background: #eee;
	padding: 50px 0px;
}
.four-plan h3 {
    padding: 0px;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
    color: #000;
}

.four-plan .boxes {
    list-style: none;
    border-radius: 5px;
    background: #fff;
    padding: 25px 20px 10px 20px;
    text-align: center;
    margin-top: 30px;
}


.four-plan .boxes:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.four-plan .boxes li {
	display: block;
}
.four-plan .icon {
	font-size: 52px;
	color: #565656;
	padding: 30px 0
}
.four-plan .plan-name {
	font-size: 26px;
	font-weight: 600;
}
.four-plan .plan-date {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}
.plan-pages {
	font-size: 16px;
	line-height: 43px;
	font-weight: bold;
	color: #868686
}
.plan-pages1 {
	display: block;
	font-size: 16px;
	line-height: 43px;
	font-weight: bold;
	color: #e2e2e2
}
.order {
	font-size: 16px;
	padding: 20px 0px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 8px;
}
.order a {
    background: #f12626;
    border-radius: 5px;
    padding: 12px 32px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.order a:hover {
	background: #263bd6;
}
.main-plan {
	margin-bottom: 15px;
}
.main-plan .plan-price1-1 {
	font-size: 52px;
	float: left;
	color: #565656;
	margin-left: 30px;
	padding-top: 22px;
	font-weight: 300;
}
.main-plan .plan-price1-2 {
    font-size: 50px;
    font-weight: bold;
    color: #263bd6;
}
.main-plan .plan-price1-3 {
	font-size: 18px;
	float: left;
	line-height: 20px;
	margin-right: 30px;
	color: #cdcdcd;
	font-weight: 300;
	padding-top: 32px;
}
.main-plan .plan-price1-4 {
	display: block;
}
/*************************
	Three colum Packages
*************************/
.three-plan {
    padding: 35px 0 100px 0;
}


.three-plan h1 {
    padding: 0px;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin: 30px 30px 10px 30px;
    color: #000;
}

.three-plan h2 {
    padding: 0px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin: 0px 0px 20px 0px;
    color: #666666;
}

/*.three-plan h3 {
    padding: 0px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin: 30px;
    color: #000;
}*/
.three-plan ul {
	list-style: none;
	background: #fff;
}
.three-plan li {
	padding: 0px;
}
.three-plan .boxes {
	background: #fff;
	margin-top: 30px;
}
.pricing-table1 {
	background: #ffc600;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 10px 0px;
	font-weight: 600;
}
.pricing-table1 strong {
	display: block;
	font-size: 16px;
	font-weight: 400;
}
.pricing-detail {
	list-style: none;
}
.pricing-detail li {
	display: block;
	text-align: center;
}
.pricing-unit1 {
	font-size: 57px;
	float: left;
	color: #ffc600;
	margin-left: 20px;
	padding-top: 80px;
	font-weight: 300;
}


.pricing-unit1-1 {
    font-size: 65px;
    font-weight: bold;
    color: #ffc600;
    padding: 15px 0 15px 0;
    text-align: center;
}


.pricing-unit1-2 {
    font-size: 18px;
    line-height: 20px !important;
    color: #cdcdcd;
    float: left;
    font-weight: 300;
    padding-top: 56px;
}


.pricing-unit1-3 {
	display: block;
}
.pricing-unit2 {
	font-size: 57px;
	float: left;
	color: #00aeff;
	margin-left: 20px;
	padding-top: 80px;
	font-weight: 300;
}


.pricing-unit2-1 {
    font-size: 65px;
    font-weight: bold;
    color: #00aeff;
    padding: 15px 0 15px 0;
    text-align: center;
}

/*
.pricing-unit2-1 {
	font-size: 132px;
	font-weight: bold;
	color: #00aeff;
	float: left;
}*/



.pricing-unit2-2 {
	font-size: 18px;
	line-height: 20px !important;
	color: #cdcdcd;
	font-weight: 300;
	padding-top: 100px;
}
.pricing-unit2-3 {
	display: block;
}
.pricing-unit3 {
	font-size: 57px;
	float: left;
	color: #56d700;
	margin-left: 20px;
	padding-top: 80px;
	font-weight: 300;
}


.pricing-unit3-1 {
    font-size: 65px;
    font-weight: bold;
    color: #56d700;
    padding: 15px 0 15px 0;
    text-align: center;
}



.pricing-unit3-2 {
	font-size: 18px;
	line-height: 20px !important;
	color: #cdcdcd;
	font-weight: 300;
	padding-top: 100px;
}
.pricing-unit3-3 {
	display: block;
}

.three-plan .plan-name-dt {
    font-size: 36px;
    font-weight: bold;
    color: #5c5c5c;
    padding: 0px 82px;
    padding-top: 80px;
    line-height: 44px;
    padding-bottom: 12px;
}

.three-plan .plan-good i {
	font-size: 18px;
	color: #a8a8a8;
	margin-right: 12px;
}
.three-plan .plan-pages {
	font-size: 16px;
	line-height: 43px;
	padding-left: 70px;
	font-weight: 300;
	color: #a8a8a8;
	border-top: 1px solid #f5f5f5;
	padding-top: 3px;
}
.three-plan .plan-detail {
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	font-weight: bold;
	color: #868686;
	border-top: 1px solid #f5f5f5;
	padding-top: 3px;
}
.three-plan .plan-detail1 {
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	font-weight: bold;
	color: #868686;
	border-top: 1px solid #f5f5f5;
	padding-top: 3px;
}
.three-plan .plan-detail1 i {
	color: green !important;
}
.three-plan .plan-detail i {
	color: red !important;
}
.pricing-table1-2 {
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 10px 0px;
	font-weight: 600;
}
.pricing-table1-2 strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
}
.pricing-table1-3 {
	background: #56d700;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 10px 0px;
	font-weight: 600;
}
.pricing-table1-3 strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
}
.three-plan .plan-pages i {
	font-size: 18px;
	color: #a8a8a8;
	margin-right: 12px;
}
.three-plan .plan-pages1 {
	display: block;
	font-size: 16px;
	line-height: 43px;
	font-weight: bold;
	color: #e2e2e2
}
.three-plan .order-1 {
	background: #ffc600;
	font-size: 16px;
	padding: 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
.three-plan .order-1 a {
	background: #000;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.three-plan .order-2 {
	background: #000;
	font-size: 16px;
	padding: 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
.three-plan .order-2 a {
	background: #00aeff;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.three-plan .order-3 {
	background: #56d700;
	font-size: 16px;
	padding: 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
.three-plan .order-3 a {
	background: #000;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
/* =======================
		Blog Listing
======================= */
.blogWraper {
	margin-bottom: 40px;
}
.blogList {
	list-style: none;
}
.blogList li {
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid #e4e4e4;
}
.blogList li:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-color: #263bd6;
}
.postimg {
	position: relative;
	display: inline-block;
}
.postimg:before {
	border: 1px solid #fff;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	content: '';
	position: absolute;
	z-index: 10;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.blogList li:hover .postimg:before {
	background: rgba(255,255,255,0.4);
}
.postimg .date {
	width: 60px;
	height: 60px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	padding: 7px 10px 0 10px;
	text-align: center;
	line-height: 20px;
	background: #263bd6;
	letter-spacing: 0.4px;
	outline: 3px solid #263bd6;
	border: 1px solid #fff;
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 12;
}
.post-header {
	margin-bottom: 20px;
}
.post-header h4 a {
	font-size: 24px;
	color: #263bd6;
	font-weight: 600;
}
.post-header h4 a:hover {
	color: #333;
}
.postmeta {
	margin: 15px 0 20px 0; line-height:24px;
}
.postmeta span, .postmeta a {
	color: #263bd6;
}
.blogList p, .blogGrid li p {
	line-height: 24px;
	color: #333;
}
.blogList .readmore, .blogGrid .readmore {
	border-bottom: 1px dotted #00b1f1;
	display: inline-block;
	margin-top: 15px;
	color: #000;
	font-weight: 600;
	padding-bottom: 5px;
}
.blogList .readmore:hover, .blogGrid .readmore:hover {
	text-decoration: none;
	color: #00b1f1;
}
/* =======================
		Blog Grid
======================= */
.blogGrid {
	list-style: none;
}
.blogGrid li {
	margin-bottom: 30px;
}
.blogGrid li .int {
	background: #fff;
	padding: 20px;
	border: 1px solid #e4e4e4;
}
.blogGrid li .int:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-color: #263bd6;
}
.blogGrid li .post-header {
	margin-top: 10px;
}
/* =======================
		Blog Detail
======================= */
.blogdetailbox {
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid #e4e4e4;
}
blockquote {
	display: block;
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0;
	padding: 20px 20px 20px 60px;
	position: relative;
	border: 3px solid #00b1f1;
	box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
blockquote p {
	font-style: italic;
	display: inline-block;
	color: #000;
}
blockquote:before {
	color: #ddd;
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 22px;
	font-style: normal;
	left: 24px;
	position: absolute;
	top: 20px;
	transform: scale(-1);
}
blockquote:after {
	color: #ddd;
	content: "\f10e";
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 22px;
	font-style: normal;
	margin: 0 0 0 8px;
	position: relative;
	top: 3px;
}
.comments h4 {
	color: #222222;
	font-size: 24px;
	font-weight: 600;
}
.comments .media-body h4 span {
	font-size: 12px;
	color: #777777;
	margin-left: 20px;
	display: inline-block;
	width: 100%;
}
.comments {
	margin-top: 30px;
}
.comments .media-list {
	margin-bottom: 30px;
}
.comments .media-list li {
	padding: 20px;
	border: 1px solid #e9e9e9;
	position: relative;
	background: #fff;
}
.comments .media-left {
	margin-right: 20px;
}
.comments .media-left a {
	width: 100px;
	display: inline-block;
}
.comments .media p {
	margin-top: 5px;
	color: #333;
	line-height: 20px;
}
.comments .media h6 span {
	font-size: 13px;
	color: #999;
	margin: 0;
	margin-top: 10px;
	text-transform: none;
	display: inline-block;
	width: 100%;
}
.comments .media {
	margin-top: 30px;
}
.comments .media h6 {
	font-weight: 600;
	color: #00b1f1;
	font-size: 16px;
	text-transform: none;
}
.comments .btn.raply {
	padding: 10px 12px;
	font-size: 12px;
	color: #333;
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	position: absolute;
	top: 15px;
	right: 0;
}
.comments .btn.raply:hover {
	background: #00b1f1;
	color: #fff;
}
.comments .media a img {
	margin-bottom: 10px;
}
.commnetsfrm {
	background: #fff;
	padding: 25px;
}
.comments form label {
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	font-size: 12px;
}
.comments form .form-control {
	display: inline-block;
	width: 100%;
	height: 40px;
	margin-top: 5px;
	border-radius: 0px;
	box-shadow: none;
	background: none;
	border: 1px solid #e8e8e8;
}
.comments form textarea.form-control {
	display: inline-block;
	width: 100%;
	height: 150px;
}
.commnetsfrm .btn {
	background: #00b1f1;
	color: #fff;
	font-weight: 700;
	margin-top: 20px;
	border-radius: 0;
	font-size: 18px;
	padding: 8px 18px;
}
/************************************************
           ==Blog sidebar css==
*************************************************/
.search {
	position: relative;
	margin-bottom: 15px;
}
.search .form-control {
	border-radius: 0;
	height: auto;
	padding: 10px 12px;
	border-color: #ddd;
}
.search .btn {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	background: none;
	font-size: 20px;
}
/*categories*/
.categories li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 20px;
}
.categories li a {
	margin-top: 0;
	color: #888;
	font-weight: 600;
}
.categories li:before {
	content: "\f0da ";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	color: #00b1f1;
	font-size: 12px;
}
.categories li a:hover{color:#00b1f1;}
/*Archives*/
.archive li {
	line-height: 45px;
}
.archive li a {
	margin-top: 0;
	color: #888;
	font-weight: 600;
}
.archive li span {
	float: left;
	height: 30px;
	width: 30px;
	text-align: center;
	background: #f5f5f5;
	border: 1px solid #fff;
	outline: 3px solid #f5f5f5;
	margin-right: 20px;
	line-height: 26px;
	font-size: 12px;
	color: #777777;
	margin-top: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.archive li a:hover span {
	background: #263bd6;
	color: #fff;
}
/*Popular Posts*/
.papu-post {
}
.papu-post .media-left {
	margin-right: 0px;
}
.papu-post .media-left img {
	width: 100%;
}
.papu-post .media-left a {
	width: 80px;
	margin-top: 0;
	margin-right: 5px;
	display: inline-block;
}
.papu-post span {
	color: #333;
	letter-spacing: 0px;
	font-size: 11px;
}
.papu-post li {
	border-bottom: 1px solid #ececec;
	padding: 20px 0;
	margin: 0px;
}
.papu-post .media-heading {
	display: inline-block;
	width: 100%;
	color: #00b1f1;
	margin-top: 0px;
	line-height: 20px;
}
.papu-post li:last-child {
	border-bottom: 0;
}
/*Tags*/
.tags:after {
	display: table;
	clear: both;
	content: '';
}
.tags li {
	display: inline-block;
	float: left;
}
.tags a {
	color: #969595;
	border: 1px solid #dadada;
	padding: 7px 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.tags a:hover {
	border: 1px solid #263bd6;
	background: #263bd6;
	color: #fff;
	text-decoration: none;
}
/*Photo Streen*/
.photo-steam {
	margin: 0 -5px;
}
.photo-steam:after {
	display: table;
	clear: both;
	content: '';
}
.photo-steam li {
	float: left;
	width: 25%;
	padding: 0 5px;
	margin-bottom: 10px;
}


/************************************************
           == Dashboard Page css==
*************************************************/
.usernavdash {
	margin-bottom: 30px;
}
.usernavdash li a {
	border: 1px solid #eee;
	border-bottom: none;
	padding: 10px 15px;
	color: #444;
	display: block;
	background: #fff
}
.usernavdash li:last-child a {
	border-bottom: 1px solid #eee;
}
.usernavdash li a:hover {
	background: #263bd6;
	color: #fff;
	text-decoration: none;
}
.usernavdash li i {
	margin-right: 2px;
	font-size: 18px;
	width: 25px;
	color:#999;
}
.usernavdash li.active a {
	background: #263bd6;
	color: #fff;
}
.usernavdash li.active a i, .usernavdash li a:hover i{color:#fff;}
.profilestat li .inbox {
	border: 1px solid #eee;
	text-align: center;
	background: #fff;
	padding: 15px 10px;
	margin-bottom: 30px;
}
.profilestat li i {
	font-size: 36px;
	color: #999;
	margin-bottom: 15px;
	display: block;
}
.profilestat li h6 {
	font-size: 30px;
	font-weight: 600;
	color: #263bd6;
	margin-bottom: 10px;
}
.profilestat li h6 span {
	font-size: 18px;
	color: #999;
}
.profilestat li strong {
	display: block;
	font-size: 13px;
	color: #333;
}
.instoretxt {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	background: #fff;
	text-align: center;
	padding:30px 20px;
	margin-bottom: 30px;
}
.instoretxt .credit {
	font-size: 24px;
	margin-bottom: 20px;
}
.instoretxt .currency {
	font-size: 16px;
	font-weight: 700;
}
.instoretxt .currency strong {
	color: #263bd6;
}
.instoretxt strong {
	font-weight: 700;
	color: #263bd6;
}
.instoretxt a {
	font-size: 18px;
	display: inline-block;
	padding: 9px 20px;
	background: #263bd6;
	color: #fff;
	margin: 0 5px;
}
.instoretxt a:hover {
	background: #333;
	text-decoration: none;
}
.instoretxt a.history {
	background: #444;
}
.myads h3 {
	font-size: 24px;
	margin: 0 0 10px 0;
}

/* The switch - the box around the slider */

.switchbox{margin-bottom:20px;}
.switchbox .txtlbl{float:left; font-size:16px; font-weight:700; margin-top:5px;}
.switchbox .txtlbl i{font-size:14px; font-weight:400; color:#666}

.switchbox strong{font-size:12px; display:block; margin-top:10px;}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px !important;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 10px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 10px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 33px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}




/************************************************
           ==Footer css==
*************************************************/
.footerWrap {
	background: #272727;
	padding: 50px 0;
}
.footerWrap h5 {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
}
.footerWrap p {
	line-height: 22px;
	color: #ccc;
}
.footerWrap .ft-logo {
	margin-bottom: 15px;
}
.social {
	margin-top: 20px;
}
.social a {
	color: #fff;
	font-size: 32px;
	display: inline-block;
	margin-right: 5px;
}
.social a:hover {
	color: #36b3e5;
}
.sidebar .social a {
	color: #444;
}
/*Articles*/
.posts-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.posts-list li {
	border: none;
	margin: 15px 0;
}
.posts-list .media-left {
	margin-right: 30px;
	width: 80px;
	float: left;
	padding-right: 0;
}
.posts-list .entry-title {
	font-weight: 400;
	text-transform: inherit;
	margin: 0 0 5px;
}
.post .entry-title a {
	color: #fff;
	font-size: 16px;
}
.posts-list .entry-meta {
	padding: 0;
}
.posts-list .entry-date {
	color: #ccc;
	font-style: italic;
	text-transform: capitalize;
}
.footerWrap .quicklinks {
	list-style: none;
}
.footerWrap .quicklinks li {
}
.footerWrap .quicklinks li a {
	display: block;
	color: #ccc;
	padding: 8px 0;
	font-size: 14px;
}
.footerWrap .quicklinks li a:before {
	content: '\f0da';
	font-family: 'FontAwesome';
	margin-right: 7px;
}
.footerWrap .quicklinks li a:hover {
	color: #263bd6;
	text-decoration: none;
}
.copyright {
	padding: 10px 0;
	text-align: center;
	color: #777;
}
.copyright ul li{display:inline;}
.copyright ul li a {
	color: #555;
	padding: 0 5px;
	display: inline-block;
	margin: 5px;
}
.copyright a:hover {
	color: #000;
}
.bttxt {
	color: #212120;line-height:24px;
}
/*copyright*/
.copyright {
	padding: 20px 0;
}


/*******************
	Large Screen
*******************/
@media screen and (max-width: 1199px) {
.main-plan .plan-price2 {
	margin-left: 0px;
	font-size: 44px;
}
.main-plan .plan-price2-1 {
	font-size: 70px;
}
.main-plan .plan-price2-2 {
	margin-right: 0px;
}
.main-plan .plan-price {
	margin-left: 0px;
	font-size: 44px;
}
.main-plan .plan-price-1 {
	font-size: 70px;
}
.main-plan .plan-price-2 {
	margin-right: 0px;
}
.main-plan .plan-price1-1 {
	margin-left: 0px;
	font-size: 44px;
}
.main-plan .plan-price1-2 {
	font-size: 70px;
}
.main-plan .plan-price1-3 {
	margin-right: 0px;
}
.pricing-unit1 {
	margin-left: 5px;
}
.pricing-unit2 {
	margin-left: 5px;
}
.pricing-unit3 {
	margin-left: 5px;
}
}

/*******************
	Monitor Screen
*******************/
 @media screen and (max-width: 1024px) {
.usernav li a {
	padding: 19px 14px
}
.jobslist li .applybtn {
	margin-top: 15px;
}
.pageSearch a.btn {
	margin-bottom: 15px
}
}

/*******************
	Tablet Screen
*******************/
@media screen and (max-width: 990px) {
body {
	font-size: 16px;
}
.navbar-default {float:none;}
.three-plan li {
	padding: 0 15px;
	margin-top: 15px;
}
.three-plan ul {
	background: none;
}
.main-plan {
	max-width: 150px;
	margin: 0 auto;
}
.main-unit {
	max-width: 240px;
	height: 200px;
	margin: 0 auto;
}
/*Search*/
.searchwrap {
    padding: 0 0 15px 0;
}
.searchbar {
	padding:20px 5px 5px 5px;
}
.searchbar .form-control {
	margin-bottom: 15px;
}
.searchbar .btn {
	width: 100%;
}
ul.orderlist li {
	float: none;
	width: auto;
}
.optionlist li {
	font-size: 14px;
}
.searchList li p {
    font-size: 14px;
}
.sidebar a {
	font-size: 16px;
}
.sidebar .social a {
	font-size: 30px;
}
.pageTitle h1, .breadCrumb {
	text-align: center;
}
/*job detail*/
.job-header .jobinfo .companyinfo {
	text-align: left;
	margin-top: 30px;
	border-top: 1px solid #eee;
	padding-top: 30px;
}

.whatList li{margin-bottom:30px;}
.about-wraper h2{margin-top:20px;}
.postimg{margin-top:15px;}
.about-wraper, .textrow{padding:50px 0;}

.appwraper .appbtn{margin-top:30px;}
.appwraper .titleTop h3{font-size:40px;}
.appwraper .subtitle2{font-size:24px;}
/*Footer*/
.footerWrap h5 {
	margin-top: 25px;
	font-size:24px;
}
.searchbar div{padding:0 15px;}
.searchbar div.row{padding:0;}

}
/*******************
Large Mobile Screen
*******************/
@media screen and (max-width: 768px) {


.button-animated {
    background-color: #263bd6;
    -webkit-border-radius: 0.25rem;
    border-radius: 4px;
    color: #eeeeee;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 8px 6px 8px 8px !important;
    margin: 15px 0 0 0;
    float: right;
    border: outset thin #fff;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
    clear: both;
}

h1#home-page-h1-tag {
    background: #f12626;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    font-size: 23px;
    margin: 22px 0 50px 0;
    padding: 8px 0 10px 0;
}

.topsearchwrap h5{margin-top:30px;}
.navbar-nav>li{padding:0 10px;}
.searchbar div{padding:0 15px;}
.pagiWrap{margin-bottom:30px;}
.jobButtons a{font-size:15px; margin-right:0px; padding:6px 10px;}
.post-header h4{margin-top:10px;}
}


@media screen and (max-width: 767px) {

.basic-detail-right {
    width: 295px;
    float: left;
    margin-left: 15px;
    font-size: 13px;
    color: #000;
}

.searchListJobDetail li {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 18px;
    margin-bottom: 20px;
    height: auto;
    min-height: auto;
    width: 100%;
    float: none;
    margin: 0 0 15px 0;
    box-sizing: border-box;
    display: block;
    clear: both;
}


div.hide-for-mobile{
display: none;
}


/*#resume-selected-dropdown {
    border: solid thin #dddddda3 !important;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    display: none;
}*/

.pricing-table1 {
	background: #ffc600;
	text-align: center;
	color: #fff;
	font-size: 20px;
	padding: 10px 0px;
	font-weight: 600;
}


.pricing-table1-2 {
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 10px 0px;
    font-weight: 600;
}

.pricing-table1-3 {
    background: #56d700;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 0px;
    font-weight: 600;
}

.sticky-top-cv-bar {
    background-color: #f12626!important;
    position: fixed;
    width: auto;
    padding: 2px 15px;
    right: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    -moz-transition: padding .3s ease-in;
    -o-transition: padding .3s ease-in;
    -webkit-transition: padding .3s ease-in;
    transition: padding .3s ease-in;
}

.change-employer-candidate-select-bg {
    background-color: #f12626!important;
    margin-top: -10px;
    padding: 8px 0 2px 0 !important;
}

div#home-page-content h3 {
    font-size: 24px!important;
}

#dob_day{
width:100%!important;
float:left!important;
margin-left:0!important;
}

#dob_month{
width:100%!important;
float:left!important;
margin-top:10px!important;
margin-left:0!important;
}

#dob_year{
width:100%!important;
float:left!important;
margin-top:10px!important;
margin-left:0!important;
}


div#profile-completeness-outer {
    height: 10px;
    background: #f0f0f0;
    margin: 0 0 0 0;
    padding: 0;
}

.footerWrap {
    background: #272727;
    padding: 0px 0 15px 0;
}

.searchList li p {
    font-size: 12px;
}

div.refineSearchByDateMyAccount {
    float: left!important;
    font-size: 12px;
    margin: 8px 10px 10px 0!important;
}

span#totalJobFound {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    float: left;
}

#alert-btn-area {
    margin: 9px 0 0 0;
    text-align: center;
}

.sidebar.myaccount {
    display: none;
}

.c2c-emp-profile-sidebar {
    padding: 15px 8px;
    background: #fff;
    margin: 12px 0 18px 0;
    border: thin solid #e4e4e4;
}

.pricing-unit1-1 {
    font-size: 45px;
    font-weight: bold;
    color: #ffc600;
    padding: 15px 0 15px 0;
    text-align: center;
}

.pricing-unit3-1 {
    font-size: 40px;
    font-weight: bold;
    color: #56d700;
    padding: 15px 0 15px 0;
    text-align: center;
}

.pricing-unit2-1 {
    font-size: 45px;
    font-weight: bold;
    color: #00aeff;
    padding: 15px 0 15px 0;
    text-align: center;
}



.main-unit {
    max-width: 240px;
    height: 75px;
    margin: 0 auto;
}

.three-plan .plan-name-dt {
    font-size: 20px;
    font-weight: bold;
    color: #5c5c5c;
    padding: 0px 82px;
    padding-top: 0;
    line-height: 15px;
    padding-bottom: 12px;
}

.three-plan h3 {
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 0 0;
    color: #000;
}

div#block-companies-area {
    padding: 0 10px 10px 10px;
    background: #03a9f417;
    margin: 15px 0 15px 0;
    min-height: 200px;
}

div#block-companies-area h4 {
    padding: 0;
    color: #f12626;
    font-weight: 600;
    font-size: 20px;
    margin: 20px 0 12px 5px;
    text-align: center;
}

div#block-companies-area div {
    padding: 4px 4px 3px 4px;
    background: #ffffff;
    margin: 0 0 6px 6px;
    border: dotted thin #ccc;
    width: 100%;
}

div#pause-mode-msg {
    background: #f44336b0;
    color: #333;
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    line-height: 20px;
    margin: 10px 0 10px 0;
    border: outset thin #f77d74;
    font-weight: 600;
}

#form-pause-profile div {
    padding: 5px 0 5px 0;
    font-size: 12px;
    color: #555;
    font-weight: 600;
    margin-top: 5px;
    vertical-align: super;
}

ul#all-jobs-tabs-links li {
    width: 50%;
    text-align: center;
}

div#c2c-emp-profile-completeness-strip {
    margin: 18px 0 02px;
}

.image-area img {
    width: 35%;
}

div#c2c-emp-profile-completeness-strip h3 {
    font-size: 12px;
    color: #000;
}


div.resume-area-mobile {
    margin: 0;
    padding: 0;
	overflow:hidden !important;	
   
}


.know-lang-area-title {
    font-size: 13px;
    font-weight: 600;
    color: blue;
    background-color: #ccc;
    padding: 5px 5px;
    margin: 2px 0 3px 0;
    text-transform: uppercase;
	text-align:center;
}


#jobs_passport{
padding:3px 13px;
color:#999;
font-size:13px;
width:100%;
}

#jobs_driving_lic{
padding:3px 13px;
color:#999;
font-size:13px;
width:100%;
}


.sal-padd-right {
    padding-left: 0;
    padding-right: 0;
    margin: 8px 0 0 0;
}

.sal-padd-left {
    padding-left: 0;
    padding-right: 0;
    
}

#profileUpdateContent ul li label {
    float: left;
    width: 30%;
    font-size: 12px;
    color: #262727;
    opacity: 0.9;
    font-weight: 600;
    overflow: hidden;
}


span.profile-info-text {
    float: left;
    width: 70%;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    color: #222;
    padding: 0 0 0 12px;
}

.sticky-edit-profile-menu {
    position: relative;
    width: 100%;
    top: 10px;
}

.left-side-area {
    background: #fff;
    padding: 10px 10px;
    text-align: center;
    margin: 12px 0 0 0;
}



.info-area h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
}

.info-area h5 {
    color: #263bd6;
    font-size: 14px;
}

.info-area div.last-updated {
    color: #555;
    font-size: 12px;
    font-weight: 600;
    margin: 16px 0 0 0;
}

div#profile-completeness-outer-strip {
    height: 10px;
    background: #f0f0f0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.right-side-area {
    padding: 18px 0 0 0;
}

p.right-side-area-info {
    color: #fff;
    font-size: 12px;
    margin: 10px 0px 5px 0;
    font-weight: 600;
}

.upload-inner-title-update-profile {
    color: #fff;
    line-height: 24px;
    font-weight: 600;
    font-size: 12px;
}

.uplod-cv.mobile-view {
    position: relative;
    overflow: hidden;
    font-size: 13px;
    border-radius: 0;
    float: right;
    padding: 6px 14px 6px 8px;
    margin: 0 0 0 0;
}

.upload-cv-most-outer {
    margin: 5px 0 15px 0;
}

#dashboard-tabs h4 {
    font-size: 13px;
    color: #263bd6;
    padding: 8px 4px 0 4px;
}

#dashboard-tabs {
    padding: 15px 8px 10px 8px;
    margin: 0;
    background: #fff;
}

#dashboard-tabs-links {
    margin: 10px 8px 0 8px;
    border: none;
}

#dashboard-tabs-links li {
    width: 100%;
    text-align: center;
    margin: 0 0 5px 0;
}

#employer-dashboard-form-outer {
    margin: -30px 0 0 0;
    padding: 0 10px;
}

div#usage-summary-box {
    padding: 0 10px;
    margin: 20px 0 45px 0;
    text-align: center;
}

span.required-fields {
    font-size: 14px;
    color: #ab0707d1;
    float: none;
    margin: 3px 0 0 0;
    font-weight: 600;
}

#mail-template-table-area table tr td {
    font-size: 15px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    font-weight: 500;
}

.mail-setting-box {
    background: #f0f0f0;
    width: 100%;
    margin: 0 35px 10px 0;
    padding: 35px 10px !important;
    text-align: center;
    border: solid thin #f0f0f0;
    height: 255px;
}

.mail-setting-box:hover {
    background: #fff;
    width: 100%;
    margin: 0 35px 10px 0;
    padding: 35px 10px !important;
    text-align: center;
	border:solid thin #f0f0f0;
	cursor:pointer;
}

.btn-report-align{
text-align:-webkit-center!important;
}

.employer-register-titles-2 {
    background: #263bd6bf;
    color: #ffffff;
    padding: 7px 7px;
    font-weight: 600;
    margin: 0 0 20px 0;
    font-size: 14px;
    text-align: center;
}

.jobalert.set {
    margin: 0 0 0 0;
    border: none;
}


#employer-manage-job-outer {
    margin: 20px 0 0 0;
    padding: 0 10px;
}


#post-jobs-tabs-links li.active a {
    font-weight: 600;
    color: #263bd6;
    padding: 10px 6px;
}

#post-jobs-tabs-links li a {
    font-weight: 600;
    color: #263bd6;
    padding: 10px 6px;
    font-size: 11px;
}


li.go-back-pull-right {
    float: none !important;
    clear: both;
}

.bttxt {
    color: #212120;
    line-height: 24px;
    font-size: 12px;
}

.btn-lg-red.mobile-red-btn {
    background: #f12626;
    display: block;
    border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    border: 1px solid #f12626;
    font-size: 12px;
}

.uplod-cv {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    border-radius: 0;
    float: right;
    padding: 6px 14px 6px 8px;
    margin: 12px 0 0 0;
}

#search-area-candidate .container-fluid{
margin-left:0px!important;
margin-right:0px!important;
}

#employer-check-box span {
    margin-left: 0;
    font-size: 10px;
}

div#upgrade-membership a {
    float: none;
    margin: 5px 0 20px 0;
    background: #FFC107;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0px;
    word-spacing: 4px;
    padding: 6px 6px;
    font-size: 13px;
    box-shadow: 1px 1px 5px 1px #ccc8c8;
    border: solid thin #d3d1d1;
    font-weight: 700;
}


div#upgrade-membership p.line1 {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    text-align: center !important;
}


div#upgrade-membership {
    background: #ffffff;
    margin: 0 0 10px 0;
    padding: 10px 10px;
    border: solid 4px #FFC107;
    border-radius: 0;
}

#employer-radio-btn {
    font-size: 12px;
    font-weight: 600;
    color: #263bd6;
    margin: 0 0 10px 0;
}

.formrow label {
    font-weight: 600;
    color: #444444;
    margin: 0 !important;
    text-align: left;
    padding: 0 0 6px 0;
}

.formrow div {
    
    padding: 0 0 6px 0;
}

#employer-register-form-outer {
    padding: 0 10px;
}

.pageTitle.employer-register-form h1 {
    font-size: 24px !important;
}


a#employer-forgot-password {
    font-size: 12px;
    font-weight: 600;
    float: none;
    margin: 11px 0 0 0;
}

button.btn-employer-login-mobile {
    background: #f12626;
    width: 100%;
    font-size: 14px;
    padding: 5px 0 5px 0;
    text-transform: none;
    margin: 0 0 5px 0 !important;
}


.userccount.for-emp-login-mobile {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 4px;
}

#employer-login-form-outer {
    padding: 0 10px;
    margin: -50px 0 0 0;
}


.mt-mobile-10{
margin-top:10px;
}


.mt-mobile-20{
margin-top:20px;
}


.ibp-top-heading h1 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}


.userccount.login-form-left-box h1 {
    font-size: 16px;
    color: #f12626;
    padding: unset;
}

.userccount.login-form-left-box h5 {
    text-align: left !important;
    font-size: 12px !important;
}

.login-title {
    padding-right: 0;
    padding-left: 0;
}


#tbl-employer-jobs tr td {
    padding: 15px 8px;
    font-size: 12px;
    white-space: nowrap;
}

.ibp-register-titles {
    background: #f12626bf;
    color: #ffffff;
    padding: 7px 7px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.ibp-register-titles-2 h3 {
font-size:16px;
text-align:center;

}


#employer-edit-profile-form-outer {
    margin: 10px 0 0 0;
    padding: 0 10px;
}

#comp-result-box {
    background: #fff;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
}

a.comp-name-result {
    color: blue;
    font-weight: 600;
    margin: 0 0 10px 0;
    font-size: 14px;
}

div#comp-search-box {
    background: #f126267a;
    margin: 15px 0 15px 0;
}

.apply-btn-area {
    padding-left: 0;
    text-align: -webkit-center;
}

.searchList li .listbtn a {
    background: #f12626;
    display: block;
    border-radius: 0;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 9px;
    text-align: center;
    border: 1px solid #f12626;
}


.searchList li {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 30px;
    height: auto;
}

.searchbar.ibp-box {
    padding: 0!important;
	margin:0;
}

.searchwrap.inner-compact.search-box-hidden {
    padding: 10px 10px 10px 10px;
    background: url(../images/open-search-bg.png) no-repeat;
    margin: -16px 0 -10px 0;
}

.userccount.ibp-regd-mobile {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px 15px!important;
}

.userccount.ibp-profile-mobile {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px 10px!important;
}

.formpanel .formrow.ibp-profile-mobile {
    margin-bottom: 12px;
    padding: 0 0 12px 0 !important;
    border-bottom: solid thin #f55c5c96;
}


.formrow.ibp-profile-info label {
    font-weight: 600;
    color: #444444;
    margin: 0px 0 7px 0;
    text-align: right;
    font-size: 14px;
}

.formpanel .formrow {
    font-size: 13px;
    margin-bottom: 12px;
    padding: 0;
}

.terms-check-ibp {
    font-size: 12px;
    margin: 4px 0 0 0 !important;
    padding-left: 40px;
}

#ibp-register-form-outer {
    padding: 0 20px;
}

.pageTitle.ibp-register-form {
    background-color: #263bd6e0 !important;
    color: #fff!important;
    background-image: none !important;
    font-size: 14px!important;
    padding: 15px 0 15px 0;
}

.newuser.employer-page {
    text-align: center;
    font-size: 14px;
    margin: 10px 0 0 0;
}

.pageTitle.ibp-register-form h1 {
    font-size: 22px !important;
}


.for-mobile-center-align{
text-align:center;
}

a#ibp-forgot-password {
    font-size: 12px;
    float: none;
    margin: 11px 0 0 0;
    color: #f12626;
    font-weight: 700;
}

button#btn-employer-login {
    background: #f12626;
    width: 100%;
    font-size: 14px;
    padding: 5px 0 5px 0;
    text-transform: none;
    margin: -15px 0 5px 0;
}

#ibp-login-form-outer {
    padding: 20px 20px;
    background: #0606065c;
}

.candidate-resume-list-footer {
    padding: 0;
}




.candidate-resume-list-footer a div {
 text-align: left;
    padding: 6px 0 6px 35px;
    border: outset thin #cccccca6;
   margin: 0 0 3px 5px;
    background: #9e9e9e85;
    width: 48%;
	font-size: 13px;
    color: #000000;
    font-weight: 600;
    font-family: sans-serif;
}


.formpanel .formrow {
    margin-bottom: 12px;
    padding: 0;
}

.about-wraper, .textrow {
    padding: 15px 0 50px 0;
}

.about-wraper h2 {
    font-size: 22px;
    color: #263bd6;
    font-weight: 700;
    margin-bottom: 20px;
}

.retail-resume-plan-box-1 {
    background: green;
    font-size: 14px;
    font-weight: 600;
    color: white;
    text-align: center;
    width: 100%;
    padding: 10px 20px;
    margin-left: 0;
}

.retail-resume-plan-box-2 {
    background: blue;
    font-size: 14px;
    font-weight: 600;
    color: white;
    text-align: center;
    width: 100%;
    padding: 10px 20px;
    margin-left: 0;
}



span.resume-retail-plan-lable {
    color: yellow;
    font-size: 20px;
    text-shadow: 1px 1px 1px #000;
}

.retail-resume-plan-box-progress {
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    text-align: center;
    width: 100%;
    padding: 10px 5px;
    margin-left: 0;
    border: solid thin #ccc;
}


.employer-candidate-area-right {
    margin: 0 0 0 0;
    padding: 0 15px;
}

.employer-candidate-area-left {
    margin: 0 0 0 0;
    padding: 0 15px;
}


div#refineSearchByDate {
    float: right;
    font-size: 12px;
    margin: 4px 10px 0 0;
}


.pagiWrap {
    margin: 16px 0 0 0;
}

a.cand-view-all {
    color: #0bce13;
    font-weight: 600;
}

.mobile-hide{
display:none;
}

.dnd-get-call-back {
    background: #0062cc !important;
    padding: 15px 10px 15px 10px !important;
    margin: 0 0 30px 0 !important;
}

ul.c2c-top-link-left-2 li {
    display: inline-block;
    margin: 0px 0px 0 12px;
    line-height: 23px;
}

.candidate-resume-list-footer div {
    text-align: center;
    background: #f12626;
	 padding:6px 6px;
}

.candidate-resume-list-footer div a {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    font-family: sans-serif;
}


.candidate-resume-list-info-right {
    padding: 0 0 12px 0;
}


.candidate-resume-list-info-left-line {
    font-size: 11px;
    margin: 10px 0 0 0;
    color: #000;
    text-align: left;
}

.candidate-resume-list-info-left-mobile {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    text-align: left;
}


.candidate-resume-list-info-left-left {
    padding-right: 2px;
    text-align: left;
}

.candidate-resume-list-card {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0;
    margin: 15px 0 10px 0;
    height: auto;
}

.sidebar-candidate.open-filter-box {
    padding: 10px 10px;
    text-align: left;
}


.userccount h5 {
    font-size: 14px !important;
    color: #0a0a0ab0 !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin: 8px 0 0 0 !important;
}

#employer-candidate-area-outer {
    margin: 20px 0 0 0;
    padding: 0 0;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}


.pageTitle.employer-dashboard-form h1 {
    font-size: 22px !important;
}

div#register-right-side {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px 30px;
    font-size: 13px;
    margin: 20px 0 0 0;
}

.terms-check {
    font-size: 12px;
    margin: 4px 0 0 0 !important;
}

p#registeration-tag-line {
    margin: 0 0 0 0;
    text-align: left;
    font-size: 12px;
    color: #868282;
    font-weight: 600;
}

#register-form-outer {
    padding: 0 15px;
}


.userccount.login-form-right-box ul li {
    margin: 0 0 12px 8px;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
}

#forgot-password-link {
    padding: 0 0 10px 14px;
}

.userccount h5 {
    font-size: 12px;
    color: #0a0a0ab0;
    font-weight: 700;
    text-align: left;
    margin: 8px 0 0 0;
}


.userccount.login-form-right-box {
    border-left: none;
    height: auto;
    margin: 5px 0 0 0;
    border-radius: 0;
    padding: 0 0 0 60px;
}

.login-form-left {
    padding: 10px;
}

.login-form-right {
    padding: 10px;
}


.login-form-container {
    padding: 0 15px;
}


.pageTitle {
    background: url(../images/page-title-bg.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0;
}

.pageTitle h1 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
}

.inner-page .title h2 {
    color: #292929;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 6px 0 0 0;
}


ul.all-jobs-by-cat li a {
    font-size: 12px;
}

h4.all-jobs-title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 25px 0 0 0;
}


#all-jobs-tabs-links li a {
    font-weight: 600;
    color: #FF6600;
    font-size: 10px;
}



.navbar-toggle {
    background: #f12626!important;
}

.padding-left-footer-last{
padding-left:20px !important;
}

.dnd-cbox {
    margin-bottom: 20px;
    text-align: center;
    line-height: 24px;
    font-weight: 600;
}


.searchbar .form-control {
    height: 42px;
    border-radius: 0;
    padding: 4px 15px;
    border: none;
    font-size: 12px;
}


#btn-searchbar {
    background: #263bd6;
    border-radius: 0;
    color: #fff;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 20px;
    width: 100%;
}


#search-tabs-links {
    margin: 0 0 0 20px;
    padding: 0 0 0 0;
    border: none;
}


div#employer-search-box {
    margin: 0 0 0 0;
    background: #fff;
    padding: 14px 0;
    text-align: center;
    border: solid thin #fff;
}


.searchwrap h3 {
    font-size: 20px;
    text-align: center;
    margin: 10px 0 10px 0;
}



.header .logo {
	text-align: center;
	float:left;
}
.navbar-header{float:right;}
.navbar-toggle{background:#ccc;}
.navbar-toggle .icon-bar{background:#fff;}
.navbar-nav li.postjob, .navbar-nav li.jobseeker{margin-bottom:10px;}
.dropdown-menu {
	position: static;
	float: none;
	width: 100%;
}
.usernav li a {
	padding: 12px 15px;
}
.titleTop h3 {
	font-size: 36px;
}
.catelist {
	margin-bottom: 30px;
}
.jobslist li {
	text-align: center;
}
.jobslist li h4 {
	margin-top: 5px;
}
.jobslist li .col-md-7, .jobslist li .col-md-9 {
	padding-left: 15px;
}
.main-plan .plan-price2 {
	margin-left: 0px;
	font-size: 44px;
}
.pagiWrap .showreslt {
	margin-bottom: 10px;
}
.searchform .form-control {
	margin-bottom: 15px;
}
.job-header .jobinfo {
	padding: 15px;
}
.job-header .contentbox {
	padding: 20px;
}

.employerList li{width:25%;}

/*sidebar*/
.sidebar {
    margin-top: 0;
    width: 100% !important;
}
.text-right {
	text-align: left;
}
/*Photo Streem*/
.photo-steam li {
	width: 50%;
}
.appimg {
	display:none;
}
.appwraper .appbtn a{margin-right:0; margin-bottom:15px;}
.searchbar div{padding:0 15px;}
.searchbar{padding-bottom:20px;}
.navbar-collapse{padding:0 15px;}

.comments .media-list li.margin-left80{margin-left:0;}

}
/*******************
	Mobiles Screen
*******************/
@media screen and (max-width: 560px) {


.for-mobile-center-align{
text-align:center;
}

a#btn-register-free {
    background: #03A9F4;
    font-size: 12px;
    border-radius: 0;
    margin: 0 0 0 0;
	 border: solid thin #03A9F4;
}

a#btn-upload-resume {
    background: #FF5722;
    font-size: 12px;
    border-radius: 0;
    margin: 0 0 0 0;
    border: solid thin #ff5722db;
}

.dnd-getacallback .btn {
    border-radius: 0px;
    height: 44px;
    width: 100%;
}

.dnd-getacallback .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: initial;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

ul.c2c-top-link-left-1{
margin:7px 0;
list-style:none;
float:left;
width:100%;
}

ul.c2c-top-link-left-1 li {
    display: inline-block;
    margin: 0 5px 0 0;
}

ul.c2c-top-link-left-1 li a{
color:#5f5f5f;
font-size:13px;
}



.b{font-weight:600!important;}
.font-black{color:#000!important;}
.font-blue{color:#0000FF!important;}


ul.c2c-top-link-left-2{
margin:7px 0;
list-style:none;
float:right;
width:100%;
}

ul.c2c-top-link-left-2 li {
    display: inline-block;
    margin: 0 0 0 12px;
}

ul.c2c-top-link-left-2 li a{
font-size:13px;
}


ul.c2c-top-link-right{
margin:7px 0 7px 0;
list-style:none;
float:none;
}

ul.c2c-top-link-right li {
    display: inline-block;
    margin: 0 15px 0 0;
}

ul.c2c-top-link-right li a{
color:#000;
font-size:13px;
}

#c2c-top-line{
border-bottom:solid thin #ccc;
padding:0 0;
}

#c2c-second-line{
padding-top:10px;
padding-bottom:5px;
}

#c2c-top-right{
border-left:solid thin #ccc;
}





.jobButtons a {
	display: block;
	margin-right: 0;
	margin-top: 10px;
}
.searchwrap h3 {
    font-size: 24px;
    text-align: center;
}

.usernav li a {
	padding: 10px 10px;
	text-transform: none;
}
.error-page-wrap .errormain h2 {
	font-size: 150px;
	line-height: 160px;
}
.error-page-wrap .errormain h3 {
	font-size: 28px;
}
.searchList li {
	text-align: center;
}
.searchList li .jobimg {
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}
.job-header .jobinfo .companyinfo, .job-header .jobinfo .candidateinfo, .educationList li {
	text-align: center;
}
.job-header .jobinfo .companyinfo .companylogo, .job-header .jobinfo .candidateinfo .userPic, .educationList li .date {
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}
.job-header .jobinfo .candidateinfo .userPic {
	height: auto;
}

.employerList li{width:50%;}
.copyright ul li a{background:#ddd; color:#000; padding:8px 15px; margin:5px; display:block;}
.copyright ul li a:hover{background:#333; color:#fff; text-decoration:none;}

.appwraper .titleTop h3{font-size:36px;}
.appwraper{padding-top:50px;}
.appimg{display:none;}


}
 @media screen and (max-width: 400px) {
.header .col-md-5 {
	padding-right: 15px
}
.usernav li {
	width: 50%;
	text-align: center;
}
}

/* ==========================================================================
   Phase 8: Mobile UX, Navigation Drawer & Responsive Accessibility Polish
   ========================================================================== */

/* 1. Mobile Touch Targets & Form Inputs (Prevents iOS Safari Auto-Zoom) */
@media (max-width: 767px) {
    input[type="text"].form-control,
    input[type="password"].form-control,
    input[type="email"].form-control,
    input[type="number"].form-control,
    input[type="tel"].form-control,
    input[type="url"].form-control,
    select.form-control,
    textarea.form-control {
        font-size: 16px !important;
        min-height: 44px !important;
        border-radius: 4px;
    }

    .btn,
    .btn-login,
    button[type="submit"],
    .jobButtons a,
    .searchList li .listbtn a {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        touch-action: manipulation;
    }

    /* Top bar phone & email clickable touch target */
    ul.c2c-top-link-left-2 li a,
    ul.c2c-top-link-right li a {
        display: inline-block;
        padding: 6px 10px;
        min-height: 40px;
        line-height: 28px;
    }

    /* Pagination Touch Targets */
    .pagination > li > a,
    .pagination > li > span {
        min-width: 44px;
        min-height: 44px;
        line-height: 30px;
        text-align: center;
        padding: 6px 12px;
        margin: 2px;
    }
}

/* 2. Modern Mobile Navigation Drawer & Hamburger Styling */
@media (max-width: 767px) {
    .header .navbar-default {
        float: none !important;
        margin: 5px 0 0 0 !important;
        width: 100% !important;
        clear: both !important;
    }

    .header .navbar-header {
        float: none !important;
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .header .navbar-toggle {
        display: block !important;
        margin: 4px 0 8px auto !important;
        padding: 10px 12px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        background-color: #f8fafc !important;
        border: 1.5px solid #cbd5e1 !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .header .navbar-toggle:hover,
    .header .navbar-toggle:focus {
        background-color: #eff6ff !important;
        border-color: #2563eb !important;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
        outline: none !important;
    }

    .header .navbar-toggle .icon-bar {
        display: block !important;
        width: 22px !important;
        height: 3px !important;
        background-color: #1e293b !important;
        border-radius: 2px !important;
        margin-top: 4px !important;
        transition: all 0.2s ease;
    }

    .header .navbar-toggle .icon-bar:first-child {
        margin-top: 0 !important;
    }

    /* Elevated Mobile Drawer */
    .header .navbar-collapse {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.08) !important;
        margin: 10px 0 15px 0 !important;
        padding: 10px 14px !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .header .navbar-collapse .navbar-nav {
        margin: 0 !important;
        float: none !important;
        width: 100% !important;
    }

    .header .navbar-collapse .navbar-nav > li {
        float: none !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }

    .header .navbar-collapse .navbar-nav > li:last-child {
        border-bottom: none !important;
    }

    .header .navbar-collapse .navbar-nav > li > a {
        display: block !important;
        padding: 12px 14px !important;
        min-height: 44px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #1e293b !important;
        line-height: 20px !important;
        border-radius: 6px !important;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

    .header .navbar-collapse .navbar-nav > li > a:hover,
    .header .navbar-collapse .navbar-nav > li > a:focus,
    .header .navbar-collapse .navbar-nav > li.active > a {
        background-color: #eff6ff !important;
        color: #2563eb !important;
    }

    .header .navbar-collapse .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 4px 0 6px 12px !important;
        background-color: #f8fafc !important;
        border: none !important;
        border-left: 3px solid #2563eb !important;
        border-radius: 0 4px 4px 0 !important;
        box-shadow: none !important;
    }

    .header .navbar-collapse .navbar-nav .dropdown-menu > li > a {
        padding: 10px 12px !important;
        min-height: 44px !important;
        font-size: 14px !important;
        color: #475569 !important;
    }

    .header .navbar-collapse .navbar-nav .dropdown-menu > li > a:hover {
        background-color: #e2e8f0 !important;
        color: #0f172a !important;
    }
}

/* 3. Responsive Data Tables (Smooth Horizontal Touch Scroll Without Viewport Blowout) */
.table-responsive,
.table-scroll-wrapper {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media (max-width: 768px) {
    table.tableList,
    table.tableForm,
    table.tableSearch,
    .userccount table,
    .listpgWraper table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}