body{
	padding: 0!important;
}
.overlay_back{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	background: rgba(0,0,0,0.4);
	z-index: 99;
}
.pad{
	padding: 0 5px;
}
.nopad{
	padding: 0;
}

.profile_all_details p.current_company {
    padding-top: 20px;
}
.profile_all_details .recomm_btn {
	text-align: right;
	margin-top: 10px;
}
.recomm_btn > span{
	position: relative;
}
.recomm_btn span.each_btn {
    position: absolute;
    width: 90%;
    left: 0;
    margin: 0 5%;
    top: 28px;
    text-align: center;
}
.profile_all_details *,
.give_rec *,
.req_rec *{
	outline: none !important;
}
.popover .nav-tabs>li{
	margin-bottom: 0;
}
.popover .nav-tabs>li>a{
	border: none !important;
	border-radius: 10px;
	position: relative;
}

.popover .nav-tabs>li:first-child>a:after {
	display: none;
}
.popover .nav-tabs>li>a:after {
    content: '';
    position: absolute;
    left: -2px;
    top: 5px;
    height: 70%;
    border-left: 1px solid #ccc;
}
.popover{
	background: none;
	background-color: rgba(0,0,0,0);
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.popover .nav.nav-tabs{
	width: 150px;
	margin: 0 25px;
    background: #fff;
    border-bottom-right-radius: 7px;    
	border-bottom-left-radius: 7px;
}
.popover.bottom{
	margin-top: 0;
}
.popover  .nav-tabs>li{
	width: 50px;
}
.popover .tab-content{
	background: #fff;
	border-radius: 5px;
	width: 200px;
}
span.bubble_cam{
    padding: 10px;
    display: block;
	margin-top: 3px;
}
.popover.bottom .arrow_v {
    top: 40px;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #fff;
    border-bottom-color: #fff;
}
.popover .arrow_v, .popover .arrow_v:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover .arrow_v{
    border-width: 11px;
}
textarea.form_inp{
    width: 100%;
    max-width: 100%;
    height: 70px;
	margin: 10px 0;
	border: none;
	background: #eceaec;
}
.bubble_cam .btn:hover,
.btn_over:hover,
.zind .btn_over{
	background: #00a7f5;
	color: #fff;
}

.popover .nav-tabs>li>a:focus i,
.popover .nav-tabs>li>a:focus,
.popover .nav-tabs>li>a i, 
.popover .nav-tabs>li>a{
	color: #ddd;
} 
.popover .nav-tabs>li.active>a i,
.popover .nav-tabs>li.active>a,
.popover .nav-tabs>li>a:hover i,
.popover .nav-tabs>li>a:hover{
	color: #00a7f5;
}
.zind{
z-index: 9999;	
}
.bubble_cam  input[type=file]{
	width: 100%;
	margin: 10px 0;
}
.popover.bottom #video1 .arrow_v,
.popover.bottom #video2 .arrow_v{
	left: 25%;
}
.popover.bottom #review1 .arrow_v,
.popover.bottom #review2 .arrow_v{
	left: 50%;
}
.popover.bottom #msgs1 .arrow_v,
.popover.bottom #msgs2 .arrow_v{
	left: 75%;
}
.profile_details_outer{
	padding: 15px;
}

.center_content .each_block.block{
	/*padding: 0;*/
}
.edit_part span.glyphicon{
	padding: 0 10px;
}
.edit_part {
    background: #f1eff1;
	height: 50px;
}
.what_edit{   
    display: inline-block;
    padding: 15px 40px;
	float: right;
	background: #e4e2e4;
	color: #777;
	height: 100%;
}

.admin_s.pad a:hover i{
	color: #00a7f5;
}
.admin_s.pad i{
    font-size: 11px;
    color: #000;
    padding: 1px;
}
.rating { 
  border: none;
    float: none;
    padding: 0 22px;
}
.rating > input { display: none; } 

