/* ----------- EDIT BTN -------------- */
.editBtn{
  position: absolute;
  right: -31px;
  top: 0px;
  cursor: pointer;
  opacity:1;
  background: #fff;
  height: 26px;
  width: 26px;
  border-radius: 20px;
  z-index: 12;
  color: #6f6f6f;
  /*box-shadow: 2px 2px 1px #d4d4d4;*/
  font-size: 13px;
  text-align:center;
  opacity:0;
  line-height: 22px;
  /*box-shadow: 2px 2px 1px #737373;*/
  background: var(--secondaryActionColor);
  border: 2px solid #fff;
  color:#fff;
  display: none;
}
.editBtn.show{
  opacity:1;
  display: block;
  transition:opacity 150ms ease-in;
}

.editBtn.dark{
  box-shadow:none;
}



/* ---------- EDIT POPUP -------------- */
.editPopup{
  position: absolute;
  position: fixed;
  top: -17px;
  left: -19px;
  background: #fff;
  border: 1px solid #ababab;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 1px 1px 1px black;
  width: 300px;
  z-index: 11;
  display:none;
}
.editPopup.text{
  width: 400px;
}
.editPopup.multipleDates{
  /*width:224px;*/
  width: 264px;
}
.editPopup.picklist{
  width:320px;
}
.editPopup.multiplePicklist{
  width:224px;
}
.editPopup.textarea{
  width: 700px;
  top: 30%;
}



.editPopup.dark{
  background: #7d7d7d;
  border: 1px solid #7d7d7d;
}
.editPopupBGOverlay{
    position: fixed;
    top: 0px;
    left: 0px;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 11;
    opacity: 0.1;
    display:none;
}

.editPopup .fieldName{
  position: relative;
  left: 5px;
  opacity: 0.5;

}
.editPopup .inputHolder{
  margin-right: 10px;
  position: relative;
  width: 198px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  overflow: hidden;
  background:#fff;
}
.editPopup.text .inputHolder{
  width: 300px;
}
.editPopup.multipleDates .inputHolder{
  margin-left: 40px;
}
.editPopup.textarea .inputHolder{
  width: 670px;
}




