div#jsjobs-wrapper div#employer-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#employer-control-pannel-wrapper div.chart{border:1px solid #D4D4D5;background-color:white;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-header{display: inline-block;width: 100%;padding: 12px 30px;font-weight: bold;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-header-2{display: inline-block;width: 100%;padding: 11px;background-color: #F6F6F6;font-weight: bold;margin-bottom: 15px;font-size: 15px;border: 1px solid #D4D4D5;color: #444442;border-left: 5px solid #ef348a;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-header-2-chart-1{display: inline-block;padding: 11px;background-color: #F6F6F6;font-weight: bold;margin-top: 10px;font-size: 15px;border: 1px solid #d4d4d5;color: #444442;border-left:5px solid #7D5AA6;float:left;width:100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-header-2-chart-2{display: inline-block;padding: 11px;background-color: #F6F6F6;font-weight: bold;margin-top: 10px;font-size: 15px;border: 1px solid #d4d4d5;color: #444442;border-left:5px solid #FF9E0F;float:right;width:100%;}

div#jsjobs-wrapper div#employer-control-pannel-wrapper div.blueish-right{}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.padding-right{padding-right:10px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.padding-left{padding-left:10px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div#curve_chart{width: 100%; height: 250px;float:right;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div#donutchart{width: 100%; height: 250px;float:right;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-header span.notify {display: inline-block; width: 15%; position: relative; text-align: right;}
div#jsjobs-wrapper div#employer-control-pannel-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; }
div#jsjobs-wrapper div#employer-control-pannel-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; }
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-header span.heading{width: 75%; margin-left: 5%; display: inline-block;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories{}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box{float:left;margin-bottom: 10px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap; position: relative;padding:0px;padding-right:10px;background: #fff;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box span.cp-text{
	display: inline-block;
    margin-top: 5px;
    margin-left: 10px;
    white-space: normal;
    width: 80%;
    line-height: 1.5em;
}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box-bottom span.cp-text{
	display: inline-block;
	margin-top: 5px;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
    line-height: 1.5em;
}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box-bottom{text-align: center;width: 145px;float: left;display: inline-block;font-size: 14px;margin-right: 16px;margin-bottom: 16px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a{display: inline-block;width: 100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories-bottom div a{display: inline-block;width: 100%;padding: 10px 5px;text-align: center;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories-bottom div a img{display:block;margin:auto;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a.my_resume div{ padding:10px;width: 100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a.my_coverletter div{padding:10px;width: 100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a.register div{ padding:10px;width: 100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a.search-job div{ padding:10px;width: 100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities{display: inline-block; width: 100%;margin: 20px 0px;margin-top: 12px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper{display: inline-block; padding: 0px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.left{width:49.5%;margin-right: 0.5%;float:left;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.right{width:49.5%;margin-left: 0.5%;float:right;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper div.header-left{background: #4A8BC2; padding: 15px; display: inline-block; width: 100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper a.footer-left{background: #4A8BC2; padding: 10px; width: 100%; display:inline-block; text-align: center; text-decoration: none;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper div.header-right{background: #DE577B; padding: 15px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper a.footer-right{background: #DE577B; padding: 10px; display:inline-block; width: 100%; text-align: center; text-decoration: none;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper div.show-items{display: inline-block; width: 100%; padding: 15px 5px;max-height: 400px; overflow-y:auto; float: left;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper div.show-items div.job-wrapper{display: inline-block; width: 100%; padding: 10px 10px 10px 0px;margin-bottom: 5px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper div.show-items div.job-wrapper div.img{float: left; display: inline-block; width: 80px; margin: 0px 9px;height: 72px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper div.show-items div.job-wrapper div.detail{display: inline-block; width: calc(100% - 98px);}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper div.show-items div.job-wrapper div.detail div.for-rtl{padding-top:5px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper div.show-items div.job-wrapper div.img a{position: relative; height: 100%; width: 100%;display: block;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper 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#employer-control-pannel-wrapper div.extra-activities div.detail-wrapper div.show-items div.job-wrapper div.detail div.upper{padding-bottom:5px; }
div#jsjobs-wrapper div#employer-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#employer-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper{display: inline-block; width: 100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header{display: inline-block; width: 100%; padding: 10px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header div.img{width: 18%;height:70px; position: relative;float: left;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header div.img img{position:absolute;top:0px;right:0px;left:0px;bottom:0px;max-height:75px;margin:auto;width: 125px;display: block;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.header div.detail{width: 78%; display: inline-block; margin-left: 10px;}
div#jsjobs-wrapper div#employer-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#employer-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;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer div.left{float: left; width: 80%; border: none;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.right div.show-items div.job-wrapper div.footer div.right{display: inline-block; border: none; width: 20%; text-align: right;}
div#jsjobs-wrapper div#employer-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#employer-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#employer-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#employer-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#employer-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#employer-control-pannel-wrapper div.notifications{width: 300px; max-height: 300px; overflow-y:auto; position: absolute; right: 22px; z-index: 1;top: 0px;display: none;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.notifications div.heading{float: left; width: 100%; padding: 10px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.notifications div.heading a{float: right;}

div#jsjobs-wrapper div#employer-control-pannel-wrapper div.notifications div.message div.title div.heading{border: none;padding: 0px;color: #484848;float: none;width: auto;padding-top: 7px;}

div#jsjobs-wrapper div#employer-control-pannel-wrapper div.notifications div.message{float: left; width: 100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.notifications div.message div.status{float: left; padding: 14px 10px; text-align: center;}


div#jsjobs-wrapper div#employer-control-pannel-wrapper div.notifications div.message div.status div{padding: 15px;border-radius: 50%;text-align: center;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.notifications div.message div.status div.job{background: #36bc9b;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.notifications div.message div.status div.comp{background:#4889dc;}


div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.title{float: left; width: 73%; padding: 10px;padding-left: 0px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages{width: 300px; max-height: 300px; overflow-y:auto; position: absolute; right: 65px; z-index: 1;top: 0px;box-shadow: -5px 4px 4px 0px #A9ABAE;display: none;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.heading{float: left; width: 100%; padding: 10px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message{float: left; width: 100%;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status{float: left; padding:10px; text-align: center;}


div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div{padding:12px;border-radius: 50%;text-align: center;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color0{background: #db4453;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color1{background: #f6bb43;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color2{background: #36bcad;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color3{background: #4b89dc;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color4{background: #d870ad;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color5{background: #e9573e;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color6{background: #8cc021;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color7{background: #3baeda;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color8{background: #967bdc;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.status div.color9{background: #434a54;}


div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.title{float: left; width: 71%; padding: 10px; padding-left: 0px;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.messages div.message div.title div.heading{padding: 0px;border: none;}


div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a{color: #7D8082;background: #fff;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a:hover{background: #f1f1f1;}

div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a.my_resume div{ border: 1px solid #d4d4d5;border-right:5px solid #53BF58;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a.my_coverletter div{border: 1px solid #d4d4d5;border-right: 5px solid #E69200;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a.register div{ border: 1px solid #d4d4d5;border-right: 5px solid #692AE0;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div a.search-job div{ border: 1px solid #d4d4d5;border-right: 5px solid #14822F;}


div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box-bottom{border: 1px solid #d4d4d5;}

div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box span.cp-text{color: #7D8082;}

div#jsjobs-wrapper div#employer-control-pannel-wrapper div.meg-right{border: 1px solid #d4d4d5;border-left: 5px solid #ef348a;}
div#jsjobs-wrapper div#employer-control-pannel-wrapper div.blue-right{border: 1px solid #d4d4d5;border-left: 5px solid #ed473a;}


@media (max-width: 500px){
    div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.right{width: 100%;margin:0px;}
    div#jsjobs-wrapper div#employer-control-pannel-wrapper div.extra-activities div.left{width: 100%;margin:0px;margin-bottom:15px;}
    div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box-bottom{width: 40%;margin:3% 5%;}
    div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.bottom-categories div.jsjobs-cp-box-bottom{width: 40%;margin:3% 5%;}
    div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-header-2-chart-1{width:100%;margin-left:0px;}
    div#jsjobs-wrapper div#employer-control-pannel-wrapper div.control-pannel-header-2-chart-2{width:100%;margin-left:0px;}
    div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.control-pannel-categories div.jsjobs-cp-box{width: 100%;margin:5px;}
    div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.left{width:100%;}
    div#jsjobs-wrapper div#jobseeker-control-pannel-wrapper div.extra-activities div.right{width:100%;}
    div#jsjobs-wrapper div#employer-control-pannel-wrapper div#curve_chart{margin-bottom:10px;}
    div#jsjobs-wrapper div#employer-control-pannel-wrapper div#donutchart{margin-bottom:10px;}
    div#jsjobs-wrapper div#employer-control-pannel-wrapper div.meg-right{margin-top:10px;}
}