.sidebargraybg { background-color: #f7f7f9; padding-bottom: 100px !important;    overflow-y: auto;
    overflow-x: hidden; transition: all 0.5s; position: fixed; bottom: 0px; top: 0px; padding: 35px; width: 700px; z-index: 138; right: 0px; transform: translateX(700px);}
.sidebargraybg h3 {color: #8181A5; font-weight: 700; font-size: 20px;}
.mr-500 { margin-right: 700px !important;}
.mr-right-500 {transform: translateX(0px);}
.custom-side-mr {     transform: translateX(700px);}

.commentbox-container.updatetask{ width: 1279px; z-index: 139; margin-left: 1px;
    position: fixed;}

.importModal{
    overflow: hidden;
}

.error-message{
    color: red;
}

.fieldWrapper input{
    padding-right: 35px;
}

.fieldWrapper .log-ic{
   top: 27px; 
}

.customImageHolder{
    width: 120px;
    height: 120px;
}

.customImageHolder img{
    max-width: 100%;
    max-height: 100%;
}

.cont_select_int{
    z-index: 55 !important;
}

.custom-select-option-2{
    min-width: 70px;
    justify-content: center;
}

.custom_nav{
    height: auto;
}

.variabletext {
    font-size: 14px;
      color: #5E81F4;
      float: right;
      z-index: 2;
      right: 14px;
      top: 7px;
}

#select2-searchForTimeTracker-container{
    color: #b3b3c5;
}



.custom_container .select2-container{
    width: 100% !important; /* Your custom width here */
}

.custom_container .select2-container--default .select2-selection--single{
    border: #D9D9EB solid 1px;
}

.custom_container .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-weight: normal;
}


.greenBack::before{
    background-color: green;
  }

.customselectbox .select2-container {
    display: block !important;
}