header {
  background: #00cdff;
  clear: both;
  overflow: hidden;
  padding: 20px 0px 0px 0px;
}

.employeeSearchIcon{
  display: inline-block;
  margin:15px 323px 7px 3px;
  float: right;
  box-shadow: 0 3px 11px 0 rgb(244, 248, 249);
}
.employeeSearchIcon input{
  height: 40px;
  width: 250px;
  margin-right: 25px;
  border: 1px solid #BAD2D8;
  border-radius: 100px;
  padding-left: 20px;
  color: #A8B2B9;
  margin-bottom: 7px;
  margin-top: 7px;
  background-image: url(https://pgassets.altimetrik.com/assets/img/Taflow/LoupeIcon.png);
  background-repeat:no-repeat;
  background-position: 222px 13px;
}

.ButtonDiv {
  padding: 24px 61px 0 165px
}
.clearAll {
  color: #337ab7;
  float: right;
}

.candidateCard{
  display: inline-block;
  cursor: pointer;
  margin: -6px -15px 1px -116px;
  width: 424px;
  border-radius: 3px;
  max-height: 500px;
  position: absolute;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0 10px 20px 0 rgba(0,0,0,0.05);
}
.nav-side-menu{
  overflow: unset;
}
.menu-list {
  overflow: auto;
  max-height: 384px;
}
.pgm-landing{
  background-color: #F4F8F9;
  min-height: 100vh;
}
.activeFilter {
  background-color: #FFFFFF;
  box-shadow: 0 8px 19px 0 rgba(231,235,238,0.5);
  color: #000000;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 16px;
  padding: 5px 44px 5px 44px;
}



.container{
  background-color: #F4F8F9;
}
.togelBlock {
  /*padding-top: 10px;*/
}
.profileIcon{
  margin-top:0px;
  font-size:0.8em;
}
.headerBlock{
  display: inline-block;
  width: 100%;
}

.heading h1 {
  text-align: center;
  color: #fff;
  font-size: 32px;
  margin-top:0px;
  font-family:robotothin;
}

.Section {
  clear: both;
  overflow: hidden;
  width: 100%;
  background-color: #F4F8F9;
  padding:0px 15px 0px 15px;
  font-size: 18px;
  font-family: Roboto;
}
.notification{
  color: #fff;
  margin-right:40px;
}
.notification i{
  font-size: 1.7em;
}
.indicator_notification{
  display: inline-block;
  background-color: red;
  color: #fff;
  height: 18px;
  width: 18px;
  border-radius: 100%;
  float: right;
  position: relative;
  right: 19px;
}
.indicator_notification h6{
  margin-top:2px;
}
.section_banner{
  display: inline-block;
  width:100%;
  margin-top: 25px;
  margin-bottom: 15px;
}


.status_list{
  display: inline-block;
  float: right;
  margin-right: 32px;
}
.status_list ul li {
  list-style: none;
  display: inline-block;
  float: left;
  margin: 20px 0px 16px 30px;
  border-bottom:1px solid transparent;
}
.status_list  ul li a{
  color: #000;
  opacity: 0.5;
  font-size:0.813em;

}
.status_list  ul li:hover{
  border-bottom:2px solid #00ccff;
}
.status_list  ul li a:hover{
  opacity:1;
}
.status_list  ul li.active{
  border-bottom:2px solid #00ccff;
}

.status_list  ul li.active a{
  opacity:1;
}

.profileBlock{
  padding: 0px;
}
.profileBlock a{
  display: inline-block;

  margin-right:15px;

}
.profile{
  display: inline-block;
  text-align: left;
  width:75%;
  color: #ffffff;
  font-family: robotolight;
}
.profile_name{
  font-size:15px;
  float: left;
}
.profile_title{
  font-size:13px;
  float: left;
  opacity: 0.9;
}
h3{
  text-align: left;
  color: #000;
  font-size: 18px;
  padding-left: 82px;
  margin-bottom:15px;
}
h3 span{
  opacity:0.6;
}
h3 mat-icon{

  position: absolute;
}
.modal-backdrop.in {
  opacity: 0;
}
.close-icon>a>img{
    width: 31px;
    position: relative;
    float: right;
    margin-top: 9px;
    margin-right: 6px;
}

.new {
  padding: 60px 0px;
}

.new h2 {
  height: 19px;
  /* width: 346px; */
  color: #0E72DB;
  font-family: Roboto;
  font-size: 21px;
  font-weight: 500;
  padding: 36px 0px;
  line-height: 22px;
}

.newScreen {
  height: 48px;
  width: 220px;
  border-radius: 2px;
  background-color: #0E72DB;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
}
