@charset "UTF-8";
/* buttons */
/* titles */
/* background */
/*form*/
body {
  font-family: "Assistant", "Arial", sans-serif;
  font-weight: normal;
}

a:hover {
  opacity: 0.8;
}

/* Strip Header */
.StripHeader {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  background-color: #fff;
}

.HeaderScroll,
header {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.TopMenu {
  transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
}

.TopMenu {
  transition: height 0.4s;
  -moz-transition: height 0.4s;
  -webkit-transition: height 0.4s;
  -o-transition: height 0.4s;
}

.ColLoginAndSearch,
.ColTitlePortal {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.HeaderScroll {
  margin-top: 0;
  min-height: 60px;
  padding: 0;
}

.TopMenuScroll {
  opacity: 0;
  height: 0 !important;
}

.LiActiveScroll {
  background-color: rgba(0, 0, 0, 0) !important;
}

/*.ColLoginAndSearchScroll {
  margin-top: -32px;
}*/

.ColTitlePortalScroll {
  margin-top: -34px;
}

.SucTitleScroll {
  display: none;
}

.TopMenu {
  /*height: 43px;*/
  height: 41px;
}

nav {
  float: right;
  width: 100%;
}
  nav.side-component, nav.main-nav {
    float: none;
  }
header {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #E2E2E2;
  padding: 10px 0;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.StripHeader .TopMenu {
  background-color: var(--title-color);
}

.TopMenu ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

  .TopMenu ul li {
    display: inline-block;
    border-left: 1px solid #688BAE;
    margin-right: -3px;
    width: 16.6666666667%;
    text-align: center;
  }

    .TopMenu ul li:last-child {
      border-left: 0;
    }

    .TopMenu ul li a .ContentLinkLi {
      width: 100%;
      /*padding: 6px 0px 9px 0;*/
      padding: 5px 0px 8px 0;
      font-weight: 600;
    }

    .TopMenu ul li a {
      color: #fff;
      font-size: 20px;
      text-decoration: none;
      text-align: center;
    }

      .TopMenu ul li.active,
      .TopMenu ul li a .ContentLinkLi:hover {
        background-color: var(--header-hover);
      }

    .TopMenu ul li.ManagersSpace.active,
    .TopMenu ul li.ManagersSpace .ContentLinkLi:hover {
      background-color: var(--header-hover);
    }

    .TopMenu ul li.PedagogicalSpace.active,
    .TopMenu ul li.PedagogicalSpace a:focus,
    .TopMenu ul li.PedagogicalSpace .ContentLinkLi:hover {
      background-color: #3098CF;
    }

    .TopMenu ul li.ProfessionalDeveloper.active,
    .TopMenu ul li.ProfessionalDeveloper .ContentLinkLi:hover {
      background-color: var(--header-hover);
    }

    .TopMenu ul li.InquiriesAndServicing.active,
    .TopMenu ul li.InquiriesAndServicing .ContentLinkLi:hover {
      background-color: var(--header-hover);
    }

li.ManagersSpace {
  position: relative;
  display: inline-block;
}

.NavMenuMobil {
  display: none;
}

.ContainerLogoIsrael {
  background-image: url(../images/logo_israel.svg);
  background-repeat: no-repeat;
  height: 62px;
  width: 51px;
  float: right;
  margin-left: 8px;
  display: inline-block;
}

.LogoIsraelMobile {
  display: none;
}

.ContainerTitlePortal {
  float: right;
  color: #385167;
}

  .ContainerTitlePortal .SucTitle {
    font-size: 16px;
    color: var(--text-color);
  }

  .ContainerTitlePortal .Title {
    /*font-size: 34px;*/
    font-size: 36px;
    margin-top: -8px;
    color: var(--text-color);
  }

    .ContainerTitlePortal .Title .Line {
      display: inline-block;
      padding-left: 13px;
      margin-left: 8px;
      border-left: 3px solid var(--text-color);
      line-height: 30px;
      min-height: 38px;
    }

.ContainerLogoEducationOffice,
.ContainerSearch,
.ContainerLogin {
  float: left;
}

.InquiriesAndServicing .ContainerLogin,
.AdministrativeSpace .ContainerLogin {
  min-width: 145px;
}

.ContainerSearch {
  /*    padding-right: 16px;*/
  margin-left: 14px;
  position: relative;
}

.ContainerLogin a:hover span.User {
  text-decoration: underline;
}

.ContainerSearch a:hover span {
  text-decoration: underline;
}

.ContainerLogin {
  padding: 0 14px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin-left: 14px;
}

.ContainerLogoEducationOffice {
  margin-top: -4px;
}

.ContainerSearch .IconSearch {
  background-image: url(../images/icons/search.svg);
  width: 20px;
  /*height: 22px;*/
  float: left;
  margin-left: 3px;
}

.ContainerLogin span,
.ContainerSearch span {
  float: left;
  font-size: 18px;
  color: var(--title-color);
}

  .ContainerLogin span.User {
    float: right;
  }

span.glyphicon.glyphicon-triangle-bottom {
  margin-top: 4px;
}

.ContainerLogin .IconLogin {
  background-image: url(../images/icon-user.png);
  width: 24px;
  height: 24px;
  float: right;
  margin-left: 10px;
}

.ContainerLogin .Message {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

  .ContainerLogin .Message.badge {
    background-color: #DF2020;
    color: #fff;
  }

.ContainerLogoEducationOffice .Logo {
  background-image: url(../images/logo-serv-education-office.png); /* Fix 13-11-2017 */
  width: 189px; /* Fix 13-11-2017 */
  height: 46px;
}

/*.accessibility-container {
    float: right;
}*/
.accessibility-container button {
  background-color: transparent;
  border: none;
  padding: 0;
  text-align: start;
}

  .accessibility-container button img {
    width: 15px;
  }

.LogoArabic {
  background-image: url(../images/logo-Arabic.png);
  width: 44px;
  height: 31px;
}

.IconMenuMobile {
  background-image: url(../images/icon-menu-mobile.png);
  width: 26px;
  height: 17px;
  margin-top: 6px;
  display: none;
}

.ColLoginAndSearch .IconMenuMobile:focus, .ColLoginAndSearch .navbar-toggle:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 2px;
}

.IconLoginMobile {
  background-image: url(../images/icon-login-mobile.png);
  width: 24px;
  height: 24px;
  margin-top: 3px;
  display: none;
}

.IconSearchMobile {
  background-image: url(../images/icon-search-mobile.svg);
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  margin: 3px 0px 0px 10px;
  display: none;
}

/*  Mobile  */
.NavMenuMobil ul.nav {
  background-color: #385167;
  margin: 0px -15px;
}

  .NavMenuMobil ul.nav a {
    font-size: 16px;
    color: #fff;
  }

.nav > li > a {
  padding: 10px;
  height: 100%;
}

.NavMenuMobil .nav > li > a:hover,
.NavMenuMobil .nav > li > a:focus {
  background-color: #283948;
}

.NavMenuMobil .nav > li.ManagersSpaceMobil > a:hover,
.NavMenuMobil .nav > li.ManagersSpaceMobil > a:focus {
  background-color: #71A240;
}

.NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:hover,
.NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:focus {
  background-color: #3098CF;
}

.NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:hover,
.NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:focus {
  background-color: #92518D;
}

.NavMenuMobil .nav > li.InquiriesAndServicing > a:hover,
.NavMenuMobil .nav > li.InquiriesAndServicing > a:focus {
  background-color: #DF943B;
}

.NavMenuMobil .nav > li {
  border-bottom: 1px solid #6284A5;
}

.ContainerTitlePortal a {
  text-decoration: none;
  color: #000;
}

.ContainerTitlePortal .Title .Line {
  margin-left: 5px;
  margin-top: -6px;
}

.NavMenuMobil .AdministrativeSpace ul.nav {
  background-color: #fff;
}

  .NavMenuMobil .AdministrativeSpace ul.nav a {
    color: #333;
  }

.NavMenuMobil .AdministrativeSpace .nav > li > a {
  padding: 10px 10px 10px 15px;
}

.NavMenuMobil .AdministrativeSpace .nav > li {
  border-bottom: 1px solid #D8D8D8;
}

  .NavMenuMobil .AdministrativeSpace .nav > li > a:hover,
  .NavMenuMobil .AdministrativeSpace .nav > li > a:focus {
    background-color: #F2F7EE;
  }

.NavMenuMobil .AdministrativeSpace .navbar-collapse {
  border-top: 0;
}

header.AdministrativeSpace {
  padding-bottom: 0px;
}

.NavMenuMobil .AdministrativeSpace ul.nav li ul {
  width: 100%;
  list-style-type: none;
  padding-right: 0px;
}

  .NavMenuMobil .AdministrativeSpace ul.nav li ul li a {
    text-decoration: none;
    display: block;
    padding: 10px 30px;
    border-bottom: 1px solid #D8D8D8;
  }

  .NavMenuMobil .AdministrativeSpace ul.nav li ul li.LastChild a {
    border-bottom: 0;
  }

  .NavMenuMobil .AdministrativeSpace ul.nav li ul:first-child {
    border-top: 1px solid #D8D8D8;
  }

  .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:hover {
    background-color: #F2F7EE;
  }

li.SubMenu .glyphicon.glyphicon-menu-down {
  float: left;
}

.BoxGeneralMessages .GeneralMessages {
  width: 100%;
}

/*  Mobile  */
/*.ContainerLogin,
.ContainerSearch {
  margin-top: 6px;
}*/
/* Strip Main */
.StripMain {
  background-color: #EEEEEE;
  padding-top: 165px;
}

  .StripMain.ProfessionalSpace,
  .StripMain.InquiriesAndServicing,
  .StripMain.AdministrativeSpace {
    padding-top: 0px;
  }

.SectionRow {
  margin-bottom: 40px;
}

.MyMessagesRow {
  margin-right: 15px;
  margin-left: 15px;
  min-height: 300px;
}

.BoxPortal {
  background-color: #fff;
  padding: 5px;
  /*    min-height: 490px;*/
  /*
    -webkit-transition: box-shadow 1s;
    transition: box-shadow 1s;
    */
}

.grow {
  transition: all 0.2s ease-in-out;
}

.BoxPortal:hover .grow {
  transform: scale(1.03);
}

img.grow {
  width: 100%;
}

/*
.RowLimkInfo .Icon.grow:hover {
transform: scale(1.2);
}
*/
.BoxPortal:hover {
  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

.BoxPortal.ManagersSpace .ContainerImg,
.BoxPortal.PedagogicalSpace .ContainerImg,
.BoxPortal.ProfessionalSpace .ContainerImg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  /*height: 230px;*/
  position: relative;
  overflow: hidden;
}

.BoxPortal.ManagersSpace .ContainerImg {
  /*    background-image: url(../images/managers-space.png);*/
}

.BoxPortal.PedagogicalSpace .ContainerImg {
  /*    background-image: url(../images/pedagogical-space.png);*/
}

.BoxPortal.ProfessionalSpace .ContainerImg {
  /*    background-image: url(../images/professional-space.png);*/
}

.ManagersListLinksBox {
  background-color: #F2F7EE;
}

.PedagogicalListLinksBox {
  background-color: #E0EEF5;
}

.ProfessionalListLinksBox {
  background-color: #F0E6EF;
}

.ProfessionalListLinksBox,
.PedagogicalListLinksBox,
.ManagersListLinksBox {
  width: 100%;
  margin-top: 5px;
  padding: 15px 30px 40px 14px;
  min-height: 220px;
}

.BoxPortal.ProfessionalSpace .Title,
.BoxPortal.PedagogicalSpace .Title,
.BoxPortal.ManagersSpace .Title {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  font-size: 34px;
  font-weight: 600;
}

.PedagogicalListLinksBox .SubTitle {
  padding: 0 !important;
  margin-bottom: 10px !important;
}

.PedagogicalListLinksBox .ContainerSelect {
  padding-left: 16px;
}

.PedagogicalListLinksBox .More a,
.ProfessionalListLinksBox .More a,
.ManagersListLinksBox .More a,
.PedagogicalListLinksBox .Links a,
.ProfessionalListLinksBox .Links a,
.ManagersListLinksBox .Links a {
  font-size: 18px;
  margin-bottom: 5px;
}

.ProfessionalListLinksBox .More a,
.PedagogicalListLinksBox .More a,
.ManagersListLinksBox .More a {
  float: left;
  margin-bottom: 0;
}

.ProfessionalListLinksBox .More,
.PedagogicalListLinksBox .More,
.ManagersListLinksBox .More {
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 10px;
}

  .ManagersListLinksBox .More a,
  .ManagersListLinksBox .Title {
    color: #638C39;
    display: block;
  }

.More {
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 10px;
  position: absolute;
  bottom: 10px;
  left: 35px;
  font-size: 18px;
}

.MoreAdmin {
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 10px;
  bottom: 10px;
  left: 35px;
  font-size: 18px;
  float: left;
}

div.ManagersSpace .More a {
  color: #476628;
}

div.ProfessionalSpace .More a {
  color: #794275;
}

.ManagersListLinksBox .Links a {
  color: #476628;
  display: block;
}

.PedagogicalListLinksBox .Links a,
.PedagogicalListLinksBox .More a,
.PedagogicalListLinksBox .Title {
  color: #2C7094;
  display: block;
}

.ProfessionalListLinksBox .More a,
.ProfessionalListLinksBox .Title {
  color: #794275;
  display: block;
}

.ProfessionalListLinksBox .Links a {
  color: #794275;
  display: block;
}

.ProfessionalDevelopment,
.AdministrativeSpaceRow,
.PedagogicalArea {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 30px;
}

  .AdministrativeSpaceRow .Graph {
    min-height: 170px;
    margin-bottom: 10px;
  }

    .AdministrativeSpaceRow .Graph .SubTitle {
      margin-top: 10px;
      margin-bottom: 0;
    }

  .ProfessionalDevelopment .ButtonRow,
  .AdministrativeSpaceRow .ButtonRow,
  .PedagogicalArea .ButtonRow {
    padding: 0 20px;
    margin-bottom: 20px;
  }

    .ProfessionalDevelopment button.btn-primary,
    .RowPayCheck button.btn-primary,
    .MyData button.btn-primary,
    .TutorialPortal button.btn-primary,
    .Boxvacation button.btn-primary,
    .Boxgrade button.btn-primary,
    .AdministrativeSpaceRow .ButtonRow button.btn-primary,
    .AdministrativeSpaceRow .BoxMessage .Buttons button.btn-primary,
    .PedagogicalArea .ButtonRow button.btn-primary {
      background-color: #517393 !important;
    }

      .ProfessionalDevelopment button.btn-primary:focus,
      .RowPayCheck button.btn-primary:focus,
      .MyData button.btn-primary:focus,
      .TutorialPortal button.btn-primary:focus,
      .Boxvacation button.btn-primary:focus,
      .Boxgrade button.btn-primary:focus,
      .AdministrativeSpaceRow .ButtonRow button.btn-primary:focus,
      .AdministrativeSpaceRow .BoxMessage .Buttons button.btn-primary:focus,
      .PedagogicalArea .ButtonRow button.btn-primary:focus {
        background-color: #476480 !important;
      }

      .ProfessionalDevelopment button.btn-primary:hover,
      .RowPayCheck button.btn-primary:hover,
      .MyData button.btn-primary:hover,
      .TutorialPortal button.btn-primary:hover,
      .Boxvacation button.btn-primary:hover,
      .Boxgrade button.btn-primary:hover,
      .AdministrativeSpaceRow .ButtonRow button.btn-primary:hover,
      .AdministrativeSpaceRow .BoxMessage .Buttons button.btn-primary:hover,
      .PedagogicalArea .ButtonRow button.btn-primary:hover {
        background-color: #476480 !important;
      }

    .ProfessionalDevelopment button.btn,
    .TutorialPortal button.btn,
    .AdministrativeSpaceRow .ButtonRow button.btn,
    .PedagogicalArea .ButtonRow button.btn {
      border-radius: 0 !important;
      font-size: 22px !important;
      padding: 3px 12px;
    }

  .AdministrativeSpaceRow .BoxRequests .Date {
    color: #999;
  }

  .AdministrativeSpaceRow .BoxMessage {
    border-left: 1px solid #D3D3D3;
    min-height: 250px;
    text-align: center;
  }

  .AdministrativeSpaceRow .BoxMessage {
    /*    padding: 0 30px;*/
  }

    .AdministrativeSpaceRow .BoxRequests .Requests,
    .AdministrativeSpaceRow .BoxMessage .Message {
      margin-bottom: 30px;
      font-size: 16px;
      color: #333;
    }

  .AdministrativeSpaceRow .BoxRequests .Requests {
    margin-bottom: 25px;
  }

.BoxRequests .NewRequest a,
.BoxRequests .Requests .TheRequests a {
  text-decoration: none;
  color: #3A95C5;
  font-weight: 600;
}

  .PedagogicalArea .LinksBar .Items :hover,
  .AdministrativeSpaceRow .BoxMessage .Message a:hover,
  .BoxRequests .NewRequest a:hover,
  .BoxRequests .Requests .TheRequests a:hover {
    color: #307ba3;
  }

.AdministrativeSpaceRow .BoxMessage .Message a {
  color: #3A95C5;
  font-weight: 600;
  text-decoration: none;
  float: left;
  margin-top: 10px;
}

.AdministrativeSpaceRow .Title {
  font-size: 22px;
  color: #385167;
  margin-bottom: 20px;
  font-weight: 600;
  text-align: center;
}

.NewRequest {
  font-size: 16px;
}

  .NewRequest a.Link {
    float: left;
  }

  .NewRequest img {
    margin-left: 4px;
  }

.BoxGraph .months {
  font-size: 66px;
  color: #3A95C5;
  line-height: 66px;
}

.BoxGraph .Grade {
  font-size: 14px;
  color: #333;
  margin-bottom: 35px;
}

.BoxGraph .GradeDate {
  font-size: 16px;
  margin-bottom: 24px;
}

.AdministrativeSpaceRow .Buttons {
  text-align: center;
}

.AdministrativeSpaceRow .BoxMessage .Buttons button.btn,
.MyData button.btn,
.Boxvacation button.btn,
.Boxgrade button.btn {
  border-radius: 0 !important;
  font-size: 13px;
  padding: 4px 14px;
}

.Boxvacation .Graph img {
  margin-bottom: 25px;
}

.BoxMessage .vacationMinus,
.BoxMessage .vacationPlus {
  width: 8px;
  height: 8px;
}

.BoxMessage.Last {
  border-left: 0;
}

.ContainervacationPlusMinus {
  margin: 0 auto;
  width: 80%;
  margin-top: 35px;
}

.BoxMessage .vacationMinus {
  background-color: #3A95C5;
}

.BoxMessage .vacationPlus {
  background-color: #E3A640;
}

.ContainerPlus .vacationPlus,
.ContainerMinus .vacationMinus {
  display: inline-block;
  margin-left: 5px;
}

.ContainerMinus {
  float: right;
  margin-left: 20px;
}

.ContainerPlus {
  float: right;
}

.SectionRow .SubTitle {
  padding: 0px 20px;
  margin-bottom: 20px;
  font-size: 16px;
}

.TutorialPortal {
  padding: 20px 0 0 20px;
}

  .TutorialPortal button {
    margin-bottom: 25px;
  }

  .TutorialPortal .Text {
    font-size: 16px;
  }

.VideoBox {
  padding-right: 0;
  margin-bottom: -5px;
  padding-left: 0;
}

/* slider links icons */
.LinksSlider {
  text-align: center;
  background-color: #385167;
  padding: 35px 25px;
}

/* slick slider */
* {
  box-sizing: border-box;
}

.PedagogicalArea .TextSlider {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  bottom: 0;
  padding: 5px 20px;
  position: absolute;
  transition: all 0.2s ease-in-out;
}

.LinksSlider a {
  text-decoration: none;
}

  .LinksSlider a.BoxItem .TextSlider {
    color: #B9C1CA;
    font-size: 20px;
    cursor: pointer;
    text-decoration: none;
  }

  .LinksSlider a.BoxItem:hover {
    opacity: 0.7;
  }

.LinksSlider .slider {
  width: 100%;
  margin: 0 auto;
}

.slick-slide {
  margin: 0px 10px;
  position: relative;
}

.LinksSlider .slick-slide img {
  width: 92px;
  height: 92px;
  margin: auto;
  margin-bottom: 20px;
}

.LinksSlider .slick-prev {
  left: 10px;
}

.LinksSlider .slick-next {
  right: 10px;
}

/*.LinksSlider .slick-next,
.LinksSlider .slick-prev{
    z-index: 
}*/
.LinksSlider .slick-prev,
.LinksSlider .slick-next {
  width: 35px;
  height: 35px;
}

  .LinksSlider .slick-prev:before,
  .LinksSlider .slick-next:before {
    font-size: 25px;
    color: #fff;
  }

/* Pedagogical Slider */
.PedagogicalSlider {
  padding: 0 45px;
}

  .PedagogicalSlider .slick-prev:before,
  .PedagogicalSlider .slick-next:before {
    font-size: 25px;
    color: #000;
  }

  .PedagogicalSlider .slick-slide img {
    width: 100%;
    height: 165px;
    margin: auto;
  }

  .PedagogicalSlider .slider {
    width: 100%;
    margin: 0 auto;
  }

  .PedagogicalSlider .slick-prev {
    left: 10px;
  }

  .PedagogicalSlider .slick-next {
    right: 10px;
  }

  .PedagogicalSlider a .TextSlider {
    font-size: 18px;
    color: #fff;
  }

  .PedagogicalSlider a.BoxItem {
    overflow: hidden;
  }

    .PedagogicalSlider a.BoxItem:hover img.grow {
      transform: scale(1.1);
    }

.PedagogicalArea .LinksBar .Title {
  color: #333;
  font-weight: 600;
  font-size: 24px;
}

.PedagogicalArea .LinksBar .Items {
  color: #3A95C5;
  font-size: 24px;
}

  .PedagogicalArea .LinksBar .Items a {
    text-decoration: none;
    color: #3A95C5;
    font-weight: 600;
  }

  .PedagogicalArea .LinksBar .Items a,
  .PedagogicalArea .LinksBar .Title {
    margin-left: 15px;
  }

.ProfessionalDevelopment,
.AdministrativeSpaceRow,
.PedagogicalArea,
.MyMessagesRow,
.BannerRow,
.VideoRow {
  background-color: #fff;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.LinksSlider {
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.BannerRow {
  padding: 12px;
  min-height: 337px;
}

.VideoRow {
  min-height: 410px;
}

.ContianerNews .NewsTitle a {
  font-size: 18px;
  font-weight: 600;
}

.ContianerNews .NewsTitle a,
.ContianerNews .NewsDate a {
  color: #333;
  text-decoration: none !important;
}

.ContianerNews.Middle {
  padding: 20px 0;
  margin: 20px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.ContianerNews .NewsImg {
  width: 100%;
}

.col-md-5.ContianerImg {
  padding-left: 0;
}

/* Strip Footer */
footer {
  width: 100%;
  background-color: var(--title-color);
  padding: 30px 0;
  min-height: 307px;
}

.SubFooter {
  width: 100%;
  background-color: var(--footer-strip);
  min-height: 56px;
  position: relative;
}

.sub-footer-row {
  padding-top: 14px;
  padding-bottom: 14px;
}

.ContainerCredit {
  color: var(--footer-font-color);
  /*margin-top: 20px;*/
}

  .ContainerCredit a {
    color: var(--footer-font-color);
    vertical-align: middle;
  }

  .ContainerCredit span {
    vertical-align: middle;
  }

.StripFooter .TitleBox {
  font-size: 20px;
  color: var(--footer-font-color);
  margin-bottom: 20px;
}

  .StripFooter .TitleBox div::after {
    display: block;
    content: "";
    width: 35px;
    height: 3px;
    background: var(--link-color);
    bottom: 0;
    left: 0;
    margin-top: 7px;
    border-radius: 4px;
  }

footer .ListLinks .Title,
footer .ListLinks a {
  display: block;
  font-size: 16px;
  color: var(--footer-font-color);
  margin-bottom: 8px;
}

footer .BoxListLinks {
  border-right: 1px solid #456481;
  min-height: 273px;
}

/*.ContainerSocialMedia {
  margin-top: 10px;
}*/
.ContainerSocialMedia .MediaIcon {
  background-repeat: no-repeat;
  /*width: 40px;*/
  max-width: 28px;
  /*height: 40px;*/
  float: left;
  margin-right: 17px;
}

  .ContainerSocialMedia .MediaIcon:hover {
    opacity: 0.5;
  }

.ContainerSocialMedia .facebook {
  background-position: -51px -4px;
}

.ContainerSocialMedia .Twitter {
  background-position: -103px -4px;
}

.ContainerSocialMedia .youtube {
  background-position: -154px -4px;
}

select.SelectDomain,
select.SelectStep {
  margin-bottom: 11px;
  border-radius: 0px;
  background-color: #fff;
  height: 32px;
  color: #000;
  font-size: 16px;
  cursor: pointer;
}

  select.SelectDomain.form-control,
  select.SelectStep.form-control {
    padding: 0px 12px;
  }

.ButtonSearch.btn.btn-default {
  color: #fff;
  background-color: #2C7094;
  border: 0;
  border-radius: 0;
  font-size: 18px;
  width: 100%;
  padding: 1px 0px 3px 0;
}

  .ButtonSearch.btn.btn-default:hover {
    background-color: #266281;
  }

/* המרחב המינהלי */
header.AdministrativeSpace {
  padding-bottom: 8px;
}

.HeaderMenu nav {
  background-color: #E9EEF3;
}

  .HeaderMenu nav ul {
    list-style-type: none;
    padding-right: 0;
  }

  .HeaderMenu nav > ul > li {
    display: block;
    float: right;
    height: 33px;
    border-left: 2px #fff solid;
    /*    margin-left: 2px;*/
  }

    .HeaderMenu nav > ul > li > a {
      text-align: center;
      background-color: #E9EEF3;
      line-height: 30px;
      display: block;
      font-size: 18px;
      color: #000;
      padding: 0;
      text-decoration: none;
    }

      .HeaderMenu nav > ul > li.Active > a,
      .HeaderMenu nav > ul > li > a:focus,
      .HeaderMenu nav > ul > li > a:hover {
        background-color: #c3ccd5;
      }

  .HeaderMenu nav ul li ul.upper-menu-sub-menu {
    background-color: #fff;
    border: 1px solid #E7E7E7;
    padding: 10px 10px 5px 10px;
    position: fixed;
    max-height: 80vh;
    overflow-y: auto;
  }

    .HeaderMenu nav ul li ul {
      display: none;
    }
      .HeaderMenu nav ul li ul.sub-menu-second-collapse-tier {
        position: relative;
        width:100%;
        background-color:transparent;
      }
  .HeaderMenu nav ul li:hover ul:not(.sub-menu-second-collapse-tier) {
    display: block;
  }

.sub-pages:focus {
  display: block;
}

.HeaderMenu nav ul li ul a {
  color: #567C30;
  font-size: 16px;
  display: block;
  padding: 3px 14px;
  margin-bottom: 5px;
  text-decoration: none;
}

  .HeaderMenu nav ul li ul li.Active,
  .HeaderMenu nav ul li ul a:focus,
  .HeaderMenu nav ul li ul a:hover {
    background-color: #eee;
  }

.HeaderMenu nav ul li ul li.Active {
  font-weight: 600;
}

li.ContainerHomeIcon a.LimkHome {
  background-color: #BEC8D2;
}

li.ContainerHomeIcon img {
  vertical-align: top;
}

.TitleBar {
  padding: 15px 0;
}

  .TitleBar .Breadcrumbs {
    float: right;
  }

    .TitleBar .Breadcrumbs a {
      display: inline-block;
      margin-left: 3px;
      color: #000;
      font-size: 14px;
    }

  .TitleBar .buttons img {
    display: inline-block;
    float: left;
    margin-right: 3px;
  }

/*  aside  */
/*.StripMain aside,
.StripMain.ProfessionalSpace aside,
.StripMain.AdministrativeSpace aside {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 60px;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
  min-height: 437px;
}*/
aside .BoxLimkInfo {
  margin-bottom: 25px;
}

aside .RowLimkInfo {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 10px;
}

.TextLimk a:hover, a:link {
  text-decoration: none !important;
}

aside .RowLimkInfo .Icon {
  display: inline-block;
  float: right;
  margin-left: 10px;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}

.Icon.MyMessages {
  background-image: url(../images/aside-icon-my-messages.png);
}

.Icon.Messages {
  background-image: url(../images/aside-icon-Messages.png);
}

.Icon.NewTurn {
  background-image: url(../images/aside-icon-new-turn.png);
}

.Icon.ServiceCenter {
  background-image: url(../images/aside-icon-service-center.png);
}

.Icon.Treating {
  background-image: url(../images/aside-icon-treating.png);
}

.Icon.UsefulForms {
  background-image: url(../images/aside-icon-useful-forms.png);
}

aside .RowLimkInfo .TextLimk {
  display: inline-block;
  float: right;
  font-size: 16px;
  color: #333;
}

  aside .RowLimkInfo .TextLimk:hover {
    color: #929292;
  }

aside .BoxInfoBanner {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.BoxInfoBanner img.Banner {
  width: 100%;
}

.BoxInfoBanner .Title {
  width: 100%;
  font-size: 22px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 4px 8px;
  position: absolute;
  bottom: 0;
}

/*  main  */
main .RowGeneralMessages {
  background-color: #fff;
  padding: 5px;
  margin-bottom: 40px;
}

.BoxGeneralMessages {
  background-color: #F2F7EE;
  width: 100%;
  min-height: 223px;
}

  .BoxGeneralMessages .ComtainerImg {
    width: 32%;
    float: left;
  }

    .BoxGeneralMessages .ComtainerImg img {
      display: inline-block;
      border-right: 5px solid #fff;
      float: left;
    }

  .BoxGeneralMessages .GeneralMessages {
    padding: 10px 20px 20px 20px;
    width: 68%;
    display: inline-block;
    float: right;
  }

  .BoxGeneralMessages .Title {
    font-size: 28px;
    font-weight: 600;
    color: #608A37;
    margin-bottom: 10px;
  }

  .BoxGeneralMessages .GeneralMessages .Date {
    font-size: 16px;
    color: #51742E;
  }

  .BoxGeneralMessages .GeneralMessages .Messages {
    font-size: 16px;
    color: #333;
  }

.GeneralMessages .MessagesItem {
  margin-bottom: 10px;
}

main .ComtainerRow {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 40px;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.ComtainerRow .BtnTitle {
  background-color: #71A240;
  padding: 5px 20px;
  color: #fff;
  font-size: 22px;
  display: inline-block;
  margin-bottom: 10px;
}

.BoxMyMessages {
  width: 100%;
  padding-bottom: 10px;
  border-top: 1px solid #E2E2E2;
  padding-top: 10px;
}

  .BoxMyMessages:first-child {
    border-top: 0;
  }

  .BoxMyMessages .MyMessages {
    float: right;
    font-size: 16px;
  }

  .ContainerFroms .MoreFroms a,
  .ContainerLinks .MoreLinks a,
  .BoxMyMessages .MyMessagesLink a {
    float: left;
    font-size: 16px;
    color: #567C30;
    font-weight: 600;
  }

.ComtainerRow.MyData .Title {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
}

.ComtainerRow.MyData .BoxInfo {
  margin-bottom: 20px;
  min-height: 120px;
}

.ComtainerRow.MyData .SubTitle {
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  font-weight: normal;
}

.ComtainerRow.MyData .Button {
  text-align: center;
}

.MyData .BoxMyData {
  margin: 20px 5px;
}

.MyData .BoxMyDataBottom {
  margin: 0 20px;
}

.col-md-3.ColMyData {
  padding: 20px 0;
}

.ColMyData {
  border-left: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  min-height: 320px;
  padding-top: 20px;
}

  .ColMyData:nth-child(4n) {
    border-left: none;
  }

  .ColMyData:nth-child(n+5) {
    border-top: none;
  }

.col-md-3.LestColMyData {
  padding: 20px 0;
}

.BoxMainTheme img.ImgTheme {
  margin-top: 30px;
  width: 100%;
}

.BoxMainTheme {
  position: relative;
  margin-bottom: 10px;
}

  .BoxMainTheme .Title {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 14px;
    min-height: 44px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 8px 0;
    position: absolute;
    bottom: 0;
  }

/*  wage  */
.ContainerLinks a,
.AsideMenu a {
  color: #567C30;
  font-size: 16px;
  display: block;
  padding: 3px 14px;
  margin-bottom: 5px;
  text-decoration: none;
}

  .AsideMenu a.Active,
  .AsideMenu a:focus,
  .AsideMenu a:hover {
    background-color: #eee;
  }

  .AsideMenu a.Active {
    font-weight: 600;
  }

.AsideMenu {
  margin-bottom: 50px;
}

.RowPayCheck {
  background-color: #fff;
  padding: 5px;
  margin-bottom: 40px;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
}

  .RowPayCheck .Title {
    font-size: 32px;
    color: #fff;
    background-color: #71A240;
    padding: 0px 30px;
  }

  .RowPayCheck .BoxLinks {
    background-color: #F2F7EE;
    padding: 20px 20px 10px 20px;
    /*    min-height: 216px;*/
  }

    .RowPayCheck .BoxLinks a {
      display: block;
      color: #567C30;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 6px;
      text-decoration: none;
    }

  .RowPayCheck .ContentPayCheck {
    margin-top: 20px;
  }

  .RowPayCheck .Containerimg {
    margin: 25px 0 18px 0;
  }

    .RowPayCheck .Containerimg img {
      width: 100%;
    }

  .RowPayCheck .col-md-3.ColContainerimg {
    padding-left: 0;
    padding-right: 0;
  }

  .RowPayCheck .ContentPayCheck {
    font-size: 16px;
    color: #333;
    padding-right: 30px;
    margin-bottom: 41px;
  }

  .RowPayCheck .Button {
    padding-right: 30px;
    font-weight: 600;
  }

  .RowPayCheck button.btn {
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 14px;
    margin-bottom: 10px;
  }

.MyDataWage select.form-control {
  height: 41px;
  font-size: 16px;
  border-radius: 0;
}

.MyDataWage .RowSelect {
  margin: 25px 0;
}

  .MyDataWage .RowSelect label {
    font-size: 16px;
    font-weight: normal;
    margin: 10px 20px 0 0;
  }

  .MyDataWage .RowSelect button.btn {
    font-size: 18px;
    font-weight: 600;
    border-radius: 0;
    height: 41px;
    padding: 6px 20px;
  }

  .MyDataWage .RowSelect button.btn-success {
    background-color: #628B38;
  }

    .MyDataWage .RowSelect button.btn-success:hover {
      background-color: #4c6c2c;
    }

.MyDataWage .BoxInfoData {
  margin: 0 35px;
}

  .MyDataWage .BoxInfoData .Title {
    font-size: 20px;
    color: #71A240;
    font-weight: 600;
    margin-bottom: 20px;
  }

  .MyDataWage .BoxInfoData .TextContent {
    font-size: 16px;
    margin-bottom: 10px;
  }

.BoxInfoData .BlockContent {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E1E1E1;
}

  .BoxInfoData .BlockContent.BlockContentLast {
    border: 0;
  }

/*.PanelCollapse {
  margin-bottom: 8px;
}*/

.PanelCollapse a {
  text-decoration: none;
}

.PanelCollapse [aria-expanded=false] .BtnCollapse {
  background-image: url(../images/plus-button.png);
  width: 17px;
  height: 17px;
  display: inline-block;
  margin: 5px 0px 10px 8px;
  float: right;
}

.PanelCollapse [aria-expanded=true] .BtnCollapse {
  background-image: url(../images/minus-button.png);
  width: 17px;
  height: 17px;
  display: inline-block;
  margin: 5px 0px 10px 8px;
  float: right;
}

.BoxInfo a[data-toggle=collapse] {
  background-image: url(../images/triangle-left.png);
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 6px 0 0px 5px;
  background-repeat: no-repeat;
  background-color: #fff !important;
  border-color: #fff !important;
}

.BoxInfo a.CollapseIn[data-toggle=collapse] {
  background-image: url(../images/triangle-down.png);
}

.BoxInfo .panel [data-toggle=collapse][aria-expanded=true] {
  background-image: url(../images/triangle-down.png);
}

.BoxInfo .panel [data-toggle=collapse][aria-expanded=false] {
  background-image: url(../images/triangle-left.png);
}

.BoxMyData div.panel {
  border: 0px;
  -webkit-box-shadow: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.PanelCollapse .Questions {
  font-size: 18px;
  font-weight: 600;
  padding: 8px;
  background-color: var(--stock-search-bg);
  color: #123A5E;
}

  .PanelCollapse .Questions:before {
    content: ' ';
    display: inline-block;
    background-image: url(/images/icons/qa-plus.svg);
    background-size: contain;
    height: 17px;
    width: 17px;
    margin-inline-end: 8px;
    vertical-align: middle;
  }

.qa-component .panel-collapse {
  padding: 6px;
}

.qa-component .PanelCollapse [aria-expanded=true] .Questions:before {
  background-image: url(/images/icons/qa-minus.svg);
}

.ContentCollapseBullets {
  padding: 0px 18px;
  font-size: 16px;
}

/*  Portal Tabs  */
.PortalTabs {
  margin-top: 10px;
}

  .PortalTabs .nav-tabs > li {
    margin-left: 5px;
    margin-right: 2px;
  }

    .PortalTabs .tab-content > .active,
    .PortalTabs .nav-tabs > li.active > a,
    .PortalTabs .nav-tabs > li.active > a:hover,
    .PortalTabs .nav-tabs > li.active > a:focus {
      background-color: #F2F7EE;
      padding: 11px 11px;
      padding-bottom: 16px;
    }

  .PortalTabs .nav-tabs {
    border-bottom: 0;
  }

    .PortalTabs .nav-tabs > li > a {
      border-radius: 0;
    }

      .PortalTabs .nav-tabs > li > a,
      .PortalTabs .nav-tabs > li > a:focus,
      .PortalTabs .nav-tabs > li > a:hover {
        background-color: #D1E2C2;
        color: #333;
        font-size: 16px;
        font-weight: 600;
      }

  .PortalTabs .tab-content .tab-pane {
    padding: 20px;
    font-size: 16px;
  }

.ContainerFroms {
  margin-top: 9px;
}

  .ContainerFroms a {
    line-height: 27px;
    text-decoration: none;
    vertical-align: middle;
  }

  .ContainerFroms .Item {
    display: block;
    margin-bottom: 8px;
  }

  .ContainerFroms .IconPdf,
  .ContainerFroms .IconWord,
  .ContainerFroms .IconExcel {
    margin-left: 10px;
    float: right;
    margin-bottom: 5px;
  }

  .ContainerFroms .IconPdf {
    background-image: url(../images/icon-pdf.png);
    width: 22px;
    height: 27px;
  }

  .ContainerFroms .IconWord {
    background-image: url(../images/icon-word.png);
    width: 26px;
    height: 26px;
  }

  .ContainerFroms .IconExcel {
    background-image: url(../images/icon-Excel.png);
    width: 28px;
    height: 25px;
  }

  .ContainerFroms a span.TextLink {
    color: #333;
    font-size: 16px;
    vertical-align: top;
  }

  .ContainerFroms button.btn,
  .ContainerLinks button.btn {
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 14px;
  }

.ContainerLogin {
  cursor: pointer;
  /*    position: relative;*/
}

.dropdown-content {
  background-color: #fff;
  border: 1px solid #CCCCCC;
  padding: 10px;
  position: absolute;
  top: 80px;
  max-width: 275px;
  min-width: 275px;
  z-index: 100;
  display: none;
}

.BoxDropdownContent {
  padding-bottom: 16px;
}

/*
.BoxDropdownContent:hover .dropdown-content{
display: block;
}
*/
.dropdown-content .Item,
.dropdown-content a {
  margin-bottom: 5px;
  margin-top: 5px;
  color: #333;
}

.dropdown-content .Details {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E1E1E1;
}

.ListMessage {
  overflow: auto;
  max-height: 200px;
  padding: 5px;
  margin-bottom: 5px;
}

.dropdown-content .ContainerListMessage a {
  float: left;
  text-decoration: underline;
}

.dropdown-content .ContainerListMessage button.btn,
.dropdown-content .Details button.btn {
  padding: 1px 12px;
  float: left;
}

.dropdown-content .ContainerListMessage .ListMessage ol {
  padding-right: 15px;
}

.ContainerListMessage .Title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.BoxDropdownContent {
  float: left;
}

.ListMessage ol li {
  margin-bottom: 10px;
}

.TitleSpace.Professional,
.TitleSpace.Administrative {
  width: 100%;
  color: #fff;
  padding: 10px 15px;
  font-size: 18px;
  display: none;
}

.TitleSpace.Administrative {
  background-color: var(--mobile-nav-header-color);
}

.TitleSpace.Professional {
  background-color: #92518D;
}

.clearfix.mobile {
  display: none;
}

.RightSliderArrow.slick-arrow {
  background-image: url(../images/gallery-slick-arrow-right.svg);
  width: 16px;
  height: 29px;
  position: absolute;
  right: 15px;
  cursor: pointer;
  opacity: 0.7;
  top: 40%;
}

.LeftSliderArrow.slick-arrow {
  background-image: url(../images/slider-left-arrow.png);
  width: 16px;
  height: 29px;
  position: absolute;
  left: 15px;
  top: 0;
  cursor: pointer;
  opacity: 0.7;
  top: 40%;
}

.RightSliderLinksArrow.slick-arrow {
  background-image: url(../images/slider-links-right-arrow.png);
  width: 16px;
  height: 28px;
  position: absolute;
  right: 15px;
  cursor: pointer;
  opacity: 0.7;
  top: 40%;
}

.LeftSliderLinksArrow.slick-arrow {
  background-image: url(../images/slider-links-left-arrow.png);
  width: 16px;
  height: 28px;
  position: absolute;
  left: 15px;
  top: 0;
  cursor: pointer;
  opacity: 0.7;
  top: 40%;
}

/*  Skip Links  */
.SkipLinks p {
  display: none;
}

a.Skip:focus, a.Skip:active {
  background-color: #FFF;
  color: #000;
  height: auto;
  right: 30px;
  left: 0;
  padding: 15px;
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  z-index: 10000;
  font-weight: bold;
}

.SkipLinks {
  font-size: 90%;
  position: relative;
  margin: 0em auto;
  margin-right: 0;
  width: 900px;
}

a.Skip {
  height: 1px;
  left: 0;
  position: absolute;
  top: -1000px;
  width: 1px;
  font-size: 100%;
  padding: 0 10px;
  text-decoration: none;
  font-size: 16px;
}

.BoxPedagogicalLearning {
  padding: 0 20px;
}

.LearningContent {
  margin-top: 10px;
  margin-bottom: 30px;
}

  .LearningContent .ContianerImg img {
    width: 100%;
  }

  .LearningContent .Title a,
  .LearningContent .Date a,
  .LearningContent .ContentText {
    color: #333;
    text-decoration: none;
  }

  .LearningContent .Title {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
  }

  .LearningContent .Date a {
    font-size: 14px;
  }

  .LearningContent .ContentText {
    font-size: 16px;
  }

  .LearningContent .ContianerText {
    margin-top: 10px;
  }

.Banner .carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 20%;
}

.Banner .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
  right: 30%;
}

.Banner .carousel-indicators .active {
  width: 13px;
  height: 13px;
  margin: 0;
  background-color: #F7AA16;
}

.Banner .carousel-indicators li {
  background-color: #2E4254;
  width: 13px;
  height: 13px;
  margin: 0;
}

.Banner .carousel-indicators {
  padding: 0;
  left: 0;
  margin-bottom: 0;
  bottom: 10px;
}

.Banner .carousel-caption {
  background-color: rgba(0, 0, 0, 0.8);
  width: 85%;
  padding: 10px 15px;
  right: 4%;
  bottom: 35px;
  text-align: right;
}

  .Banner .carousel-caption h3 {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 25px;
  }

.StripTitleBar {
  padding-top: 166px;
  background-color: #EEEEEE;
}

/*  פניות ומתן שירות  */
/*  opening contacting page  */
header.InquiriesAndServicing {
  padding-bottom: 8px;
}

main .ComtainerRow.InquiriesAndServicing {
  padding: 7px;
  margin-bottom: 20px;
}

.BoxTitlepage .Title {
  color: #fff;
  background-color: #DF943B;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  padding: 5px 15px 7px 15px;
}

aside.ContainerAside {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 60px;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.TitleForm p {
  margin-bottom: 20px;
  font-size: 16px;
}

  .TitleForm p:last-child {
    margin-bottom: 30px;
  }

legend {
  display: none;
}

.form-control.FormStandard {
  border-radius: 0;
}

.OpeningContactingForm .FormRow {
  margin-bottom: 25px;
}

form {
  font-size: 16px;
}

  form label {
    font-weight: normal;
  }

  form .FileType {
    font-size: 13px;
  }

.TitleRadioButton {
  font-size: 18px;
  font-weight: 600;
  padding-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
}

form.OpeningContactingForm input[type=radio] {
  margin-left: 18px;
  margin-bottom: 10px;
}

form.OpeningContactingForm .RadioButtonDetails {
  margin-right: 30.8px;
  margin-top: 5px;
  margin-bottom: 20px;
}

.RadioButtonDetails span {
  display: inline-block;
  margin-left: 8px;
  padding-left: 10px;
  line-height: 14px;
  border-left: 1px solid #333;
}

  .RadioButtonDetails span:last-child {
    border: 0;
    margin-left: 0;
  }

.RadioButtonDetails .form-control {
  display: inline-block;
  width: auto;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 0;
  vertical-align: middle;
}

.RadioButtonDetails label {
  margin-left: 5px;
  margin-bottom: 0;
}

.RadioButtonDetails input {
  margin-left: 3px;
}

.RadioButtonDetails select {
  margin-left: 20px;
}

.RadioButtonDetails a {
  display: block;
  color: #333;
  text-decoration: underline;
  margin-top: 15px;
  cursor: pointer;
}

.FormRow .ContainerButtons {
  float: left;
}

  .FormRow .ContainerButtons a {
    margin-left: 40px;
    vertical-align: bottom;
  }

  .FormRow .ContainerButtons button {
    margin-left: 20px;
  }

.ServiceButton.btn {
  font-size: 24px;
  line-height: 22px;
  height: 40px;
  padding: 0 30px;
}

.ServiceButton.btn-warning {
  background-color: #DF943B;
  border: 0;
}

form.OpeningContactingForm .input-group .form-control {
  width: 95%;
}

form.OpeningContactingForm .FormRow .input-group-btn:last-child > .btn,
form.OpeningContactingForm .FormRow .input-group .form-control:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

form.OpeningContactingForm .FormRow .form-control[disabled],
form.OpeningContactingForm .FormRow .form-control[readonly],
form.OpeningContactingForm .FormRow fieldset[disabled] .form-control {
  background-color: #fff;
}

form.OpeningContactingForm .FormRow label.btn {
  padding: 4px 10px 6px 35px;
  font-size: 16px;
}

form.OpeningContactingForm .FormRow .close {
  float: right;
  color: #FF0000;
  opacity: 0.8;
  margin-left: 5px;
}

form.OpeningContactingForm .FormRow .BoxButtonClose {
  margin-top: 6px;
}

/*  modal  */
.modal.InquiriesAndServicing .modal-title {
  font-size: 22px;
  color: #DF943B;
}

.modal.InquiriesAndServicing label {
  font-weight: normal;
  margin-bottom: 0;
}

.modal.InquiriesAndServicing .form-control {
  border-radius: 0;
}

.modal.InquiriesAndServicing select.form-control {
  display: inline-block;
  width: 85%;
}

.modal.InquiriesAndServicing .modal-body button.CloseRwo.close {
  display: inline-block;
  color: #FF0000;
  opacity: 0.8;
  margin-left: 0px;
  margin-top: 6px;
}

.modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning {
  background-color: #DF943B;
  border: 0;
}

.modal.InquiriesAndServicing .modal-footer .btn.btn-default,
.modal.InquiriesAndServicing .modal-footer .ServiceButton.btn {
  font-size: 20px;
  line-height: 17px;
  height: 30px;
  width: 123px;
  padding: 0 0 3px 0;
}

.modal.InquiriesAndServicing .modal-footer .btn-default {
  background-color: #666;
  color: #fff;
}

.modal.InquiriesAndServicing .modal-body .BoxRow {
  margin-bottom: 25px;
}

.modal.InquiriesAndServicing .modal-body .BoxCheckbox {
  padding-right: 0;
  margin-top: 5px;
}

.modal.InquiriesAndServicing .modal-body .BoxRow input[type=checkbox] {
  margin-left: 5px;
}

.modal.InquiriesAndServicing .modal-body input[type=email] {
  display: inline-block;
  width: 94%;
}

.modal.InquiriesAndServicing .modal-body .BoxRow ul {
  margin-top: 5px;
  list-style-type: none;
  padding-right: 0;
}

  .modal.InquiriesAndServicing .modal-body .BoxRow ul > li:before {
    content: "*";
    margin-left: 3px;
  }

.modal.InquiriesAndServicing .modal-body .BoxRow .ColComment,
.modal.InquiriesAndServicing .modal-body .BoxRow .Colphone,
.modal.InquiriesAndServicing .modal-body .BoxRow .SelectCol {
  padding-right: 0;
}

/*  End modal  */
/* forms gage */
.PanelCollapseMain {
  background-color: #EFEFEF;
  margin-bottom: 4px;
}

  .PanelCollapseMain .OpenClose {
    width: 30px;
    height: 40px;
    float: right;
  }

  .PanelCollapseMain .Title {
    line-height: 38px;
    font-size: 22px;
    color: #333;
    float: right;
  }

  .PanelCollapseMain [aria-expanded=false] .OpenClose {
    background-image: url(../images/open-close-c.png);
  }

  .PanelCollapseMain [aria-expanded=true] .OpenClose {
    background-image: url(../images/open-close-o.png);
  }

.SubCollapse .SubOpenClose {
  width: 30px;
  height: 40px;
  float: right;
}

.SubCollapse .Title {
  font-size: 18px;
  line-height: 40px;
  color: #333;
  float: right;
}

.SubCollapse [aria-expanded=false] .SubOpenClose {
  background-image: url(../images/sub-open-close-c.png);
}

.SubCollapse [aria-expanded=true] .SubOpenClose {
  background-image: url(../images/sub-open-close-o.png);
}

.ContainerLink {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #E2E2E2;
}

  .ContainerLink a {
    display: block;
    margin-right: 30px;
    font-size: 14px;
  }

.FormsSection .FormItem {
  padding-right: 30px;
  margin-bottom: 10px;
}

.FormItem span,
.SubCollapse .Title,
.PanelCollapseMain .Title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
}

.FormItem span {
  display: inline-block;
  vertical-align: top;
}

/*  administrative-space-search  */
.ComtainerRow.Search {
  padding: 7px;
}

  .ComtainerRow.Search .BoxTitlepage .Title {
    background-color: #71A240;
  }

.ContainerRadioButtns {
 /* padding: 15px;*/
  width: 375px;
  /*margin-bottom: 10px;*/
}

  .ContainerRadioButtns span {
    margin-left: 10px;
  }

  .ContainerRadioButtns input[type=radio] {
    margin-left: 5px;
    vertical-align: text-top;
  }

  .ContainerRadioButtns label {
    font-weight: normal;
    margin-left: 10px;
  }

  .ContainerRadioButtns .InputSearch .form-control {
    border-radius: 0;
  }

  .ContainerRadioButtns .InputSearch {
    position: relative;
  }

    .ContainerRadioButtns .InputSearch .IconSearch {
      background-image: url(../images/icon-search.png);
      width: 24px;
      height: 22px;
      background-repeat: no-repeat;
      position: absolute;
      top: 7px;
      left: 0;
    }

    .ContainerRadioButtns .InputSearch .IconSearchPage {
      background-image: url(../images/icon-search.png);
      width: 24px;
      height: 22px;
      background-repeat: no-repeat;
      position: absolute;
      top: 5px;
      left: 0;
    }

.ContainerTotalSearch {
  padding: 0 15px;
}

  .ContainerTotalSearch .SucTitle {
    font-size: 20px;
    color: #567C30;
    font-weight: 600;
  }

  .ContainerTotalSearch .TotalTitle {
    margin-bottom: 20px;
  }

  .ContainerTotalSearch .BoxTotalItem {
    margin-bottom: 20px;
  }

.Containerpagination nav {
  width: auto;
  text-align: center;
  margin: 0 auto;
  float: none;
}

.Containerpagination .pagination > .active > a, .Containerpagination .pagination > .active > a:focus, .Containerpagination .pagination > .active > a:hover, .Containerpagination .pagination > .active > span, .Containerpagination .pagination > .active > span:focus, .Containerpagination .pagination > .active > span:hover {
  color: #fff;
  background-color: #71A240;
  border-color: #71A240;
}

.Containerpagination .pagination [aria-hidden=true] {
  font-size: 24px;
  font-weight: 600;
  line-height: 10px;
  color: #71A240;
}

/*  my referral page  */
.TitleItem {
  font-size: 24px;
  color: #717171;
  margin-bottom: 20px;
}

.RowTitle {
  margin-bottom: 15px;
}

  .RowTitle a.buttonNewRequest {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    background-color: #FCF2E9;
    color: #B9731E;
    border: 1px solid #B9731E;
    border-radius: 5px;
    padding: 0 5px 3px 5px;
    text-decoration: none;
  }

    .RowTitle a.buttonNewRequest:hover {
      background-color: #f5eae2;
    }

  .RowTitle select.form-control {
    float: left;
    margin-right: 10px;
    width: 150px;
    display: inline-block;
    border-radius: 0;
  }

.ComtainerRow ul {
  list-style-type: none;
  padding-right: 0;
}

  .ComtainerRow ul li.Striped {
    padding: 10px 5px 5px 10px;
  }

    .ComtainerRow ul li.Striped:nth-of-type(odd) {
      background-color: #F2F2F2;
    }

    .ComtainerRow ul li.Striped:nth-of-type(even) {
      background-color: #FFFFFF;
    }

.ContainerCollapseStriped .panelCollapseStriped .CloseOpen {
  width: 30px;
  height: 40px;
  float: right;
  margin-top: -9px;
}

.panelCollapseStriped [aria-expanded=false] .CloseOpen {
  background-image: url(../images/sub-open-close-c.png);
}

.panelCollapseStriped [aria-expanded=true] .CloseOpen {
  background-image: url(../images/sub-open-close-o.png);
}

.panelCollapseStriped img {
  margin-left: 3px;
  vertical-align: bottom;
}

.panelCollapseStriped .MainMotif {
  color: #25739C;
}

.panelCollapseStriped {
  margin-bottom: 10px;
}

.Contentcollapse .InfoGeneral {
  padding: 15px 0;
  margin: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.Contentcollapse .help,
.Contentcollapse .InfoGeneral {
  font-size: 13px;
}

.Contentcollapse .help {
  margin-bottom: 20px;
}

.Containerpagination.InquiriesAndServicing .pagination > .active > a,
.Containerpagination.InquiriesAndServicing .pagination > .active > a:focus,
.Containerpagination.InquiriesAndServicing .pagination > .active > a:hover,
.Containerpagination.InquiriesAndServicing .pagination > .active > span,
.Containerpagination.InquiriesAndServicing .pagination > .active > span:focus,
.Containerpagination.InquiriesAndServicing .pagination > .active > span:hover {
  color: #fff;
  background-color: #DF943B;
  border-color: #DF943B;
}

.Containerpagination.InquiriesAndServicing .pagination [aria-hidden=true] {
  font-size: 24px;
  font-weight: 600;
  line-height: 10px;
  color: #DF943B;
}

.panelCollapseStriped .Email a,
.Contentcollapse a,
.panelCollapseStriped .SubMainMotif a {
  text-decoration: underline;
}

.Contentcollapse .help .Title {
  margin-bottom: 5px;
}

.InfoGeneral .col-md-6 .col-md-5 {
  padding-left: 0;
  padding-right: 0;
}

.MainMotif .Icon img,
.SubMainMotif .Icon img {
  margin-right: -31px;
  margin-left: 14px;
  vertical-align: middle;
  margin-top: -1px;
}

/* search services page */
.TitleBarSearchServices {
  margin-bottom: 40px;
}

  .TitleBarSearchServices label {
    width: 30%;
    font-weight: normal;
    float: right;
    line-height: 34px;
    margin-bottom: 0;
  }

  .TitleBarSearchServices select.form-control {
    width: 70%;
    border-radius: 0;
    display: inline-block;
    float: right;
  }

.ServiceButton.Search.btn {
  font-size: 20px;
  height: 34px;
  width: 100%;
  padding: 0;
  padding-bottom: 4px;
}

  .ServiceButton.Search.btn.Disabled {
    opacity: 0.2;
  }

  .ServiceButton.Search.btn:hover {
    background-color: #cc8736;
  }

.boxCollapses {
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

  .boxCollapses ul {
    margin-bottom: 0;
  }

.TitleboxCollapses {
  padding-right: 20px;
  line-height: 40px;
  font-weight: 600;
}

.boxCollapses .ContainerCollapseStriped {
  padding-right: 15px;
}

.panelCollapseStriped a.MoreInfo {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  background-color: #DF943B;
  color: #fff;
  border-radius: 5px;
  padding: 0 6px 2px 6px;
  text-align: center;
  margin-top: 10px;
  text-decoration: none;
}

  .panelCollapseStriped a.MoreInfo:hover {
    background-color: #cc8736;
    opacity: 1;
  }

  .panelCollapseStriped a.MoreInfo[aria-expanded=false] .ArrowOpening:after {
    content: url(../images/icon-more-info-c.png);
    width: 8px;
    height: 8px;
    margin-right: 2px;
  }

  .panelCollapseStriped a.MoreInfo[aria-expanded=true] .ArrowOpening:after {
    content: url(../images/icon-more-info-o.png);
    width: 8px;
    height: 8px;
    margin-right: 2px;
  }

.ContainerCollapseStriped .TitleCol {
  font-weight: 600;
}

.ContainerCollapseStriped .ColumnsBox {
  border-top: 1px solid #ccc;
  padding-top: 5px;
  margin-bottom: 30px;
}

.ColumnsBox .Fax {
  /*    margin-top: 20px;*/
}

.NameInstitution {
  margin-bottom: 20px;
  font-weight: 600;
}

/* service centers page */
.TitleAndSub {
  margin-bottom: 25px;
}

  .TitleAndSub .Title {
    font-size: 20px;
    color: #333;
  }

.GeneralInfoBox {
  margin-bottom: 25px;
}

.ContainerItemService {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-bottom: 20px;
}

  .ContainerItemService .Title {
    font-size: 22px;
    font-weight: 600;
    color: #DF943B;
    margin-bottom: 10px;
  }

  .ContainerItemService .TitleCol {
    font-weight: 600;
    margin-bottom: 5px;
  }

/* Search Options Box */
.SearchOptionsBox {
  position: absolute;
  /*top: 80px;*/
  background-color: #fff;
  border: 1px solid #ccc;
  display: none;
  right: auto;
  left: -185px;
}

  .SearchOptionsBox .ContainerRadioButtns {
    font-size: 14px !important;
    margin-bottom: 0;
    padding: 10px;
    width: 400px;
  }

    .SearchOptionsBox .ContainerRadioButtns .Title {
      float: right;
      font-size: 14px !important;
      margin-bottom: 8px;
    }

  .SearchOptionsBox .CloseSearch {
    float: left;
    cursor: pointer;
    margin-top: -6px;
    margin-left: -6px;
    margin-bottom:5px;
  }

    .SearchOptionsBox .CloseSearch:hover {
      opacity: 0.6;
    }

.RowInfoBanner {
  padding-left: 20px;
  padding-right: 20px;
}

.InfoBannerBox {
  position: relative;
}

  .InfoBannerBox .ImgBanner {
    width: 100%;
  }

  .InfoBannerBox .TitleInfo {
    text-align: center;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 5px;
    position: absolute;
    bottom: 0;
  }

/*  professional space home page  */
.ProfessionalSpace main .BoxGeneralMessages {
  background-color: #F1E7F0;
}

  .ProfessionalSpace main .BoxGeneralMessages .Title,
  .ProfessionalSpace main .BoxGeneralMessages .GeneralMessages .Date {
    color: #92518D;
  }

.ProfessionalSpace main .ComtainerRow .BtnTitle {
  background-color: #92518D;
}

.ProfessionalSpace main .BoxMessages {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 15px;
}

  .ProfessionalSpace main .BoxMessages:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
  }

  .ProfessionalSpace main .BoxMessages .MessagesLink a {
    float: left;
    font-size: 16px;
    color: #92518D;
    font-weight: 600;
  }

  .ProfessionalSpace main .BoxMessages .Messages {
    float: right;
    font-size: 16px;
  }

.StripMain.ProfessionalSpace aside {
  margin-bottom: 40px;
}

.LearningContent .ContianerReadMore {
  float: left;
  margin-top: 15px;
  color: #92518D;
  font-weight: 600;
}

  .LearningContent .ContianerReadMore a {
    color: #92518D;
    font-weight: 600;
  }

.ProfessionalSpace .LearningContent {
  margin-top: 10px;
  margin-bottom: 10px;
}

  .ProfessionalSpace .LearningContent .col-md-4.ContianerImg {
    padding-left: 0;
  }

.ServiceButton.btn-warning.PaneTab,
.modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab {
  background-color: #71A240;
}

  .ServiceButton.btn-warning.PaneTab:hover,
  .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab:hover {
    background-color: #648f38;
  }

.tab-pane .OpeningContactingForm .FormRow:last-child {
  margin-bottom: 0;
}

.tab-pane .OperationalSupport {
  padding-right: 12px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #E1E1E1;
}

  .tab-pane .OperationalSupport:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .tab-pane .OperationalSupport .Title {
    font-size: 18px;
    font-weight: 600;
  }

    .tab-pane .OperationalSupport .Title:before {
      content: url(../images/icon-left-arrow.png);
      margin-right: -12px;
      margin-left: 6px;
    }

.tab-pane .TitleboxCollapses {
  background-color: #fff;
}

.tab-pane .panelCollapseStriped a.MoreInfo {
  background-color: #71A240;
}

  .tab-pane .panelCollapseStriped a.MoreInfo:hover {
    background-color: #648f38;
  }

.tab-pane ul li.Striped:nth-of-type(odd) {
  background-color: #EBEEE8;
}

.tab-pane ul li.Striped:nth-of-type(even) {
  background-color: #FFFFFF;
}

.ServiceButton.Search.btn.PaneTab.unidentified {
  width: auto;
  float: left;
  padding: 0 10px;
  margin-top: 40px;
}

.modal-body ul {
  padding-right: 0;
}

  .modal-body ul li {
    list-style-type: none;
  }

.ContainerListMessage .ListMessage ol > li > a {
  text-decoration: none;
  float: none;
}

  .ContainerListMessage .ListMessage ol > li > a:hover {
    text-decoration: underline;
  }

.Box404 {
  padding: 22px;
}

.Title404 {
  margin-top: 22%;
  position: absolute;
  z-index: 999;
  color: #F9B52F;
  font-size: 36px;
  text-align: center;
}

.Back404 {
  color: #fff;
}

  .Back404 a:link a:visited {
    color: #fff;
    text-decoration: none;
  }

  .Back404 a:hover {
    color: #B9B9B9;
    text-decoration: none;
  }

.Back404 {
  font-size: 24px;
  color: #fff;
  margin-top: 20px;
}

div.Title404 h1 {
  color: #F9B52F;
  font-size: 36px;
}

div.ColMyData h3 {
  color: #71A240;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
}

.BoxInfo ul {
  list-style-type: none;
  color: #000;
  font-size: 14px;
  line-height: 170%;
  margin-bottom: 0px;
}

.BoxInfo li:before {
  content: "";
  margin-left: 5px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #539794;
  border-radius: 0%;
  margin-bottom: 1px;
}

.BoxInfo ul ul li {
  list-style-type: none;
  color: #000;
  font-size: 14px;
  font-weight: normal;
}

  .BoxInfo ul ul li:before {
    background: none;
  }

  .BoxInfo ul ul li:after {
    background: none;
  }

.ColMyData .panel-group .panel {
  margin-top: 3px;
}

.MyDataDetails {
  bottom: 10px;
  padding-left: 10px;
  position: absolute;
  float: left;
  left: 5px;
  font-size: 16px;
}

div.ButtonRow > a:hover {
  background-color: #517393 !important;
}

.GuideTitle {
  border-radius: 0;
  font-size: 22px;
  padding: 6px 12px;
  background-color: #517393;
  color: #fff;
}

.GuideText {
  margin-top: 20px;
  font-size: 16px;
}

.ContainerImgLeft {
  float: left;
  margin-top: 25px;
  margin-right: 20px;
}

.BoxPayCheck {
  background-color: #F2F7EE;
  margin: 0px;
}

.TopTextErea {
  background-color: #fff;
  padding-bottom: 15px;
  padding-right: 0;
}

.Numbers28 {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
}

.Numbers28Bordo {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  color: #954D54;
}

.Numbers28Green {
  font-size: 28px;
  color: #71A240;
  line-height: 100%;
  font-weight: bold;
}

.Numbers36Bordo {
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  color: #9F4255;
  line-height: 50%;
}

.TextData {
  font-size: 14px;
  color: #333;
}

.text-center {
  text-align: center;
}

.NoPadding {
  padding: 0;
}

.MarginTop20 {
  margin-top: 20px;
}

.MarginTop10 {
  margin-top: 10px;
}

.MarginTop5 {
  margin-top: 5px;
}

.progress {
  margin-bottom: 10px;
}

.progress-bar {
  background-color: #527398;
}

.NoMarginLeftRight {
  margin-left: 0;
  margin-right: 0;
}

.MarginTop10 {
  margin-top: 10px;
}

.MarginTop30 {
  margin-top: 30px;
}

.OfekBottom {
  color: #385167;
  text-align: center;
}

.HoursChart {
  width: 220px;
  height: 160px;
  overflow: hidden;
  margin-top: -10px;
  margin-right: -40px;
}

.SicknessChart {
  width: 160px;
  height: 160px;
  overflow: hidden;
  margin-top: -10px;
}

.RadioButtonDetails select.form-control,
.SelectReport select.form-control, input.form-control {
  /*    height: 41px;*/
  font-size: 16px;
  border-radius: 0;
}

.SubmitReports button {
  background-color: #527798;
  border: 0;
  font-size: 20px;
  margin-left: 15px;
  margin-top: 30px;
  color: #fff;
}

  .SubmitReports button:hover,
  .SubmitReports button:focus,
  .SubmitReports button.focus {
    background-color: #364F65;
    color: #fff;
  }

.ReportMessage {
  border: 1px #71A240 solid;
  padding: 20px;
  font-size: 18px;
  text-align: center;
}

.MyReportTable {
  font-size: 16px;
  border-bottom: 1px #E6E6E6 solid;
  padding-bottom: 10px;
  padding-top: 10px;
}

.ReportRequest {
  background-color: #F2F2F2;
}

.ReportEnd {
  background-color: #E9F2DF;
}

.RedError {
  color: #F00;
}

::-webkit-input-placeholder {
  color: #333 !important;
}

.DetailsIcon {
  margin-left: 7px;
}

a.MarkAsRead {
  text-decoration: underline !important;
}

.MessagesBottom {
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 15px;
  padding: 0 0 5px 0;
}

input[type=text]::-ms-clear {
  display: none;
}

/* פיתוח מיקצועי */
/* StripMain ProfessionalSpace */
.StripMain.ProfessionalSpace .BoxTitlepage .Title {
  background-color: #92518D;
}

.StripMain.ProfessionalSpace .ServiceButton.btn-warning {
  background-color: #92518D;
}

.StripMain.ProfessionalSpace .panelCollapseStriped a.MoreInfo {
  background-color: #92518D;
}

.StripMain.ProfessionalSpace .ServiceSection .ServiceButton.btn-warning.PaneTab {
  background-color: #92518D;
}

.StripMain.ProfessionalSpace .RowPayCheck .BoxLinks {
  background-color: #EDE1D6;
}

.StripMain.ProfessionalSpace .ComtainerRow .BtnTitle {
  background-color: #92518D;
}

.StripMain.ProfessionalSpace .MyDataWage .RowSelect button.btn-success {
  background-color: #92518D;
}

.StripMain.ProfessionalSpace .MyDataWage .BoxInfoData .Title {
  color: #92518D;
}

.StripMain.ProfessionalSpace .PortalTabs .tab-content > .active,
.StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a,
.StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a:hover,
.StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a:focus .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li:hover {
  background-color: #f9f6f8;
}

.StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a,
.StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a:focus,
.StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a:hover {
  background-color: #e2d2e0;
}

.StripMain.ProfessionalSpace .ServiceButton.btn-warning.PaneTab,
.StripMain.ProfessionalSpace .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab {
  background-color: #92518D;
}

/* פניות ושירותים */
/* StripMain InquiriesAndServicing */
.StripMain.InquiriesAndServicing .BoxTitlepage .Title {
  background-color: #DF943B;
}

.StripMain.InquiriesAndServicing .ContainerFroms .MoreFroms a {
  color: #DF943B;
}

.StripMain.InquiriesAndServicing .tab-pane ul li.Striped:nth-of-type(odd) {
  background-color: #fbf5f2;
}

.StripMain.InquiriesAndServicing .ServiceButton.btn-warning {
  background-color: #DF943B;
}

.StripMain.InquiriesAndServicing .panelCollapseStriped a.MoreInfo {
  background-color: #DF943B;
}

.StripMain.InquiriesAndServicing .ServiceSection .ServiceButton.btn-warning.PaneTab {
  background-color: #DF943B;
}

.StripMain.InquiriesAndServicing .RowPayCheck .BoxLinks {
  background-color: #F2F7EE;
}

.StripMain.InquiriesAndServicing .ComtainerRow .BtnTitle {
  background-color: #DF943B;
}

.StripMain.InquiriesAndServicing .MyDataWage .RowSelect button.btn-success {
  background-color: #628B38;
}

.StripMain.InquiriesAndServicing .MyDataWage .BoxInfoData .Title {
  color: #DF943B;
}

.StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a,
.StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a:focus,
.StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a:hover {
  background-color: #EDE1D6;
}

.StripMain.InquiriesAndServicing .ServiceButton.btn-warning.PaneTab,
.StripMain.InquiriesAndServicing .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab {
  background-color: #DF943B;
}

/* מינהלי */
/* StripMain AdministrativeSpace */
.StripMain.AdministrativeSpace .BoxTitlepage .Title {
  background-color: #71A240;
}

.StripMain.AdministrativeSpace .ServiceButton.btn-warning {
  background-color: #71A240;
}

.StripMain.AdministrativeSpace .panelCollapseStriped a.MoreInfo {
  background-color: #71A240;
}

.StripMain.AdministrativeSpace .ServiceSection .ServiceButton.btn-warning.PaneTab {
  background-color: #71A240;
}

.StripMain.AdministrativeSpace .RowPayCheck .BoxLinks {
  background-color: #F2F7EE;
}

.StripMain.AdministrativeSpace .ComtainerRow .BtnTitle {
  background-color: #71A240;
}

.StripMain.AdministrativeSpace .MyDataWage .RowSelect button.btn-success {
  background-color: #628B38;
}

.StripMain.AdministrativeSpace .MyDataWage .BoxInfoData .Title {
  color: #71A240;
}

.StripMain.AdministrativeSpace .PortalTabs .tab-content > .active,
.StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active > a,
.StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active > a:hover,
.StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active:hover,
.StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active > a:focus {
  background-color: #F2F7EE;
}

.StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li > a,
.StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li > a:focus,
.StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li > a:hover {
  background-color: #D1E2C2;
}

.StripMain.AdministrativeSpace .ServiceButton.btn-warning.PaneTab,
.StripMain.AdministrativeSpace .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab {
  background-color: #71A240;
}

/* 2 פיתוח מיקצועי */
/* StripMain ProfessionalSpace */
.StripMain.ProfessionalSpace .RowPayCheck .Title {
  background-color: #92518D;
}

.StripMain.ProfessionalSpace .ComtainerRow .BtnTitle {
  background-color: #92518D;
}

.StripMain.ProfessionalSpace .MyDataWage .RowSelect button.btn-success {
  background-color: #92518D;
}

.StripMain.ProfessionalSpace .btn-success {
  border-color: #92518D;
}

.StripMain.ProfessionalSpace .RowPayCheck .BoxLinks a {
  color: #92518D;
}

.StripMain.ProfessionalSpace .BoxMyMessages .MyMessagesLink a {
  color: #92518D;
}

.StripMain.ProfessionalSpace .MyDataWage .BoxInfoData .Title {
  color: #92518D;
}

.StripMain.ProfessionalSpace .ContainerLinks a {
  color: #92518D;
}

.StripMain.ProfessionalSpace .AsideMenu a {
  color: #92518D;
}

.StripMain.ProfessionalSpace .RowPayCheck .BoxLinks {
  background-color: #f9f6f8;
}

.StripMain.ProfessionalSpace .BoxPayCheck {
  background-color: #f9f6f8;
}

.StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a {
  background-color: #f9f6f8;
}

.StripMain.ProfessionalSpace .PortalTabs .tab-content > .active {
  background-color: #f9f6f8;
}

.StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a {
  background-color: #e9dee7;
}

  .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a:hover {
    background-color: #E8D9E7;
  }

.StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active:hover {
  background-color: #f9f6f8;
}

.StripMain.ProfessionalSpace .ServiceButton.btn-warning.PaneTab {
  background-color: #92518D;
}

  .StripMain.ProfessionalSpace .ServiceButton.btn-warning.PaneTab:hover {
    background-color: #693565;
  }

.StripMain.ProfessionalSpace .HeaderMenu nav ul li ul a {
  color: #92518D;
}

.StripMain.ProfessionalSpace .TitleSpace.Administrative {
  background-color: #92518D;
}

/* 2 פניות ושירותים */
/* StripMain InquiriesAndServicing */
.StripMain.InquiriesAndServicing .RowPayCheck .Title {
  background-color: #DF943B;
}

.StripMain.InquiriesAndServicing .ComtainerRow .BtnTitle {
  background-color: #DF943B;
}

.StripMain.InquiriesAndServicing .MyDataWage .RowSelect button.btn-success {
  background-color: #DF943B;
}

.StripMain.InquiriesAndServicing .btn-success {
  border-color: #DF943B;
}

.StripMain.InquiriesAndServicing .RowPayCheck .BoxLinks a {
  color: #DF943B;
}

.StripMain.InquiriesAndServicing .BoxMyMessages .MyMessagesLink a {
  color: #DF943B;
}

.StripMain.InquiriesAndServicing .MyDataWage .BoxInfoData .Title {
  color: #DF943B;
}

.StripMain.InquiriesAndServicing .ContainerLinks a {
  color: #DF943B;
}

.StripMain.InquiriesAndServicing .AsideMenu a {
  color: #DF943B;
}

.StripMain.InquiriesAndServicing .RowPayCheck .BoxLinks {
  background-color: #fdfaf8;
}

.StripMain.InquiriesAndServicing .BoxPayCheck {
  background-color: #fdfaf8;
}

.StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li.active > a {
  background-color: #fdfaf8;
}

.StripMain.InquiriesAndServicing .PortalTabs .tab-content > .active {
  background-color: #fdfaf8;
}

.StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li {
  background-color: #fdfaf8;
}

  .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a {
    background-color: #f4e8db;
  }

.StripMain.InquiriesAndServicing .ServiceButton.btn-warning.PaneTab {
  background-color: #DF943B;
}

  .StripMain.InquiriesAndServicing .ServiceButton.btn-warning.PaneTab:hover {
    background-color: #d48c38;
  }

.StripMain.InquiriesAndServicing .HeaderMenu nav ul li ul a {
  color: #DF943B;
}

.StripMain.InquiriesAndServicing .TitleSpace.Administrative {
  background-color: #DF943B;
}

.ServiceSection .ServiceButton.btn-warning.PaneTab {
  background-color: #DF943B;
}

  .ServiceSection .ServiceButton.btn-warning.PaneTab:hover {
    background-color: #cc8736;
  }

.RedAsterisk {
  color: red;
  margin-right: 2px;
  display: inline-block;
  line-height: 17px;
  vertical-align: top;
}

/*  opening contacting succeeded page  */
.ComtainerRow.BoxMessageSucceeded {
  padding: 40px;
}

  .ComtainerRow.BoxMessageSucceeded img {
    margin-bottom: 20px;
  }

  .ComtainerRow.BoxMessageSucceeded p {
    font-size: 18px;
  }

  .ComtainerRow.BoxMessageSucceeded a {
    font-size: 18px;
    margin-top: 15px;
    display: inline-block;
  }

    .ComtainerRow.BoxMessageSucceeded a:hover {
      text-decoration: underline !important;
    }

.TitleMessage {
  color: #333333;
  font-size: 28px;
  margin-bottom: 25px;
}

/* Validation Text */
.ValidationText {
  color: #FF0000;
  font-size: 15px;
}

.ArrowCircle {
  margin-right: 3px;
}

.YearInfo {
  color: #333;
  margin-right: 18px;
  margin-top: -5px;
  min-width: 100px;
}

.ArrowNumbers {
  margin-top: -3px;
  margin-left: 15px;
  z-index: 99999999;
}

.JobAmmount {
  z-index: 9999999;
}

.form-control {
  box-shadow: none;
}

  .form-control:focus {
    box-shadow: none;
    border: 1px solid #ccc;
  }

.SelectHours .form-control {
  height: 26px;
  background-color: #F2F7EE;
  font-size: 16px;
  border-radius: 0;
  padding: 0;
}

.SelectProcess .form-control {
  height: 40px;
  background-color: #F2F7EE;
  font-size: 16px;
  border-radius: 0;
}

.RightMinus10 {
  margin-right: -10px;
}

.Green {
  color: #71A240;
}

.ArrowTop {
  margin-top: -10px;
}

.BoxNumberGreen {
  float: right;
  color: #567C30;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
  text-align: center;
  border-left: 1px #a2a2a2 solid;
  padding-left: 7px;
  margin-top: 5px;
  line-height: 90%;
  padding-right: 3px;
}

.BoxNumberGrey2 {
  float: right;
  color: #666;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
  text-align: center;
  border-left: 1px #a2a2a2 solid;
  padding-left: 7px;
  margin-top: 5px;
  line-height: 90%;
  padding-right: 3px;
}

.BoxNumberGreen2 {
  float: right;
  color: #3F5A23;
  font-size: 20px;
  font-weight: bold;
}

.BoxNumberGrey {
  float: right;
  color: #666666;
  font-size: 20px;
  font-weight: bold;
}

.BoxGrey {
  background: #F3F3F3;
  height: 68px;
  padding: 10px;
}

.BoxGreen {
  background: #F2F7EE;
  height: 68px;
  padding: 10px;
}

a:focus div.ProcessBoxGreen div.BoxGreen {
  border: 3px #B8D69A solid;
}

.BoxTextGreen {
  font-size: 16px;
  color: #567C30;
  margin-right: 20px;
}

.BoxTextGreen2 {
  font-size: 16px;
  color: #3F5A23;
  margin-right: 20px;
}

.BoxTextGrey {
  font-size: 16px;
  color: #666666;
  margin-right: 20px;
}

.BoxTextGrey {
  font-size: 16px;
  color: #666;
}

.ProcessIcons {
  left: 0px;
  position: absolute;
  margin-top: 14px;
  bottom: -24px;
}

.ProcessBoxGrey {
  padding-left: 0;
}

.ProcessBoxGreen {
  padding-left: 0;
}

.ProcessRow {
  padding-left: 15px;
  min-height: 140px;
}

.StatusBox {
  padding: 30px;
}

.NoMargin {
  margin: 0;
}

.StatusTextdown {
  padding-right: 30px;
  background-image: url(../images/info-button.png);
  background-repeat: no-repeat;
  background-position: right;
  background-position-y: 6px;
  font-size: 16px;
  line-height: 180%;
}

.btn-primary {
  color: #fff;
  background-color: #517393;
  border-color: #517393;
}

  .btn-primary:hover {
    background-color: #476480;
    border-color: #476480;
  }

  .btn-primary:focus {
    background-color: #517393;
    border-color: #517393;
  }

.PanelCollapse .PositionProcess {
  display: initial;
  font-size: 16px;
  line-height: 26px;
  vertical-align: text-bottom;
}

.LeftStatus {
  border-right: 7px #EEEEEE solid;
  margin-top: 20px;
  padding-right: 30px;
}

  .LeftStatus h3 {
    margin-top: 0px;
  }

.SchoolSetting {
  padding-right: 80px;
  background-image: url(../images/done-icon.png);
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 60px;
}

.AlertProcess {
  padding-right: 80px;
  background-image: url(../images/alert-icon.png);
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 50px;
}

.AttentionProcess {
  padding-right: 80px;
  background-image: url(../images/attention-icon.png);
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 50px;
}

.OpenCallProcess {
  padding-right: 90px;
  background-image: url(../images/open-call-icon.png);
  background-repeat: no-repeat;
  background-position: right;
  min-height: 50px;
  background-position-y: 10px;
}

.ProcessRow .nav-tabs > li {
  cursor: pointer;
  border: 0;
  background: #daefc9;
  margin-left: 10px;
  width: 23.6%;
  border: 3px solid #fff;
  height: 95px;
}

.ProcessRow .nav-tabs.Process6 > li {
  cursor: pointer;
  border: 0;
  background: #F2F7EE;
  margin-left: 5px;
  width: 16%;
  border: 3px solid #fff;
  height: 80px;
  padding: 0;
  padding-right: 5px;
}

.nav.Process6 > li > a {
  padding: 3px;
}

.ProcessRow .nav-tabs > li.GreyProcessBox {
  background: #F3F3F3;
  color: #666666;
}

  .ProcessRow .nav-tabs > li.GreyProcessBox:hover {
    background: #daefc9;
  }

.ProcessRow .nav-tabs > li.GreenProcessBox {
  background: #B8D69A;
  border: 3px solid #83B74F;
}

.GreenProcessBoxTriangle {
  bottom: -25px;
  right: -4px;
  position: absolute;
  z-index: 99999;
}

.ProcessRow .nav-tabs > li.GreyProcessBox.active {
  border: 3px solid #CCCCCC;
}

.ProcessRow .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
  cursor: pointer;
  background: none;
  border: 0;
  margin-right: -1px;
  margin-top: 1px;
  margin-left: 1px;
}

.ProcessRow5 {
  padding-left: 0px;
  min-height: 140px;
}

  .ProcessRow5 .nav-tabs > li {
    cursor: pointer;
    border: 0;
    background: #daefc9;
    margin-left: 0px;
    width: 19.5%;
    border: 3px solid #fff;
    height: 95px;
  }

    .ProcessRow5 .nav-tabs > li.GreenProcessBox {
      background: #B8D69A;
      border: 3px solid #83B74F;
    }

    .ProcessRow5 .nav-tabs > li.GreyProcessBox {
      background: #F3F3F3;
      color: #666666;
      margin-bottom: 40px;
    }

      .ProcessRow5 .nav-tabs > li.GreyProcessBox:hover {
        background: #daefc9;
      }

      .ProcessRow5 .nav-tabs > li.GreyProcessBox.active {
        border: 3px solid #CCCCCC;
      }

  .ProcessRow5 .BoxTextGreen2 {
    font-size: 16px;
    color: #3F5A23;
    margin-right: 45px;
  }

  .ProcessRow5 .nav > li > a {
    padding: 10px;
    height: 100%;
    padding: 3px;
  }

  .ProcessRow5 .BoxTextGrey {
    font-size: 16px;
    color: #666666;
    margin-right: 45px;
  }

  .ProcessRow5 .nav-tabs {
    border-bottom: 0;
  }

    .ProcessRow5 .nav-tabs > li.active > a {
      background-color: #f3f3f3;
    }

    .ProcessRow5.nav-tabs > li.GreyProcessBox.active {
      border: 3px solid #CCCCCC;
      background: #F3F3F3;
    }

    .ProcessRow5 .nav-tabs > li.active > a {
      cursor: pointer;
      background: none;
      border: 0;
      margin-right: -1px;
      margin-top: 1px;
      margin-left: 1px;
    }

.PortalTabs .nav-tabs > li.active > a:hover {
  margin-top: 0px;
  margin-right: -2px;
  margin-left: 0;
}

.PortalTabs .nav-tabs > li.active > a:focus {
  margin-top: 0px;
  margin-right: -2px;
  margin-left: 0;
  border: 0;
}

.ProcessRow UL {
  border: 0;
}

.ContentCollapse {
  padding: 15px 25px 15px 15px;
  font-size: 16px;
}

.ProcessCollapse .ContentCollapse {
  padding: 15px 25px 15px 15px;
  font-size: 16px;
  border-bottom: 1px #EEEEEE solid;
}

.ContentCollapse a {
  color: var(--link-color-on-l-blue);
}

.MarginBottom10 {
  margin-bottom: 10px;
}

.MarginRight20 {
  margin-right: 20px;
}

.StatusMessages {
  margin-right: 25px;
}

.SelectProcess .form-control option:not(:checked) {
  background-color: white;
  color: #000;
}

.SelectHours .form-control option:not(:checked) {
  background-color: white;
  color: #000;
}

.nav-tabs > li.active > a {
  border: 0;
}

  .nav-tabs > li.active > a:hover {
    border: 0;
  }

.ContentCollapseText p {
  font-size: 14px;
  line-height: 100%;
}

.ContentCollapseText {
  padding-right: 18px;
}

.JobInfo li:before {
  content: "";
  margin-left: 5px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 0%;
  margin-bottom: 1px;
  margin-right: -10px;
  background-color: transparent;
}

.LineHeight180 {
  line-height: 180%;
}

.MarginLeft30 {
  margin-left: 30px;
}

.greyblue {
  color: #527398;
}

.DetailsProcess {
  clear: both;
  padding: 15px;
}

.sliderItem {
  width: 100px;
  height: 100px;
  float: right;
}

.MarginRight-15 {
  margin-right: -15px;
}

.MarginLeft20 {
  margin-left: 20px;
}

.Ereafield {
  width: 250px !important;
}

.input-group-addon {
  width: 26px;
  height: 20px;
  position: absolute;
  z-index: 9;
  left: 7px;
  top: 5px;
  border: 0 !important;
  background-image: url(../images/calendar-icon.png);
  cursor: pointer;
  transition-delay: 0s, 0s;
  transition-duration: 0.15s, 0.15s;
  transition-property: all;
  transition-timing-function: ease-in-out, ease-in-out;
  background-color: #fff;
  background-repeat: no-repeat;
}

.datepicker.datepicker-rtl {
  direction: rtl;
  margin-right: -195px !important;
  margin-top: 10px !important;
  z-index: 99999999;
}

.datepicker {
  width: 220px;
}

.clsDatePicker {
  width: 100%;
}

.ViewPersonalDetails {
  background-image: url(../images/bg-process-white.jpg);
  height: 350px;
  text-align: center;
  font-size: 36px;
  padding-top: 70px !important;
  /* Strip Header */
  /*.ContainerLogoIsrael {
    background-image: url(../images/logo_israel.svg);
    background-repeat: no-repeat;
    height: 50px;
    width: 39px;
    float: right;
    margin-left: 8px;
    display: inline-block;
  }*/
  /*  Mobile  */
  /*  Mobile  */
}

  .ViewPersonalDetails body {
    font-family: "Assistant", "Arial", sans-serif;
    font-weight: normal;
  }

  .ViewPersonalDetails a:hover {
    opacity: 0.8;
  }

  .ViewPersonalDetails h1, .ViewPersonalDetails h2, .ViewPersonalDetails h3, .ViewPersonalDetails h4, .ViewPersonalDetails h5, .ViewPersonalDetails h6, .ViewPersonalDetails .heading {
    font-family: "assistant" !important;
    font-weight: 600 !important;
  }

  .ViewPersonalDetails .StripHeader {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #fff;
  }

  .ViewPersonalDetails .HeaderScroll,
  .ViewPersonalDetails header {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .ViewPersonalDetails .TopMenu {
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
  }

  .ViewPersonalDetails .TopMenu {
    transition: height 0.4s;
    -moz-transition: height 0.4s;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
  }

  .ViewPersonalDetails .ColLoginAndSearch,
  .ViewPersonalDetails .ColTitlePortal {
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
  }

  .ViewPersonalDetails .HeaderScroll {
    margin-top: 0;
    min-height: 60px;
    padding: 0;
  }

  .ViewPersonalDetails .TopMenuScroll {
    opacity: 0;
    height: 0 !important;
  }

  .ViewPersonalDetails .LiActiveScroll {
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .ViewPersonalDetails .ColLoginAndSearchScroll {
    margin-top: -32px;
  }

  .ViewPersonalDetails .ColTitlePortalScroll {
    margin-top: -34px;
  }

  .ViewPersonalDetails .SucTitleScroll {
    display: none;
  }

  .ViewPersonalDetails .TopMenu {
    height: 43px;
  }

  .ViewPersonalDetails nav {
    float: right;
    width: 100%;
  }

  .ViewPersonalDetails header {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #E2E2E2;
    padding: 10px 0;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1);
  }

  .ViewPersonalDetails .StripHeader .TopMenu {
    background-color: #2E4254;
  }

  .ViewPersonalDetails .TopMenu ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }

    .ViewPersonalDetails .TopMenu ul li {
      display: inline-block;
      border-left: 1px solid #688BAE;
      margin-right: -3px;
      width: 20%;
      text-align: center;
    }

      .ViewPersonalDetails .TopMenu ul li:last-child {
        border-left: 0;
      }

      .ViewPersonalDetails .TopMenu ul li a .ContentLinkLi {
        width: 100%;
        padding: 6px 0px 9px 0;
      }

      .ViewPersonalDetails .TopMenu ul li a {
        color: #fff;
        font-size: 20px;
        text-decoration: none;
        text-align: center;
      }

        .ViewPersonalDetails .TopMenu ul li.active,
        .ViewPersonalDetails .TopMenu ul li a .ContentLinkLi:hover {
          background-color: #1E2B35;
        }

      .ViewPersonalDetails .TopMenu ul li.ManagersSpace.active,
      .ViewPersonalDetails .TopMenu ul li.ManagersSpace .ContentLinkLi:hover {
        background-color: #71A240;
      }

      .ViewPersonalDetails .TopMenu ul li.PedagogicalSpace.active,
      .ViewPersonalDetails .TopMenu ul li.PedagogicalSpace a:focus,
      .ViewPersonalDetails .TopMenu ul li.PedagogicalSpace .ContentLinkLi:hover {
        background-color: #3098CF;
      }

      .ViewPersonalDetails .TopMenu ul li.ProfessionalDeveloperManagersSpace.active,
      .ViewPersonalDetails .TopMenu ul li.ProfessionalDeveloper .ContentLinkLi:hover {
        background-color: #92518D;
      }

      .ViewPersonalDetails .TopMenu ul li.InquiriesAndServicing.active,
      .ViewPersonalDetails .TopMenu ul li.InquiriesAndServicing .ContentLinkLi:hover {
        background-color: #DF943B;
      }

  .ViewPersonalDetails li.ManagersSpace {
    position: relative;
    display: inline-block;
  }

  .ViewPersonalDetails .NavMenuMobil {
    display: none;
  }

  .ViewPersonalDetails .LogoIsraelMobile {
    display: none;
  }

  .ViewPersonalDetails .ContainerTitlePortal {
    float: right;
    color: #385167;
  }

    .ViewPersonalDetails .ContainerTitlePortal .SucTitle {
      font-size: 16px;
      color: #000;
    }

    .ViewPersonalDetails .ContainerTitlePortal .Title {
      font-size: 34px;
      margin-top: -3px;
      color: #000;
    }

      .ViewPersonalDetails .ContainerTitlePortal .Title .Line {
        display: inline-block;
        padding-left: 13px;
        margin-left: 8px;
        border-left: 1px solid #AFC2D3;
        line-height: 30px;
      }

  .ViewPersonalDetails .ContainerLogoEducationOffice,
  .ViewPersonalDetails .ContainerSearch,
  .ViewPersonalDetails .ContainerLogin {
    float: left;
  }

  .ViewPersonalDetails .InquiriesAndServicing .ContainerLogin,
  .ViewPersonalDetails .AdministrativeSpace .ContainerLogin {
    min-width: 145px;
  }

  .ViewPersonalDetails .ContainerSearch {
    /*    padding-right: 16px;*/
    margin-left: 14px;
  }

  .ViewPersonalDetails .ContainerLogin a:hover span.User {
    text-decoration: underline;
  }

  .ViewPersonalDetails .ContainerSearch a:hover span {
    text-decoration: underline;
  }

  .ViewPersonalDetails .ContainerLogin {
    padding: 0 14px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin-left: 14px;
  }

  .ViewPersonalDetails .ContainerLogoEducationOffice {
    margin-top: -4px;
  }

  .ViewPersonalDetails .ContainerSearch .IconSearch {
    background-image: url(../images/icon-search.png);
    width: 24px;
    height: 22px;
    float: left;
    margin-left: 3px;
  }

  .ViewPersonalDetails .ContainerLogin span,
  .ViewPersonalDetails .ContainerSearch span {
    float: left;
    font-size: 18px;
    color: #000;
  }

    .ViewPersonalDetails .ContainerLogin span.User {
      float: right;
    }

  .ViewPersonalDetails span.glyphicon.glyphicon-triangle-bottom {
    margin-top: 4px;
  }

  .ViewPersonalDetails .ContainerLogin .IconLogin {
    background-image: url(../images/icon-user.png);
    width: 24px;
    height: 24px;
    float: right;
    margin-left: 10px;
  }

  .ViewPersonalDetails .ContainerLogin .Message {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
  }

    .ViewPersonalDetails .ContainerLogin .Message.badge {
      background-color: #DF2020;
      color: #fff;
    }

  .ViewPersonalDetails .ContainerLogoEducationOffice .Logo {
    background-image: url(../images/logo-education-office.png);
    width: 186px;
    height: 46px;
  }

  .ViewPersonalDetails .LogoArabic {
    background-image: url(../images/logo-Arabic.png);
    width: 44px;
    height: 31px;
  }

  .ViewPersonalDetails .IconMenuMobile {
    background-image: url(../images/icon-menu-mobile.png);
    width: 26px;
    height: 17px;
    margin-top: 6px;
    display: none;
  }

  .ViewPersonalDetails .IconLoginMobile {
    background-image: url(../images/icon-login-mobile.png);
    width: 24px;
    height: 24px;
    margin-top: 3px;
    display: none;
  }

  .ViewPersonalDetails .IconSearchMobile {
    background-image: url(../images/icon-search-mobile.svg);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin: 3px 20px 0 20px;
    display: none;
  }

  .ViewPersonalDetails .NavMenuMobil ul.nav {
    background-color: #385167;
    margin: 0px -15px;
  }

    .ViewPersonalDetails .NavMenuMobil ul.nav a {
      font-size: 16px;
      color: #fff;
    }

  .ViewPersonalDetails .nav > li > a {
    padding: 10px;
    height: 100%;
  }

  .ViewPersonalDetails .NavMenuMobil .nav > li > a:hover,
  .ViewPersonalDetails .NavMenuMobil .nav > li > a:focus {
    background-color: #283948;
  }

  .ViewPersonalDetails .NavMenuMobil .nav > li.ManagersSpaceMobil > a:hover,
  .ViewPersonalDetails .NavMenuMobil .nav > li.ManagersSpaceMobil > a:focus {
    background-color: #71A240;
  }

  .ViewPersonalDetails .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:hover,
  .ViewPersonalDetails .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:focus {
    background-color: #3098CF;
  }

  .ViewPersonalDetails .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:hover,
  .ViewPersonalDetails .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:focus {
    background-color: #92518D;
  }

  .ViewPersonalDetails .NavMenuMobil .nav > li.InquiriesAndServicing > a:hover,
  .ViewPersonalDetails .NavMenuMobil .nav > li.InquiriesAndServicing > a:focus {
    background-color: #DF943B;
  }

  .ViewPersonalDetails .NavMenuMobil .nav > li {
    border-bottom: 1px solid #6284A5;
    width: 100%;
  }

  .ViewPersonalDetails .ContainerTitlePortal a {
    text-decoration: none;
    color: #000;
  }

  .ViewPersonalDetails .ContainerTitlePortal .Title .Line {
    margin-left: 5px;
    margin-top: -6px;
  }

  .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav {
    background-color: #fff;
  }

  .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing ul.nav {
    background-color: #fff;
  }

  .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav a {
    color: #333;
  }

  .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing ul.nav a {
    color: #333;
  }

  .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li > a {
    padding: 10px 10px 10px 15px;
  }

  .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li {
    border-bottom: 1px solid #D8D8D8;
  }

  .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing .nav > li {
    border-bottom: 1px solid #D8D8D8;
  }

  .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li > a:hover,
  .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li > a:focus {
    background-color: #F2F7EE;
  }

  .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing .nav > li > a:hover, .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing .nav > li > a:focus {
    background-color: #FCF2E9;
  }

  .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .navbar-collapse {
    border-top: 0;
  }

  .ViewPersonalDetails header.AdministrativeSpace {
    padding-bottom: 0px;
  }

  .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul {
    width: 100%;
    list-style-type: none;
    padding-right: 0px;
  }

    .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul li a {
      text-decoration: none;
      display: block;
      padding: 10px 30px;
      border-bottom: 1px solid #D8D8D8;
    }

    .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul li.LastChild a {
      border-bottom: 0;
    }

    .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul:first-child {
      border-top: 1px solid #D8D8D8;
    }

    .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:hover {
      background-color: #F2F7EE;
    }

  .ViewPersonalDetails li.SubMenu .glyphicon.glyphicon-menu-down {
    float: left;
  }

  .ViewPersonalDetails .BoxGeneralMessages .GeneralMessages {
    width: 100%;
  }

  .ViewPersonalDetails .ContainerLogin,
  .ViewPersonalDetails .ContainerSearch {
    margin-top: 6px;
  }

  .ViewPersonalDetails .page-component-edu .page_component .banner .slides .slick-slide {
    height: auto !important;
  }

  .ViewPersonalDetails .page-component-edu .advanced-component.banner .slick-slide {
    padding: 30px 50px 20px 50px !important;
  }

  .ViewPersonalDetails .page-component-edu .advanced-component.banner .slick-slide-academy {
    padding: 0px 35px 0px 35px !important;
  }

  .ViewPersonalDetails .academy-slick a {
    color: #2c7094 !important;
  }

  .ViewPersonalDetails .date-broadcast {
    font-size: 20px;
    color: #2C7094;
    font-weight: 600;
  }

  .ViewPersonalDetails .broadcastReadMore {
    margin-right: 175px;
  }

  .ViewPersonalDetails .registration-btn {
    font-size: 16px !important;
  }

  .ViewPersonalDetails .broadcastItemBox h5 {
    color: #2c7094;
    margin-bottom: 10px;
    margin-top: 0px;
  }

    .ViewPersonalDetails .broadcastItemBox h5:hover, .ViewPersonalDetails .broadcastItemBox h5:focus {
      color: #1d8bd1;
    }

  .ViewPersonalDetails .clearboth {
    clear: both;
  }

  .ViewPersonalDetails .broadcast-item-bottom {
    margin-top: 20px;
    clear: both;
  }

  .ViewPersonalDetails .academy-space .listing {
    margin-top: 12px;
    margin-bottom: 20px;
    display: inline-block;
    overflow: visible;
  }

  .ViewPersonalDetails .page-component-edu a:focus {
    color: #1d8bd1 !important;
    -webkit-tap-highlight-color: #1d8bd1;
    text-decoration: none;
    opacity: 1;
  }

  .ViewPersonalDetails .page-component-edu .listing .link-container a {
    color: #2c7094;
    font-size: 16px;
  }

  .ViewPersonalDetails .broadcast-date-section {
    border-bottom: 1px #DFDFDF solid;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
  }

    .ViewPersonalDetails .broadcast-date-section:last-child {
      border-bottom: none;
    }

  .ViewPersonalDetails .broadcast-results-section {
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
  }

  .ViewPersonalDetails .academy-space .popXtnCmpnt .bannerImg {
    background-color: #3098CF;
    padding: 32px 35px 23px 35px;
    color: #fff;
    text-align: center;
    width: 100%;
    min-height: 300px;
  }

  .ViewPersonalDetails .idea-banner-info {
    margin-right: -15px !important;
    padding-left: 5px !important;
  }

  .ViewPersonalDetails .academy-space .popXtnCmpnt .bannerCalloutSm {
    font-size: 42px;
  }

  .ViewPersonalDetails .popXtnCmpnt .bannerCallout-big {
    font-size: 100px;
    font-weight: 400;
    margin-top: 20px;
    line-height: 43px;
    margin-bottom: 30px;
  }

  .ViewPersonalDetails .margin-bottom40 {
    margin-bottom: 40px;
  }

  .ViewPersonalDetails .calendar-erea {
    border-bottom: 1px #DFDFDF solid;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
    min-height: 150px;
  }

  .ViewPersonalDetails .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  }

  .ViewPersonalDetails .form-control {
    font-size: 16px !important;
  }

  .ViewPersonalDetails .broadcast-calendar-space label {
    font-size: 18px;
    padding: 0 0 0 10px;
    margin-top: 5px;
    text-align: left;
  }

  .ViewPersonalDetails .title-search-broadcast {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-right: 20px;
  }

  .ViewPersonalDetails .nopadding {
    padding: 0 !important;
  }

  .ViewPersonalDetails .search-broadcast-btn {
    font-size: 16px !important;
    width: 140px !important;
    float: left;
  }

  .ViewPersonalDetails .advance-search {
    clear: both;
    text-decoration: underline;
    margin-right: 50px;
  }

  .ViewPersonalDetails .slick-slide-academy .popXtn .try-gallery .item.first a .try-overlayicon p:first-child {
    margin-top: 10px !important;
    min-height: 137px;
  }

  .ViewPersonalDetails .search-broadcast-erea {
    display: inline-block;
    width: 100%;
    margin-right: -10px;
  }

  .ViewPersonalDetails .broadcast-search-space label {
    font-size: 18px;
    margin-top: 5px;
    padding: 0;
  }

  .ViewPersonalDetails .search-broadcast-erea {
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
  }

  .ViewPersonalDetails .quick-search-broadcast-erea {
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: -10px;
    display: inline-block;
    width: 100%;
  }

  .ViewPersonalDetails .search-col-field {
    margin-bottom: 20px;
    display: inline-block !important;
    width: 100%;
  }

    .ViewPersonalDetails .search-col-field:last-child {
      margin-bottom: 0px;
    }

  .ViewPersonalDetails .search-col {
    padding: 10px 10px 0 30px !important;
    border-left: 1px #DFDFDF solid;
  }

  .ViewPersonalDetails .search-col-left {
    padding: 10px 30px 0 40px !important;
  }

  .ViewPersonalDetails .popXtn .checkbox-custom:checked + .checkbox-custom-label-grade:before {
    content: "✓";
    font-size: 12px;
    color: #3098CF;
    font-weight: 600;
  }

  .ViewPersonalDetails .popXtnCmpnt .checkbox-custom + .checkbox-custom-label-grade:before {
    content: "";
    background: #fff;
    border: 1px solid #999;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    padding: 0 3px 0 0;
    margin-left: 5px;
  }

  .ViewPersonalDetails .select-grade-erea {
    padding-left: 0 !important;
  }

  .ViewPersonalDetails .checkboxCustomWrap {
    width: 48px;
  }

  .ViewPersonalDetails .search-time {
    padding: 10px 10px 0 30px !important;
  }

  .ViewPersonalDetails .search-time-erea {
    clear: both;
    padding-top: 20px;
  }

  .ViewPersonalDetails .search-time-options {
    padding: 10px 0px 0 30px !important;
  }

    .ViewPersonalDetails .search-time-options select {
      width: 130px;
    }

  .ViewPersonalDetails .date-options {
    padding: 10px 0px 0 0px !important;
    margin-right: 10px;
  }

  .ViewPersonalDetails .date-options2 {
    padding: 10px 0px 0 0px !important;
    margin-right: 15px;
  }

  .ViewPersonalDetails .input-group-addon {
    top: 10px !important;
  }

  .ViewPersonalDetails .clsDatePicker {
    width: 85% !important;
    float: left !important;
  }

  .ViewPersonalDetails .date-text {
    line-height: 200%;
    font-size: 16px !important;
  }

  .ViewPersonalDetails .datepicker-days table tr th {
    background-color: rgb(255, 255, 255) !important;
  }

  .ViewPersonalDetails .datepicker-days tbody {
    background-color: rgb(255, 255, 255) !important;
  }

  .ViewPersonalDetails .input-group .form-control:first-child {
    border-radius: 0 !important;
  }

  .ViewPersonalDetails .search-btn-erea {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    padding-left: 30px;
  }

  .ViewPersonalDetails .search-btn {
    width: 105px !important;
  }

  .ViewPersonalDetails .white-title {
    box-shadow: none !important;
  }

  .ViewPersonalDetails .popXtn .ContainerItemInfo .ItemInfo div .date-and-time {
    color: #3098CE;
    font-size: 24px !important;
    font-weight: 600;
    margin-right: 15px;
  }

  .ViewPersonalDetails .credit-strip {
    background: #E0EEF5;
    padding: 7px 20px;
  }

  .ViewPersonalDetails .ask-lecturer {
    background: #E0EEF5;
    border-radius: 3px;
    background-image: url(../images/ask-icon.png);
    background-repeat: no-repeat;
    color: #2C7093;
    padding: 4px 30px 6px 12px;
    font-size: 18px;
    background-position: 95% 8px;
    font-weight: 600;
  }

  .ViewPersonalDetails .update-diary {
    background: #E0EEF5;
    border-radius: 3px;
    background-image: url(../images/calendar-blue-icon.png);
    background-repeat: no-repeat;
    color: #2C7093;
    padding: 4px 30px 6px 12px;
    font-size: 18px;
    background-position: 93% 7px;
    font-weight: 600;
    margin-right: 7px;
  }

  .ViewPersonalDetails .popXtn .btn.goBtn.darkBlueNarrow {
    background-color: #1D5C7E;
    padding: 2px 25px;
  }

    .ViewPersonalDetails .popXtn .btn.goBtn.darkBlueNarrow:hover {
      background-color: #11415a;
    }

  .ViewPersonalDetails .devider-gray {
    border-bottom: 1px #DFDFDF solid;
    height: 20px;
    clear: both;
    margin-right: 15px;
  }

  .ViewPersonalDetails .lecture .page-component-edu .main-content h2 {
    font-size: 24px;
    padding: 0;
  }

  .ViewPersonalDetails .lecture-description {
    margin-right: 0 !important;
    margin-top: 10px;
  }

  .ViewPersonalDetails .lecturer-pic {
    width: 90px !important;
    float: right;
    margin-left: 15px;
    margin-top: 5px;
  }

  .ViewPersonalDetails .lecture-box-info .panel [data-toggle=collapse][aria-expanded=true] {
    background-image: url(../images/triangle-up.png);
  }

  .ViewPersonalDetails .lecture-box-info .panel [data-toggle=collapse][aria-expanded=false] {
    background-image: url(../images/triangle-down.png);
  }

  .ViewPersonalDetails .lecture-box-info a.Collapse[data-toggle=collapse] {
    background-image: url(../images/triangle-up.png);
    width: 100%;
    min-height: 48px;
    display: inline-block;
    background-repeat: no-repeat;
    background-color: #E1F1F7 !important;
    background-position: 98%;
    border-right: 3px #ffffff solid;
    border-left: 3px #ffffff solid;
    padding-right: 40px;
    padding-top: 7px;
    color: #1F6185;
    font-size: 18px;
    padding-left: 10px;
    height: auto;
  }

  .ViewPersonalDetails .lecture-boxes {
    padding-top: 3px;
    background: #fff;
  }

  .ViewPersonalDetails .lecture-box-info .collapse {
    padding-bottom: 10px;
  }

  .ViewPersonalDetails .AccordionTitle {
    font-weight: 600;
    float: right;
    color: #1D5C7E;
    font-size: 22px;
  }

  .ViewPersonalDetails .page-component-edu.lecture-boxes a.btn-primary::after {
    font-family: FontAwesome !important;
    content: "";
  }

  .ViewPersonalDetails .lecture-box-info a:hover, .ViewPersonalDetails .lecture-box-info a:focus {
    border-color: #fff !important;
  }

  .ViewPersonalDetails .lecture-box-info a:link {
    -webkit-tap-highlight-color: transparent;
  }

  .ViewPersonalDetails .lecture-box-info li {
    font-size: 16px;
    padding-right: 5px;
    margin-bottom: 20px;
  }

  .ViewPersonalDetails .lecture-box-info ul.arrow-li {
    list-style-image: url("../images/Arrow-Link-List.png");
  }

  .ViewPersonalDetails .page-component-edu .panel {
    border: 0;
  }

  .ViewPersonalDetails .academy-space .lecture-box-info .listing {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline-block;
    overflow: visible;
  }

  .ViewPersonalDetails .lecture-boxes .panel-group .panel + .panel {
    margin-top: 0;
  }

  .ViewPersonalDetails .academy-space .relevant-activities .listing {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .ViewPersonalDetails .page-component-edu.interest-in-box .text-container {
    min-height: 107px;
    background-color: #edf5fa;
    padding-top: 15px;
    padding-left: 10px;
  }

  .ViewPersonalDetails .interest-in-box .link-with-img {
    margin-bottom: 25px;
  }

  .ViewPersonalDetails .video-erea {
    margin-right: -15px;
    margin-left: -25px;
  }

  .ViewPersonalDetails .video-description {
    margin-top: 20px;
  }

  .ViewPersonalDetails .talkback-erea {
    margin-top: 40px;
  }

  .ViewPersonalDetails .nearest-broadcast-section {
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
  }

  .ViewPersonalDetails .text18-semibold {
    font-weight: 600;
    font-size: 18px !important;
  }

  .ViewPersonalDetails .text24-semibold {
    font-weight: 600;
    font-size: 24px !important;
    line-height: 130% !important;
    margin-top: 15px;
    margin-bottom: 10px;
  }

  .ViewPersonalDetails .no-broadcast-box {
    padding-bottom: 20px !important;
  }

  .ViewPersonalDetails .info-side {
    width: 50%;
  }

  .ViewPersonalDetails .clear-right {
    clear: right;
  }

  .ViewPersonalDetails .margin-top-30 {
    margin-top: 30px;
  }

  .ViewPersonalDetails .img-vod-box {
    float: left;
  }

  .ViewPersonalDetails .academy-space .slick-next {
    width: 40px !important;
  }

  .ViewPersonalDetails .academy-space .slick-prev {
    width: 30px !important;
  }

  .ViewPersonalDetails .academy-space .galleryTopics {
    padding: 0 30px;
  }

  .ViewPersonalDetails .modal-text {
    font-size: 18px;
    color: #000;
  }

  .ViewPersonalDetails slickCourses .slick-list {
    padding-bottom: 0 !important;
  }

  .ViewPersonalDetails .page-component-edu .banner .slides.slick-slider.slickCourses .slick-list {
    padding-bottom: 0 !important;
    height: auto !important;
  }

  .ViewPersonalDetails .img-teacher {
    float: left;
  }

  .ViewPersonalDetails button {
    background-color: #527798;
    border: 0;
    font-size: 20px;
    margin-left: 15px;
    margin-top: 30px;
    color: #fff;
    padding-bottom: 6px;
  }

    .ViewPersonalDetails button:hover, .ViewPersonalDetails button:focus {
      background-color: #364F65;
      color: #fff;
    }

.NumBig {
  font-size: 28px;
  line-height: 110%;
}

.morecontent span {
  display: none;
}

.ContainerText {
  font-size: 16px;
  margin-top: 10px;
}

.ArticleLink {
  color: #333;
}

.AlertMessage {
  border-top: 1px #EEEEEE solid;
  margin-top: 10px;
  padding-top: 10px;
}

  .AlertMessage:first-child {
    border-top: 0;
    margin-top: 0px;
    padding-top: 0px;
  }

.ProcessIcons .tooltip-inner {
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
  width: 180px;
  margin-top: 335px !important;
  margin-left: 155px;
  text-align: right;
}

.ProcessIcons .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.ProcessRuler h2 {
  background-color: #71A240;
  padding: 5px 20px;
  color: #fff;
  font-size: 22px;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 0;
}

.tooltip2 {
  display: inline;
  position: relative;
}

  .tooltip2:hover:after {
    background: #000;
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 10px;
    position: absolute;
    z-index: 98;
    width: 180px;
  }

.ProcessRow5 .tooltip2:hover:after {
  width: 150px;
}

.tooltip2:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
}
@media (min-width: 992px) and (max-width:1199px ) {
  .HeaderMenu nav > ul > li > a, .HeaderMenu nav > ul > li > button {
    line-height: 18px;
  }
}