.para{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;	

}

.err{

	font-family:Arial, Helvetica, sans-serif;
font-size:12px;
	color:#F00;	

	text-align:center;

}

.scc{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #04884c;
    text-align: center;
}

.edit-ico{padding-right:10px;}

.edit-ico a{color:#fff; font-size:24px;}

.error{font-size:12px; color:#FF040B; margin: 10px 0; background:url(http://www.projectbell.com/public/images/alert.png) no-repeat left; padding-left:20px; line-height:18px;}



.commentsWrap .postbox input[type="button"] {

    background: none repeat scroll 0 0 #DDDDDD;

    border: medium none;

    cursor: pointer;

    padding: 5px 10px;

    position: absolute;

    right: 10px;

    top: 11px;

}

.chatCol .chatForm .writeBox input[type="button"] {

    background: linear-gradient(#FFFFFF, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 1px solid #CCCCCC;

    box-shadow: 1px 1px 1px #CCCCCC;

    color: #333333;

    float: left;

    font-size: 14px;

    font-weight: bold;

    height: 55px;

    margin-left: 10px;

    padding: 0 10px;

}

.addgalleryWrap input[type="button"]{float:left; margin: 7px 0 0 20px; font-size:14px; font-weight:bold; color:#01C58A; border:none; background:none; cursor:pointer;}



.error span{display:block; background:#000; padding: 6px 64px; font-size:11px; color:#fff; border-radius:3px;}



.viewlinks{background:url(../images/btn-bg.jpg) repeat-x; border:1px solid #999; line-height:20px; padding: 0 10px; color:#333; font-size:12px; font-weight:bold; margin:5px 0 0 8px; text-shadow:1px 1px #fff;}





/*==========: Profile Detail :===========*/

.profileWrap{margin:0;}

.profileWrap h1{color:#333; font-size:30px; font-weight:normal; display:inline-block;}

.profileWrap .totalCount, .profileWrap .onlinelast{font-size:14px; padding-left:10px; color:#666; font-style:italic;}

.actionBox{margin-top:10px;}

.actionBox a{font-size:14px; border:1px solid #ccc; background:url(../images/action-bg.jpg) repeat-x; color:#333; float:left; padding: 0 10px; line-height:30px; margin-right:7px; font-weight:bold; border-radius:2px;}

.actionBox a:hover{box-shadow:0 0 3px #ccc; border:1px solid #999;}

.actionBox a i{width:18px; height:16px; float:left; margin:7px 10px 0 0;}

.actionBox a .chat{background:url(../images/chat-ico.png) no-repeat;}

.actionBox a .message{background:url(../images/msg-ico.png) no-repeat;}

.actionBox a .favico{background:url(../images/fav-ico.png) no-repeat;}

.actionBox a .gallery{background:url(../images/gallery.png) no-repeat;}

.actionBox a .block{background:url(../images/block.png) no-repeat;}

.actionBox a .adfrnd{background:url(../images/add-friend.png) no-repeat;}

.actionBox a span{float:left;}



.profileWrap .pofilePic{width:320px; margin-top:15px;}

.profileWrap .pofilePic .ratebox{background:#fff; padding:10px; border:1px solid #ccc; margin-top:15px; border-radius:4px;}

.profileWrap .pofilePic .ratebox .rateint{margin: 0 0;}

.profileWrap .pofilePic .ratebox .rateint .ratelabel{float:left; width:120px; font-size:12px; font-weight:bold; color:#555;}

.profileWrap .pofilePic .ratebox .rateint .ratevalue{float:left; width:175px; font-size:16px; font-weight:bold; color:#018564;}

.profileWrap .pofilePic .ratebox .rateint select{padding:4px; border:1px solid #ccc; border-radius:3px;}

.profileWrap .pofilePic .ratebox .rateint input[type="submit"]{background:#5aa69d; border:1px solid #5aa69d; color:#fff; padding: 4px 10px; border-radius:3px;}



.profileWrap .pofilePic .picBox{margin-top:0;}

.profileWrap .pofilePic .picBox img{width:300px; background:#fff; border:1px solid #ccc; padding:8px; border-radius:4px;}

.profileWrap .pofileDetail{width:350px; margin-left:20px; margin-top:15px;}

.profileWrap .pofileDetail h2{color:#333; font-size:20px; font-weight:normal; padding-bottom:5px; background:url(../images/border.jpg) repeat-x bottom;}

.profileWrap .pofileDetail .infoList{list-style:none; margin:15px 0;}

.profileWrap .pofileDetail .infoList li{padding:5px 0 5px 0;}

.profileWrap .pofileDetail .infoList li .label{font-size:13px; color:#666; float:left; width:130px;}

.profileWrap .pofileDetail .infoList li .inftxt{font-size:13px; font-weight:bold; color:#018564; float:left; width:220px;}

.profileWrap .pofileDetail .infoList li p{font-size:12px; color:#222; float:left; width:220px; line-height:18px;}



.profileWrap .aboutme{margin: 10px 0;}

.profileWrap .aboutme h2{color:#333; font-size:20px; font-weight:normal; padding-bottom:5px; background:url(../images/border.jpg) repeat-x bottom; margin-bottom:10px;}

.profileWrap .aboutme p{font-size:12px; line-height:18px; color:#555;}





/*==========: Comments Section :===========*/

.commentsWrap{ margin-top:20px;}

.commentsWrap .totalComment{margin:0; padding:10px 5px 10px 35px; background:#018564 url(../images/coment-icon.png) no-repeat 10px 11px;}

.commentsWrap .totalComment a{font-size:12px; color:#fff;}

.commentsWrap .totalComment a:hover{text-decoration:underline;}

.commentsWrap .commentsList{list-style:none;}

.commentsWrap .commentsList li{padding:5px; border-bottom:1px solid #ddd; font-size:11px; background:#fff;}

.commentsWrap .commentsList li .maincomnt{margin:0;}

.commentsWrap .commentsList li .userpic{float:left; width:30px;}

.commentsWrap .commentsList li .userpic img{width:30px;}

.commentsWrap .commentsList li .usercomnt{float:left; width:300px; margin-left:7px;}

.commentsWrap .commentsList li .usercomnt span{color:#999;}

.commentsWrap .commentsList li .usercomnt .userlink{font-weight:bold; color:#018564; font-size:12px;}

.commentsWrap .commentsList li .timerep{margin-top:5px;}

.commentsWrap .commentsList li a{color:#018564}

.commentsWrap .commentsList li a:hover{text-decoration:underline;}

.commentsWrap .postbox{margin:0; padding:5px; background:#ccc; position:relative;}

.commentsWrap .postbox textarea{border:1px solid #999; min-height:20px; width:80%; resize:none; overflow:auto; padding-right:19%;}

.commentsWrap .postbox input[type="submit"]{background:#ddd; position:absolute; right:10px; top:11px; border:none; padding: 5px 10px; cursor:pointer;}

.commentsWrap .postCommentlint{font-size:14px; border:1px solid #ccc; background:url(../images/action-bg.jpg) repeat-x; color:#333; float:right; padding: 0 15px; line-height:30px; margin:0 0 7px 7px; font-weight:bold; border-radius:2px;}

.commentsWrap .postCommentlint:hover{box-shadow:0 0 3px #ccc; border:1px solid #999;}





/********: Login Page Start :*********/

.loginwrap{width:390px; height:auto; background:#fff; margin: 0 auto; margin-top:50px; border:1px solid #e0e0e0; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 0 15px #ccc; padding-bottom:10px;}

.loginfrm{width:320px; height:auto; margin-top:30px; float:left;  margin-left:40px;}

.loginfrm h1{background:url(../../images/admin_images/logicon.png) no-repeat left; font-size:34px; color:#333; font-weight:normal; padding-left:70px; margin:0; height:60px; line-height:60px;}

.loginfrm .formwrp{width:320px; margin-top:30px;}

.loginfrm label{font-size:18px; color:#333;}

.loginfrm .frmfield{border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; padding:3px; width:300px; font-size:24px; color:#777; margin-bottom:15px;}

.loginfrm .logbtnwr{text-align:right; padding-right:15px; margin-top:10px;}

.loginfrm .loginbtn{background:url(../images/btnbg.png) repeat-x; height:42px; border:1px solid #ccc; color:#444; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; width:90px; font-weight:bold; }

.mainlogologin{
    margin:20px 0 0 35px;
    width: 120px;
}

/********: Login Page End :*********/



.paginationWrap{text-align:right; padding-right:10px;}

.form-control{

	max-width:100%;

}

.callout.callout-success {

  background-color: #DFF0D8;

  border-color: #85C086;

}

.callout.callout-success h4 {

  color: #3C763D;

}

.message-container {

	margin: 0 15px 0 15px;



}







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

.margin-bottom-special {

	margin-bottom: 10px;



}

 }

 .table td { vertical-align:middle !important; }





.modal-body {

	padding: 20px 20px 0 !important;	

}



.note_h_cls{

	display:none;	

}



#spinner_msg{

	display:none;

}



#spinner_ticket{

	display:none;

}



#spinner_upload{

	display:none;

}



#spinner_profile{

	display:none;

}



.black_link a{

	color:#000;

	text-decoration:underline;

}



.black_link a:hover{

	color:#333;

	text-decoration:underline;

}


.work_data_target_holder{ position:relative;}
.workremovebtn{ position:absolute;top:10px;right:10px;}



.featurlist{list-style:none; margin-bottom:0;}
.featurlist li{float:left;height: 114px;}
.featurlist li .innerfetbox{margin:0 10px 10px 0;/* width: 100px; *//* height: 75px; */border: 1px solid #7c7d7b;text-align:center;display:block;padding: 10px 10px;color:#fff;background-color: #7c7d7b;transition:0.5s ease;-web-kit-transition:0.5s ease;-ms-transition:0.5s ease;-moz-transition:0.5s ease;-o-transition:0.5s ease;border-radius: 5px;}

.featurlist li .innerfetbox:hover, .featurlist li .innerfetbox.active{box-shadow:0 0 5px #CCC;margin-top: 0px;border: 1px solid #3c8dbc;text-decoration:none;color:#fff;background: #3c8dbc;}
.featurlist li span{display:block;font-size: 12px;font-weight:bold;}
.featurlist li i{font-size: 17px;color:#fff;display:block;margin-top: 0px;margin-bottom: 6px;}
.featurlist li .innerfetbox:hover i, .featurlist li .innerfetbox.active i{color:#fff;}



.main-custom-box{
    border: 1px solid #ccc;
    margin: 20px;
    font-size: 12px;
    background: #ededed;
}
.main-custom-box .title{
    color: #333;
    font-weight: bold;
    line-height: 20px;
}
.main-custom-box .title span{
    font-weight: normal;
}
.main-custom-box .title.large{ font-size:14px;}



.main-custom-box .genral-info-row{
    padding: 28px 8px 5px 15px;
}


.main-custom-box .genral-info-row .image-info{
    text-align: center;
}

.main-custom-box .genral-info-row .image-info a{}
.main-custom-box .genral-info-row .image-info a img{border-radius:50px; width:100px; border:1px solid #ccc;}

.main-custom-box .genral-info-row .details-info{}


.main-custom-box .button-info-row{
  
    margin: 0px;
    margin-right: 0px;
    padding: 0px 0px;
    text-align: right;
    border-top: 1px solid #ddd;
}
.main-custom-box .button-info-row .button-info-col{
    padding: 10px 0px;
    text-align: right;
}
.main-custom-box .button-info-row .button-info-col a{
    background: #5cb85c;
    padding: 4px 7px;
    margin: 0px 2px;
    border-radius: 0px;
    color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.main-custom-box .button-info-row .button-info-col a:hover,.main-custom-box .button-info-row .button-info-col a:focus{
	cursor:pointer; background:#ccc;}





.main-custom-box .action-button-row{
  
    margin: 0px;
    margin-right: 0px;
    padding: 0px 0px;
    text-align: right;
    border-top: 1px solid #ddd;
}
.main-custom-box .action-button-row .action-button-col{
    padding: 10px 0px;
    text-align: right;
}
.main-custom-box .action-button-row .action-button-col a{
    background: #5cb85c;
    padding: 4px 7px;
    margin: 0px 2px;
    border-radius: 0px;
    color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.main-custom-box .action-button-row .action-button-col a:hover,.main-custom-box .action-button-row .action-button-col a:focus{
	cursor:pointer; background:#ccc;}
	
	
	
	
	
/*Job Seeker New Style*/
.profile 
{
    /* min-height: 280px; */
    display: inline-block;
    background: rgba(250, 254, 248, 0.29);
    padding: 10px;
    margin-bottom: 20px;
    border: 3px solid #e2e4e0;
    box-shadow: 0px 0px 10px 1px #e0e0e0;
    border-radius: 0px;
    width: 100%;
    }
	
	.profile img{
	border: 1px solid #ccc;
	border-radius: 29px;
	box-shadow: 0px 0px 1px 1px #ccc;
	max-height: 107px;
	display: inline-block;
	}
figcaption.ratings
{
    margin-top:20px;
    /* text-align: right; */
    }
figcaption.ratings a
{
    color:#f1c40f;
    font-size:11px;
    }
figcaption.ratings a:hover
{
    color:#f39c12;
    text-decoration:none;
    }
.divider 
{
    border-top: 3px solid rgba(0,0,0,0.1);
    padding: 10px 0px 0px;
    text-align: right;
    /* background: #ccc; */
    }
.emphasis 
{
    border-top: 4px solid transparent;
    }
.emphasis:hover 
{
    border-top: 4px solid #1abc9c;
    }
.emphasis h2
{
    margin-bottom:0;
    }
span.tags 
{
    background: rgb(60, 141, 188);
    border-radius: 17px;
    color: #fefefe;
    font-weight: normal;
    padding: 2px 6px;
    font-size: 11px;
    }

/*
.dropdown-menu 
{
    background-color: #34495e;    
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 250px;
    margin-left: -125px;
    left: 50%;
    }
.dropdown-menu .divider 
{
    background:none;    
    }
.dropdown-menu>li>a
{
    color:#f5f5f5;
    }
.dropup .dropdown-menu 
{
    margin-bottom:10px;
    }
.dropup .dropdown-menu:before 
{
    content: "";
    border-top: 10px solid #34495e;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 10;
    }	

*/	
.profile figure {
    margin: 0;
    display: inline-block;
}	

.image-info-col{ padding-top: 20px;  padding-bottom: 20px;}


.label-danger {
    background-color: #f56954;
}

.label-success {
    background-color: #00a65a;
}

.profile .btn.btn-primary {
    background-color: rgba(1, 3, 2, 0.51);
    border-color: none;
    border-radius: 0px;
    border: none;
    padding: 3px 5px;
    margin-top: 3px;
}

.profile .remove-btn-color {
    background-color: rgba(1, 3, 2, 0.09) !important;
    color: #333 !important;
}


.profile .btn.btn-primary:hover,.profile .btn.btn-primary:focus {background-color: rgba(1, 3, 2, 0.8);}


.profile .btn.btn-primary:hover,.profile .btn.btn-primary:focus {background-color: rgba(1, 3, 2, 0.8) !important; color:#fff !important;}





.applied_jobseeker_option_list{
    background-image: url(http://localhost:8888/wendy/public/uploads/jobseeker/1497027700person.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 11px 28px 11px 70px !important;
    border-bottom: 1px solid #eee;
    margin: 2px 0px !important;}


/******************** Search Bar *********************/

#custom-search-input{
    padding: 0px 0px;
    border: solid 1px #E4E4E4;
    border-radius: 3px;
    background-color: #ffffff;
    /* height: 40px; */
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
    height: 33px;
    font-size: 14px;
    float: left;
    clear: both;
}

#custom-search-input button{
   background: #333333;
   box-shadow: #f0f;
   border: 0;
   color: #fafbf9;
   padding: 7px 40px 8px 40px;
   border-left: solid 4px #585757;
   font-size: 15px;
   /* line-height: 12px; */
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 18px;
    padding: 2px 0px 0px 0px;
}

/******************** Search Bar *********************/






.search-div-color{
	    background: rgba(156, 39, 176, 0.1);}	
		
#advance_serach_form label {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 12px;
}		

#advance_serach_form .form-control {
    max-width: 95%;
    height: 26px;
    border-radius: 15px !important;
}

#advance_serach_form .form-group {
    margin-bottom: 10px;
}


#advance_serach_form .modal-dialog {
    width: 70%;
    margin: 30px auto;
}

#advance_serach_form .modal-body {
    padding: 20px 20px 0 !important;
    height: auto;
    min-height: 236px;
}

#advance_serach_form button{
    text-transform: none;
    border-radius: 15px !important;
}
.advance_search_btn{
    /* border: 1px solid; */
    margin: 0px 0px 2px;
    padding: 3px 3px;
    margin-top: 2px;
    font-size: 12px;
    color: #fafbf9;
    font-weight: bold;
    letter-spacing: 0px;
    text-transform: capitalize;
    background: #3c8dbc;
    display: inline-block;
    background-color: rgba(51, 51, 51, 0.41);
    border-color: none;
    border-radius: 0px;
    border: 1px solid #333;
    padding: 2px 3px;
    border-radius: 0px;
    font-size: 11px;
    margin-bottom: 7px;
}
.chosen-container-multi .chosen-choices {
    background-image: linear-gradient(#fff 1%, #fff 15%);
    border-radius: 15px;
}


/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../images/preloader_2.gif) center no-repeat #fff;
}

.dark-layer{
    border: 2px solid rgba(0, 0, 0, 0.64);
    background: rgba(204, 204, 204, 0.27);
    padding: 1px 5px;
	    display: inline-block;
    margin: 0px 12px 15px 0px;
	}
	
	
                     .color_box{
                     border-radius:100px;  
                     padding: 1px 10px; 
                     margin:0px 5px 0px 15px;
                     }