.review_star:before,
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.rating > .half:before { 
  content: "\f089";
  position: absolute;
}
.rating > label { 
  color: #ddd; 
 float: right; 
}
.review_star {
    color: #000;
}
.review_star.blue{
	color: #00a7f5;
}
.rating > input:checked ~ label, 
.rating:not(:checked) > label:hover, 
.rating:not(:checked) > label:hover ~ label { color: #00a7f5;  } 
.rating > input:checked + label:hover, 
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label { color: #00a7f5;  } 

.btn_half{
	width: 48%;
}
.bubble_cam .record_vid{
	width: 100%;
}
.bubble_cam p{
	padding: 10px 0;
}
.simailar_job_block tr td:last-child{

    padding: 10px 0px;
}

.simailar_job_block button.btn.save_button {
    padding: 2px 14px;
}





    ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
        cursor:pointer;
    }
    ul li a:hover {
        background:#425B90;
        text-decoration:none;
        cursor:pointer;
    }
        
    #noti_Container {
        position:relative;
		padding: 6px;
    }
       
    /* A CIRCLE LIKE BUTTON IN THE TOP MENU. */
    #noti_Button:hover {
		    background-image: url(../images/notification_inner-hover.png);
	}
    #noti_Button {
        width:22px;
        height:22px;
        line-height:22px;
        cursor:pointer;
		background-image: url(../images/notification_inner.png);
    }
        
    /* THE POPULAR RED NOTIFICATIONS COUNTER. */
    #noti_Counter {
    background-color: #f35958;
    border-radius: 50%;
    color: #fff;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: -1px;
    text-align: center;
    top: -1px;
    width: 15px;
    font-size: 10px;
    font-weight: bold;
}
#notifications h3 {
        display:block;
        color:#333; 
		background: rgba(0, 0, 0, 0.1);
        font-weight:bold;
        font-size:13px;    
        padding:8px;
        margin:0;
        border-bottom:solid 1px rgba(100, 100, 100, .30);
    }
       
        
    /* THE NOTIFICAIONS WINDOW. THIS REMAINS HIDDEN WHEN THE PAGE LOADS. */
    #notifications {
        display:none;
        width:300px;
        position:absolute;
		top: 55px;
		right: -30px;
        background:#FFF;
        border:solid 1px rgba(100, 100, 100, .20);
        -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .20);
        z-index: 7777;
    }
    /* AN ARROW LIKE STRUCTURE JUST OVER THE NOTIFICATIONS WINDOW */
 /*   #notifications:before {         
        content: '';
        display:block;
        width:0;
        height:0;
        color:transparent;
        border:10px solid #CCC;
        border-color:transparent transparent #FFF;
        margin-top:-20px;
        margin-right:10px;
		float: right;
    }*/
  .seeAll {
    background: #F6F7F8;
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    border-top: solid 1px rgba(100, 100, 100, .30);
    text-align: center;
    }
    .seeAll a {
        color:#3b5998;
    }
    .seeAll a:hover {
        background:#F6F7F8;
        color:#3b5998;
        text-decoration:underline;
    }
.each_notif{
	border-bottom: solid 1px rgba(100, 100, 100, .30);
}
.notif_img img{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin-top: 10px;
}
.notif_data p {
    line-height: 15px;
}
.notif_data span{
    font-size: 11px;
    color: #888;
}
.notif_data{
	text-align: left;
	padding: 5px;
}
.noti_block{
	height: 313px;
	overflow: hidden;
}
.recomm_tab .nav-tabs >li >a {
    border: none;
    text-align: center;
}
.recomm_tab .nav-tabs >li{
	width: 33%;
    padding: 0 4px;
}
.recomm_tab .nav-tabs>li>a{
	border: none;
	background:#f1eff1; 
	color: #000;
    border-radius: 6px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.recomm_tab .nav-tabs>li.active>a, 
.recomm_tab .nav-tabs>li.active>a:focus, 
.recomm_tab .nav-tabs>li.active>a:hover{
	border: none;
	background:#00a7f5;
	color: #fff;
    border-radius: 6px;
}
.recomm_tab .nav-tabs{
	width: 100%;
	border: none;
}	
.recomm_tab .tab-content{
	margin: 20px 0px;
    min-height: 375px;
    max-height: 375px;
    padding: 0 0 30px 0;
    overflow: hidden;
}

.image_block_star img{
    height: 55px;
    width: 55px;
    margin: auto;
    border-radius: 50%;
}

.recomm_tab .each_star{
    border: none;
    background: #f1eff1;
    color: #000;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 10px 0;
}
.time_block_star,
.rating_block_star,
.name_block_star{
	padding: 10px 0;
}
.recomm_tab .each_star a {
    color: #000;
    width: 100%;
    height: 100%;
    float: left;
}
#video_recomm img{
	height: 120px;
    width: 160px;
}

