.IconsMenu:before {
  
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  position: absolute;
  inset-inline-start: 5px;
  inset-inline-end: auto;
  top: 0;
  bottom: 0;
  margin: auto;
}

.IconNew.fa-trash:before {
  
  font-size: 22px;
  position: absolute;
  right: 9px;
  font-family: "Font Awesome 6 Pro";
}

.IconsMenu:hover {
  
  background: #5f5b5b;
  color: #ffffff;
}

.IconNew:hover {
 
  background: #5f5b5b;
  color: #ffffff;
}
.IconsMenu:first-child {
  
  border-radius: 2px 2px 0px 0px;
}
.IconsMenu:last-child {
  
  border-radius: 0px 0px 2px 2px;
}
.misrotNumMenu {
  
  position: absolute;
  top: 2px;
  right: auto;
  background: #5f5b5b;
  color: #ffffff;
  border-radius: 100%;
  min-width: 20px;
  min-height: 20px;
  width: auto;
  height: auto;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
}
.IconsMenu:hover .misrotNumMenu {
  background-color: #ffffff;
  color: #5f5b5b;
}

.SubMenuheader.appear940{
  display: none;
}

.CardRow.ArrowUpdate.Point.IconsMenu.appear940{
  display: none;
}

.CardRow.ArrowUpdate.Point.IconsMenu.appear850{
  display: none;
}
.CardRow.ArrowUpdate.Point.IconsMenu.appear760{
  display: none;
}
.IconsMenu.ArrowUpdate:hover:after {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBhsIERicbn7iAAAAhUlEQVQ4y6WUyxGAIAwFiWershR7sA2v/quxFutYDxwcEIJEuDG7M5A84nDqFkYuuuekhB8ADN8EYQfgpP0iCNsbzwsZPCcIaxpPCwqeEoQlj78FYdbwWCjioSBMJTwU+jKOa1zt+nOl6kcbymponCEahvAZ4q0oSk9rv6hXqoaAV6IxcwODEm/+nlg2aQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNi0yN1QwODoxNzoyNCswMjowMNmjmt8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDYtMjdUMDg6MTc6MjQrMDI6MDCo/iJjAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
}

.IconPremium:before {
  background: url('/images/topSargelIcons/premium_black.png');
}
.IconArticles:before {
  background: url('/images/topSargelIcons/articles_black.png');
}
.IconCompanies:before {
  background: url('/images/topSargelIcons/companies_black.png');
}
.IconContact:before {
  background: url('/images/topSargelIcons/contactus_black.png');
}
.IconHelp:before {
  background: url('/images/topSargelIcons/help_black.png');
}
.IconRecommend:before {
  background: url('/images/topSargelIcons/like_black.png');
}
.IconRecruitmentSolutions:before{
  background: url('/images/topSargelIcons/recruitment_black.png');
}
.IconRecruitmentSystem:before {
  background: url('/images/topSargelIcons/cvmaster_black.png');
}
.IconNadlan:before {
  background: url('/images/topSargelIcons/home_black.png');
}
.IconCars:before{
  background: url('/images/topSargelIcons/car_black.png');
}
.IconY2:before {
  background: url(/images/topSargelIcons/second-hand_black.png);
}





.IconPremium:hover:before {
  background: url('/images/topSargelIcons/premium_white.png');
}
.IconArticles:hover:before {
  background: url('/images/topSargelIcons/articles_white.png');
}
.IconCompanies:hover:before {
  background: url('/images/topSargelIcons/companies_white.png');
}
.IconContact:hover:before {
  background: url('/images/topSargelIcons/contactus_white.png');
}
.IconHelp:hover:before {
  background: url('/images/topSargelIcons/help_white.png');
}
.IconRecommend:hover:before {
  background: url('/images/topSargelIcons/like_white.png');
}
.IconRecruitmentSolutions:hover:before{
  background: url('/images/topSargelIcons/recruitment_white.png');
}
.IconRecruitmentSystem:hover:before {
  background: url('/images/topSargelIcons/cvmaster_white.png');
}
.IconNadlan:hover:before {
  background: url('/images/topSargelIcons/home_white.png');
}
.IconCars:hover:before{
  background: url('/images/topSargelIcons/car_white.png');
}
.IconY2:hover:before {
  background: url('/images/topSargelIcons/second-hand_white.png');
}

/*  cv master icons */
.IconsMenu.TopIconDashboard:before {
  background: url(/images/topSargelIcons/dashboard_black.png);
}

.IconsMenu.TopIconProjects:before {
  background-image: url(/images/topSargelIcons/projects_black.png);
}
.IconsMenu.TopIconHunterGray:before {
    background-image: url(/images/topSargelIcons/hunter_black.png);
}

