.add-task .task-title{width: 38%;float: left;height: 40px;padding: 6px 10px;border-radius:5px !important;}
.add-task div.taskdate{width:20%;float: left;margin-left: 5px;height: 34px;}
.add-task-btn{display: inline-block;margin-left: 5px;color: #ffffff;font-weight: 500;cursor: pointer;font-size: 14px;background: #5cb85c;padding: 9px 20px;position: relative;top: 1px;border-radius: 5px;}
.add-task div.taskdate input{height: 40px;font-size: 13px !important;}
.todo_list{background: #fff;margin: 5px 0 5px 0;}
.todo_list ul {list-style: none;padding: 0;}
.todo_list ul li label{display: inline-block;position: relative;padding: 0;width: auto;margin-bottom: 0;}
.hidden_real_check{width: 100%;height: 100%;opacity:0;position: absolute;}
.todo_list>ul li{border: none;margin-bottom: 5px;}
.element_title{display: inline-block;max-width: 69%;position : relative;color:#333333;font-size: 14px;cursor:pointer;width:70%;padding: 6px 5px;font-weight: 300;margin-right: 11px;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.in-add-mode .element_title{text-align: left;border: 1px solid #999;background: #ffffff;border-radius: 3px;max-width: 69%;}
.todo-main{clear: both;padding-top: 0;}
.element_title:before{content: '';position: absolute;top :0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.7);z-index: 1;transition: 0.3s;opacity:0;}
.todo_list ul li label .hidden_real_check:checked + .todo_element .element_title::after {width: 90%;}
.todo_check .checkbox span[class*='internal_']::after, .checkbox span[class*='internal_']::before{content: '';position: absolute;top: 0px; left: 1px;height: 100%;width: 100%;border-radius:50%;border: 2px solid transparent;transform: rotate(45deg);box-sizing: border-box;}
.todo_check .checkbox span.internal_one::after{border-top-color:#4facfe !important;transition: 0.4s;border-left-color: #4facfe !important;}
.todo_check.checkbox span.internal_one::before{border-left-color:#4facfe !important;transition: 0.3s;transition-delay:0.1s;}
.todo_check .checkbox span.internal_two::after{border-bottom-color:#4facfe !important;transition: 0.2s;transition-delay:0.2s;}
.todo_check .checkbox span.internal_two::before{border-right-color:#4facfe !important;transition: 0.1s;transition-delay:0.3s;}
.todo_list ul li label .hidden_real_check:checked + .todo_check .checkbox .internal_one:after{transform: rotate(-225deg);}
.todo_list ul li label .hidden_real_check:checked + .todo_check .checkbox .internal_one:before{transform: rotate(-135deg);}
.todo_list ul li label .hidden_real_check:checked + .todo_check .checkbox .internal_two:after{transform: rotate(-45deg);}
.todo_list ul li label .hidden_real_check:checked + .todo_check .checkbox span[class*='internal_']:after,
.todo_list ul li label .hidden_real_check:checked + .todo_check .checkbox span[class*='internal_']:before{border-color: #4facfe !important;}
.todo_list ul li label .hidden_real_check:checked + .todo_check .checkbox:after {transform : scale(1);}
.todo_list ul li label .hidden_real_check:checked + .todo_check .checkbox:before {transform : scale(1.6) rotate(-90deg);opacity: 0;}
.todo_date{font-size: 12px;cursor:pointer;display: inline-block;margin-right: 0; font-weight: 300;background: #f1f1f1;padding: 7px 5px;}
.todo_date i{margin-right: 5px;font-size: 12px;position: relative;top: -1px;}
.todo_element_checkbox span.btn-colorselector:after{content: '\2713';display: inline-block;color: #4facfe;padding: 0 6px 0 0;}
.todo_element_checkbox .dropdown-colorselector.open{margin-bottom: 0;top:10px;left:-26px;}
.in-add-mode .todo_date{padding: 1px;min-width: 27%;text-align: center;border: 1px solid #b4b4b4;background: #ffffff;border-radius: 3px;}
.add-task:after{display:table;content:' ';clear:both;}
.add-task{padding-top: 0;padding-bottom: 10px;}
.task-left{width: 56%;display: inline-block;vertical-align: middle;padding-left: 0;float: left;}
.task-right{vertical-align: middle;float: right;position: relative;top: 0;margin-right: 0;}
.edit-task{color: #868585;margin-right: 3px;cursor: pointer;position: relative;top: 1px;}
.delete-task{color: #f44336;cursor: pointer;}
.todo_element{padding: 8px 10px 10px;}
.todo_element .clickedit,.todo_element .clickeddate,.todo_element .weightit{display:none;width: 120px;border: none;border-bottom: 1px solid #03a9f4;margin-bottom: 0;padding: 5px 2px !important;height:34px !important;}
.todo_element .clickeddate{height: 31px !important;}
.in-add-mode .todo_element .clickedit{float: left;max-width: 70%;width: 70%;padding: 10px !important;margin-right: 11px;
    height: 34px !important;}
.todo_element .weightit{width:35px;float: left;}
.task-time{color: #666666;font-size: 11px;padding-left: 2px;font-weight: 400;}
.task-label .listchoice{display: block;padding: 2px 2px 0 2px;}
.task-time i{margin-right:5px;font-size: 11px;position: relative;top: -1px;}
.list-input-details{margin-bottom: 8px;padding-bottom: 3px;width: 100%;}
.spread-modal .element_title{padding-left: 0;padding-bottom: 5px;}
.spread-modal .task-time{padding-left: 2px;}
.task-weight{display: inline-block;width: 100px;float: left;height: 40px !important;margin-left: 5px;font-size: 13px;padding: 6px 5px;}
.task-weightage{font-size: 10px;background: #ffffff;text-align: center;color: #333333;display: inline-block;margin-left: 0;font-weight: 400;border: 1px solid #b4b4b4;padding: 0;height: 27px;width: 30px;line-height: 27px;}
.spread-modal .log-label .icon-img, .spread-modal .media-label .icon-img, .spread-modal .actionlog-hours .icon-img{margin-top: 0px;}
.spread-modal .todo_list{margin:0;}
.taskprogress-div .progress {width: 33px;height: 32px;line-height: 35px;background: none;margin: 0 auto;box-shadow: none;position: relative;background: #ffffff;border-radius: 50%;}
.taskprogress-div .progress:after {content: "";width: 100%;height: 100%;border-radius: 50%;border: 3px solid #efefef;position: absolute;top: 0;left: 0;}
.taskprogress-div .progress > span {width: 50%;height: 100%;overflow: hidden;position: absolute;top: 0;z-index: 1;}
.taskprogress-div .progress .progress-left {left: 0;}
.taskprogress-div .progress .progress-bar {width: 100% !important;height: 100%;background: none;border-width: 3px;border-style: solid;position: absolute;top: 0;border-color: #4caf50;box-shadow: none !important;}
.taskprogress-div .progress .progress-left .progress-bar {left: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px;border-left: 0;-webkit-transform-origin: center left;transform-origin: center left;}
.taskprogress-div .progress .progress-right {right: 0;}
.taskprogress-div .progress .progress-count{color: #4caf50;font-weight: 500;}
.taskprogress-div .progress .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.taskprogress-div .progress .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 13px;
  text-align: center;
  line-height: 12px;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-weight: 500;
}
.taskprogress-div .progress .progress-value span {
  font-size: 12px;
  text-transform: uppercase;
}

.taskprogress-div .progress[data-percentage="1"] .progress-right .progress-bar {
  animation: loading-1 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="1"] .progress-left .progress-bar {
  animation: 0;
}
.taskprogress-div .progress[data-percentage="2"] .progress-right .progress-bar {
  animation: loading-2 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="2"] .progress-left .progress-bar {
  animation: 0;
}
.taskprogress-div .progress[data-percentage="3"] .progress-right .progress-bar {
  animation: loading-3 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="3"] .progress-left .progress-bar {
  animation: 0;
}
.taskprogress-div .progress[data-percentage="4"] .progress-right .progress-bar {
  animation: loading-4 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="4"] .progress-left .progress-bar {
  animation: 0;
}
.taskprogress-div .progress[data-percentage="5"] .progress-right .progress-bar {
  animation: loading-5 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="5"] .progress-left .progress-bar {
  animation: 0;
}
.taskprogress-div .progress[data-percentage="6"] .progress-right .progress-bar {animation: loading-6 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="6"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="7"] .progress-right .progress-bar {animation: loading-7 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="7"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="8"] .progress-right .progress-bar {animation: loading-8 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="8"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="9"] .progress-right .progress-bar {animation: loading-9 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="9"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="10"] .progress-right .progress-bar {animation: loading-10 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="10"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="11"] .progress-right .progress-bar {animation: loading-11 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="11"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="12"] .progress-right .progress-bar {animation: loading-12 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="12"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="13"] .progress-right .progress-bar {animation: loading-13 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="13"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="14"] .progress-right .progress-bar {animation: loading-14 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="14"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="15"] .progress-right .progress-bar {animation: loading-15 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="15"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="16"] .progress-right .progress-bar {animation: loading-16 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="16"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="17"] .progress-right .progress-bar {animation: loading-17 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="17"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="18"] .progress-right .progress-bar {animation: loading-18 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="18"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="19"] .progress-right .progress-bar {animation: loading-19 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="19"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="20"] .progress-right .progress-bar {animation: loading-20 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="20"] .progress-left .progress-bar {animation: 0;}
.taskprogress-div .progress[data-percentage="21"] .progress-right .progress-bar {animation: loading-21 0.5s linear forwards;}
.taskprogress-div .progress[data-percentage="21"] .progress-left .progress-bar {animation: 0;}

.taskprogress-div .progress[data-percentage="22"] .progress-right .progress-bar {
  animation: loading-22 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="22"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="23"] .progress-right .progress-bar {
  animation: loading-23 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="23"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="24"] .progress-right .progress-bar {
  animation: loading-24 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="24"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="25"] .progress-right .progress-bar {
  animation: loading-25 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="25"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="26"] .progress-right .progress-bar {
  animation: loading-26 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="26"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="27"] .progress-right .progress-bar {
  animation: loading-27 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="27"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="28"] .progress-right .progress-bar {
  animation: loading-28 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="28"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="29"] .progress-right .progress-bar {
  animation: loading-29 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="29"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-30 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="31"] .progress-right .progress-bar {
  animation: loading-31 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="31"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="32"] .progress-right .progress-bar {
  animation: loading-32 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="32"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="33"] .progress-right .progress-bar {
  animation: loading-33 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="33"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="34"] .progress-right .progress-bar {
  animation: loading-34 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="34"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="35"] .progress-right .progress-bar {
  animation: loading-35 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="35"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="36"] .progress-right .progress-bar {
  animation: loading-36 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="36"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="37"] .progress-right .progress-bar {
  animation: loading-37 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="37"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="38"] .progress-right .progress-bar {
  animation: loading-38 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="38"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="39"] .progress-right .progress-bar {
  animation: loading-39 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="39"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-40 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="41"] .progress-right .progress-bar {
  animation: loading-41 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="41"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="42"] .progress-right .progress-bar {
  animation: loading-42 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="42"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="43"] .progress-right .progress-bar {
  animation: loading-43 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="43"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="44"] .progress-right .progress-bar {
  animation: loading-44 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="44"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="45"] .progress-right .progress-bar {
  animation: loading-45 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="45"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="46"] .progress-right .progress-bar {
  animation: loading-46 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="46"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="47"] .progress-right .progress-bar {
  animation: loading-47 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="47"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="48"] .progress-right .progress-bar {
  animation: loading-48 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="48"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="49"] .progress-right .progress-bar {
  animation: loading-49 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="49"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}

.taskprogress-div .progress[data-percentage="51"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="51"] .progress-left .progress-bar {
  animation: loading-1 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="52"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="52"] .progress-left .progress-bar {
  animation: loading-2 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="53"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="53"] .progress-left .progress-bar {
  animation: loading-3 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="54"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="54"] .progress-left .progress-bar {
  animation: loading-4 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="55"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="55"] .progress-left .progress-bar {
  animation: loading-5 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="56"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="56"] .progress-left .progress-bar {
  animation: loading-6 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="57"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="57"] .progress-left .progress-bar {
  animation: loading-7 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="58"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="58"] .progress-left .progress-bar {
  animation: loading-8 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="59"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="59"] .progress-left .progress-bar {
  animation: loading-9 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-10 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="61"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="61"] .progress-left .progress-bar {
  animation: loading-11 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="62"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="62"] .progress-left .progress-bar {
  animation: loading-12 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="63"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="63"] .progress-left .progress-bar {
  animation: loading-13 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="64"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="64"] .progress-left .progress-bar {
  animation: loading-14 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="65"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="65"] .progress-left .progress-bar {
  animation: loading-15 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="66"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="66"] .progress-left .progress-bar {
  animation: loading-16 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="67"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="67"] .progress-left .progress-bar {
  animation: loading-17 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="68"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="68"] .progress-left .progress-bar {
  animation: loading-18 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="69"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="69"] .progress-left .progress-bar {
  animation: loading-19 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-20 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="71"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="71"] .progress-left .progress-bar {
  animation: loading-21 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="72"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="72"] .progress-left .progress-bar {
  animation: loading-22 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="73"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="73"] .progress-left .progress-bar {
  animation: loading-23 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="74"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="74"] .progress-left .progress-bar {
  animation: loading-24 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="75"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="75"] .progress-left .progress-bar {
  animation: loading-25 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="76"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="76"] .progress-left .progress-bar {
  animation: loading-26 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="77"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="77"] .progress-left .progress-bar {
  animation: loading-27 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="78"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="78"] .progress-left .progress-bar {
  animation: loading-28 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="79"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="79"] .progress-left .progress-bar {
  animation: loading-29 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-30 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="81"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="81"] .progress-left .progress-bar {
  animation: loading-31 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="82"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="82"] .progress-left .progress-bar {
  animation: loading-32 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="83"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="83"] .progress-left .progress-bar {
  animation: loading-33 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="84"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="84"] .progress-left .progress-bar {
  animation: loading-34 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="85"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="85"] .progress-left .progress-bar {
  animation: loading-35 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="86"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="86"] .progress-left .progress-bar {
  animation: loading-36 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="87"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="87"] .progress-left .progress-bar {
  animation: loading-37 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="88"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="88"] .progress-left .progress-bar {
  animation: loading-38 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="89"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="89"] .progress-left .progress-bar {
  animation: loading-39 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-40 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="91"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="91"] .progress-left .progress-bar {
  animation: loading-41 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="92"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="92"] .progress-left .progress-bar {
  animation: loading-42 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="93"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="93"] .progress-left .progress-bar {
  animation: loading-43 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="94"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="94"] .progress-left .progress-bar {
  animation: loading-44 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="95"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="95"] .progress-left .progress-bar {
  animation: loading-45 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="96"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="96"] .progress-left .progress-bar {
  animation: loading-46 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="97"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="97"] .progress-left .progress-bar {
  animation: loading-47 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="98"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="98"] .progress-left .progress-bar {
  animation: loading-48 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="99"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="99"] .progress-left .progress-bar {
  animation: loading-49 0.5s linear forwards 0.5s;
}

.taskprogress-div .progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-50 0.5s linear forwards;
}
.taskprogress-div .progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-50 0.5s linear forwards 0.5s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3.6);
    transform: rotate(3.6deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(7.2);
    transform: rotate(7.2deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10.8);
    transform: rotate(10.8deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(14.4);
    transform: rotate(14.4deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(18);
    transform: rotate(18deg);
  }
}
@keyframes loading-6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(21.6);
    transform: rotate(21.6deg);
  }
}
@keyframes loading-7 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(25.2);
    transform: rotate(25.2deg);
  }
}
@keyframes loading-8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(28.8);
    transform: rotate(28.8deg);
  }
}
@keyframes loading-9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(32.4);
    transform: rotate(32.4deg);
  }
}
@keyframes loading-10 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}
@keyframes loading-11 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(39.6);
    transform: rotate(39.6deg);
  }
}
@keyframes loading-12 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(43.2);
    transform: rotate(43.2deg);
  }
}
@keyframes loading-13 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(46.8);
    transform: rotate(46.8deg);
  }
}
@keyframes loading-14 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(50.4);
    transform: rotate(50.4deg);
  }
}
@keyframes loading-15 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(54);
    transform: rotate(54deg);
  }
}
@keyframes loading-16 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(57.6);
    transform: rotate(57.6deg);
  }
}
@keyframes loading-17 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(61.2);
    transform: rotate(61.2deg);
  }
}
@keyframes loading-18 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(64.8);
    transform: rotate(64.8deg);
  }
}
@keyframes loading-19 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(68.4);
    transform: rotate(68.4deg);
  }
}
@keyframes loading-20 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}
@keyframes loading-21 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(75.6);
    transform: rotate(75.6deg);
  }
}
@keyframes loading-22 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(79.2);
    transform: rotate(79.2deg);
  }
}
@keyframes loading-23 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(82.8);
    transform: rotate(82.8deg);
  }
}
@keyframes loading-24 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(86.4);
    transform: rotate(86.4deg);
  }
}
@keyframes loading-25 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90);
    transform: rotate(90deg);
  }
}
@keyframes loading-26 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(93.6);
    transform: rotate(93.6deg);
  }
}
@keyframes loading-27 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(97.2);
    transform: rotate(97.2deg);
  }
}
@keyframes loading-28 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(100.8);
    transform: rotate(100.8deg);
  }
}
@keyframes loading-29 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(104.4);
    transform: rotate(104.4deg);
  }
}
@keyframes loading-30 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}
@keyframes loading-31 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(111.6);
    transform: rotate(111.6deg);
  }
}
@keyframes loading-32 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(115.2);
    transform: rotate(115.2deg);
  }
}
@keyframes loading-33 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(118.8);
    transform: rotate(118.8deg);
  }
}
@keyframes loading-34 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(122.4);
    transform: rotate(122.4deg);
  }
}
@keyframes loading-35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126);
    transform: rotate(126deg);
  }
}
@keyframes loading-36 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(129.6);
    transform: rotate(129.6deg);
  }
}
@keyframes loading-37 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(133.2);
    transform: rotate(133.2deg);
  }
}
@keyframes loading-38 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(136.8);
    transform: rotate(136.8deg);
  }
}
@keyframes loading-39 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(140.4);
    transform: rotate(140.4deg);
  }
}
@keyframes loading-40 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}
@keyframes loading-41 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(147.6);
    transform: rotate(147.6deg);
  }
}
@keyframes loading-42 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(151.2);
    transform: rotate(151.2deg);
  }
}
@keyframes loading-43 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(154.8);
    transform: rotate(154.8deg);
  }
}
@keyframes loading-44 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(158.4);
    transform: rotate(158.4deg);
  }
}
@keyframes loading-45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(162);
    transform: rotate(162deg);
  }
}
@keyframes loading-46 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(165.6);
    transform: rotate(165.6deg);
  }
}
@keyframes loading-47 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(169.2);
    transform: rotate(169.2deg);
  }
}
@keyframes loading-48 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(172.8);
    transform: rotate(172.8deg);
  }
}
@keyframes loading-49 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(176.4);
    transform: rotate(176.4deg);
  }
}
@keyframes loading-50 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}
.taskprogrs-div{width: 80px;position: relative;top: -9px;height: 45px;}
.taskprogrs-div .progress{display:inline-block;}
.log-list .todo_element{padding: 0 0 1px 0;display: inline-block;vertical-align: middle;width: 79%;border-left: none;border-right: none;}
.log-list .todo_date i{display:none}
.log-list .todo_date{text-align: center;font-size:12px;font-weight: 300;padding: 5px 1px;position: relative;top: 1px;background: transparent;}
.log-list  .element_title{width:auto;margin-bottom: 0px;vertical-align: middle;}
/*.grid-modal .edit-delete-dropdown{top: 15px !important;}*/
.actionlog-panel .edit-delete-dropdown{top:5px;}
.task-status{height: 16px;width: 16px;background-color: #e3e3e3;display: inline-block;float: left;border-radius: 50%;position: relative;top: 5px;left: 0;}
.task-status.active:after{content: "\2713";align-items: center;justify-content: center;color: rgb(51, 51, 51);transform: scale(0);transition: all 0.4s ease 0s;padding: 5px 3px;position: relative;top: -2px;font-size: 17px;}
.task-label{display:inline-block;padding-left: 2px;width: 90%;}
.worksheet-table .task-status{font-size:15px;}
.worksheet-table .task-status:after{top: -6px;left: 0px;font-weight: 500;}
/*.grid-modal .modal-body,.spread-modal .modal-body{padding-top:0;}*/
.grid-modal .element_title,.spread-modal .element_title{padding-left: 2px;width:55% ;opacity: 1;color: #000000;font-weight: 300;margin-bottom: 0;font-size: 14px;background: #f1f1f1;text-align: left;font-weight: 400;}
.grid-modal .editactionlogs .element_title,.spread-modal .editactionlogs .element_title{color: #777777;cursor: default;}
.actionlog-panel .activity-info {padding-bottom: 10px !important;}
.modal .log-label .icon-img,.modal .media-label .icon-img, .modal .actionlog-hours .icon-img{margin-top: 0;margin-right: 8px;}
.task-status.active{height: 18px;width: 18px;background-color: transparent !important;}
.task-weightage{position:relative;cursor: pointer;}
.task-weightage img{height: 21px;width: 25px;}
.worksheet-table .task-status{top: 8px;height: 12px;width: 12px;left:0;}
.modal .task-profile img,.notification-camp-page .task-profile img{height: 22px;width:22px;border-radius: 50%;margin: 0 auto;text-align: center;display: block;object-fit: cover;position: relative;top: -1px;}
.modal .taskprogress-div,.myactions-style .taskprogress-div{margin-right: 0;position: relative;top: -6px !important;background: #eeeeee;padding: 0px 10px;}
.worksheet-table .taskprogress-div{height: 36px;top: 0;position: sticky;right: -16px;float: right;width: 30px;}
.worksheet-table .list-input-details{width: 83%;position: relative;left: -3px;border-radius: 5px;}
.worksheet-table .taskprogress-div .progress{position: absolute;top: -6px;float: right;}
.taskprogress-div .progress .progress-value{font-size: 11px;}
.modal.in-add-mode .task-profile img{top: 0px;float:none;}
.add-task-owner input{height: 15px;width: 15px;border: 1px solid #00bcd4;background: #ffffff;top: 3px;margin-right: 4px !important;}
.add-task-owner label{font-weight: 500;margin-right: 10px;}
.add-task-owner .bootstrap-select{display: inline-block;width: 100% !important;max-width: 100px;}
.add-task-owner{padding-top: 0;margin-left: 5px;}
.add-task-owner div.bootstrap-select button{background: #f6f6f6;border-color: transparent !important;width: 100% !important;border-radius: 0;padding: 9px 25px 9px 5px;}
.add-task-owner div.bootstrap-select button:focus{outline:none !important;}
.add-task-owner .option-input[type="radio"]:checked::before{line-height: 13px;width: 15px;font-size: 11px;text-align: center;left: -1px;}
.taskowner-users .media-object,.taskowner-circle .media-object{height: 20px;width: 20px;border-radius: 50%;object-fit: cover;}
.add-task-owner .bs-searchbox input{height:25px;}
.task-selected-users{padding-left: 0;padding-top: 0;}
span.task-user{font-size: 13px;}
.spread-modal .task-selected-users,.grid-modal .task-selected-users{padding-left: 5px;padding-top: 0;margin-right: 5px;width: 148px;max-width: 148px;vertical-align: middle;}
div.inline-select div.dropdown-menu .dropdown-menu.inner{max-height:200px !important;overflow:auto;}
div.inline-select .dropdown-menu>li>a{font-size: 13px;}
.add-task-owner .inline-select{display: inline-block;}
.add-task-owner .bootstrap-select.btn-group .btn .filter-option{font-size: 14px;color: #787878;}
.listInputType .dropdown-menu.inner a img{height: 18px;width: 18px;margin-right: 5px;border-radius: 50%;object-fit: cover;}
.add-task-owner .filter-option img{height: 15px;width: 15px;margin-right: 5px;border-radius: 50%;object-fit: cover;}
.task-selected-users .task-user .check-mark{display:none;}
.cancel-task-user{font-size:10px;display: inline-block;cursor: pointer;margin-left: 7px;color: #f44336;position: relative;top: -1px;padding: 2px;}
.add-task-usercircle span{font-size: 13px;padding: 2px 10px;color: #ffffff;background: #00bcd4;margin-right: 5px;}
.add-task-usercircle span i{font-size: 10px;margin-right: 5px;}
.add-task-usercircle{display: inline-block;}
span.add-task-circle{margin-right: 10px;}
.task-selected-img img{border-radius: 50%;width: 22px;height: 22px;border: 1px solid #ffffff;object-fit: cover;margin-left: -6px;position: relative;top: -1px;}
span.task-user-title, span.task-circle-title{font-size: 12px;color: #507850;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 112px;display: inline-block;vertical-align: middle;}
.task-selected-img img:first-of-type{margin-left: 0;}
.in-add-mode .todo_element{padding: 5px 0 5px;}
.task-selected-users{display: inline-block;margin-right: 5px;width: 18%;max-width: 18%;}
.task-selected-circles{display: inline-block;margin-right: 5px; width: 90px;max-width: 90px;vertical-align: top;border: 1px solid #b4b4b4;background: #ffffff;border-radius: 3px;}
.in-add-mode .task-left{width: 91%;}
.in-add-mode .todo_list ul li label .hidden_real_check:checked + .in-add-mode .todo_element .element_title::before{opacity: 1;}
.taskowner-users-list,.taskowner-circle-list{display:none;}
.task-user-images{display: inline-block;}
.btn-task-update{float: right;padding: 3px 15px;}
.spread-modal .customized_ckeck{cursor: pointer;}
.spread-modal .log-poll{padding-left: 42px;}
.spread-modal .log-action-remarks{padding-left: 30px;font-weight: 300;}
.spread-modal .log-action-media{padding-left: 36px;}
.spread-modal ul.response-status-inital{padding-left: 16px;}
.taskowner-circles-list span.filter-option img,.taskowner-users-list span.filter-option img{height: 18px;width: 18px;margin-right: 5px;border-radius: 50%;object-fit: cover;}
.taskowner-users-list ul li img,.taskowner-circles-list ul li img{height: 18px;width: 18px;border-radius: 50%;object-fit: cover;}
.taskowner-users-list button:focus,.taskowner-circles-list button:focus{outline:none !important;}
.spread-modal .modal-body .log-label .icon-img{height: 18px;margin-top: 0;vertical-align: top;}
.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus{outline:none !important;}
.in-add-mode span.task-status,.editactionlogs span.task-status{display:none;}
.in-add-mode .task-selected-users{padding-right: 0;
    padding-left: 0px;
    display: inline-block;
    width: 150px;
    max-width: 150px;
    border: 1px solid #b4b4b4;
    background: #ffffff;
    border-radius: 3px;
    float: left;}
.in-add-mode .task-selected-circles{float: left;}
.in-add-mode .task-weightage{float: left;height: 33px;line-height: 32px;margin-left: 5px;}
.spread-modal .editactionlogs .task-selected-users, .grid-modal .editactionlogs .task-selected-users{padding-left: 0;background: #ffffff;border: 1px solid #b4b4b4;border-radius: 3px;}
.editactionlogs .todo_element{padding: 5px 0;width: 85%;display: inline-block;float: left;}
.editactionlogs .btn-group.bootstrap-select.taskowner-users-list,.editactionlogs .btn-group.bootstrap-select.taskowner-circles-list{display: none;}
.spread-modal .btn-group.bootstrap-select.taskowner-users-list,.grid-modal .btn-group.bootstrap-select.taskowner-users-list,.spread-modal .btn-group.bootstrap-select.taskowner-circles-list,.grid-modal .btn-group.bootstrap-select.taskowner-circles-list{display:none;width: 190px;height: 32px;}
.spread-modal .btn-group.bootstrap-select.taskowner-users-list button,.grid-modal .btn-group.bootstrap-select.taskowner-users-list button,.spread-modal .btn-group.bootstrap-select.taskowner-circles-list button,.grid-modal .btn-group.bootstrap-select.taskowner-circles-list button{height: 32px;border-color: #e4e4e4 !important;background: #f2f2f2;}
.in-add-mode .task-added{width: 70%;float: left;}
.taskowner-users-list button,.taskowner-circles-list button{background: #f3f3f3;height: 32px;font-size: 13px;}
.bootstrap-select.taskowner-users-list{border: 1px solid #e4e4e4;height: 34px;}
span.task-profile{display: inline-block;width: 28px;text-align: center;margin: 0 auto;vertical-align: middle;margin-left: 2px;}
.todo_list ul li label .hidden_real_check:checked {opacity: 0.4;}
.customized_ckeck .checkbox i{position: absolute;top: 3px;right: -13px;}
.todo_list .bootstrap-select.btn-group .dropdown-menu li{border:none;margin:0;}
.task-profile .dropdown-menu{left: -10px;width: 581px;top: 8px;}
.input-history-details img{height: 18px;width: 18px;border-radius: 50%;object-fit: cover;margin-right: 1px;}
.modal .task-profile .input-history-details div{font-weight: 300;padding: 5px;}
.todo_element_checkbox{width: 16%;display: inline-block;text-align: center;margin: 0 auto;}
img.input-edit-history,img.input-highlighter{height: 18px;margin: 1px;cursor: pointer;}
.dropdown.task-history-dropdown a.btn.btn-secondary.dropdown-toggle{padding:0;} 
.task-history-dropdown .dropdown-menu{margin-top: 10px;left: -370px;width: 450px;}
.task-history-dropdown .dropdown-menu:before{left:370px}
.task-history-dropdown .dropdown-menu:after{left: 368px;}
.updated-color{display: inline-block;height: 15px;width: 16px;background: green;position: relative;top: 3px;}
.updated-title{font-size: 13px;font-weight: 400;color: #666666;}
.input-history-details{padding: 10px 15px;}
.input-history-details div{padding:5px 0;}
span.tsk-updated-date{float:right;font-size:12px;font-weight: 400;color:#4CAF50;}
.in-add-mode .todo_element_checkbox{display: none;}
.todo_element_checkbox .dropdown-colorselector ul.dropdown-menu{left: -75px;min-width: 130px;margin-top: 4px;}
.todo_element_checkbox .dropdown-colorselector .dropdown-menu.dropdown-caret:before{left: 78px;}
.todo_element_checkbox .dropdown-colorselector .dropdown-menu.dropdown-caret:after{left: 79px;}
.todo_element_checkbox .dropdown-colorselector ul.dropdown-menu li:first-of-type{display:none;}
.taskprogress-div .progress-title{float:left;color:#666666;font-weight: 500;font-size: 12px;position: relative;top: 9px;padding-right: 5px;}
.tabulator-table .taskprogress-div .progress-title{display:none;}
.hide-tasks-list span.task-profile{display:none;}
.hide-tasks-list .comment-container{display:none;}
.hide-tasks-list  .element_title{padding-bottom:0;}
.hide-tasks-list .log-list .todo_element{width: 100%;border:none;float: left;border-radius: 5px;}
.hide-tasks-list .task-selected-users{padding-top: 5px;}
.board-view-item .apc_column--size.board-view .task-weightage{display:none;}
.editactionlogs  .todo_element_checkbox{display: inline-block;width: 10%;    float: left;}
.editactionlogs  .todo_element_checkbox .list-comments,.editactionlogs  .todo_element_checkbox .task-history-dropdown,.editactionlogs  .todo_element_checkbox .input-highlighter{display: none;}
.todo_element .dropdown-menu>li>a{font-size: 13px;}
.notification-camp-page .panel-body .log-label{width:100%;}
.notification-camp-page .log-label .icon-img{max-height: 18px;margin-top: 2px;}
.inline-select .dropdown-menu{z-index: 9999;}
.empty-selected-users img{border: 1px solid #bdc3c7;padding: 2px;background: #ffffff;}
.empty-selected-users{display:none;}
.empty-selected-circles img{border: 1px solid #bdc3c7;padding: 2px;background: #ffffff;}
.empty-selected-circles{display:none;}
.empty-todo-date{font-size: 13px;display: none;color: #3d3d3d;padding: 0;}
.taskselected-users,.taskselected-circles{cursor: pointer;border-radius: 0;padding: 0;text-align: center;}
.empty-title{font-size: 12px;color: #3d3d3d;}
.list-error{padding-top:3px;clear:both;}
.task-date{padding: 5px;font-size: 12px;border-right: none;}
.taskdate .input-group-addon{padding: 6px 5px 6px 2px;background: #f6f6f6;border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;    border-color: #e4e4e4;}
.taskdate .input-group-addon .fa-calendar{font-size: 12px;}
.bootstrap-select1{display: inline-block;}
.list-title-heading{display: inline-block;width: 35%;font-weight: 700;margin-right: 8px;}
.list-date-heading{display: inline-block;width: 18%;font-weight: 700;text-align: center;margin-right: 5px;}
.list-users-heading{display: inline-block;width: 18%;font-weight: 700;text-align: center;margin-right: 15px;}
.list-circles-heading{display: inline-block;width: 11%;font-weight: 700;text-align: center;}
.empty-selected-circles,.empty-selected-users{position: relative;left: -7px;padding: 3px;}
.bootstrap-select.taskowner-users-list,.bootstrap-select.taskowner-circles-list{width: 148px !important;border-radius: 2px;position: relative;display: none;}
.bootstrap-select.btn-group:not(.input-group-btn).taskowner-users-list{display: none;}
.bootstrap-select.taskowner-users-list button,.bootstrap-select.taskowner-circles-list button{width: 148px !important;border-radius: 2px !important;height: 32px;padding: 5px 8px;}
/*.bootstrap-select.taskowner-users-list span.filter-option,.bootstrap-select.taskowner-circles-list span.filter-option{position: relative;top: -2px;}*/
.listitem-title{display:none;}
.spread-modal .task-selected-users, .spread-modal .task-selected-circles, .grid-modal .task-selected-users,.grid-modal .task-selected-circles{background: #f1f1f1;}
.spread-modal .editactionlogs .task-selected-users, .grid-modal .editactionlogs .task-selected-users,.apps-user-page .editactionlogs .task-selected-users{background: #ffffff;border: 1px solid #b4b4b4;border-radius: 3px;float: left;}
.spread-modal .editactionlogs .task-weightage,.grid-modal .editactionlogs .task-weightage{color: #333333;border: 1px solid #b4b4b4;float: left;}
.todo_element_checkbox .list-comments{display:inline-block;margin-right:1px;position: relative;}
.spread-modal .listitem-title,.grid-modal .listitem-title{margin-left: 40px;margin-bottom: 5px;display:block;}
.spread-modal .list-title-heading,.grid-modal .list-title-heading{width: 25%;}
.spread-modal .editactionlogs .todo_list>ul li{margin-bottom: 0;display: block;clear: both;}
.editactionlogs .add-task{clear: both;}
.editactionlogs .add-task .task-title{width: 28%;}
.editactionlogs .taskdate input{font-size: 12px;}
.editactionlogs .taskdate{width: 125px;}
.spread-modal .editactionlogs .element_title,.grid-modal .editactionlogs .element_title{width:64%;border: 1px solid #999;background: #ffffff;border-radius: 3px;}
.spread-modal .editactionlogs .list-title-heading{width: 27%;}
.tooltip-inner {font-size: 15px;
    font-family: 'MyWebFont';
    font-weight: 400;
    letter-spacing: 0.4px;
    padding: 12px;
    text-shadow: none;}
.in-add-mode .todo-time{padding:5px 0;display: inline-block;}
.editactionlogs .todo-time{padding:5px 0;display: inline-block;}
.completion-date{float: left;}
.editactionlogs .todo_date{padding: 1px 2px;min-width: 41%;text-align: center;background: #ffffff;border: 1px solid #b4b4b4;border-radius: 3px;}
.editactionlogs .element_title{margin-right: 2%;}
.editactionlogs .task-added{width: 53%;display: inline-block;float: left;}
.list-each-comments{border: 2px solid #f0f0f0;padding: 20px 70px;background: #f0f0f0;border-radius: 10px;margin-top: 11px;position: relative;margin-bottom: 25px;}
.list-each-comments:before{content: "";position: absolute;right: 137px;height: 0;border-bottom: 10px solid #f0f0f0;border-left: 10px solid transparent;border-right: 10px solid transparent;top: -10px;}
.list-each-comments .comments-body{background: #f0f0f0;}
.list-each-comments .write-comment{background: #f0f0f0;}
.list-each-comments .comments-list{background: #f0f0f0;padding: 2px 5px 10px;border-bottom: 1px solid #ffffff;margin: 10px 0;}
.todo_list ul li{position: relative;width: 100%;min-height: 33px;border: 3px solid transparent;list-style: none;background: #fafafa;margin: 5px 0;border-radius: 38px;}
.list-each-comments .comments-like span,.list-each-comments .comments-like i{color: #868686;}
.list-each-comments .delete-comment,.list-each-comments .comment-date{color: #868686;}
.list-each-comments .comments-list-text{width: 94%; background: #f0f0f0;}
.list-each-comments .write-comment textarea{border: 1px solid #eaeaea;background: #ffffff;}
.list-each-comments  .comments-text{width: auto;border: 1px solid #eaeaea;background: #ffffff;}
.list-each-comments .comments-like{margin-left: 15px;}
.list-each-comments .comment-date{font-size: 12px;margin-left: 15px;display: inline-block;}
.list-each-comments .comment-date i{font-size: 10px;}
.list-each-comments .comments-section{margin: 10px -15px;}
.list-comment-count{position: absolute;top: -5px;font-size: 11px;color: #4caf50;font-weight: 600;}
.more-users{display: inline-block;}
.more-users span.dropdown:hover ul.dropdown-menu{ display: block;max-height: 350px;overflow: auto;}
.more-users ul.dropdown-menu{margin-left: 5px;margin-top: -45px;border: 1px solid transparent;left: 6px;background: #3b3b3b;border-radius: 5px;width:180px;padding-bottom: 0;max-width:180px;}
.more-users .dropdown-menu:after,ul.more-users .dropdown-menu:before{display: none;}
.more-users .dropdown-menu li{border: none;padding: 7px 10px;background: #3b3b3b;color: #ffffff;font-size: 13px;font-weight: 300;margin-bottom: 0;}
.more-users li.other-users-li{border: none;margin-bottom: 0;font-weight: 500;font-size: 13px;}
.other-users-li a{display: inline-block;font-size: 12px;font-weight: 400;color: #333333;}
.other-users-li a i{font-size: 9px;margin-right: 1px;margin-left: 2px;}
.spread-modal .list-date-heading,.grid-modal .list-date-heading{width: 15%;}
.spread-modal  .list-users-heading,.grid-modal  .list-users-heading{width:13%;}
.spread-modal  .list-circles-heading,.grid-modal  .list-circles-heading{width: 8%;}
.empty-competion-date{display: none;color: #3d3d3d;padding: 5px;}
.completion-date{font-size: 12px;font-weight: 300;padding: 5px;position: relative;top: 0;display: inline-block;min-width: 125px;float: left;}
.in-add-mode .completion-date{display:none;}
.completion-date input{display:none;width: 105px;border: none;border-bottom: 1px solid #03a9f4;margin-bottom: 0;padding: 5px 2px;}
.list-completion-heading{margin-right: 0;}
.post-listcomment-btn{background: transparent;border: none;color: #4CAF50;padding: 0;width: auto;font-size: 16px;position: absolute;right: 18px;top: 14px;}
.list-each-comments .listcomments-like{font-size: 12px;margin-left: 10px;color: #8a8484;}
ul.task-owners li img{border-radius: 50%;width: 18px;height: 18px;border: none;object-fit: cover;margin-right: 5px;top:0}
ul.task-owners li p{margin-bottom: 0;}
span.other-users-li{padding-right: 10px;}
.viewactionlogs .todo_date{width:140px;}
.in-add-mode .list-title-heading{width: 49%;}
.panel.actionlog-panel span.listcomments-like{color: #888888;font-size: 12px;}
.panel.actionlog-panel span.delete-listcomment{color: #888888;font-size: 12px;margin-left: 15px;}
.switch input { 
    display:none;
}
.switch {
    display:inline-block;
width: 42px !important;
    height: 21px;
    margin: 0 0 0 5px;
    transform:translateY(50%);
    position:relative;    top: -4px;
}
.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px;
    box-shadow:0 0 0 2px #777, 0 0 4px #777;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
     transition:.4s;
}
.slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:30px;
    transform:translateX(-38px);
    transition:.4s;
}

input:checked + .slider:before {
    transform:translateX(3px);
    background:#5cb85c;
}
input:checked + .slider {
    box-shadow:0 0 0 2px #5cb85c,0 0 2px #5cb85c;
}
.switch.flat .slider {
 box-shadow:none;
}
.switch.flat .slider:before {
  background:#FFF;
}
.switch.flat input:checked + .slider:before {
 background:white;
}
.switch.flat input:checked + .slider {
  background:#5cb85c;
}
.list-completed-heading{display: inline-block;width: 12%;font-weight: 700;text-align: center;margin-right: 0;}
.spread-modal .list-completed-heading,.grid-modal .list-completed-heading{width: 20%;}
.customized_ckeck .checkbox{margin:0;}
.list-comments img{height: 20px;position: relative;top: 2px;}
.todo_element .clicke2dit{width: 70%;}
.hide-tasks-list .task-weightage,.hide-tasks-list .task-selected-users,.hide-tasks-list .task-selected-circles,.hide-tasks-list .completion-date{display:none;}
.hide-tasks-list .task-left{width: 100%;}
.hide-tasks-list .element_title{width: 100%;margin-right: 5px;text-align: left;}
.hide-tasks-list .todo_date{width: 140px;float: left;text-align: left;}
.list-each-comments img.listCommentImageUpload{max-width: 100%;max-height: 200px;}
.btn-primary.post-listcomment-btn:hover{color: #368039;background-color: transparent;border-color: transparent;}
.close-list-notes img{cursor: pointer;height: 11px;}
.close-list-notes{position: absolute;right: 10px;top: 5px;opacity: 0.7;border: 1px solid #757575;border-radius: 50%;height: 30px;width: 30px;line-height: 28px;display: inline-block;text-align: center;transition: 0.5s all ease;}
.close-list-notes:hover{opacity:1;}
.listComments-list img.comment-user-profile{height: 25px;width: 25px;border-radius: 50%;vertical-align: top;object-fit: cover;}
.listComments-list.show-comments{margin:10px 0;}
.listComments-list .comment-media img{max-width: 100%;max-height: 200px;}
.listComments-list .comment-media{display: block;}
.viewactionlogs .task-selected-circles,.viewactionlogs .task-selected-users{border: none;}
.viewactionlogs .completion-date{min-width: 130px;text-align: center;}
.listcomment-image-section{position: relative;}
.listcomment-image-section .btn-upload.post-comment-btn{display: none;}
.listcomment-image-section  .remove-upload-img{position: relative;max-width: 100%;display: inline-block;}
.listcomment-image-section .btn remove-listimage{position: absolute;padding: 0 5px;right: -24px;top: 0px;color: #fff;background: #f90909;z-index: 10;border-radius: 50%;font-size: 14px;}
.listcomments-like.active i, .listcomments-like.active span {color: #297cbd;}

ul.accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px;
  margin: 0;
  list-style: none;
  background-color: #f9f9fA;
}
ul.accordion-list li.action-category {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: #FFF;
  padding: 15px;
  margin: 0 auto 10px auto;
  border: 1px solid #eee;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 2px 2px 4px rgb(125 125 125  / 30%);
}
ul.accordion-list li.action-category.active h3:after {
  transform: rotate(45deg);
}
ul.accordion-list li.action-category h3 {
  font-weight: 700;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.01em;
  cursor: pointer;
}
ul.accordion-list li.action-category h3:after {
  content: "\002B";
  position: absolute;
  right: 0;
  top: 0;
  color: #Fcc110;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
}
ul.accordion-list li.action-category div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
ul.accordion-list li.action-category div.answer p {
  position: relative;
  display: block;
  font-weight: 300;
  padding: 10px 0 0 0;
  cursor: pointer;
  line-height: 150%;
  margin: 0 0 15px 0;
  font-size: 14px;
}
#inputInfo .modal-dialog{width:65%;}
#inputInfo .modal-header{padding-bottom: 0;padding-left: 40px;border-bottom: none;}
#inputInfo .modal-header .modal-title{font-size: 22px;color: #3f9643;text-transform: uppercase;}
#inputInfo .modal-footer{border: none;}
ul.accordion-list li.action-category .answer-heading ul li{padding:5px;color:#000000;font-weight: 400;}
ul.accordion-list li.action-category .answer-heading{padding-top: 15px;}
.nav-pills-custom .nav-link {
color: #000000;
    background: #fff;
    position: relative;
    padding: 15px 10px !important;
    margin-bottom: 1rem!important;
    box-shadow: 0 .3rem 1rem rgba(0,0,0,.25)!important;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
}

.nav-pills-custom .nav-link.active {
    color: #ffffff;
    background: #45b649;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #45b649;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
.input-demo-column .nav.nav-pills-custom{display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;flex-direction: column!important;}
.font-italic{padding-bottom: 2px;font-size: 22px;
    color: #000000;
    margin-top: 0;}
.answer-heading ul li{padding:5px;color:#000000;font-weight: 400;}
.answer-heading{padding-top: 15px;}
.input-info-icon{margin-left: 5px;}
.input-info-icon img{position: relative;height: 16px;width: 16px;top: -1px;}
.slider-body{width:55px;display: inline-block;margin-left: 5px;}

.slider-container {
    width: 100%;
  position: relative;
}
.sliderHandle {
  display:inline-block;
  width: 100%;
    height: 14px;
    /*top: 37px;*/
    background: #ddd;
    border-radius: 10px;
}


.sliderHandle .ui-slider-handle{
  top:-3px;
    width: 16px !important;
    height: 16px !important;
    border-radius: 25px;
    background: #4caf50;
    border: 2px solid #ffffff;
    text-align:center;
    line-height:18px;
  font-weight:500;
  font-size:10px;
  color:#ffffff !important;
}

.sliderHandle.ui-widget-content{
    border: 1px solid #ffffff !important; 
    background: #aaa7a0 ; 
    color: #222222;
    border-radius: 10px;
}
.ui-widget-header { 
       border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #f36633; 
    background: #f36633; 
    color: #222222; 
    font-weight: bold; }

.sliderHandle .ui-slider-range.ui-widget-header { 
       border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #1065ba; 
    background: #4caf50 !important; 
    color: #222222; 
    font-weight: bold;padding: 0; border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.ui-slider-horizontal .ui-slider-handle {margin-left: -0.8em !important;}
.custom-handle{position: absolute;right: 0;color: #4caf50;font-weight: 600;line-height: 16px;font-size: 12px;top: 6px;left: 15px;}
.sliderHandle.ui-widget-content .ui-state-active{background-color: #4caf50 !important;}
img.input-highlighter{margin-right: 5px;}
.slider-body .ui-slider-horizontal{height: 5px;position: relative;top: -9px;}
.slider-body .ui-slider-horizontal .ui-slider-handle{top: -7px;cursor: pointer;}
#userDisplayModal .user-section img{height: 35px;width: 35px;display: inline-block;vertical-align: middle;margin-right: 5px;padding: 0;}
.editactionlogs .completion-date{margin-right: 5px;margin-left: 5px;color: #777777;padding: 1px 5px;min-width: 20%;text-align: center;background: #ffffff;border: 1px solid #b4b4b4;border-radius: 3px;}
.spread-modal .editactionlogs .listitem-title{margin-left: 15px;}
.editactionlogs .slider-body{width: 90px;position: relative;top: 7px;}
.editactionlogs .slider-body .custom-handle{right: 0;top: 0;margin-top: 8px;left: -2px;font-weight: 500;}
.editactionlogs .task-weightage{height: 34px;width: 34px;line-height: 32px;}
.save-slider-span{position: absolute;right: -40px;display: inline-block;top: 5px;}
.save-slider-span input{line-height: 15px;font-size: 12px;font-weight: 300;border: none;padding: 2px 5px;border-radius: 5px;}
.log-main-section .log-label{background: #f2f2f2;font-weight: 600;text-transform: uppercase;font-size: 14px;padding: 5px 0 5px 5px;}
.taskprogress-div span{max-width: 100%;}
.log-main-section label.log-label span.list-label{max-width: 68%;}
.log-main-section .pull-right.taskprogress-div{position: relative;top: -6px;}
.hide-tasks-list div.todo_element_checkbox .list-comments,.hide-tasks-list div.todo_element_checkbox .task-history-dropdown,.hide-tasks-list div.todo_element_checkbox .input-highlighter{display: none;}
.hide-tasks-list div.todo_element_checkbox{width: 57px;position: relative;top: 5px;}
.editactionlogs .slider-body .ui-slider-horizontal .ui-slider-handle{cursor: default;}
.spread-modal .editactionlogs .listitem-title, .grid-modal .editactionlogs .listitem-title{margin-left: 5px;}
.spread-modal .editactionlogs .list-date-heading{width: 17%;}
.grid-modal .editactionlogs .list-date-heading{width: 15%;}
.spread-modal .editactionlogs .list-date-heading:first-of-type{margin-right: 13px;}
.in-add-mode .completion-date-heading{display: none;}
.spread-modal .empty-competion-date,.spread-modal .empty-todo-date{padding:0;}
.grid-modal .empty-competion-date,.grid-modal .empty-todo-date,.notification-camp-page .empty-todo-date,.notification-camp-page .empty-competion-date{padding:0;}
.spread-modal .editactionlogs .list-title-heading, .grid-modal .editactionlogs .list-title-heading {width: 26%;}
.spread-modal .editactionlogs .empty-competion-date,.spread-modal .editactionlogs .empty-todo-date{padding:5px;}
.notification-camp-page .log-list .todo_date{top: 1px;background: transparent;}
.notification-camp-page .task-left{width: 50%;}
.notification-camp-page .element_title{max-width: 54%;width: 54%;text-align: left;}
.notification-camp-page .log-main-section .pull-right.taskprogress-div{top: 0;}
.notification-camp-page .bootstrap-select.taskowner-circles-list {display:none;}
.notification-camp-page .todo_element .task-status,.users-newsfeed-page .todo_element .task-status{display:none;}
.detailsactionlogModal .element_title{max-width: 63%;width: 63%;text-align: left;}
/*.detailsactionlogModal .modal-dialog{width: 975px !important;}*/
.notification-camp-page .edit-action-log{margin: 0px 15px 0px 0;}
.notification-camp-page span.delete-action-log{padding: 3px;}
.notification-camp-page .task-selected-users,.notification-camp-page .task-selected-circles{width: 90px;max-width: 90px;padding-left: 0;margin-right: 0;}
.notification-camp-page .task-weightage{display: none;}
.users-newsfeed-page .task-history-dropdown,.users-newsfeed-page .task-weightage,.users-newsfeed-page .input-highlighter,.users-newsfeed-page .list-comments{display: none;}
.myactions-style .todo_element_checkbox{width:13%;}
.myactions-style .task-selected-circles,.myactions-style .task-selected-users{max-width: 80px;width: 80px;padding-left: 0;margin-right: 0;display:none;}
.myactions-style .todo_date{width: 140px;vertical-align: middle;}
.myactions-style span.task-profile img{height: 27px;width: 27px;border-radius: 50%;object-fit: cover;vertical-align: middle;}
.myactions-style .slider-body .ui-slider-horizontal .ui-slider-handle{top: -6px;position: relative;}
.editactionlogs .todo_element .clickedit{width: 64%;
    float: left;
    margin-right: 6px;}
.grid-modal .editactionlogs .empty-todo-date{padding: 5px 0;}
.myactions-style .sliderHandle .ui-slider-range.ui-widget-header{top: 0;height: 100%;left: 0;position: absolute;z-index: 1;font-size: .7em;border: none !important;}
/*.gridmodaledit .modal-dialog{width:1000px !important;}*/
.gridmodaledit .editactionlogs .element_title{text-align: left;max-width: 62%;}
.gridmodaledit .editactionlogs .empty-todo-date,.gridmodaledit .editactionlogs .empty-completion-date{padding: 5px 0;}
.gridmodaledit .editactionlogs .task-selected-users{max-width: 90px;width: 90px;padding-left: 0;border: 1px solid #b4b4b4;background: #ffffff;border-radius: 3px;}
.in-add-mode .empty-todo-date{padding: 5px 0;}
.gridmodaledit .editactionlogs .todo_element{width: 86%;}
.todo_list li.ui-state-default{text-align: left !important;height: auto !important;}
.apps-user-page .editactionlogs .task-left {
    width: 53%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
    float: left;
}
.apps-user-page .editactionlogs .element_title.element_title-view{
    display: block;
    width: 57%;
    border: 1px solid rgb(153, 153, 153);
    background: rgb(255, 255, 255);
    border-radius: 3px;
}
.apps-user-page .editactionlogs .editactionlogs .todo_date{
        min-width: 90px;
}
.apps-user-page .editactionlogs .task-selected-circles{width: 70px;max-width: 70px;}
/*.apps-user-page .todo_list ul li{min-height: 50px;}*/
.apps-user-page .editactionlogs .todo_element .clickedit {
    width: 64%;
    float: left;
    margin-right: 5px;}
.apps-user-page .editactionlogs .todo_element{padding: 5px 10px 5px 0;}
.apps-user-page .editactionlogs .listitem-title{display: block;}
.apps-user-page .editactionlogs .list-title-heading{width: 28%;}
.apps-user-page .editactionlogs .list-date-heading{width: 14%;}
.apps-user-page .editactionlogs .list-date-heading.completion-date-heading{width: 18%;}
.apps-user-page .editactionlogs .list-users-heading{width: 9%;margin-right: 0;}
.apps-user-page .editactionlogs .list-circles-heading{width: 10%;}
.modal-calendar .log-list .element_title{width: 50%;font-weight: 400;}
.todo_list li.ui-state-default:after{
    content: ' ';
    clear: both;
    display: table;
}
.add-task .bootstrap-select button,.add-task .task-weight{
    border-radius:5px !important;
}
.add-task input.task-date,.calendar-section .logdate input{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.add-task input.task-date .input-group-addon,.calendar-section .logdate .input-group-addon{
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.add-task input.form-control{
    border-color: #e4e4e4;
}
.add-task-owner .bootstrap-select .dropdown-menu.open,.taskowner-circle .bootstrap-select .dropdown-menu.open,.bootstrap-select.taskowner-users-list .dropdown-menu.open{
    min-width: 250px;
}
.bootstrap-select.taskowner-users .btn-default:hover {
    background-color: #f2f2f2;
}
.todo_element .clickeddate{c
    font-size: 13px !important;
    text-align: center;
/*    width: 150px;*/
width: 110px;
}
.editmodal .task-left {
    width: 53%;
}
.task-selected-img.task-selectedUsers{
    padding: 5px;
}
.apps-user-page .editactionlogs .empty-todo-date{
    padding: 5px;
}
.modal .action-container .textarea-section input[type="text"].completiondate{
    height: 30px;
}
.apc_inner_item.cloned.col-md-4 .task-status,.apc_inner_item.cloned.col-md-4 .todo_element_checkbox,.apc_inner_item.cloned.col-md-6 .task-status,.apc_inner_item.cloned.col-md-6 .todo_element_checkbox,.apc_inner_item.cloned.col-md-6 .todo_date,.apc_inner_item.cloned.col-md-4 .todo_date,
.apc_inner_item.cloned.col-md-4 .task-profile,.apc_inner_item.cloned.col-md-6 .task-profile,.apc_inner_item.cloned.col-md-4 .completion-date,.apc_inner_item.cloned.col-md-6 .completion-date,
.apc_inner_item.cloned.col-md-4 .task-selected-users,.apc_inner_item.cloned.col-md-6 .task-selected-users,.apc_inner_item.cloned.col-md-4 .task-weightage,.apc_inner_item.cloned.col-md-6 .task-weightage,
.apc_inner_item.cloned.col-md-4 .list-filter-search-box,.apc_inner_item.cloned.col-md-6 .list-filter-search-box,.apc_inner_item.cloned.col-md-4 .todosort-dropdown,.apc_inner_item.cloned.col-md-6 .todosort-dropdown
{display: none;}
.apc_inner_item.cloned.col-md-6 .log-list .todo_element,.apc_inner_item.cloned.col-md-6 .task-left,.apc_inner_item.cloned.col-md-6.log-list .element_title {
    width: 100%;
}
 .board-view.col-md-4 span.task-profile,.board-view.col-md-4 .completion-date,.board-view.col-md-4 .task-selected-users,
 .board-view.col-md-4 .task-weightage,.board-view.col-md-4 .todo_element_checkbox .list-comments,.board-view.col-md-4 .todo_element_checkbox .task-history-dropdown,
 .board-view.col-md-4 .todo_element_checkbox .input-highlighter,.board-view.col-md-4 .task-status,.board-view.col-md-4  label.log-label span.progress-title{
    display: none;
}
.board-view.col-md-4 .log-list .element_title{
    width: 46%;
}
.board-view.col-md-4 .log-list .task-left {
    width: 100%;
}