.each_vid_rec_block{
	padding: 5px;
}
.each_vid_rec_block  a:hover,
.each_vid_rec_block .each_video_rec a{
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
.each_vid_rec_block .each_video_rec{
	border: none;
    background: #f1eff1;
    color: #000;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	padding: 10px;
	box-shadow: 1px 1px 1px #888888;
}
.each_vid_rec_block  .vid_play {
    padding: 8px 0px 0px 0;
}
.each_vid_rec_block  .vid_play i{
	font-size: 16px;
    color: #c0c0c0;
}
.each_vid_rec_block  a:hover i{
	color: #00a7f5;
}
.each_vid_rec_block  .vid_play span {
    padding: 0 10px;
}

.each_rev_rec {
    padding: 10px 0px;
}
.rev_prof_img img{
    border-radius: 50%;
    width: 70px;
    margin: auto;
}
span.rev_time {
	padding: 0 3px;
	font-size: 12px;
}
span.rev_name {
    font-size: 16px;
    font-weight: 900;
    padding: 0 3px 0 0px;
}
.rev_content {
    padding: 8px 0;
}
.view_more_rec{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px;
}
.view_more_rec a{   
	display: inline-block;
    padding: 5px 15px;
    background: #f1eff1;
    color: #000;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 1px 1px 1px #888888;
}
.view_more_rec a:active:focus,
.view_more_rec a:focus,
.view_more_rec a:hover{
	text-decoration: none;	
	background: #00a7f5;
	color: #fff;	
    border-right: 1px solid #67bac0;
    border-bottom: 1px solid #67bac0;
    box-shadow: 1px 1px 1px #9bd0d4;
} 
#profvideo *{
	outline: none;
}
#profvideo video{
	width: 100%;
}
#profvideo .modal-header{
	padding: 5px 15px;
}
.prof_image_video{
	position: relative;
}
.prof_image_video i{
    position: absolute;
    bottom: 4px;
    right: 4px;
    padding: 4px 5px;
    color: #fff;
    border: 4px solid #fff;
    border-radius: 50%;
    font-size: 10px;
    line-height: 10px;
    background: #00a7f5;
}
.prime_skill .well,
.sec_skill .well,
.add_lang .well{
	margin-bottom: 0;
	border-radius: 0;
}
.sec_skill_btn{
    float: right;
}
.col_p_btn{
	cursor: pointer;
}
.col_p {
    transition: max-height 0.7s;
    max-height: 1000%;
    overflow: hidden;
}
.admin_s.edit_part.closed  .col_p {
    max-height: 0;
}
#video_player_tab i{
	position: absolute;
    top: 4px;
    right: 15px;
    font-size: 30px;
    color: #00a7f5;
    cursor: pointer;
}
#video_player_tab{
	transition: height 0.5s;
    height: 300px;
    overflow: hidden;
	position: relative;
    padding: 0 10px;
}
#video_player_tab.closed{
	height: 0px;
}

.modal-content{
	border-radius: 0px;
}
.video_rec_modal .modal-header{
	padding: 3px 15px;
    text-align: center;
}
#video_player_tab video{
    height: 280px;
    margin: 15px 0;
}

.job_form_block{
	padding: 25px;
}

.job_form_block .help-block{
	margin: 0;
    font-size: 10px;
}
.form_inside{
	padding-bottom: 30px;
}
.job_app_submit:hover{
	color:#fff;
	opacity: 0.8;
	background-image: linear-gradient(#9c65aa, #56479d);
}
.job_app_submit{
        /* float: right; */
    background: #00a7f5;
    color: #fff;
    padding: 10px 25px;
    width: 80%;
    margin-top: 42px;
    height: 31px;
}
.radio_single label {
    width: 100%;
    border: none;
    background: #f1eff1;
    color: #000;
    border-radius: 6px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 5px;
    text-align: center;
}
.radio_btn{
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
	opacity: 0;
}
.radio_btn[type="radio"]:checked+label {
/*    background-color: #00a7f5;*/
	color: #fff;
	background-image: linear-gradient(#9c65aa, #56479d);
}
.radio_single{
	position: relative;
/*	width: 90%;*/
        width: 100%;
	margin: 0 5%;
}
#uploadvidFile,
#uploadFile {
	border: none;
    background: none;
    padding: 0;
    width: 100%;
}
.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
	width:100%;
}
.file_upload_group label{
	margin: 0;
}
.file_upload_group{
	text-align: center;
}
.f_btn{
    width: 75%;
    border: none;
    background: #f1eff1;
    color: #000;
    border-radius: 6px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 5px;
    text-align: center;
}

