div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper{display: inline-block; width: 100%;padding:0px 2.5%; position: relative;background-image: url('../images/control_panel/jobseeker/body-bg.png') ;padding-top:20px;padding-bottom:20px; }
div#jsjobs-wrapper div.control-pannel-header span.heading{font-size: 17px;}
div#jsjobs-wrapper div.control-pannel-header span.notify {display: inline-block; width: auto; position: relative; text-align: right;display: inline-block;float:right;}
div#jsjobs-wrapper div.control-pannel-header span.notify span.count_messages{background:#53BF58; float: left; padding: 0px 5px; border-radius: 3px; position: absolute; right: 25px; bottom: 13px;cursor: pointer; }
div#jsjobs-wrapper div.control-pannel-header span.notify span.count_notifications{background:#ED473A;float: left; padding: 0px 5px; border-radius: 3px; position: absolute; right: -5px; bottom: 13px; cursor: pointer;}
div#jsjobs-wrapper div.control-pannel-header{display: inline-block; width: 100%;padding:12px 30px;font-weight:bold;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-header-2{display: inline-block; width: 100%;padding: 11px;background-color:#F6F6F6;font-weight:bold;margin-top: 10px;font-size:15px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-header-2-bottom-border{margin-bottom: 15px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.red-right{margin-top:0px;}
div#curve_chart{background-color:white;border:1px solid #D4D4D5;margin-bottom:25px;position: relative;}
div#curve_chart div#no_message{padding:15px 20px;background:#f6f6f6;color:#727376;border:1px solid #cccccc;font-size:15px;display:inline-block;transform: translate(-50%, -50%);top:50%;left:50%;position: absolute;min-width: 80%;text-align: center;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-header span.heading{width: 75%; margin-left: 1%; display: inline-block;font-size: 18px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories{}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box{margin:0px; padding: 0px 5px; float:left;margin-bottom: 10px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; position: relative; }
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box span.cp-text{margin-left:10px;display: inline-block;width: 80%;white-space: normal;line-height: 1.5em;	}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div a{ text-decoration: none;display: block;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.bottom-categories div.jsjobs-cp-box-bottom{text-align: center;width: 146px;float:left;display:inline-block;font-size:14px;margin:8px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.bottom-categories div.jsjobs-cp-box-bottom span.cp-text{
	display:inline-block;
	margin-top: 5px;
	white-space: normal;
	max-width:100%;
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.bottom-categories div a {display: inline-block;width:100%;padding:10px 5px;text-align:center;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.bottom-categories div a img{ margin:0px;display:block;margin:auto;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div div.add_resume {border-right:5px solid #9260E9;display:inline-block;width:100%;padding:10px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div div.my_resume { border-right:5px solid #53BF58;display:inline-block;width:100%;padding:10px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div a.messages img{ background: }
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div div.newest-job { border-right:5px solid #EF348A;display:inline-block;width:100%;padding:10px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div div.search-job { border-right:5px solid #4285F4;display:inline-block;width:100%;padding:10px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities{display: inline-block; width: 100%;margin: 20px 0px;margin-bottom: 10px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left{display: inline-block; padding: 0px;width:49.5%;margin-right:0.5%; }
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right{display: inline-block; padding: 0px;width:49.5%;margin-left:0.5%;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left div.header-left{background: #4A8BC2; padding: 15px; display: inline-block; width: 100%;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left a.footer{background: #4A8BC2; padding: 10px; width: 100%; display:inline-block; text-align: center; text-decoration: none;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.header-right{background: #DE577B; padding: 15px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right a.footer{background: #DE577B; padding: 10px; display:inline-block; width: 100%; text-align: center; text-decoration: none;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left div.show-items{display: inline-block; width: 100%; padding: 15px 5px;max-height: 400px; overflow-y:auto;float: left;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left div.show-items div.job-wrapper{display: inline-block; width: 100%; padding: 10px 10px 10px 0px;  margin-bottom: 5px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left div.show-items div.job-wrapper div.img{float: left; display: inline-block; width: 80px; margin: 0px 9px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left div.show-items div.job-wrapper div.detail{display: inline-block; width: calc(100% - 98px);}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left div.show-items div.job-wrapper div.img a{position: relative; height: 60px; width: 100%;display: block;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left div.show-items div.job-wrapper div.img a img{position:absolute;top:0px;right:0px;left:0px;bottom:0px; margin:auto; max-height:100%;max-width: 100%; }
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left div.show-items div.job-wrapper div.detail div.upper{padding-bottom:5px; }
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items{display: inline-block; width: 100%; padding: 12px 5px; max-height: 400px; overflow-y:auto; }
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper{display: inline-block; width: 100%;margin-bottom: 5px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header{display: inline-block; width: 100%; padding: 10px 10px 10px 0px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header div.img{float: left; display: inline-block; width: 80px; margin: 0px 9px;height: 72px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header div.detail{display: inline-block; width: calc(100% - 98px);}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header div.img a{position: relative; height: 100%; width: 100%;display: block;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header div.img a img{position:absolute;top:0px;right:0px;left:0px;bottom:0px; margin:auto; max-height:100%;max-width: 100%;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header div.detail div.upper{padding-bottom:5px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer{display: inline-block; width: 100%; padding: 10px 0px 10px 10px;position:relative;float: left;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer div.left{float: left; width: auto; border: none;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer div.right{display: inline-block; border: none; width: auto; text-align: right;position:absolute;right:0px;float:right;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer div.right span.txt{color: #ffffff; padding: 1px 10px; float: left; text-align: right;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer div.right img{float: left; text-align: right;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer div.right span.green{background: #99D000;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer div.right span.pending{background: #FEA702;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer div.right span.red{background: #E22828;}



div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications{width: 300px; max-height: 300px; overflow-y:auto; position: absolute; right: 22px; z-index: 1;top: 0px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.heading{float: left; width: 100%; padding: 10px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.heading a{float: right;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message{float: left; width: 100%;position: relative;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.status{float: left; padding: 10px;text-align: center;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.status span.color1{background: #24A9F1;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.status span.color2{background: #53BF58;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.status span.color3{background: #F4A400;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.status span.color4{background: #9260E9;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.status span.color5{background: #ED473A;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.title{float: right; width: 74%; padding: 10px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.title div.heading{border: none;padding: 0px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.status div{ padding: 12px;border-radius: 50%;text-align: center;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.status div.job{background: #36bc9b;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.message div.status div.resume{background:#E4573E;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages{width: 300px; max-height: 300px; overflow-y:auto; position: absolute; right: 55px; z-index: 1;top: 0px;box-shadow: -5px 4px 4px 0px #A9ABAE;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.heading{float: left; width: 100%; padding: 10px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message{float: left; width: 100%;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status{float: left; padding: 10px;text-align: center;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div{padding:12px;border-radius: 50%;text-align: center;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color0{background: #db4453;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color1{background: #f6bb43;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color2{background: #36bcad;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color3{background: #4b89dc;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color4{background: #d870ad;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color5{background: #e9573e;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color6{background: #8cc021;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color7{background: #3baeda;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color8{background: #967bdc;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.status div.color9{background: #434a54;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.title{float: left; width: 72%; padding: 10px;padding-left: 0px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.messages div.message div.title div.heading{padding: 0px;border: none;}
    

div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div a{color: #7d8082; border: 1px solid #D4D4D5;background: #fff;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div a:hover{ background-color: #f1f1f1; }
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-header-2{border: 1px solid #D4D4D5;background-color:#f6f6f6;color:#444442;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.blue-right{border-left:5px solid #0097C9;margin-bottom:0px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.red-right{border-left:5px solid #ED473A;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.meg-right{border-left:5px solid #9260E9;}

div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.notifications div.heading {font-weight: bold;}
 
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left a {color: #FFF;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right a{ color: #fff;}

div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left div.header-left {color: #FFF;font-weight: bold;font-size: 16px;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right div.header-right {color: #FFF;font-weight: bold;font-size: 16px;}

div#jsjobs-wrapper div.control-pannel-header span.notify span.count_notifications{color: #fff;}
div#jsjobs-wrapper div.control-pannel-header span.notify span.count_messages{color: #fff;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.left{border: 1px solid #D4D4D5;}
div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.right{border: 1px solid #D4D4D5;}