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;
}


.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: 19px 61px 0 76px;
}
.recommend-course img {
  padding: 1px 4px;
}
.recommend-course {
  margin-right: 35px;
  float: right;
  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: 10px 24px 7px 18px;
  color: #ffffff;
  background-color: #043660;
}
.recommendCard{
  display: inline-block;
  cursor: pointer;
  margin: 63px 0px 0px 11px;
  width: 224px;
  border-radius: 3px;
  height: 58px;
  position: absolute;
  background-color: #fff;
  z-index: 999;

}

.recommendCard img {
  float: right;
  margin: 19px -15px;
}
.recommendCard h2 {
  color: #000000;
  font-family: Roboto;
  font-size: 15px;
  line-height: 18px;
  float: left;
}

.recommendDiv1 {

}


.mat-select-menu-container {
  z-index: 9999;
}

.dropdowns {
  height: 44px;
  width: 260px;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  background-color: #FFFFFF;
  padding-left: 10px;
}


.modal_coach{
  position: absolute;
  left:0px;
  text-align: center;
  color: #fff;
  display: inline-block;
  height:100%;
  width:100%;
  z-index:1;
  background-color: #fff;
  opacity:0.95;
}
.modalWindow {
  margin-top:100px;
  height: 598px;
  width:800px;
  border-radius: 6px;
  padding:0px;
  background-color: #fff;
  box-shadow: 0 6px 16px 2px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,204,255,0.07);
}
.modalHead{
  display: inline-block;
  padding:0px;
  height: 12%;
  border-radius: 3px 3px 0 2px;
  background-color: #F2FCFF;
}
.modalHead .title{
  display: inline-block;
  color: #000;
  float: left;
  padding:21px 0px;
  margin-left: 15px;
}
.modalHead .closeModal{
  float: right;
  position: absolute;
  right:24px;
  top:24px;
  cursor: pointer;

}
.modalBody{
  display: inline-block;
  height:87%;
  padding:0px;
  background-color: #ffffff;

}
.modalBody .modal_left_block{
  display: inline-block;
  padding: 0px;
  height:100%;
  background-color: #fefcfc;
}
.modalBody .modal_left_block .candidate_info{
  display: inline-block;
  width: 100%;
  border-radius: 3px;


}

.modalBody .modal_left_block .primarySkills{
  display: inline-block;
  color: #000000;
  font-size: 13px;
  text-align: center;
  height: 26px;
  border: 0.5px solid #D4CFCF;;
  padding: 0px 12px 4px 12px;
  border-radius: 89px;
  margin-right:6px;
}
.modalBody .modal_left_block .cdt_top_card{
  margin-top:25px;
  margin-bottom:25px;
}
.modalBody .modal_left_block .cdt_top_card .initials{
  display: inline-block;
}
.modalBody .modal_left_block .cdt_top_card .IMG{

  display: inline-block;
  margin-top: 14px;
  height: 75px;
  width: 75px;
  font-size: 1.7em;
  padding-top: 24px;
  border-radius: 100%;
  background-color: #50E3C2;
  color: #fff;
}
.modalBody .modal_left_block .primary_skills{
  width:100%;
}
.modalBody .modal_left_block .candidate{
  padding:0px;
  margin:0px;
  display: inline-block;
  width:100%;
  text-align: center;
}
.modalBody .modal_left_block .candidate h4{
  color: #000000;
  font-size:0.8em;
  margin-top:17px;
  text-transform: capitalize;
}
.modalBody .modal_left_block .candidate h5{
  font-size:0.75em;
  color: #000;
  opacity: 0.7;

  margin:9px 0px 32px 0px;

}
.modalBody .modal_left_block .candidate h5 .exp_level{
  color: #00CCFF;

  opacity: 1;
}
.modalBody .cdt_bottom_card .tests{
  padding:10px;
  text-align: left;
}
.modalBody .modal_right_block{
  height:465px;
  overflow: scroll;
  overflow-x: hidden;
  margin-top:10px;
}
.modalBody .modal_right_block .cdt_top_card{
  display: inline-block;
  width:100%;
  padding-top:10px;
  border-bottom:1px dashed #ccc;
  padding-bottom:20px;
}
.modalBody .modal_right_block .cdt_top_card .IMG{
  height: 40px;
  width: 40px;
  display: inherit;
  border-radius: 100%;
  margin-top: 8px;
  float: left;
  padding-top: 8px;
  background-color: #50E3C2;
  color: #fff;
}
.modalBody .modal_right_block .cdt_top_card .candidate{
  display: inline-block;
  float: left;
  width:50%;
  margin-left: 14px;
  text-align: left;
}
.modalBody .modal_right_block .cdt_top_card .candidate h4{
  color: #000;
  font-size:0.7em;
  text-transform: capitalize;
}
.modalBody .modal_right_block .cdt_top_card .candidate h5{
  opacity: 0.7;
  color: #000;
  margin-top:0px;
  font-size:0.65em;
}
.modalBody .modal_right_block .cdt_top_card .candidate h5 .exp_level{
  color: #00CCFF;
  opacity: 1;

}
.modalBody .modal_right_block .cdt_top_card input{
  float: right;
  cursor: pointer;
}
.modalBody .modal_right_block .cdt_top_card input[type=checkbox]{

  padding: 0.5em;
  height:25px;
  width:25px;
  background-color: #F8F8F8;
  border-radius: 5px;
  border: 1px solid #E3E3E3;
  -webkit-appearance: none;
}
.modalBody .modal_right_block .cdt_top_card  input[type=checkbox]:checked {
  background-color: #00CCFF;
  border: 1px solid #04C1F0;
  background-repeat:no-repeat;
  background-position: center;
  background-size: 55%;
}