.rec_btn_job{
	width: 75%;
	margin-top: 10px;
    border: none;
    background: #f1eff1;
    color: #000;
    border-radius: 6px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 5px;
    text-align: center;
}

.single_job_oppurtunity{
	padding: 15px;
}
.single_job_oppurtunity .each_list {
    padding: 3px 0;
	font-weight: 900;
}
.single_job_oppurtunity .each_list span {
    color: #888;
    padding-right: 10px;
}
.job_apply_submit {
    border: none;
    background: #f1eff1;
    color: #000;
    border-radius: 6px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 8px 20px;
    margin-top: 7px;
    text-align: center;
}

.job_apply_submit:hover {
    background: #00a7f5;
    color: #fff;	
}
.job_logo_block {
    padding-bottom: 20px;
}
.each_exp{
	font-size: 16px;
    padding: 5px 0;
}
.each_exp span{
	font-weight: 900;
}
.add_exp .date_pick label {
    padding: 0px 10px 0px 0px;
}
.add_exp  .well{
	padding-bottom: 45px;
}
.exp_submit .btn{
	float: right;
}
.add_exp .date_pick select{
	margin: 2px;
}
.p_job_col {
    background: #687fa0;
    text-align: center;
    padding: 102px 0;
}
.post_job_block{
    display: inline-block;
    padding: 40px 45px;
    border-radius: 50%;
    border: 5px solid #dedcde;
    background: #fff;
	color: #464646;
}
.post_job_block i.fa{
	font-size: 50px;
	color: #464646;
}
.each_job_cat_block {
    text-align: center;
    padding: 30px;
	background:#f1f1f169; 
    margin: 5px;
	box-shadow: 2px 2px 3px 0px rgba(210,214,214);
	border-radius: 5px;
}
.each_job_cat_block i.fa{    
	font-size: 35px;
    padding: 12px;
    border-radius: 50%;
    color: #fff;
   background-image: linear-gradient(#9c65aa, #56479d);
}
.cat_job_col h4{
	border-bottom: 1px solid #e7e9ec;
	padding-bottom: 10px;
}
.cat_job_col a{
	color: #464646;
	text-decoration: none;
}
.cat_job_col {
    padding-bottom: 15px;
}
.cat_job_col a:hover .each_job_cat_block i.fa{
	background: #00a7f5;
}


.table-fixed thead {
  width: 100%;
}
.table-fixed tbody {
  height: 480px;
  overflow-y: auto;
  width: 100%;
  text-align: center;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  /*display: block;*/
}
.table-fixed tbody td a,
.table-fixed tbody td{
	color: #464646;
	text-decoration: none;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
  border-top: 0 !important;
}
.table-fixed thead tr th{
	text-align: center
}
.table-fixed thead tr {
    margin-bottom: 10px;
    background: #f9f9f9;
    height: 35px;
    color:#7c58a4;
}
.table-fixed tbody tr {
    height:auto;
    background: #eeeff2;
    margin-bottom: 5px;
	border-bottom: 3px solid white;
}
.table-fixed tbody td{
	padding: 7px 40px;
	/*text-align:justify;*/
}
.table-fixed tbody td a {
    display: block;
	text-align: center;
}
.form-control.error{
	border:1px solid red;
	outline-color: red;
}
.each_input label.error {
    position: absolute;
    left: 0;
    bottom: 55px;
    color: red;
    font-size: 13px;
    padding: 2px 2px 2px 40px;
    border-radius: 5px;
    width: 215px;
	text-align: center;
	opacity: 0;
}
#register_step_3 .each_input label.error ,
#register_step_5 .each_input label.error {
    width: 100%;
    bottom: 70px;
	padding: 2px;
}
.skipbtn{
    float: left !important;
}
.fullwidth-innerbox .inner_white{
	position: relative;
}
.block_head ul.nav.nav-tabs {
    border: none;
}
.block_head ul.nav.nav-tabs a{
    color: #c0c0c0;
}
.block_head ul.nav.nav-tabs a:hover{
    color: #00a7f5;
    background: none;
}
a.video_modal_link{
    color: #c0c0c0;
}
a.video_modal_link:hover{
    color: #00a7f5;
    background: none;
}
.recomendations.block * {
    outline: none !important;
}
.modal_actions {
    display: block;
    padding: 10px;
    text-align: right;
}
.more_area {
    width: 100%;
    text-align: right;
    float: right;
    background: #f1eff1;
}
button.btn.see_more_btn {
    border-radius: 0;
    padding: 10px 20px;
}