.editPopup .scheduleBtnHolder{
  display: none;
    position: absolute;
    background: #2ca3ce;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    top: 35px;
    left: 12px;
    text-align: center;
    line-height: 28px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.editPopup.multipleDates .scheduleBtnHolder{
  display: block;
}


/* Input Holder */
.editPopup.dark .inputHolder{
  border: 1px solid #656565;
}
.editPopup .inputHolder input{
  border:none;
  width:94%;
}
.editPopup.multipleDates .inputHolder input{
  width: 90%;
}
.editPopup.textarea .inputHolder textarea{
  height: 170px;
}



.editPopup.textarea .btnsHolder{
  width: 86px;
    position: relative;
    overflow: auto;
    margin: 10px auto;
    height: 48px;
}
.editPopup .inputHolder .clearBtn{
  position: absolute;
    top: 12px;
    right: 5px;
    background: #d4d4d4;
    color: #fff;
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 15px;
    border-radius: 10px;
    font-size: 10px;
}




.editPopup .cancelBtn, .editPopup .acceptBtn{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    line-height: 30px;
    position: relative;
    top: 5px;
    cursor:pointer;
}
.editPopup.textarea .acceptBtn, .editPopup.textarea .cancelBtn{
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 20px;
}
.editPopup.dark .cancelBtn, .editPopup.dark .acceptBtn{
    border: 1px solid #636363;
}
.editPopup .cancelBtn{
  background:#f18889;
  margin-right:6px;
}
.editPopup .acceptBtn{
  background:#68e668;
}
.editPopup.multipleDates .acceptBtn, .editPopup.multiplePicklist .acceptBtn{
  display:none;
}
.editPopup.multipleDates .cancelBtn, .editPopup.multiplePicklist .cancelBtn{
  display:none;
}

.editPopup .addObjectBtnHolder{
  width: 100%;
  clear: both;
  display:none;
}
.editPopup .addObjectBtn{
    width: 100px;
    background: #fff;
    color: #c5c5c5;
    border-radius: 4px;
    margin: auto;
    text-align: center;
    line-height: 26px;
    border: 1px solid #c5c5c5;
    cursor: pointer;
    display:none;
}

/* ------------------ EDIT POPUP PICKLIST ------------------ */

.editPopup.picklist .inputHolder{
  display:none;
}
/* ----- Picklist Holder ------- */
.editPopup .picklistHolder{
  width: 208px;
  float: left;
  height: 40px;
  line-height: 40px;
  display:none;
  margin-right:16px;
}
.editPopup.picklist .picklistHolder{
  display:block;    
}
.editPopup .picklistHolder .picklist{
  height:36px;
  min-width:190px;
  max-width:210px;
}


.editPopup.object .topHolder{
  clear: both;
  overflow: auto;
  /*border-bottom: 1px solid #d4d4d4;*/
}

.editPopup.object .addObjectBtnHolder{
  display:block;
  overflow:hidden;
  height: 37px;
  transition:height 300ms ease-in;
}
.editPopup.object.addObject .addObjectBtnHolder{
  height:0px;
  transition:height 300ms ease-in;
}
.editPopup.object .addObjectBtn{
  display:block;
}

/*
.editPopup .addContactArea{
  overflow: hidden;
  height: 0px;
  transition:height 300ms ease-in;
}
.editPopup.addObject .addContactArea{
  height: 495px;
  transition:height 300ms ease-in;
}
.editPopup .addContactArea .fieldHolder{
  margin-top: 22px;
  position:relative;
}
.editPopup .addContactArea .fieldHolder .lbl{
    position: absolute;
    top: -8px;
    right: 7px;
    color: #adadad;
    text-align: right;
    background: #fff;
    font-size: 11px;
    overflow: auto;
    height: 26px;
    padding: 0px 7px;
    opacity:0;
    transition:opacity 200ms ease-in;
}

.editPopup .addContactArea .fieldHolder.editing .lbl{
  opacity:1;
  transition:opacity 200ms ease-in;
}

.editPopup .fieldHolder .required{
    border-left: 5px solid #61c6e6;
}

.editPopup .addContactArea .submitBtn{
      width: 90px;
    background: #61c6e6;
    color: #fff;
    text-align: center;
    line-height: 38px;
    border-radius: 4px;
    margin: 19px auto 4px;
    cursor:pointer;
}
.editPopup .addContactArea .submitBtn.inactive{
  opacity:0.2;
  cursor:none;
}
*/

.editPopup .addObjectTextHolder{
  position: relative;
    overflow: hidden;
    height: 0px;
    transition:height 300ms ease-in;
}
.editPopup.addObject .addObjectTextHolder{
  height: 30px;
  transition:height 300ms ease-in;
}
.editPopup .addObjectTextHolder .addObjectText{
  width: 100px;
    margin: auto;
    color: #61c5e6;
    text-align: center;
}
.editPopup .addObjectTextHolder .addObjectCancelBtn{
  cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    width: 60px;
    text-align: center;
    color: #bfbfbf;
}

.editPopup .addition{
  overflow: auto;
    /*max-height: 700px;*/
    width: 410px;
    min-width:410px;
    /*background: #fff;*/
    /*background:#464646;*/
    /*position: absolute;*/
    position:fixed;
    /*top: -38px;*/
    top:30px;
    left: 209px;
    /*border: 4px solid #fff;*/
    /*border-radius: 4px;*/
    /*box-shadow: 2px 2px 2px #6d6d6d;
    border-left: 4px solid #fff;
    border-left:3px solid #464646;*/
    /*border-right: 4px solid #fff;*/
    height: 100%;
    padding-top: 15px;
    display:none;

}
.editPopup.multipleDates .addition, .editPopup.multiplePicklist .addition{
  display:block;
}
.editPopup .addition .additionBackground{
  position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000cf;
    opacity: 1;
    border-left: 3px solid #fff;
}
.editPopup .addition .checkboxBtnsHolder{
  clear: both;
    width: 100%;
    height: 40px;
    /*margin: 10px 14px 10px;*/
    /*border-bottom: 1px solid #dcdcdc;
    background: #ececec;*/
    padding: 5px 13px;
    position: relative;
}
.editPopup .addition .checkboxBtnsHolder .checkboxBtn{
  float: left;
    margin-right: 10px;
    padding: 3px 10px;
    color: #9a9a9a;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    cursor:pointer;
    border: 1px solid #ccc9c9;
}
.editPopup .addition .tasks{
  margin: 0px 0px;
    max-height: 600px;
    overflow: auto;
    /*background: #fff;*/
    padding: 15px 15px;
    position: relative;
    border-bottom: 1px solid #424242;
}
.editPopup .addition .tasks::-webkit-scrollbar {
  display: none;
}


.editPopup .addition .tasks .phaseHolder{
  margin-bottom: 20px;
    font-size: 17px;
    border-bottom: 1px solid #ffffff40;
    padding-bottom: 20px;
}
.editPopup .addition .tasks .phaseHolder .title{
  color: #fff;
}
.editPopup .addition .tasks .phaseHolder .tasksHolder{

}
.editPopup .addition .tasks .task{
  /*border-bottom: 1px solid #e4e4e4;*/
    clear: both;
    overflow: auto;
    min-height: 24px;
    font-size: 16px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    cursor: pointer;
}
.editPopup .addition .tasks .task:hover{
  background: #444444;
}
.editPopup .addition .tasks .task.primary{
  background: var(--trackrDarkBlueColor);
    color: #fff;
    border-radius: 4px;
}
.editPopup .addition .tasks .task.noDate{
  color:red;
}
.editPopup .addition .tasks .task.disabled{
  opacity:0.3;
  opacity: 0.8;
}
.editPopup .addition .tasks .task .taskCheckbox{
  float: left;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
.editPopup .addition .tasks .task.primary .taskCheckbox{
  visibility:hidden;
}
.editPopup .addition .tasks .task .name{
  float: left;
  /*width: 270px;*/
  width: 300px;
  margin-right: 20px;
}
.editPopup .addition .tasks .task.linkedTask .name{
  position: relative;
  left: 0px;
}
.editPopup .addition .tasks .task.hasCompletedHours .name{
  color: var(--negativeColor);
}
.editPopup .addition .tasks .task .date{
  float: left;
  width: 85px;
}
.editPopup .addition .tasks .task .assignedToName{
  float: left;
  display: none;
}
.editPopup .addition .changeAllBtnHolder{
  color: #fff;
    margin: 0px auto 0px;
    position: relative;
    height: 79px;
    /*border-top: 1px solid #bfbfbf;
    background: #464646;
    border-bottom: 1px solid #000;*/
    padding-bottom: 85px;
    width:388px;
    position: relative;
}
.editPopup .addition .changeAllBtn{
      width: 195px;
    background: #68e667;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 44px;
    cursor: pointer;
    border-radius: 4px;
    overflow: auto;
    padding-left: 12px;
    position: absolute;
    left: 48px;
    top: 18px;
    border: 2px solid #313131;
}
.editPopup .addition .changeAllBtn:hover{
  background: #54ce53;
}
.editPopup .addition .changeAllBtn div{
  float:left;
  text-align:center;
  color: #000000;
}
.editPopup .addition .changeAllBtn .selectedCount{
  width: 35px;
    border: 1px solid #ffffff;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: 7px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    border-radius: 4px;
    background: #1cb91c;
}
.editPopup .addition .changeAllCancelBtn{
  background: #f18789;
    color: #fff;
    width: 64px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    font-size: 17px;
    top: 18px;
    left: 291px;
    cursor: pointer;
    border: 2px solid #313131;
}
.editPopup .addition .changeAllCancelBtn:hover{
  background:#ce686a;
}
.editPopup .addition .changeAllTitle{
  margin: auto;
    text-align: center;
    height: 60px;
    font-size: 17px;
    background: #56bae2;
    background: linear-gradient(45deg, #1f8db5, #3bbcea);
    color: #fff;
    line-height: 60px;
    /*border-bottom: 1px solid #3791b5;*/
    background: none;
    position: relative;
}
.editPopup .addition .daysMovedLabel{
  float: left;
    width: 160px;
    margin-left: 18px;
    color:#fff;
}
.editPopup .addition .daysMovedValue{
    width: 206px;
    float: left;
    text-align: right;
    font-size: 34px;
    position: absolute;
    right: 20px;
}


.editPopup .bottomHolder{
  background: #eaeaea;
    height: 40px;
    padding-top: 8px;
    border-radius: 4px;
    margin-top: 7px;
}
.editPopup .bottomHolder .btnsHolder{
  position: relative;
  height:25px;
}
.editPopup .bottomHolder .btnsHolder .editObjectBtn{
  background: #b5b5b5;
    width: 90px;
    text-align: center;
    border-radius: 4px;
    line-height: 25px;
    position: absolute;
    top: 0px;
    left: 35px;
    color: #fff;
    cursor: pointer;
}
.editPopup .bottomHolder .btnsHolder .newObjectBtn{
  background: #e6a04a;
    width: 90px;
    text-align: center;
    border-radius: 4px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    right: 35px;
    top: 0px;
    cursor:pointer;
}