.modalBody .modal_right_block .cdt_top_card input[type=checkbox]:focus {
  outline-color: transparent;
}
.modalBody .modal_right_block .cdt_top_card .scores{

  display: inline-block;
  color: #000000;
  font-size: 13px;
  width:48%;
  text-align: left;
  height: 26px;
}
.modalBody .modal_right_block .cdt_top_card .scores h3{
  font-size:1.4em;
  margin-top:0px;
}
.coachCandidate{
  display: inline-block;
  border-radius: 100px;
  float: right;
  background-color: #FFFFFF;
  border: 1px solid rgba(4,54,96,0.3);
  width: 153px;
  cursor: pointer;
}
.modalBody .modal_right_block .coachCandidate .candidate{
  margin:0px;
}
.modalBody .modal_right_block .coachCandidate .butn{
  background-color: #043660;
  border-radius: 100px;
  box-shadow: 0 8px 19px 0 rgba(231,235,238,0.5);
  width: 80px;
}
.modalBody .modal_right_block .coachCandidate .candidate .butn{
  float: left;
  text-align: center;
}
.modalBody .modal_right_block .coachCandidate .candidate .ext{
  float: right;
  width:153px;
  text-align: center;
}
.modalBody .modal_right_block .coachCandidate .candidate .ext h5{
  text-align: center;
  display: inline-block;
  color: #000;
  opacity: 0.7;
  margin:2px 0px 2px 0px;
}
.modalBody .modal_right_block .coachCandidate .coach .ext h5{
  text-align: center;
  display: inline-block;
  color: #000;
  opacity: 0.7;
  margin:2px 0px 2px 0px;
}
.modalBody .modal_right_block .coachCandidate .candidate .butn h5{
  color: #fff;
  opacity:1;
  text-align: center;
  margin:2px 0px 3px 0px;
}
.modalBody .modal_right_block .coachCandidate .coach .butn h5{
  color: #fff;
  opacity:1;
  text-align: center;
  margin:2px 0px 3px 0px;
}
.modalBody .modal_right_block .coachCandidate .coach .butn{
  float: right;
  text-align: center;
}
.modalBody .modal_right_block .coachCandidate .coach .ext{
  float: left;
  width:153px;
  text-align: center;
}
.modalBody  .confirmCoach{
  display: inline-block;
  position: relative;
  float: right;
  bottom:0px;
  right: 0px;;
  height:50px;
  width:80px;
  cursor: pointer;
  border-radius: 0 0 2px 0;
  background-color: #00CAFF;
  background-position: center;
  background-repeat:no-repeat;

}
.aws-modal .modal-content{
  height: 262px;
  width: 800px;
}
.aws-modal .modal-body{
}
.modal-content{
  height: 341px;
}
.skill-modal .modal-body{
  height: 189px;
}
.modal-header .close {
  opacity: 1.0;
}
.modalbuttons {
  display: inline-flex;
  justify-content: space-between;
  width: 40%;

}
.modalbutton1 {
  border-radius: 100px;
  /*box-shadow: 0px 2px 3px 0px;*/
  width: 140px;
  height: 42px;
  background-color: #FE6A71;
  border: none;
}
.modalbutton1:focus {
  outline-color: white;
}
.modalbutton2:focus {
  outline-color: white;
}
.no {
  text-align: center;
  list-style: none;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  margin: auto!important;
}
.modalbutton2 {
  border-radius: 100px;
  /*box-shadow: 0px 2px 3px 0px;*/
  width: 140px;
  height: 42px;
  background-color: #7ADE81;
  border: none;
}
.modal-header {
  background-color: #F2FCFF;
  margin-bottom: 10px;
}
.modal-title {
  color: #003561;
  text-align: center;
}
.yes {
  text-align: center;
  list-style: none;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  margin: auto!important;
}
.modal-body {
  padding-top: 25px;
}
.modal-body h5 {
  color: #313131;
  font-size: 20px;
  margin-bottom: 40px;
}
.rectBox {
  cursor: pointer;
  height: 50px;
  width: 80px;
  border-radius: 0 0 2px 0;
  background-color: #87e420;;
  float: right;
  margin: 164px 0 0px 0px;
}
.checkIcon {
  margin: 19px 0 0 0px;
}