.each_block_icon i{
    color: #c0c0c0;
}
.each_block_icon i:hover{
    color: #00a7f5;
}
.block_content {
    padding-bottom: 0px;
}


/*application status pages */
.appli_stat_page .table-fixed thead {
    width: 100%;
}

select.geek-select, .appli_stat_page  select {
    background-color: #d9dadc !important;
    border: none;
    min-height: 25px;
    border-radius: 5px;
    font-weight: bold;
    padding-right: 25px;
    padding-left: 10px;
    background-position: center;
    background-position-x: 100px;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    -moz-appearance: none;
    background-image: url(../images/down_arrow.png);
    background-color: white;
}
button.geek-submit, .appli_stat_page button.btn.save_button {
    min-width: 115px;
    padding: 2px 10px;
    font-weight: bold;
}
button.geek-submit, .appli_stat_page button.btn.save_button:hover {
    background-color: #00a7f5;
    color: #fff;
}

.appli_stat_page .table-fixed tbody td {
    padding: 15px 10px;
}
.padding_15{
    padding: 0px 15px;
}
.appli_stat_page .search .search_text {
    background-color: #ecf0f3;
}
.appli_stat_page .table-padding th {
    padding: 5px 0 !important;
}
.table-padding {
    padding: 0px 15px;
}
.appli_stat_page *{
    outline: none;
}
.appli_stat_page select option {
    background: #fff;
}
.serach_area {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
}
.appli_stat_page .header_area .status {
    text-align: center;
    background: #000;
    color: #fff;
    padding: 10px 0px;
    font-size: 15px;
    font-weight: bold;
}
.appli_stat_page .stat_exprd {
    padding-right: 0;
    padding-left: 30px;
}
.appli_stat_page .expired {
    background: #f0f0f0;
    padding: 10px 0px;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
}
.appli_stat_page .header_area h3 {
    font-weight: bold;
}
.appli_stat_page .header_area p {
    color: #909193;
    font-weight: bold;
}
.appli_stat_page .header_area p span{
    color:#00a7f5;
}
.appli_stat_page h4 {
    font-weight: bold;
}
.web--cam--record .plyr__controls {

}
.web--cam--record .cls {
   border: none;
   border-radius: 10%;
   background: #3498db;
   color: #fff;
   float: right;
}
.web--cam--record .plyr__volume,
.web--cam--record  .plyr__progress{
display: none;
/*<!--REMOVED CONTENT USING JQUERY-->*/
}
.settings_show{
display:block !important;
}
#Settings_popup
{
position: absolute;
   background-color: #fff;
   min-width: 100px;
   min-height: 66px;
   border: solid 1px #888888;
   top: 53px;
   z-index: 1;
}




/*Super admin page*/

.chart_area{
    padding: 15px;
}
.title_area{
    font-family: source_sans_prosemibold;
    font-size: 16px;
    padding: 10px 20px;
    border-bottom: 1px solid #e7e9ec;
    color: #000;
}
.list_body {
    padding: 20px;
}
.list_body input  {
width: 100%;
margin: 5px 0px;
    border: solid #e9e9e9 1px;
    border-radius: 5px;
    padding: 5px;
    font-style: italic;
}
.list_body select {
    width: 100%;
    margin: 5px 0px;
    border: solid #e9e9e9 1px;
    border-radius: 5px;
    padding: 5px;
    background: #b1b2b4;
    color: #fff;
    font-weight: bold;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    -moz-appearance: none;
    
}   

