.ui-button-warning{
    color: #fff !important;
}
.fa-plus-circle{
    font-size: 20px;
    color: #ffba01;
    margin-left: 10px;
    /* margin-top: 15px; */
}
.border{
  padding: 0px !important;
  border-radius: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 35px;
  border: 1px solid #21252966!important;
}
.btnwarn{
    margin-top: -10px;
}


.formInput {
    /* This bit sets up the horizontal layout */
    display:flex;
    flex-direction:row;
    
    /* This bit draws the box around it */
    border:1px solid grey;
    /* I've used padding so you can see the edges of the elements. */
    padding:2px;
  }
  
  .inputArea {
    /* Tell the input to use all the available space */
    flex-grow:2 !important;
    /* And hide the input's outline, so the form looks like the outline */
    border:none !important;
  }
  
  .inputArea:focus {
    /* removing the input focus blue box. Put this on the form if you like. */
    outline: none !important;
  }


  .overlaypanel-content-createnote::ng-deep .ui-overlaypanel{
    background-color: #fff !important; 
   
}
.overlaypanel-content-createnote::ng-deep .ui-shadow{
box-shadow:none !important;
}

.overlaypanel-content-createnote::ng-deep .ui-overlaypanel{
  border-radius: 8px !important;
  left: 614px !important;
  top: 27px;
  transform: translateY(0px);
  /* opacity: 7.5; */
  margin-top: 21px !important;
}



.vl {
border-left: 1px solid #ccc;
height: 20px;
position: absolute;
left: 50%;
margin-left: -3px;
}

.pi-plus-circle{
margin-top: 15px;
margin-left: -4px !important;
font-size: 33px !important;
color: #ccc !important;

}

.overlaypanel-content-part::ng-deep .ui-overlaypanel{
background-color: transparent !important; 
 border: none !important;

}
.overlaypanel-content-part::ng-deep .ui-shadow{
box-shadow:none !important;
}

.overlaypanel-content-part::ng-deep .ui-overlaypanel{
border-radius: 8px !important;
left: 500px !important;
transform: translateY(0px);
opacity: 1;
margin-top: -44px !important;
/* margin-left: 954px !important; */
/* margin-right: -117px !important; */
}

.overlaypanel-content-part::ng-deep .ui-overlaypanel:after{
/* background-color: #ffc124 !important; */
display: none !important;
}

.overlaypanel-content-part::ng-deep .ui-overlaypanel::before{
display: none !important;
}

.contact_popup_checkbox::ng-deep .ui-chkbox .ui-chkbox-box{
  width: 15px !important;
  height: 15px !important;
  border-radius: 0px !important;
}

.contact_popup_checkbox::ng-deep .ui-chkbox-label{
  margin: 0 !important;
  font-size: 13px !important;
  font-size: 13px;
  font-weight: 400;
  color: #000;
}

.contact_popup_checkbox::ng-deep .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  overflow: hidden;
  position: relative;
  font-size: 13px;
}

.contact_popup_checkbox::ng-deep.ui-dialog .ui-dialog-content{
  margin-bottom: 12px !important;
}



.overlaypanel-associatestaff::ng-deep .ui-overlaypanel{
  background-color: #fff !important; 
 
}
.overlaypanel-associatestaff::ng-deep .ui-shadow{
box-shadow:none !important;
}

.overlaypanel-associatestaff::ng-deep .ui-overlaypanel{
    left: 768px !important;
    top: 0px !important;
    margin-top: 596px !important;
}


.border1{
  padding: 0px !important;
  border-radius: 4px;
  margin-top: -7px;
  margin-bottom: 5px;
  height: auto;
  min-height: 35px;
  border: 1px solid #21252966!important;
}

.uibuttonwarning{
  background-color: #ffba01;
  border: 1px solid #ffba01;
  color: #fff !important;
  border-radius: 3px;
  margin-top: 3px;
  margin-bottom: -4px;
  width:auto;
  
}

.diplaybtn{
  width:100%;
  display: flex;
}

.lognoteAs::ng-deep .ui-dropdown{
  height: 30px !important;
}

.lognoteAs::ng-deep .ui-dropdown label.ui-dropdown-label{
  padding: 1px !important;
}

.sendinternal_overlay::ng-deep .ui-overlaypanel{
    margin-left: -65px !important;
    margin-top: 56px !important;
    z-index: 100 !important;
}


.contact_popup_checkbox::ng-deep .ui-chkbox .ui-chkbox-box{
  width: 15px !important;
  height: 15px !important;
  border-radius: 0px !important;
}

.contact_popup_checkbox::ng-deep .ui-chkbox-label{
  margin: 0 !important;
  font-size: 13px !important;
  font-size: 13px;
  font-weight: 400;
  color: #000;
}

.contact_popup_checkbox::ng-deep .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  overflow: hidden;
  position: relative;
  font-size: 13px;
}

.contact_popup_checkbox::ng-deep.ui-dialog .ui-dialog-content{
  margin-bottom: 12px !important;
}

.fa-minus-square {
  float: right;
  font-size: 16px;
}

.fa-plus-square {
  float: right;
  font-size: 16px;
}

.createTask::ng-deep .ui-dialog{
  width: 50% !important;
  position: absolute;
    top: auto !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    overflow-y: scroll !important;
}


.myClass::ng-deep .ui-dialog{
  top:200px !important;position: absolute !important; margin-top: 200px !important;
}