.pl0{padding-left: 0px !important;}
.creproject .btn-flat:hover, .btn-flat:focus, .btn-flat:active {
  color: #000;
  background: #efefef;
  border-color:#efefef;
}

.profilmenuproject .usr-img-project {
   width: 30px; 
   border-radius: 50%; 
   margin-right: 20px;
}
#hidden {
  display: none;
}
#visible:hover #hidden {
  display: block;
}

.CircularProgressbar{
  width: 100%  !important;
}

.circle-wrap {
    margin: 50px auto;
    width: 150px;
    height: 150px;
    background: #e6e2e7;
    border-radius: 50%;
  }
.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}
.circle-wrap .circle .mask {
    clip: rect(0px, 150px, 150px, 75px);
  }
  .circle-wrap .circle .mask .fill {
    clip: rect(0px, 75px, 150px, 0px);
    background-color: #9e00b1;
  }
  .circle-wrap .circle .mask.full,
  .circle-wrap .circle .fill {
    animation: fill ease-in-out 3s;
    transform: rotate(0deg);
  }
   
  /* @keyframes fill {
    0% {
      transform: rotate(10deg);
    }
    100% {
      transform: rotate(90deg);
    }
  } */
  .circle-wrap .inside-circle {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
  line-height: 130px;
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 2em;
}