.select-area {
    position: relative;
}
.select-area span {
    background-image: url(../images/down_arrow_white.png);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    float: right;
    right: 10px;
    position: absolute;
    bottom: 13px;
}
.list_body option{
    background-color: #fff;
    color: #000;

}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.input_group_area{
    width: 100%;
    position: relative;
        left: 1px;
}
input#btn_file_txt {
    width: 60%;
    display: inline-block;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
        background: #f9f9f9;
}
label.btn.btn-default.btn-file.input_gr_btn {
    width: 39%;
    background: #b1b2b4;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    position: relative;
    top: -2px;
    left: -3px;
        color: #fff;
    font-weight: bold;
}
.list_body .submit{
    background-color: #2f333c;
        font-style: normal;
    color: #fff;
    font-weight: bold;
}
.chart_page .thumb {
    width: 50px;
    display: inline-block;
    float: left;
}
.chart_page .user_li {
    width: calc(100% - 50px);
    display: inline-block;
    float: left;
    padding-left: 20px;
}
ul.user_list {
    width: 100%;
        height: 220px;
}
ul.user_list li {
    float: left;
    padding-bottom: 15px;
}
.view_more {
    background: #f0f0f0;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: #575757;
}
.all_new_user {
    padding-bottom: 10px;
    padding-top: 15px;
}
.all_new_user .name_area {
    font-weight: bold;
}
span.pers {
    line-height: 1;
    padding-top: 20px;
        font-weight: bold;
    color: #000;
}
span.ttl {
    font-size: 12px;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    color: #000;
}

.c100:hover span.pers { 
    line-height: 1;  
    padding-top: 20px; 
    font-weight: bold; 
   }
.c100:hover span.ttl {  
    font-size: 12px;
    width: 100%;
    text-align: center;     
    padding-top: 35px;     
    font-weight: bold;   
} .pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill,
.c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57
.fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill,
.c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66
.fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill,
.c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75
.fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill,
.c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84
.fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill,
.c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93
.fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill,
.c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
    
    border: 0.08em solid #00a7f5; 
}

.c100 {
    background-color: #d2d3d5;
}
.c100.third {
    background-color: rgba(255, 0, 0, 0.53);
}
ul.report_ul {
    width: 100%;
}
ul.report_ul li {
    padding: 12px 15px;
    border-bottom: 1px solid #e7e9ec;
    font-weight: bold;
    font-size: 15px;
}
ul.report_ul li:last-child {
    border-bottom: 0px solid #e7e9ec;
}
.persentage_area {
    padding: 0;
}
.chart_persentage_area {
    text-align: center;
    width: 100%;
    padding: 25px 15px;
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut , .ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut{
    stroke: none !important;
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
    fill: #77cf9f  !important;
    fill-opacity: 0.7  !important;
}
.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
    fill: #65acda !important;
    fill-opacity: .7 !important;
}
span.ct-label.ct-horizontal.ct-end {
    font-weight: bold;
    font-size: 18px;
    margin-left: -20px;
}
span.ct-label.ct-vertical.ct-start {
    font-weight: bold;
    font-size: 13px;
}
text.ct-axis-y {
    font-weight: bold;
}
.chart_page h4 {
    text-align: center;
    color: #555555;
}
.bold{
    font-weight: bold;
}
div#chart1 {
    float: left;
    height: 200px;
}

.chart_label {
    text-align: center;
    font-weight: bold;
    /*    padding: 5px;*/
}

.employer {
    background-image: url(../images/blue_label.png);
    width: 100px;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    color: #7e7e7e;
}
.jobseeker {
    background-image: url(../images/green_label.png);
    width: 100px;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    color: #7e7e7e;

}

.chart_bottom {
    margin: auto;
    text-align: center;
}
.c100.small {
    font-size: 95px;
}
ul.report_ul span {
    float: right;
}








/*
Admin features*/

.admin_rate {
    background: #f0f0f0;
    padding: 30px;
    font-size: 15px;
    font-weight: bold;
}
.admin_rate fieldset.rating {
    display: inline-block;
    padding: 0;
    float: right;
    position: relative;
    bottom: 5px;
}
.left_btn_area {
    border-right: 1px solid #e7e9ec;
}
button.admin_features_btn {
    border: none;
    background: #f1eff1;
    color: #000;
    border-radius: 6px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-size: 16px;
    padding: 10px 0px;
}
.admin_oper {
    padding: 15px 0px;
    float: left;
    width: 100%;
}
.left_btn_area button.admin_features_btn {
    width: 49%;
}
.nopad-left{
    padding-left: 0px; 
}
.nopad-right{
    padding-right: 0px; 
}
.admin_features_area {
    margin-bottom: 0px;
}
button.admin_btn {
    width: 49%;
    padding: 10px 0px;
    font-size: 16px;
    border-radius: 5px;
    border: 0px;
}
.admin_accept_area {
    background: #1b1e25;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 20px;
}
button.admin_btn.active_blue {
    background: #00a7f5;
    color: #fff;
}
button.admin_btn.nonactive_white {
    background: #fff;
}