.IconsMenu.TopIconPeople:before {
  background: url(/images/topSargelIcons/people_black.png);
}
.IconsMenu.TopIconEvents:before {
  background-image: url(/images/topSargelIcons/agenda_black.png);
}
.IconsMenu.TopIconCustomers:before {
  background-image: url(/images/topSargelIcons/customers_black.png);
}
.IconsMenu.TopIconSources:before {
  background-image: url(/images/topSargelIcons/supplier_black.png);
}
.IconsMenu.TopIconTag:before {
    background-image: url(/images/topSargelIcons/tag_black.png);
}
.IconsMenu.TopIconReports:before {
    background-image: url(/images/topSargelIcons/reports_black.png);
}
.IconsMenu.CvTopIconSettings:before {
    background: url(/images/topSargelIcons/settings_black.png);
}

.IconsMenu.TopIconDashboard:hover:before {
  background: url(/images/topSargelIcons/dashboard_white.png);
}

.IconsMenu.TopIconProjects:hover:before {
  background-image: url(/images/topSargelIcons/projects_white.png);
}
.IconsMenu.TopIconHunterGray:hover:before {
    background-image: url(/images/topSargelIcons/hunter_white.png);
}

.IconsMenu.TopIconPeople:hover:before {
  background: url(/images/topSargelIcons/people_white.png);
}

.IconsMenu.TopIconEvents:hover:before {
  background-image: url(/images/topSargelIcons/agenda_white.png);
}

.IconsMenu.TopIconCustomers:hover:before {
  background-image: url(/images/topSargelIcons/customers_white.png);
}

.IconsMenu.TopIconSources:hover:before {
  background-image: url(/images/topSargelIcons/supplier_white.png);
}

.IconsMenu.TopIconTag:hover:before {
    background-image: url(/images/topSargelIcons/tag_white.png);
}

.IconsMenu.TopIconReports:hover:before {
    background-image: url(/images/topSargelIcons/reports_white.png);
}

.IconsMenu.CvTopIconSettings:hover:before {
    background: url(/images/topSargelIcons/settings_white.png);
}

.TagNewMenu {
  
  position: absolute;
  top: 2px;
  inset-inline-start: auto;
  color: #5f5b5b;
  font-size: 11px;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  margin-inline-start: 4px;
}

.IconsMenu:hover .TagNewMenu {
    color: #ffffff;
}
  
.CardStyle{
  margin:auto;
}

.HelpHeaderPlaceHolder{
  width:100%;
  height:130px;
  background:url('/images/faqpicture.jpg') center bottom no-repeat;
  background-size:cover;
  color:#ffffff;
  text-align:center;
  font-size:20px;
  line-height:100%;
}

.ArrowUpdate {
    color: black;
}

.TopSargelPadder {
  padding-top: 70px;
}
.profileDetails {
  margin-bottom: 30px;
}
.borderTop {
  display:  block;
  width:  100%;
  height: 60px;
  background: #f2f2f2;
}

.imgWrapper {
  display:  block;
  position: absolute;
  top: 13px;
  left:  0;
  right:  0;
  margin: 0 auto;
  width: 96px;
}
.profileName {
  display: block;
  margin-top: 58px;
  text-align: center;
  margin-bottom: 12px;
}
.profileName a {
  color: #3156a0;
  text-decoration:  blink;
  font-size: 14px;
}

.profileName p {
  font-size:  17px;
  line-height: 24px;
}
.wrapNetworkAndView{
  overflow: hidden;
  border-top: 1px solid #f2f2f2;
}
.wrapNetworkAndView > div {
  display:  inline-block;
  width: 50%;
  float:  left;
  height:  100%;
  box-sizing:  border-box;
  padding:  10px;
}

.wrapNetworkAndView > div:first-child {
  border-right: 1px solid #f2f2f2;
}
.countNum {
  color: #0084bf;
  font-size:  19px;
}

.wrapNetworkAndView span,
.wrapNetworkAndView a {
  display:  block;
  text-align:  center;
  line-height:  22px;
}
.wrapNetworkAndView a{
  color:#333333;
}
.connectionsTitle,
.viewTitle{
  color:gray;
}
.CardRow.ArrowUpdate.IconsMenu.displayNone{
  display: none;
}
.SubMenuheader.displayNone{
  display: none;
}


@media only screen and (max-width:700px){
  .CardRow.ArrowUpdate.IconsMenu.displayNone.displayMobile{
    display: block;
  }
  .SubMenuheader.displayNone.displayMobile{
    display: block;
  }
  .CardRow.ArrowUpdate.Point.IconsMenu.appear760{
    display: block;
  }
  .CardRow.ArrowUpdate.Point.IconsMenu.appear850{
    display: block;
  }
  .CardRow.ArrowUpdate.Point.IconsMenu.appear940{
    display: block;
  }
  .SubMenuheader.appear940{
    display: block;
  }
  
  .TopSargelPadder {
    padding-top: 0px;
  }
}