.header .leftside-menu .fa-angle-down { border: 1px solid #777; border-radius: 50%; width: 20px;height: 20px; text-align: center; line-height: 20px; font-size: 15px;}
.my-dropdown {
  border: none !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: solid 1px #E4E4E4;
}
.teamsubmenu .serchteam {  min-width: 225px!important;  margin-top: 0;}
.my-dropdown>li>a {
  display: block !important;
  padding: 8px 6px !important;
  clear: both !important;
  font-weight: 500 !important;
  line-height: 1.42857143 !important;
  color: #333;
  white-space: nowrap !important;
  margin-right: 0 !important;
}
.teamsubmenu ul li {  list-style-type: none; float: none!important;  margin-right: 0!important;   padding: 0!important;}

.pr-listview{display:flex;width: 85%;}
.listview-dtl { padding-left: 20px;  padding-top: 5px;}
.listview-dtl h4 {margin-top: 0;font-size: 16px;    margin-bottom: 5px;}
.listview-dtl h4 { line-height: 1;}
.listview-dtl p {  margin-bottom: 0;line-height: 20px;    font-size: 13px;}
.listview-aimg img {  width: 50px;}
.listview-aimg img { height: 50px;}
.pr-listview-icon{text-align:right;visibility: hidden;width: 15%;     padding-top: 12px;}
.pr-box:hover>.pr-listview-header .pr-listview-icon{visibility: visible;}
.pr-listview-header	.pr-listview-icon a img{margin-left:15px;}
.pr-listview-header{display:flex;}


/* Accordions */






.uni-popup .form-group {  position: relative;}
.pr-assign-img{width: 30px;height: 30px; border-radius: 50%; margin-right: 10px;}


/* Team card view */
.team-hovr-icon{visibility: hidden;color: #999;}

.whitecard .imgBox {    width: 83px;    height: 83px;    border-radius: 50%;    background-color: #fffdf7;
    border: 1px solid #e5e5e5;    margin: auto;}

.whitecard h3 { margin: 20px 0px; margin-bottom: 5px; padding: 0;  font-size: 17px;}
.whitecard .team-header p {font-size: 13px;border-bottom: 1px solid #ddd;    padding-bottom: 10px;}
.team-header{ text-align: center;}
.whitecard h3 img{filter: invert(70%);vertical-align: top;    margin-right: 5px;}
.team-footer p{font-size: 13px;}
.btn-dark:hover, .btn-dark:focus{color: white !important;  background: #028090;   font-weight: 500 !important;}
.btn-dark { color: white; background: #028090;  font-weight: 500 !important;}


/* Team List view */
.listview-aimg { float: left;}
.listview-dtl {  padding-left: 65px;    padding-top: 5px;}
.listview-dtl h3 { margin-top: 0px;}
.listview-dtl p { margin-bottom: 0;}
.lin-hight{line-height:unset;}

.doc-listview .table>tbody>tr>td a{color: #808080;}

.doc-listview{}
.doc-listview .table>tbody>tr>th{text-align:left;border: none;font-weight: 500;}
.doc-listview .table>tbody>tr>td{border: none;vertical-align: middle;}

.doc-tileview{}
.doc-tileview .doc-tileview-ul{padding: 0px; list-style-type: none;margin: 0;}
.doc-tileview .doc-tileview-li{display: inline-block;padding: 10px 20px;}
.doc-tileview .doc-tileview-li p{font-size: 14px;    margin-top: 5px;}
#Create-Folder .member-form{padding: 70px 0;}






	/* {filter: invert(100%) sepia(4%) saturate(7492%) hue-rotate(328deg) brightness(117%) contrast(110%);} */
.ml15{    margin-left: 15px;}


/* Project Milestones */

/* Project Tasks */
.project-milestones .project-tasks{ margin:30px 50px;}
.project-milestones .project-tasks .title-heading h4{margin-top: 0px;font-weight: 700!important;}
.padding0{padding:0 !important;}
/* .project-tasks .pr-taskddl-list{margin-bottom: 30px;} */
.pt5{padding-top: 5px;}
.project-tasks .pr-taskddl-list .pr-taskddlicon{float: left;}
.project-tasks .pr-taskddl-list .pr-taskddl{ padding-top: 7px; font-size: 16px; font-weight: 700;}
.novisible {  visibility: hidden;}
.project-tasks .pr-taskddl-list .pr-taskddl a{color:#000;}
.react-tel-input .form-control{height: 40px !important;}

/* Project Team */
.project-teams{    margin: 40px 60px;}
.project-teams .teamcardview { background: #fff; box-shadow: 0 0px 5px 0 rgb(0 0 0 / 20%);    border-radius: 4px; margin-bottom: 30px;}
.padd0{padding:0;}
.project-teams .tmcard-info{    background: #F8F8F8;    padding:30px 10px;    position: relative;}
.project-teams .tmcard-body{padding: 0px 0;}
.project-teams .tmcard-body .bodylist{    padding: 10px 20px 10px 20px;}
.project-teams .tmcard-body .bodylist .icon{   float: left;    text-align: center;}
.project-teams .tmcard-body .bodylist .name{padding-left: 55px; color: #808080; font-size: 14px; padding-top: 7px;    margin-bottom: 0;}
.project-teams .tmcard-footer{    border-top: 1px solid #BEBEBE;padding: 20px;}
.project-teams .tmcard-footer .btn-redius{background: #D9ECEE;  color: #028090;  border-radius: 30px;    font-size: 13px;
    font-weight: 600;    margin-right: 10px;}
.project-teams .tmcard-footer .btn-redius img{margin-right: 5px;  vertical-align: initial;}
.project-teams .cardview-aimg {  float: left;}
.project-teams .cardview-dtl { padding-left: 65px;  padding-top: 5px;}
.project-teams .cardview-dtl h3 { margin-top: 0px;font-weight: 700; font-size: 15px; margin-bottom: 0;}
.project-teams .cardview-dtl p {margin-bottom: 0; line-height: 20px;  font-size: 13px;}
.project-teams .cardview-aimg img {  max-width: 100%;    height: 50px;width: 50px;    border-radius: 50%;}
.project-teams .tm-userList .tmcard-info .head-pack{padding-left:25px;}
.project-teams .tm-userList .tmcard-info .crownbg img{position: absolute; width: 25px; height: 25px;left: 20px;top: 30px;}
.crownbg{}

.serchmemberpage{}
.serchmemberpage .assigneSearch{width: 80%; margin: 15px auto;}
.serchmemberpage .serchmember{ width: 80%;height: 255px;  overflow-x: hidden; overflow-y: scroll;padding-right: 15px;margin: 0 auto;}
.serchmember-flex { display: flex;border-bottom: 1px solid #A6A7A7;  padding: 15px 0;}
.serchmember-flex .right-b {padding-top: 7px;     width: 20%;  text-align: right;color: #9C9C9C;}
.serchmember-info {width: 80%;}





/* project memeber component */
.Inviteesddl{position: relative;}
.Inviteesddl .Invitees-serch{    width: 100%; padding: 10px 10px; border-radius: 4px;}
.Inviteesddl .inputBtn{    position: absolute;  right: 10px; top: 10px;}
.project-member{    background: white; width: 80%;  margin: 0 auto;   margin-top: 10px;box-shadow: 0 0px 5px 0 rgb(0 0 0 / 20%);    padding: 10px 20px;}
.project-member .assto-detais{display: flex;padding: 15px 0; border-bottom: 1px solid #e4e4e4;   }
.project-member .assto-info{    width: 85%;  float: left;}
.project-member .roundcheckbox label { background-color: #fff;  border: 1px solid #ccc;  border-radius: 50%; cursor: pointer; height: 24px; left: 0; position: absolute;  top: 0; width: 24px;}
.project-member .roundcheckbox label:after {  border: 2px solid #fff;  border-top: none;  border-right: none;  content: "";  height: 6px;  left: 5px;  opacity: 0;  position: absolute;  top: 6px; transform: rotate(-45deg); width: 12px;}
.project-member .roundcheckbox input[type="checkbox"] { visibility: hidden;}
.project-member .roundcheckbox input[type="checkbox"]:checked + label { background-color: #028090; border-color: #028090;}
.project-member .roundcheckbox input[type="checkbox"]:checked + label:after { opacity: 1;}
.nohight { min-height: 0px !important;}




/* Project Documents */
.project-documents {    margin: 20px 90px;}
.project-documents .docs-title{font-weight:600;padding: 15px 0;}
.project-documents .docs-title a img{margin-right: 10px;}
.documentsBtn .btn-group {display: table;width: 100%;table-layout: fixed;}
/* list view */
.doc-listview{}
.doc-listview .table>tbody>tr>th{border: none;font-weight: 600;    padding: 15px;}
.doc-listview .table>tbody>tr>td{border: none;vertical-align: middle;    color: #808080;}
.doc-listview .table>tbody>tr>td>.pr-name{width:20px; margin-right:20px;}
/* tile view */
.doc-tileview{}
.doc-tileview .doc-tileview-ul{padding: 0px; list-style-type: none;margin: 0;}
.doc-tileview .doc-tileview-li{display: inline-block;margin: 10px; width: 17%;}
.doc-tileview .doc-tileview-li img{width: 50px; height: 50px;	}
.doc-tileview .doc-tileview-li p{font-size: 11px;    margin-top: 10px;font-weight: 600;}
#Create-Folder .member-form{padding: 70px 0;}

/* Documents Btn */
.documentsBtn .flexbox .btn-group {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.documentsBtn .btn-group .btn-inner {
  display: table-cell;
  position: relative;
  margin-left: -2px;
  border: 1px solid #DCDCDC;
  color: #808080;font-weight:600;
  background:#F7F7F7;
  padding: 12px 20px;
  font-size: 15px;
  position: relative;
  text-align: center;
  transition: all 0.1s ease-in;
  vertical-align: middle;
  z-index: 0;
  border-radius: 30px !important;
}
.documentsBtn .btn-group .btn-inner.active{background:#065F46 !important; color:#fff;}
.documentsBtn .flexbox .btn-group .btn-inner {
  flex: 1 1 0;
  display: inline-block;
}
.documentsBtn .btn-group .btn-inner + .btn-inner {
  margin-left: -2px;
}
.documentsBtn .btn-group .btn-inner:first-child {
  border-radius: 30px;
}
.documentsBtn .btn-group .btn-inner:last-child {
  border-radius: 0 4px 4px 0;
}


@media screen and (max-width: 34.75em) {
.documentsBtn   .flexbox .btn-group {
    flex-direction: column;
  }
.documentsBtn  .btn-group .btn-inner {
    border-bottom: 0;
  }
.documentsBtn   .flexbox .btn-group .btn-inner {
    flex: auto;
  }
.documentsBtn   .btn-group .btn-inner:first-child {
    border-radius: 4px 4px 0 0;
  }
.documentsBtn  .btn-group .btn-inner:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: 2px solid #d9d9d9;
  }
}

/* project documents breadcrumb */
.project-documents .breadcrumb { margin: 0; padding: 0px;  background-color: transparent;  border-radius: 0; font-size: 13px;  font-weight: 600;  line-height: 32px;}
.project-documents .breadcrumb .first-item a { color: #000;font-size: 16px;}
.project-documents .breadcrumb>li+li:before { padding: 0 10px;  color: #000;font-size: 20px;   display: none;}

/* project popup Create Folder */
.projectpopup{}
.projectpopup .doc-folder{    margin: 7% 20%;}
.projectpopup .doc-folder .fdicon{ width: 80px;}
.projectpopup .doc-folder h4{    font-size: 20px;  font-weight: 600;    padding-bottom: 20px;  padding-top: 10px;}
.projectpopup .doc-folder .doc-input{    position: relative;margin-bottom: 20%;}
.projectpopup .doc-folder .doc-input .form-control{padding-left: 50px ; width: 100%; height: 45px;}
.projectpopup .doc-folder .doc-input .form-control-icon{position: absolute;     top: 11px;  left: 20px;}

/* Upload File */
.filepicker .browseFile img {  display: block;  width: 70px;    height: auto;    margin: 0 auto;}
.filepicker .uploadImages { text-align: center;  padding: 40px 20px; border: 1px dashed #CDCDCC; background-color: #FCFCFC; transition: background-color .3s;  position: relative;  border-radius: 3px; margin: 30px;  cursor: pointer;}
.filepicker .file-footer { padding: 20px 10px;  margin: 0px;  list-style: none; text-align: center; background: #F2F2F2;}
.filepicker .file-footer li{display: inline-block;    padding: 0px 30px;}
.filepicker .attach-box {   width: 50%;}
.filepicker .browseFile h1 {  font-size: 18px; line-height: 1.3; color: #000; margin-top: 20px; font-weight: 700;}
.filepicker .modal-header { padding: 15px 30px;  border-bottom: none;}
.filepicker .modal-header.bgnone{background:transparent !important;}
.filepicker .modal-header .modal-title{font-weight: 700;}
.filepicker .noFIle{    padding: 100px 0;}
.filepicker .noFIle h5{font-weight: 700;}
.filepicker .file-outline{background: transparent;color: #028090; border: 2px solid #028090; border-radius: 2px; min-width: 120px; font-weight: 600;transition: all 0.3s ease-in-out !important;}
.filepicker .file-outline:hover{background: #028090;color: #fff; border: 2px solid #028090; border-radius: 2px; min-width: 120px; font-weight: 600;}
.filepicker .browsedFile{}
.filepicker .browsedFile img{margin: 10px;}
.file-delete{background:#F8F8F8;text-align: center;    padding-bottom: 55px;}
.file-delete img{ width: 80px;}
.file-delete h1{font-size: 20px; font-weight: bold; color: #1D4F3A;}
.file-delete p{    margin-bottom: 0;}
.file-deletefooter{    padding: 20px 10px;}
.file-deletefooter .btn-primery{    background: transparent; border: 1px solid #808080;  border-radius: 50px;color: #808080;  padding: 8px 35px;    margin-right: 15px;}
.file-deletefooter .btn-theme{    background: #028090; color: white !important; padding: 8px 35px;  border-radius: 50px;border: 2px solid #028090 !important;}

.asstolist li{padding: 0 !important;}

.asstolist .pi{padding:10px !important}

/*project Add Task Popups*/
.pr-addtask-popup .taskRightcol input[type="text"], textarea {outline: none;box-shadow:none !important; border:none !important;}
.pr-addtask-popup .modal-dialog{border-radius:5px; width:750px!important; position: relative;margin: 60px auto!important;}
.pr-addtask-popup .modal-header{background-color: #028090; height: 70px; padding:18px 30px 0px 30px!important;}
.pr-addtask-popup .modal-header .button{border:2px solid #ffffff; background-color: transparent; color:#ffffff; border-radius:3px; width:130px; text-align: center; padding:3px 5px;}
.pr-addtask-popup .modal-header .close{position: absolute; right: -30px; top:-35px; opacity:1;}
.pr-addtask-popup .modal-header .close img{width:32px;}
.pr-addtask-popup .modal-header .ut-icon{cursor: pointer; display: inline-block; padding:0px 10px;}
.pr-addtask-popup .modal-header .ut-icon img{width:3px;}
.pr-addtask-popup .modal-header .dropdown-menu-right{top: 40px;right: -12px; left: unset;  float: none;}

.pr-addtask-popup .modal-content{min-height:unset!important;border:none!important;}
.pr-addtask-popup .modal-body{padding:0px;}
.pr-addtask-popup .modal-body .taskrow{align-items: stretch;}
.pr-addtask-popup .taskleftcol{float:none; width:60%;    padding: 25px;}
.pr-addtask-popup .taskRightcol{width: 40%; background: #F2F2F2; padding: 25px; border-radius:0px; float:none;}
.pr-addtask-popup .form-group{position: relative; min-height:50px; padding-left:55px; border-bottom: 1px solid #dbdbdb;}
.pr-addtask-popup .label-icon{position:absolute; top:0; left:0; width:40px;}
.pr-addtask-popup .form-label{padding:5px 0px; font-size:14px; font-weight:700;font-family: 'Muli', sans-serif !important;}
.pr-addtask-popup .form-input{padding: 0px; box-shadow: none; border:none;outline: none;color:#808080;font-family: 'Muli', sans-serif !important; font-weight: 500;}
.pr-addtask-popup .form-input:focus{border:none;outline: none;}
.pr-addtask-popup textarea{border:none;outline: none; height: 30px;}
.pr-addtask-popup textarea:focus{border:none;outline: none;height: 30px;}
.pr-addtask-popup .attachments{min-height:100px;}
.pr-addtask-popup .taskRightcol .form-group{min-height:50px; padding-left:25px; border-bottom: 1px solid #dbdbdb;}
.pr-addtask-popup .taskRightcol .label-icon{width:16px; top:3px}
.pr-addtask-popup .taskRightcol .label-icon.addassignee{width:25px; top:0; left: unset; right:0; cursor: pointer;}
.pr-addtask-popup .taskRightcol .form-label{padding-top:0px; padding-bottom: 10px;}
.pr-addtask-popup .taskRightcol .form-label .label-icon{position:relative; top:unset; left: unset; width:8px; margin-left: 5px;}
/* .pr-addtask-popup .form-control{border:0px; background-color: transparent; padding:0px; color:#808080; box-shadow:none; font-size:13px;font-family: 'Muli', sans-serif !important; font-weight:500;} */
.pr-addtask-popup .form-control:focus{box-shadow:none;}
.pr-addtask-popup .form-control[disabled], .meetingpopup .form-control[readonly], .meetingpopup fieldset[disabled] .form-control {background-color: transparent;}
.pr-addtask-popup .form-control.dropdown-toggle{cursor: pointer;}
.pr-addtask-popup .taskRightcol input[type="date"]{border:0px; background-color: transparent; padding:0px; color:#808080; box-shadow:none; font-size:12px;font-family: 'Mulish', sans-serif !important;}
.pr-addtask-popup .taskRightcol .datedownarrow{position:absolute; top:49px; right:0; width:10px; cursor: pointer;}
.pr-addtask-popup .taskRightcol .dropdown select{border:0px; background-color: transparent; padding:0px; color:#808080; box-shadow:none; font-size:12px; font-family: 'Mulish', sans-serif !important;}
.pr-addtask-popup .taskRightcol .dropdown option{border:0px; background-color: transparent; padding:0px; color:#808080; box-shadow:none; font-size:12px; font-family: 'Mulish', sans-serif !important;}
.pr-addtask-popup .form-group.noborder{border-bottom:0px;}
.pr-addtask-popup .my-dropdown {border: none!important; padding: 0!important;border-radius: 4px!important;box-shadow: 0 1px 6px rgba(0,0,0,.175)!important; overflow-x: visible!important;}
.pr-addtask-popup .my-dropdown>li{cursor:pointer;border-bottom: 1px solid #eee;display: block;clear: both;font-weight: 500;line-height: 1.42857143;color: #333;white-space: nowrap;margin-right: 0px;transition:0.3s;}
.pr-addtask-popup .my-dropdown>li:hover{background-color:#f5f5f5;}
.pr-addtask-popup .my-dropdown::before {content:' '!important;background-color: transparent;border-right: 8px solid transparent;position: absolute; border-left: 8px solid transparent;border-bottom: 8px solid #fff;border-top: 8px solid transparent;top: -15px;right: 15px;}
.pr-addtask-popup .my-dropdown .fa-circle{font-size:10px; padding-right:15px; padding-left: 10px;}
.pr-addtask-popup .my-dropdown .fa-circle.high{color:#F17568;}
.pr-addtask-popup .my-dropdown .fa-circle.medium{color:#E1AE49;}
.pr-addtask-popup .my-dropdown .fa-circle.low{color:#26C56A;}
.pr-addtask-popup .my-dropdown .fa-circle.nopriority{color:#CDCDCD;}
.pr-addtask-popup .my-dropdown.priority{right:-135px; width:169px;}
.pr-addtask-popup .my-dropdown.priority::before{right:unset; left:21px}
.pr-addtask-popup .my-dropdown.status{right:-135px; width:169px;}
.pr-addtask-popup .my-dropdown.status::before{right:unset; left:21px}
.pr-addtask-popup .attch-file{border:1px solid #707070; width:90px; height:91px; margin: 10px 20px 0px 0px;}
.pr-addtask-popup .preview-attach{position: absolute; width:30px; top:10px; left:10px;}
.pr-addtask-popup .taskassignto .serchteam{position: absolute;top: 40px;width: 250px;left: 10px;padding: 2px!important;}
.pr-addtask-popup .taskassignto .teamat-serch{padding-left:10px;}
.pr-addtask-popup .taskassignto .fa.fa-search{color:#bdbdbd;}
.pr-addtask-popup .taskassignto .my-dropdown>li{padding:0px;}
.pr-addtask-popup .taskassignto .user-icon {border: 1px solid #ddd;width: 35px;border-radius:50%; margin-right: 10px; height: 35px; overflow: hidden; display: inline-block; vertical-align:middle;}
.pr-addtask-popup .taskassignto .user-icon img{width:100%;}
.pr-addtask-popup .taskassignto .user-blank {border: 1px solid #ddd;width: 35px;border-radius:50%; margin-right: 10px; height: 35px; overflow: hidden; display: inline-block; vertical-align:middle;}
.pr-addtask-popup .taskassignto .calledby .user-icon{margin-right:0px; margin-left:-5px;}
.pr-addtask-popup .taskassignto .assign-user{border-bottom:none;}
.pr-addtask-popup .dropdown span.High{border-left:3px solid #F17568; position: absolute; top:10px; left:35px; width:10px; height:15px;}
.pr-addtask-popup .dropdown span.Medium{border-left:3px solid #E1AE49; position: absolute; top:10px; left:50px; width:10px; height:15px;}
.pr-addtask-popup .dropdown span.Low{border-left:3px solid #26C56A; position: absolute; top:10px; left:35px; width:10px; height:15px;}
.pr-addtask-popup .dropdown span.Nopriority{border-left:3px solid #CDCDCD; position: absolute; top:10px; left:35px; width:10px; height:15px;}
.pr-addtask-popup .slidecontainer{margin: 0px; padding-bottom: 20px; width: 100%; }
.pr-addtask-popup .slidecontainer p {font-weight: 700;font-size: 14px; color:#000000;padding-bottom: 10px;}
.pr-addtask-popup .slidecontainer .slider {-webkit-appearance: none;  width: 100%;  height: 5px;  background: #d3d3d3;  outline: none;  opacity: 1;  -webkit-transition: .2s;  transition: opacity .2s;}
.pr-addtask-popup .slidecontainer .slider:hover {  opacity: 1;}
.pr-addtask-popup .slidecontainer .slider::-webkit-slider-thumb {-webkit-appearance: none;  appearance: none;  width: 15px;  height: 15px;  background: #028090;  cursor: pointer;}
.pr-addtask-popup .slidecontainer .slider::-moz-range-thumb {width: 25px;  height: 25px;  background: #028090;  cursor: pointer;}
.pr-addtask-popup .slidecontainer .slidecontainer p{font-weight: 500;    font-size: 15px;}
.pr-addtask-popup .slidecontainer .slider::-webkit-slider-thumb {-webkit-appearance: none;  appearance: none;  width: 15px;  height: 15px;  border-radius: 50%;   background: #028090;  cursor: pointer;}
.pr-addtask-popup .slidecontainer .slider::-moz-range-thumb {width: 25px;  height: 25px;  border-radius: 50%;  background: #028090;  cursor: pointer;}
.pr-addtask-popup .taskRightcol .form-group.taskinfo{padding-left:0px; border-bottom: none;}
.pr-addtask-popup .section{padding-top: 10px;}
.pr-addtask-popup .taskinfo h3{font-size:18px; font-weight:800;margin: 0px;font-weight: 700; padding-bottom: 5px;}
.pr-addtask-popup .taskinfo h5{margin:0px; font-weight:700; font-size:14px; padding-bottom: 5px;}
.pr-addtask-popup .taskinfo p{font-size:13px; font-weight: 600;}
.pr-addtask-popup .taskinfo .user-icon {border: 1px solid #ddd;width: 35px;border-radius:50%; margin-right: 10px; height: 35px; overflow: hidden; display: inline-block; vertical-align:middle;}
.pr-addtask-popup .taskinfo .user-icon img{width:100%;}
.pr-addtask-popup .taskinfo .user-blank {border: 1px solid #ddd;width: 35px;border-radius:50%; margin-right: 10px; height: 35px; overflow: hidden; display: inline-block; vertical-align:middle;}
.pr-addtask-popup .commentinput{position: relative; width:90%;}
.pr-addtask-popup .commentinput .commbox{border:1px solid #dbdbdb!important; border-radius:5px; font-family: 'Mulish', sans-serif !important; padding-left: 20px;height:40px;}
.pr-addtask-popup .commentinput .commbtn{height:40px; position:absolute; top:0; right:0; padding: 0px;}
.pr-addtask-popup .commentinput .commbtn img{height:40px;}
.pr-addtask-popup .nav-tabs li{font-size:16px; padding:5px 10px;margin-bottom:20px;}
.pr-addtask-popup .nav-tabs li.active{font-size:800;}
.pr-addtask-popup .nav-tabs li a{padding: 0px;}
.pr-addtask-popup .commentBox { height: 40px;  padding: 5px 80px 5px 5px;}
.pr-addtask-popup .btngroup { position: relative;}
.pr-addtask-popup .commentBtn {border: none;position: absolute;right: 0px;top: 0px;font-size: 20px;width: 50px;border-radius: 0 4px 4px 0;background: #028090;}
.pr-addtask-popup .commentBtn img{margin-top: -5px;}

/* ========================================================== */


/*project Add Issue Popups*/
.pr-addIssue-popup .taskRightcol input[type="text"], textarea {outline: none;box-shadow:none !important; border:none !important;}
.pr-addIssue-popup .modal-dialog{border-radius:5px; width:750px!important; position: relative;margin: 60px auto!important;}
.pr-addIssue-popup .modal-header{background-color: #028090; height: 70px; padding:18px 30px 0px 30px!important;}
.pr-addIssue-popup .modal-header .button{border:2px solid #ffffff; background-color: transparent; color:#ffffff; border-radius:3px; width:130px; text-align: center; padding:3px 5px;}
.pr-addIssue-popup .modal-header .close{position: absolute; right: -30px; top:-35px; opacity:1;}
.pr-addIssue-popup .modal-header .close img{width:32px;}
.pr-addIssue-popup .modal-header .ut-icon{cursor: pointer; display: inline-block; padding:0px 10px;}
.pr-addIssue-popup .modal-header .ut-icon img{width:3px;}
.pr-addIssue-popup .modal-header .dropdown-menu-right{top: 40px;right: -12px; left: unset;  float: none;}

.pr-addIssue-popup .modal-content{min-height:unset!important;border:none!important;}
.pr-addIssue-popup .modal-body{padding:0px;}
.pr-addIssue-popup .modal-body .taskrow{align-items: stretch;}
.pr-addIssue-popup .taskleftcol{float:none; width:60%;    padding: 25px;}
.pr-addIssue-popup .taskRightcol{width: 40%; background: #F2F2F2; padding: 25px; border-radius:0px; float:none;}
.pr-addIssue-popup .form-group{position: relative; min-height:50px; padding-left:55px; border-bottom: 1px solid #dbdbdb;}
.pr-addIssue-popup .label-icon{position:absolute; top:0; left:0; width:40px;}
.pr-addIssue-popup .form-label{padding:5px 0px; font-size:14px; font-weight:700;font-family: 'Muli', sans-serif !important;}
.pr-addIssue-popup .form-input{padding: 0px; box-shadow: none; border:none;outline: none;color:#808080;font-family: 'Muli', sans-serif !important; font-weight: 500;}
.pr-addIssue-popup .form-input:focus{border:none;outline: none;}
.pr-addIssue-popup textarea{border:none;outline: none; height: 30px;}
.pr-addIssue-popup textarea:focus{border:none;outline: none;height: 30px;}
.pr-addIssue-popup .attachments{min-height:100px;}
.pr-addIssue-popup .taskRightcol .form-group{min-height:50px; padding-left:25px; border-bottom: 1px solid #dbdbdb;}
.pr-addIssue-popup .taskRightcol .label-icon{width:16px; top:3px}
.pr-addIssue-popup .taskRightcol .label-icon.addassignee{width:25px; top:0; left: unset; right:0; cursor: pointer;}
.pr-addIssue-popup .taskRightcol .form-label{padding-top:0px; padding-bottom: 10px;}
.pr-addIssue-popup .taskRightcol .form-label .label-icon{position:relative; top:unset; left: unset; width:8px; margin-left: 5px;}
/* .pr-addtask-popup .form-control{border:0px; background-color: transparent; padding:0px; color:#808080; box-shadow:none; font-size:13px;font-family: 'Muli', sans-serif !important; font-weight:500;} */
.pr-addIssue-popup .form-control:focus{box-shadow:none;}
.pr-addIssue-popup .form-control[disabled], .meetingpopup .form-control[readonly], .meetingpopup fieldset[disabled] .form-control {background-color: transparent;}
.pr-addIssue-popup .form-control.dropdown-toggle{cursor: pointer;}
.pr-addIssue-popup .taskRightcol input[type="date"]{border:0px; background-color: transparent; padding:0px; color:#808080; box-shadow:none; font-size:12px;font-family: 'Mulish', sans-serif !important;}
.pr-addIssue-popup .taskRightcol .datedownarrow{position:absolute; top:49px; right:0; width:10px; cursor: pointer;}
.pr-addIssue-popup .taskRightcol .dropdown select{border:0px; background-color: transparent; padding:0px; color:#808080; box-shadow:none; font-size:12px; font-family: 'Mulish', sans-serif !important;}
.pr-addIssue-popup .taskRightcol .dropdown option{border:0px; background-color: transparent; padding:0px; color:#808080; box-shadow:none; font-size:12px; font-family: 'Mulish', sans-serif !important;}
.pr-addIssue-popup .form-group.noborder{border-bottom:0px;}
.pr-addIssue-popup .my-dropdown {border: none!important; padding: 0!important;border-radius: 4px!important;box-shadow: 0 1px 6px rgba(0,0,0,.175)!important; overflow-x: visible!important;}
.pr-addIssue-popup .my-dropdown>li{cursor:pointer;border-bottom: 1px solid #eee;display: block;clear: both;font-weight: 500;line-height: 1.42857143;color: #333;white-space: nowrap;margin-right: 0px;transition:0.3s;}
.pr-addIssue-popup .my-dropdown>li:hover{background-color:#f5f5f5;}
.pr-addIssue-popup .my-dropdown::before {content:' '!important;background-color: transparent;border-right: 8px solid transparent;position: absolute; border-left: 8px solid transparent;border-bottom: 8px solid #fff;border-top: 8px solid transparent;top: -15px;right: 15px;}
.pr-addIssue-popup .my-dropdown .fa-circle{font-size:10px; padding-right:15px; padding-left: 10px;}
.pr-addIssue-popup .my-dropdown .fa-circle.high{color:#F17568;}
.pr-addIssue-popup .my-dropdown .fa-circle.medium{color:#E1AE49;}
.pr-addIssue-popup .my-dropdown .fa-circle.low{color:#26C56A;}
.pr-addIssue-popup .my-dropdown .fa-circle.nopriority{color:#CDCDCD;}
.pr-addIssue-popup .my-dropdown.priority{right:-135px; width:169px;}
.pr-addIssue-popup .my-dropdown.priority::before{right:unset; left:21px}
.pr-addIssue-popup .my-dropdown.status{right:-135px; width:169px;}
.pr-addIssue-popup .my-dropdown.status::before{right:unset; left:21px}
.pr-addIssue-popup .attch-file{border:1px solid #707070; width:90px; height:91px; margin: 10px 20px 0px 0px;}
.pr-addIssue-popup .preview-attach{position: absolute; width:30px; top:10px; left:10px;}
.pr-addIssue-popup .taskassignto .serchteam{position: absolute;top: 40px;width: 250px;left: 10px;padding: 2px!important;}
.pr-addIssue-popup .taskassignto .teamat-serch{padding-left:10px;}
.pr-addIssue-popup .taskassignto .fa.fa-search{color:#bdbdbd;}
.pr-addIssue-popup .taskassignto .my-dropdown>li{padding:0px;}
.pr-addIssue-popup .taskassignto .user-icon {border: 1px solid #ddd;width: 35px;border-radius:50%; margin-right: 10px; height: 35px; overflow: hidden; display: inline-block; vertical-align:middle;}
.pr-addIssue-popup .taskassignto .user-icon img{width:100%;}
.pr-addIssue-popup .taskassignto .user-blank {border: 1px solid #ddd;width: 35px;border-radius:50%; margin-right: 10px; height: 35px; overflow: hidden; display: inline-block; vertical-align:middle;}
.pr-addIssue-popup .taskassignto .calledby .user-icon{margin-right:0px; margin-left:-5px;}
.pr-addIssue-popup .taskassignto .assign-user{border-bottom:none;}
.pr-addIssue-popup .dropdown span.High{border-left:3px solid #F17568; position: absolute; top:10px; left:35px; width:10px; height:15px;}
.pr-addIssue-popup .dropdown span.Medium{border-left:3px solid #E1AE49; position: absolute; top:10px; left:50px; width:10px; height:15px;}
.pr-addIssue-popup .dropdown span.Low{border-left:3px solid #26C56A; position: absolute; top:10px; left:35px; width:10px; height:15px;}
.pr-addIssue-popup .dropdown span.Nopriority{border-left:3px solid #CDCDCD; position: absolute; top:10px; left:35px; width:10px; height:15px;}
.pr-addIssue-popup .slidecontainer{margin: 0px; padding-bottom: 20px; width: 100%; }
.pr-addIssue-popup .slidecontainer p {font-weight: 700;font-size: 14px; color:#000000;padding-bottom: 10px;}
.pr-addIssue-popup .slidecontainer .slider {-webkit-appearance: none;  width: 100%;  height: 5px;  background: #d3d3d3;  outline: none;  opacity: 1;  -webkit-transition: .2s;  transition: opacity .2s;}
.pr-addIssue-popup .slidecontainer .slider:hover {  opacity: 1;}
.pr-addIssue-popup .slidecontainer .slider::-webkit-slider-thumb {-webkit-appearance: none;  appearance: none;  width: 15px;  height: 15px;  background: #028090;  cursor: pointer;}
.pr-addIssue-popup .slidecontainer .slider::-moz-range-thumb {width: 25px;  height: 25px;  background: #028090;  cursor: pointer;}
.pr-addIssue-popup .slidecontainer .slidecontainer p{font-weight: 500;    font-size: 15px;}
.pr-addIssue-popup .slidecontainer .slider::-webkit-slider-thumb {-webkit-appearance: none;  appearance: none;  width: 15px;  height: 15px;  border-radius: 50%;   background: #028090;  cursor: pointer;}
.pr-addIssue-popup .slidecontainer .slider::-moz-range-thumb {width: 25px;  height: 25px;  border-radius: 50%;  background: #028090;  cursor: pointer;}
.pr-addIssue-popup .taskRightcol .form-group.taskinfo{padding-left:0px; border-bottom: none;}
.pr-addIssue-popup .section{padding-top: 10px;}
.pr-addIssue-popup .taskinfo h3{font-size:18px; font-weight:800;margin: 0px;font-weight: 700; padding-bottom: 5px;}
.pr-addIssue-popup .taskinfo h5{margin:0px; font-weight:700; font-size:14px; padding-bottom: 5px;}
.pr-addIssue-popup .taskinfo p{font-size:13px; font-weight: 600;}
.pr-addIssue-popup .taskinfo .user-icon {border: 1px solid #ddd;width: 35px;border-radius:50%; margin-right: 10px; height: 35px; overflow: hidden; display: inline-block; vertical-align:middle;}
.pr-addIssue-popup .taskinfo .user-icon img{width:100%;}
.pr-addIssue-popup .taskinfo .user-blank {border: 1px solid #ddd;width: 35px;border-radius:50%; margin-right: 10px; height: 35px; overflow: hidden; display: inline-block; vertical-align:middle;}
.pr-addIssue-popup .commentinput{position: relative; width:90%;}
.pr-addIssue-popup .commentinput .commbox{border:1px solid #dbdbdb!important; border-radius:5px; font-family: 'Mulish', sans-serif !important; padding-left: 20px;height:40px;}
.pr-addIssue-popup .commentinput .commbtn{height:40px; position:absolute; top:0; right:0; padding: 0px;}
.pr-addIssue-popup .commentinput .commbtn img{height:40px;}
.pr-addIssue-popup .nav-tabs li{font-size:16px; padding:5px 10px;margin-bottom:20px;}
.pr-addIssue-popup .nav-tabs li.active{font-size:800;}
.pr-addIssue-popup .nav-tabs li a{padding: 0px;}
.pr-addIssue-popup .commentBox { height: 40px;  padding: 5px 80px 5px 5px;}
.pr-addIssue-popup .btngroup { position: relative;}
.pr-addIssue-popup .commentBtn {border: none;position: absolute;right: 0px;top: 0px;font-size: 20px;width: 50px;border-radius: 0 4px 4px 0;background: #028090;}
.pr-addIssue-popup .commentBtn img{margin-top: -5px;}

.atfileinfo .atSize{position: absolute; top: 18px;  left: 10px; font-size: 11px;}
.atfileinfo .atName{position: absolute; top: 35px; left: 10px; font-size: 11px;}

.doc-listview .table>tbody>tr>td> a .pr-name {
  width: 20px;
  margin-right: 20px;
}






.chart-sec{    padding: 0px 30px;}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.chart-title{font-size: 15px;}
.box-header { color: #444;   display: block;    padding: 10px;  position: relative;}
.chartbox{padding:21px;}
.chartbox .chartbox-title h4{    float: left;    margin: 0;}
.chartbox .chartbox-title .donddl{    float: right; }
.chartbox .chartbox-title .donddl a	{    font-size: 12px;}
.chartbox .per-score{}
.chartbox .per-score h2{}
.chartbox .per-score span{}
.canvasjs-chart-credit{display:none;}
.textincenter1{    position: relative;   top: -180px;}
.textincenter1 p{font-weight: 500;  font-size: 30px; color:#6ADA38;}
.textincenter1 span{    font-size: 12px;}
.chartvalue {}
.chartvalue .chartvalue-left{    position: absolute;  left: 30px;  top: 200px;}
.chartvalue .chartvalue-right{    position: absolute;  right: 10px;  top: 200px;}
.chart1{display:flex;}
.chart1 .chart1-left{    width: 50%;}
.chart1 .chart1-right{    width: 50%;}
.chart1 p{  font-size: 25px;  font-weight: 500;}
.chart1 span{    font-size: 11px;}
.chart1 p i	{    font-size: 12px;   color: #6ADA38;    position: relative;  top: -5px;}
.br {
  border-right: 1px solid #EBEBEB;
}
.Leaderboard .table>tbody>tr>th{    border-top:none;    font-weight: 500; font-size: 12px;}
.textincenter{    position: relative;   top: -175px;}
.textincenter p{font-weight: 500;  font-size: 30px;}
.textincenter span{    font-size: 12px;}
.leaderpic{width: 35px; height: 35px; border-radius: 50%;margin-right: 10px;}
.leadername{    font-weight: 500;}
.progress-group .progress-text {  font-size: 12px;}
.ovr-task p{ font-weight: 500;  font-size: 15px;}
.ovr-task .progress-group .progress-number {  float: right;}
.ovr-task .progress.sm, .ovr-task .progress-sm, .ovr-task .progress.sm .progress-bar, .ovr-task .progress-sm .progress-bar { border-radius: 10px;}
.ovr-task .progress.sm, .progress-sm { height: 10px;}
.ovr-task .progress-bar-red{background:#E91A09;}
.ovr-task .progress {height: 20px;margin-bottom: 20px;overflow: hidden;background-color: transparent;border-radius: 4px;    box-shadow: none;  }



.priorityList ul>li{padding: 15px;}
.priorityList ul>li:last-child{border-bottom: none;  padding: 15px;}
.priorityList ul{list-style-type:none;padding-left:0;margin-bottom: 0px;}
.priorityList ul li .fi-list{display:flex;}
.priorityList ul li .fi-Name{font-weight: 500;  width: 90%;}
.priorityList ul li .fi-checkbox{    width: 10%;}
.priorityList{ border-radius: 3px;}
.priorityList .square-checkbox .control__indicator {  top: 0px;}

.project-lebel{padding: 0px !important;}
.project-textarea{line-height: 12px !important; padding: 0px !important;}







/* 12/03/2025 */
.project-list-scroll {
  height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
  background: #E6E9F0;
  padding-bottom: 60px;  
  
}
.dropdown-toggle-img {
  width: 24px !important;
  height: unset !important;
}
.div-create-folder {
  display: flex  ;
      align-items: center;
      gap: 30px;
}

.porject-leader-image-icon{
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ddl-project-user-list {
  border: solid 1px #ccc;
  display: inline-block;
  border-radius: 30px;
  padding: 2px 10px 2px 8px; 
}
.project-popup-body {
  padding: 25px 20px;
  border-radius: 20px; 
  background-color: #fff;
  margin: 0 auto;
  width: 510px;
}
.porjec-dates-group {
  display: flex;
    justify-content: space-between;
}
.radio-row-div {
  display: flex;
  align-items: center;
  gap: 40px;
  padding-bottom: 10px;
  z-index: 0;
  position: relative;
}
.radio-label{
  margin-left: 25px;
    margin-bottom: 0px;
}
.project-popup-body input[type=radio] {
  margin: 0px;
  width: 16px;
}
.whitecard-project {
  background: #fff;
  padding: 25px 15px 15px 15px;
  border-radius: 15px;
  margin-bottom: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* padding-top: 25px; */
}
.project-cardlist {
  width: 25%;
  position: relative;
}
.project-cardlist .three-dot-project {
  display: none;
  position: absolute;
  top: 10px;
  right: 20px;
  padding: 7px;
  z-index: 111;
}
.project-cardlist:hover .three-dot-project {
  display: block;
}

.project-cardlist .custom-dropdown-menu {
  padding: 4px !important;
  display: none;
  position: absolute;
  top: 35px;
  right: -5px;
  background-color: white !important;
  border: 1px solid #E4E4E4 !important;
  z-index: 1;
  min-width: 130px;
  border-radius: 15px !important;
  text-align: left;
  flex-wrap: wrap;
}

.three-dot-project:hover .custom-dropdown-menu {
  display: block;
 
}

.project-cardlist .custom-dropdown-menu:before {
  background: #fff;
  border-radius: .2rem;
  bottom: 100%;
  content: "";
  display: block;
  height: 16px;
  right: 20px;
  position: absolute;
  transform: rotate(-45deg) translateY(1rem);
  width: 16px;
  z-index: -5;
  border: solid 1px #E4E4E4;
  border-left-color: #fff;
  border-bottom-color: #fff;
}

.project-cardlist .prcard_info {
  min-height: 100px; 
  position: relative;
  z-index: 1;
}
.project-cardlist .prcard_body{padding: 10px 0;}
.project-cardlist .prcard_body .bodylist {
  padding: 2px 0px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.project-cardlist .prcard_body .bodylist .icon{  text-align: center;}
.project-cardlist .prcard_body .bodylist .name{color: #808080; font-size: 14px;padding-top: 5px;}
.project-cardlist .prcard_info .head-pack .cardview-aimg { display: inline-block;}
.project-cardlist .prcard_info .head-pack .cardview-aimg img {  max-width: 100%;    height: 60px;width: 60px;    border-radius: 50%;}
.project-cardlist .prcard_info .head-pack .cardview-dtl { padding-left: 20px;padding-top: 20px; display: inline-block;}
.project-cardlist.prcard_info .head-pack .cardview-dtl h3 { margin-top: 0px;font-weight: 700;}
.project-cardlist .prcard_info .head-pack .cardview-dtl p {margin-bottom: 0; line-height: 20px;  font-size: 13px;}
.project-cardlist .prcard_info .head-pack {
 
  display: flex;
  flex-direction: column;
}
.project-cardlist .cirprogress{width:50%; margin: 0 auto;}
.project-cardlist .cirname{width: 100%; color: #000;   font-weight: bold;  font-size: 18px;  padding-top: 10px; height: 50px;}
 
.project-cardlist .CircularProgressbar .CircularProgressbar-path {  stroke: #1D4F3A ;}

.project-cardlist .CircularProgressbar .CircularProgressbar-text {  fill: #000 !important;  font-size: 20px;  font-weight: bold !important;}
.project-cardlist .CircularProgressbar .CircularProgressbar-trail {  stroke: #E4E4E4 !important;  stroke-linecap: round;}

.project-cardlist .project-cardlist-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.project-cardlist .project-cardlist-footer .delayed {
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 500;
  background: #DE5353;
  border-radius: 5px;
  color: #fff;
}
.project-cardlist .project-cardlist-footer .on-track {
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 500;
  background: #1D4F3A;
  border-radius: 5px;
  color: #fff;
}
.porject-active-archive-container {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  text-align: right;
  margin-top: 20px;
}



/* Project list view */

.project-list-view {
  padding: 15px 10px;
  border-bottom: 1px solid #EBEBEB;
  position: relative;
}
.project-list-view .delayed {
  font-size: 12px;
    padding: 1px 7px;
    font-weight: 500;
    background: #de53531c;
    border-radius: 20px;
    color: #DE5353;
    display: inline;
    border: solid 1px #de535363;

}
.project-list-view .on-track {
  font-size: 12px;
    padding: 1px 7px;
    font-weight: 500;
    background: #1d4f3a24;
    border-radius: 20px;
    color: #1D4F3A;
    display: inline;
    border: solid 1px #1d4f3a63;
}
.project-list-view .three-dot-project {
  display: none;
    position: absolute;
    top: -2px;
    right: -5px;
    padding: 7px;
    z-index: 111;
}
.project-list-view:hover .three-dot-project {
  display: block;
}

.project-list-view .custom-dropdown-menu {
  padding: 4px !important;
  display: none;
  position: absolute;
  top: 35px;
  right: -25px;
  background-color: white !important;
  border: 1px solid #E4E4E4 !important;
  z-index: 1;
  min-width: 130px;
  border-radius: 15px !important;
  text-align: left;
  flex-wrap: wrap;
}

.project-list-view .three-dot-project:hover .custom-dropdown-menu {
  display: block;
 
}

.project-list-view .custom-dropdown-menu:before {
  background: #fff;
  border-radius: .2rem;
  bottom: 100%;
  content: "";
  display: block;
  height: 16px;
  right: 38px !important;
  position: absolute;
  transform: rotate(-45deg) translateY(1rem);
  width: 16px;
  z-index: -5;
  border: solid 1px #E4E4E4;
  border-left-color: #fff;
  border-bottom-color: #fff;
}

.project-list-view .last-cols-item {
  display: flex;
    justify-content: flex-end;
    align-items: center;
}



/* Project popup */
.project-modal{
 position: relative;
}
.project-modal .modal{
  top: 30px !important;  
}
.project-modal .body-height{
  height: 500px !important;
}


.milestone-popup{
  position: relative;
}
 .modal-head{
  padding: 20px 20px;
    display: flex;
    justify-content: space-between;
}
.milestone-popup-body{
  padding: 0px 20px;
}
.modal-head .modal-title{
  font-size: 20px;
  font-weight: 700;
}
.milestone-popup .body-height {
  height: 460px !important;
  overflow: auto;
}
.milestone-popup .modal{
  top: 0px !important;  
}
.milestone-popup .modal-dialog {
  border-radius: 5px;
  width: 800px !important;
  position: relative;
  margin: 60px auto !important;
}
.milestone-popup .textarea-milestone{
 width: 100% !important;
 padding: 5px 10px !important;
}
.milestone-popup .milestone-container-list{
  padding: 10px 0px;
  margin-top: 40px;
}
.milestone-popup .milestone-container-list .milestone-list{
  padding: 5px 0px;  
}


/* accordion  */

.milestone-accordion{
  margin-top: 10px;
}
.milestone-accordion .sub-items {
  border: solid 1px #E7ECEA;
  border-radius: 30px;
  padding: 3px 8px;
  font-size: 11px;
  background-color: #FAFAFA;
  margin-right: 5px;
  color: #838D88;
  display: flex;
  gap: 5px;
}
.milestone-accordion .sub-title {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 5px;
}
.milestone-accordion .sub-title img {
  width: 12px;
}

.pd5{
  padding: 5px;
}

.milestone-accordion .accordion-milestone-item .accordion-title-project .fa {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10px;
  background-color: #F0F0F0;
  border-radius: 50%;
  font-size: 12px;
  color: #B1B1B1;
}
.milestone-accordion .accordion-milestone-item .accordion-title-project.active-title .fa{ 
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 50%;
  font-size: 12px;
}

.milestone-accordion .accordion-milestone-item .accordion-title-project.active-title{ 
  background-color: #F0F0F0;
  border-radius: 15px 15px 0 0; 
}
.milestone-accordion .accordion-milestone-item .accordion-title-project.active-title .three-dot {
  background-color: unset !important;
}
.milestone-accordion .accordion-milestone-item .accordion-title-project .three-dot {
  background-color: unset !important;
}
.milestone-accordion .accordion-milestone-item {
  background-color: #fff;
  margin-bottom: 15px;
  border: 1px solid #efefef;
  box-shadow: 0 2px 5px rgb(0 0 0 / 5%);
  border-radius: 15px;
  position: relative;
}

.milestone-accordion .accordion-milestone-item .milestone-title-box {
  cursor: pointer;
  padding: 10px 15px;
  transition: all 0.4s;
  border-radius: 15px 15px 0 0;
  margin: 0;
  display: flex;
  font-weight: 400;
  align-items: center;
  justify-content: space-between;

}

.milestone-accordion .accordion-milestone-item .milestone-title-box .mls-left{
  width:  80%;
}
.milestone-accordion .accordion-milestone-item .milestone-title-box .mls-right {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
.milestone-accordion .mls-name {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #101010;
}

.milestone-accordion .milestone-title-box .mls-info .mls-date {
  font-size: 12px; 
}
.milestone-accordion .inner-milestone-list{
  display: flex;
    border-bottom: solid 1px #E4E4E4;
    padding: 8px 10px;
    justify-content: space-between;
    margin-left: 20px;
    font-weight: 500;
    align-items: center;
}
.milestone-accordion .three-dot-project {
  display: none; 
    position: absolute;
    top: 18px;
    right: 50px;
    padding: 7px;
    z-index: 111;
}

.milestone-accordion .accordion-milestone-item .active-title .three-dot-project {
  display: inline-block !important;
}
.milestone-accordion .accordion-milestone-item .btn-add-task {
  display: none;
  margin-right: 35px;
}
.milestone-accordion .accordion-milestone-item .active-title .btn-add-task {
  display: inline-block !important;
}

.milestone-accordion .accordion-milestone-item .custom-dropdown-menu {
  padding: 4px !important;
  display: none;
  position: absolute;
  top: 35px;
  right: -5px;
  background-color: white !important;
  border: 1px solid #E4E4E4 !important;
  z-index: 1;
  min-width: 170px;
  border-radius: 15px !important;
  text-align: left;
  flex-wrap: wrap;
}
.milestone-accordion .accordion-milestone-item .custom-dropdown-menu:before {
  background: #fff;
  border-radius: .2rem;
  bottom: 100%;
  content: "";
  display: block;
  height: 16px;
  right: 20px;
  position: absolute;
  transform: rotate(-45deg) translateY(1rem);
  width: 16px;
  z-index: -5;
  border: solid 1px #E4E4E4;
  border-left-color: #fff;
  border-bottom-color: #fff;
}
.milestone-accordion .accordion-milestone-item .three-dot-project:hover .custom-dropdown-menu {
  display: block;
}

.docs-breadcrumb{  
  padding: 5px 0px; 
  display: flex;
  align-items: center;
 
}
.docs-breadcrumb li {
  line-height: 20px;
  margin-top: 2px !important;
  font-size: 14px;

}
.docs-breadcrumb  li a{
  color: #000;
  font-weight: 500;
}
.docs-breadcrumb  li a:hover{
  color: #000;
}
.docs-container{
  background-color: #fff;
  margin:10px 0px !important;
  padding: 10px 0px;
  border-radius: 15px;
  border: 1px solid #E4E4E4;
  box-shadow: 0 2px 5px rgb(0 0 0 / 5%);
}
.project-grid-view{
 width: 100%;
}
.project-grid-view .progress-bar-circle{
  width: 60px !important;
}
.project-grid-view .col-item{
  display: flex;
    align-items: center;
    gap: 3px;
}

.project-grid-view .items {
  border: solid 1px #E7ECEA;
  border-radius: 30px;
  padding: 3px 8px;
  font-size: 11px;
  background-color: #E7ECEA;
  margin-right: 5px;
  color: #838D88;
}
.project-grid-view .items img {
  width: 12px;
 
}

.pr_card-btn-toggle {
  margin: 0 7rem;
  padding: 0;
  position: relative;
  border: none;
  height: 19px;
  width: 3rem;
  border-radius: 1.5rem !important;
  color: #6b7381;
  background: #1D4F3A !important;
  top: 15px;
  right: 6px;
}
.CircularProgressbar .CircularProgressbar-path {
  stroke: #1D4F3A ;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease 0s;
}
.project-task-container{
  position: relative;
}
.project-task-container .mt-58px{
  margin-top: 0px !important;
}
.dropdown-project-team{
  min-width: fit-content !important;
     position: absolute;
    top: 100%;
    right: 0px;
    left: unset !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.project-documents-grid{
  position: relative;
}

.project-documents-grid .doc-row {
  cursor: pointer;
  padding: 10px 15px;
  transition: all 0.4s;
  border-radius: 15px 15px 0 0;
  margin: 0;
  display: flex;
  font-weight: 400;
  align-items: center;
  justify-content: space-between; 
  border-bottom: 1px solid #efefef
}
.project-documents-grid .doc-row .mls-left{
  width: 80%;
}
.project-documents-grid .doc-row .mls-right {
  width: auto;
}

.project-documents-grid .sub-title {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 5px;
}
.project-documents-grid .sub-items {
  border: solid 1px #E7ECEA;
  border-radius: 30px;
  padding: 3px 8px;
  font-size: 11px;
  background-color: #E7ECEA;
  margin-right: 5px;
  color: #838D88;
  display: flex
;
  gap: 5px;
  align-items: center;
}
.project-documents-grid .sub-items img {
  width: 12px;
 height: 12px;
}
.project-documents-grid .pr-assign-img{
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
}
.project-documents-grid .three-dot-project{
  display: none;
  position: absolute;
    top: 18px;
    right: 0px;
    padding: 7px;
    z-index: 111;
}
.project-documents-grid .doc-row:hover .three-dot-project{
  display: block;
}
.project-documents-grid .file-download{
  border: solid 1px #ccc;
  padding: 2px 10px;
  border-radius: 30px;
  background: #065f460f;
  color: #065F46;
  margin-right: 15px;
}

.project-documents-grid .doc-icon{
  width: 20px;
  height: 20px;
}