/*404 page*/
.bg404 {
    position: relative;
    margin-top: -20px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
}
.bg404 h1 {
    color: #00a7f5;
    font-size: 77px;
    text-align: center;
    font-weight: 900;
}

.bg404 p {
    color: #FFF;
    font-size: 30px;
    text-align: center;
    font-weight: 900;
}
.bg404 button {
    background: #00a7f5;
    border: 0px;
    padding: 5px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.video_recorder_wrapper {
  background-color: rgba(255, 255, 255, 0.5);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 55555;
  overflow-y:scroll; 
}
.video_recorder_wrapper .video_recorder {
    display: inline-block;
    left: 0;
    margin: 30px auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 25%;
    width: 300px;
}
.video_recorder .cls {
  background-color: #36a2f5;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  right: -20px;
  top: -20px;
}
.video_recorder > #player {
  border-radius: 7px;
  box-shadow: 0 0 5px #2a2a2a;
  height: auto;
  background-color:#000;
}
.video_recorder > #preview.show {
  border: 1px solid #666;
  border-radius: 4px;
  height: auto;
  opacity: 1;
  position: absolute;
  right: 102%;
  top: 12%;
}
.video_recorder .preview_container.show {
  opacity: 1;
  right: 102%;
  top: 7%;
  width: 250px;
}
.video_recorder .preview_container {
  border: 1px solid #666;
  border-radius: 8px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 14%;
  transition: all 0.5s ease 0s;
  width: 200px;
}
.video_recorder .geek--video.plyr--setup {
  height: auto;
}
.time_recorded {
  background-color: rgba(0,0,0,0.3);
  border-bottom-left-radius: 7px;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  left: 0;
  bottom: 0;
  padding: 2px 6px;
  position: absolute;
}
.record_controls {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.record_controls > button {
  background-color: #36a2f5;
  border: medium none;
  border-radius: 8px;
  color: #fff;
  padding: 3px 13px;
}
.record_controls{
    opacity: 0.2;
}
.video_recorder_wrapper .video_recorder:hover .record_controls{
    opacity: 0.8;
}
.video_recorder .screen {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.video_recorder_wrapper .video_recorder.recording:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 6px;
  background-color: #f00;
  animation-name: recording;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes recording {
    from {opacity: 0;}
    to {opacity: 1;}
}

form.admin_form .form-group {
    width: 100%;
}
form.admin_form .form-group input{
    width: 100%;
}
form.admin_form .form-group select{
    width: 100%;
}




















	
@media (max-width: 768px){
		#noti_Container{
			padding: 3px;
		}
}
	
	
@media (max-width: 768px){
	#notifications {
		top: 55px;
		left: -30px;
		right: 0;
	}
	
	.wdth
{
	width: 100%;
}
}


.txt
{
	text-align:left;
}

.mr
{
	margin-bottom:35px !important;
}

.clr
{
	color:#e36c9d;
	margin-top: 24px;
}

.clr1
{
	color:#e36c9d;
	margin-top: 25px;
	font-size:18px;
}












.group            { 
  position:relative; 
  margin-bottom:45px; 
}
input               {
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:90%;
  border:none;
  border-bottom:2px solid #6e2ab8;
}
input:focus         { outline:none; }

/* LABEL ======================================= */
/*label                {
  color:#e36c9d;
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}*/

label                {
/*  color:#e36c9d;
  font-size:18px;
  position:absolute;
  left:5px;
  top:10px;*/
margin-top: 5px;
  font-weight:normal;  
/*  pointer-events:none;  */
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}


/* active state */
input:focus ~ label, input:valid ~ label        {
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* BOTTOM BARS ================================= */
.bar    { position:relative; display:block; width:240px; }
.bar:before, .bar:after     {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}

.par:hover
{
	    background-image: linear-gradient(#9c65aa, #56479d);
    color: white;
}

.par
{
	
 width: 55px;
    border: none;
    background: #f1eff1;
    color: #993399;
    border-radius: 6px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 5px;
    text-align: center;
}
.colmg
{
	margin-top:22px;
}
.wdth
{
	width: 88%;
    margin-left: 0px;
}


.post_job_block:hover
{
	background-color:#3CF;
	color:#FFF;
}
.each_job_cat_block:hover
{
	background-image: linear-gradient(#9c65aa, #56479d);
}