.OKRContainer,.TotalObjectives,.AligntoFilter{ background:#fff; box-shadow:0 0px 6px #dcdada; border-radius:5px; color:#454545;}
.TotalObjectives{margin-right:0px;}
/* .InputContainer,.TextareaContainer{ width:90%; float:left;} */
.InputContainer{ color:#434343; font-size:20px;}
.FormIcon{ float:left; margin:8px 10px 0 0; font-size:26px; color:#a6a6a6;}
.FormBox .FormIcon.EmailName{font-size: 16px;margin: 13px 10px 0 0;}
/*.companyicon{ margin:11px 5px 0 0;}*/
.icon-company{ font-size:28px; margin:0 0 0 -4px;}
.InputContainer a{ position:absolute; right:1px; color:#afafaf; top:16px; font-size:14px; display:none; font-weight:normal;}
.TextareaContainer textarea{ border-width:1px; border-color:#dadada; width:100%; border-radius:0px;
 resize:none; padding:5px 10px 5px; height:inherit; line-height:20px; border-radius:5px;display:block; overflow:hidden; 
 min-height: 40px; max-height: 300px; overflow-y:auto; background:transparent;}
.TextareaContainer textarea:focus,.TextareaContainer textarea:hover,.FocusBox .TextareaContainer textarea{ border-color:#5A4D9F;}
.NewInputUI ~ .focus-border,.TextareaContainer textarea ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #1dccfe; transition: 0.4s;}
.NewInputUI:focus ~ .focus-border,.TextareaContainer textarea:focus ~ .focus-border{width:100%; transition: 0.4s; left: 0;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a6a1a1;font-weight:normal; font-size:14px;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a6a1a1;font-weight:normal;font-size:14px;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #a6a1a1;font-weight:normal;font-size:14px;
}
.NewSeachBox input::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a6a1a1; font-weight:normal; font-size:14px;
  opacity: 1; /* Firefox */
}
.ListofKeyresults .TextareaContainer textarea{    padding: 8px 10px 5px;}
.CreateObjective .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{padding: 5px 25px 0px 10px !important;border: 1px solid #dadada;border-radius: 5px;background:#fff; height:40px; box-shadow:none;}
.CreateObjective .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover,.CreateObjective .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:focus{border:1px solid #5A4D9F;}
.visibilityfield .selectpicker .icon-DownArrow{position: absolute;top: 17px;}
.MeasureOptions span{ display:none; float:left; margin:10px 0 0; width:90%;}
.MeasureOptions span.FormIcon{ display:inline; float:left; width:30px;padding:12px 0 0;}
.MeasureOptions input{ width:100%; border-radius:0px; border-width:0px 0px 1px 0px;}
.MeasureOptions textarea,.MeasureOptions .TextareaContainer{ width:100%;  } 
.MeasureOptions textarea:hover,.MeasureOptions textarea:focus,.MeasureOptions input:hover,.MeasureOptions input:focus{border:0px; border-bottom:1px solid #5A4D9F;}
.MeasureOptions .TextareaContainer textarea{ padding:5px;}
.MeasureOptions span.charcount{ width:100% !important;}

.fa.fa-tag{ font-size:22px; color:#a6a6a6;}
.AutoSuggestContainer { width:100%; background:#fff; min-height:40px;border:0; height:auto; border:1px solid #dadada; cursor:pointer; } 
.AutoSuggestContainer.opened,.TagContainer.Focus .AutoSuggestContainer{border:1px solid #483B8C; border-radius: 5px 5px 0px 0px; }
.AutoSuggestContainer .GetInput input{ background:transparent; width:200px; max-width:auto;}
.KeyResults{ border-top:1px solid #e3e3e3; padding:20px 0 0;}
.KeyResults label{ display:none; color:#777777; margin-bottom:10px;}
.KeyResults  li{margin-bottom:20px; float:left; width:100%;position:relative;border-bottom: 1px solid #e0e0e0;
padding-bottom: 10px;}
.KeyResults  li:last-child{ margin-bottom:0px;/* padding-bottom: 0px; */border-bottom: 0px;}
.KeyResults textarea,.TextareaContainer .ObjDesc{ min-height:30px;}
.KeyResults .icon-KeyResults{font-size:20px; color:#a6a6a6;}
.AddKeyResult{ display:block; color:#777; clear:both; display:inline-block; margin:0 20px 0 0px;}
.AddKeyResult:hover{color:#5A4D9F;}
.AddKeyResult i{ font-size:20px; float:left; margin:0px 6px 0 0px; color:#5A4D9F;}
.DeleteAlignedObjective{position:absolute; right:10px; top:10px; color:#a6a6a6; font-size:20px;}
.DeleteAlignedObjective:hover{color:#8e8e8e;}
.AddAlignTo,.AddAlignTo:focus{font-weight:bold; color:#5A4D9F; border:1px solid #483B8C; text-align:center; text-transform:uppercase; padding:10px 0; display:block; border-radius:5px; border:1px solid #483B8C; color:#5A4D9F;}
.AddAlignTo:hover{color:#fff; background:#5A4D9F;}
.AddAlignTo.disabled{ cursor:not-allowed; position:relative; color:#77bcfe; border-color:#77bcfe;}
.AddAlignTo.disabled:hover{ background:#fff;color:#77bcfe;}
.CreateObjective .dropdown-menu li.disabled{ display:none;}
.delete{ position:absolute; left:97.3%; top:8px; font-size:22px; color:#777; font-weight:bold; }

.delete:hover{color:#444;}
.OKRdescription label,.OKRExtndField label{ font-weight:bold;margin-top:5px; line-height:normal;}
.OKRdescription p,.OKRExtndField p{ color:#444444; font-size:14px !important; }
.ModalMask{ background: rgb(0,0,0,0.75); position: absolute;left: 0;right: 0; top: 0; bottom: 0; z-index: 99; display:none;}
.ObjectiveName textarea{ font-weight:bold; font-size:20px;}
.clearvalue{top:6px; right:0; position:absolute; color:#afafaf; font-size:12px; display:none;}
.clearvalue:hover{color:#454545; }
.ExtnField label{ width:100%; font-weight:bold;}
.ExtnField textarea{ width:84%; resize:none; float:left; padding:5px 10px; }
.ExtnField textarea:hover{ border:1px solid #483B8C;}
.ExtnField .DatePickerBox{ width:130px;}
.OwnerField .ChooseManager{
    position: relative;
    width: calc(100% - 36px); float:left;
}
.OwnerField input.InputText{
    width: 100% !important;
    text-align: left !important;
    height: 38px;
    line-height: 38px;
    padding-right: 30px;
}
.OwnerField a.InputIcon {
    color: #747474;
    position: absolute;
    top: 12px;
    z-index: 99;
    right: 12px;
}
.OwnerField .InputIcon i{font-size:12px;}
.OwnerField .InputIcon i.icon-Cancel{ font-size:18px;}
.OwnerField .ValueSelected {
    background: #ececec;
    padding: 10px;
    border-radius: 5px;
    display: none;
}
.OwnerField.active a.InputIcon{right:28px;top: 34px !important;}
.OwnerField.active a.InputIcon.EmployeSelect{top: 31px !important;}
.OwnerField .InputIcon .icon-SearchGlass{position: absolute;
    top: 3px;
    right: 2px;font-size: 15px;}
.OwnerField.active .InputIcon .icon-CloseIcon{top: 5px;
    position: absolute;
    right: 0;}
.OwnerField.active .InputIcon .icon-CloseIcon.icon-SearchGlass{top: -7px;}
.OwnerField .ValueSelected label{ display:block; margin:0;}
.OwnerField .avatarwithname {
    background: #5A4D9F;
    color: #fff;
    float: left;
    width: 40px;
    height: 40px;
    margin: 2px 0 0 0;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
}
.OwnerField .avatar{width: 40px; float:left;
    height: 40px; border:2px solid #5A4D9F; border-radius:50%; padding:2px;margin-top: -2px;}
.OwnerField .EmpCard .Name {
    max-width: 80%; line-height:normal;
    display: inline-block;
}
.ViewEmp{font-size:13px; font-weight:bold; margin:6px 0 0;}
.ViewEmp:hover{ text-decoration:underline; color: #5A4D9F;}
/* New Create Objective styles */
.ObjName textarea{ font-weight:bold;}
.FormContainer{width: calc(100% - 36px); float: left; position:relative;}
.TagField,.TargetTypeNumber{width: calc(100% - 36px); float: left; position:relative;}
.FloatingLabel label.placeholder{ padding:0px;position:absolute; top:11px;  transition: 0.4s ease all; display:block; -moz-transition: 0.4s ease all; color:#a6a1a1; opacity:1;left:10px;  -webkit-transition: 0.4s ease all;  pointer-events: none; font-size:14px;}
.FloatingLabel.Intitatives label{ left:42px; font-weight:normal; top:12px;}
.FloatingLabel.active .TextareaContainer label.placeholder,.FloatingLabel.active .TargetTypeNumber label.placeholder{top: -10px; margin:0;  font-size: 14px; left:10px; background:#fff; padding:0 6px;  color: #777; z-index:9;}
.FloatingLabel.FocusBox .TextareaContainer textarea ~ label.placeholder,.FloatingLabel .TextareaContainer textarea:focus ~ label.placeholder,.TagField .AutoSuggestContainer :focus label.placeholder,.TargetField .TargetTypeNumber :focus ~ label.placeholder,.TagField input:focus label.placeholder,.AutoSuggestContainer.SelectedValue label.placeholder,.FloatingLabel.Intitatives.active label.placeholder{ top: -10px; left:10px; padding:0 5px; font-size: 14px; color: #5A4D9F; background:#fff;z-index: 9;}
.FloatingLabel.Intitatives.active label.placeholder{ left:40px;}
.AutoSuggestContainer.active label.placeholder,.AutoSuggestContainer.opened label.placeholder{ top: -10px; left:10px; padding:0 5px; font-size: 12px; color: #5A4D9F; background:#fff;}
.FloatingLabel .TargetTypeNumber :focus ~ label.placeholder{ top: -10px; left:10px; padding:0 5px; font-size: 12px;color: #5A4D9F; background:#fff;}
.FloatingLabel .bootstrap-select .btn:focus{ box-shadow:none;}
.TargetTypeNumber input[type="text"]{ width:100%; height:40px;/*text-transform: capitalize;*/}
.TargetTypeNumber input[type="text"].DatePickerBox {width:115px !important; background:#fff;  height:40px; padding:10px 10px 8px !important; border:1px solid #e0e0e0;}
.TargetTypeNumber input[type="text"].DatePickerBox:focus,.TargetTypeNumber input[type="text"].DatePickerBox:hover{
    border:1px solid #5A4D9F;
}
.TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width:calc(100% - 36px);}
/*.TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn):hover{ border:1px solid #483B8C;}*/
.TargetFieldDropdown{ position:relative;}
.TargetFieldDropdown label{    position: absolute;
    z-index: 99;
    top: -10px;
    left: 46px;
    background: #fff;
    padding: 0px 8px;
    color: #777;font-size: 14px;}
.Datepickercontainer .TargetTypeNumber,.GoaldPopup  .Form-Section .Datepickercontainer .TargetTypeNumber { width:120px !important;}

.ToText{ float:left; margin:7px 10px 0px 0;}
.TargetField .TargetTypeNumber{ width:100%;}
.TargetField .FloatingLabel{ position:relative;}
.OwnerField .TargetTypeNumber{ width:100%;}
.DropdownListEmployee{}
.PlainBtn{border: 1px solid #e0e0e0;  color: #5A4D9F;  padding: 8px 12px; border-radius: 5px; text-transform: inherit;
    font-weight: bold;  font-size: 15px;}
.PlainBtn:hover{ background:#5A4D9F; color:#fff; border-color:1d8ffe;}
.PlainBtn:hover i{color:#fff;}
.OwnerName .Information {background:#eceaeb;width:100%; border:1px solid #d5d5d5; padding:10px; border-radius:5px;}
.OwnerName .NameDetails {margin:2px 0 0 8px;}
.OwnerName .NameDetails b{font-size: 13px;}
.OwnerName .NameDetails span{margin-top:2px;}
.OwnerField.active .EmployeeOutline{border:1px solid #e0e0e0; padding:12px; border-radius:5px; display:block;}
.OwnerField.active label.placeholder{top:-22px !important; left:0 !important;}
.Addnewtag{ font-weight:bold; color:#5A4D9F; font-size:13px; margin:4px 4px 0 0px; float:right;}

.CreateObjective .AutosuggestList ul{ max-height:200px; overflow-y:scroll;}
.CreateObjective .AutosuggestList a{border-radius: 0px; display: block; text-align:center; height:inherit; line-height:inherit; background: none;
    color: #5A4D9F;  border-top: 1px solid #e0e0e0; box-shadow:none; padding:8px 0; opacity:0.9;}
.CreateObjective .AutosuggestList a:hover{border-color:#e0e0e0; opacity:1;}
#Addnewtag .modal-dialog{width:450px; min-width:inherit;}

/* Align Objective dropdown */
.AutoSuggestObjective{ position:relative;}
.AutoSuggestObjective .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:102px; border-radius:5px 0 0 5px; margin-bottom:0; display:table-cell;}
.DropdownListEmployee{border:1px solid #e0e0e0; border-radius:5px; display:table; width:calc(100% - 36px);}
.DropdownListEmployee:hover,.DropdownListEmployee:focus{ border-color:#5A4D9F;}
.AutoSuggestObjective .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ height:35px; font-weight:normal; float:none; vertical-align:middle;}
.TargetBoolean{border: 1px solid #dadada;  display: inline-block;  width: 100%; border-radius: 5px; 
    height: 40px; padding: 2px 10px;  position: relative;}
.TargetBoolean label{position: absolute; top: -10px;   z-index: 999;  background: #fff; display: block;  font-size: 14px;
padding: 0 5px}
.AutoSuggestObjective .TargetTypeNumber{ float:none; width:calc(100% - 102px); display:table-cell;}
.Tborder{ width:1px; background:#dadada; display:table-cell;}
.AutoSuggestObjective .TargetTypeNumber input[type="text"]{border-radius:5px !important; height:40px; border:0;}
.AutoSuggestObjective .TargetTypeNumber input[type="text"]:hover{border-color:#e0e0e0;}
.AlignedList{ display:none;/* position:absolute; left:30px; top:73%; right:3px;*/ z-index:999;position: absolute;
width: 100%;}
.Height{ box-shadow:0 6px 10px #cbc9c9; background:#fff; border-radius:5px;}
.AlignedList ul{ }
.AlignedList h3,.SelectedObj h3{ position:relative; padding-left:35px; font-size:15px; margin:0; width: calc(100% - 140px);
 display:table-cell; /*text-transform:uppercase;*/ vertical-align:middle; }
.AlignedList h3 a:hover,.SelectedObj h3 a:hover{ color:#5A4D9F;}
.AlignedList h3 i,.SelectedObj h3 i{  position: absolute; left: 0; top:8px; font-size:20px; width:32px; text-align:center; display:inline-block;}
.AlignedList li{ padding:10px; border-bottom:1px solid #e0e0e0; width:100%; display:table;}
.AlignedList li:hover{background: #5A4D9F; cursor:pointer;}
.AlignedList li:hover .objectivetype,.AlignedList li:hover label b{color: #fff;}
.AlignedList li:hover span a,.AlignedList li:hover .objectivetype b,.AlignedList li:hover label,.AlignedList li:hover h3 i{color: #fff;}
.AlignedList label,.SelectedObj label{line-height:normal; font-size:14px; width:140px;  display:table-cell; color:#a0a5ae; vertical-align:middle;}
.AlignedList label b,.SelectedObj label b{ display:block; color:#333; font-weight:normal; margin-top:2px;}
.SelectedObj .icon-CloseIcon{ font-size:12px; display:table-cell; vertical-align:middle; color:#333; opacity:0.9;}
.SelectedObj .icon-CloseIcon:hover{opacity:1;}
.SelectedObj{background:#e1f0ff; padding:15px; display:none; border-radius:5px;border: 1px solid #cee6ff;}
.AutoSuggestObjective.SelectedValue .TargetTypeNumber input{display:none;}
.AutoSuggestObjective.SelectedValue .SelectedObj{display:table; margin:12px; float:left; width:97%;}
.WeightageDiv .TargetTypeNumber{ width:inherit;}
.AlignedList .CatergorySection,.Filter{ float:left; width:100%; }
.Filter{ padding:10px; border-bottom:1px solid #e0e0e0; display:table;}
.Filter a{ border:2px solid #e0e0e0; padding:2px 16px; font-size:14px; border-radius:30px; 
    margin-right:8px; display:inline-block; color:#333;margin-top: 3px;}
.Filter a:hover,.Filter a.active{background:#5A4D9F; border:2px solid #5A4D9F; color:#fff;}
.Filter a.Library{ background:transparent; border:0px; color:#5A4D9F; float:right; padding:7px 0 0; font-size:13px; font-weight:bold; margin:0;}
.Filter a.Library:hover{background:transparent; border:0px; color:#5A4D9F; text-decoration:underline;}
.CatergorySection h4{ text-transform:uppercase; font-size:15px; padding:15px 15px 5px; margin:0;}
.CatergorySection h4 a{ color: #777;font-size: 13px;  text-transform: none; float: right; font-weight:normal;}
.CatergorySection h4 a:hover{text-decoration:underline;color: #5A4D9F;}
#AlignTo .col-md-9 .ObjectiveType{width: calc(100% - 300px);  float: left; margin: 5px 0 0 20px;}
.TotalObjectives .Filter{ padding:10px 10px 15px;}
/* Rightside Content */
.FormHelpContent h3{     font-size: 18px;
    position: relative;
    padding-left: 26px;
}
.FormHelpContent p{margin-bottom: 15px;line-height: 22px;color: #777;}
.FormHelpContent h3 i { font-size: 38px;
    color: #cdbc6c;
    position: absolute;
    left: -9px;
    top: -11px;}
.CreateObjective .RightPan{ border-left:1px solid #e3e3e3;}
/* My Objectives */
.tab-content {
    background: transparent;
    margin: 20px 0 0;
    padding: 0; 
}
.MyObjectiveactions a{color:#5A4D9F; display:inline-block;}
.MyObjectiveactions a:hover{text-decoration: underline;}
.icon-checkin{ font-size:18px; margin:2px 8px 0 0; float:left;}
.MyObjectiveactions .fa.fa-plus-circle{ font-size:21px; margin:-1px 8px 0 0; float:left;}
.ObjectiveList{ background:#fff; border-radius:5px;box-shadow:0 0px 10px #dcdada; margin-bottom:15px;}
.ObjectiveList:hover,.DetailedView .BottomSection .ObjectiveList:hover{box-shadow:0 0px 10px #bababa;}
.ObjectiveList h3{ font-size:1.8rem; color:#454545; margin:0;  }
.Objecttitle h3{ position:relative; width:calc(100% - 170px); padding-left:30px !important;}
.Objecttitle h3 span a{color:#364f6b;}
.Objecttitle h3 span a:hover{color:#5A4D9F;background: transparent;text-decoration: underline;}
.Objecttitle h3 i.icon-Objective,.Objecttitle h3 i.icon-CompanyObj,.Objecttitle h3 i.icon-Team-objective-01{ position:absolute; left:0; top:12px; z-index:99;} 
.Objecttitle h3 i.icon-CompanyObj{top:14px; font-size:21px;}
.Objecttitle h3 i.icon-Team-objective-01{left:-2px;}
.ObjectiveList .icon-Objective:before,.ObjectiveList .icon-Team-objective-01:before{color:#454545; font-size:24px; float:left; margin:-1px 8px 0px 0px;}
.ObjectiveList .icon-Team-objective-01:before{font-size:22px; margin:0;}
.Objectivetag,.ObjectKeyresults small{ color:#777; margin:3px 0; line-height:normal;}
.ObjectKeyresults .AchieveWeight{display: block;color: #434343;font-weight: 600;}
.Objectivetag small{ font-size:12px;}
.Objectivetag .fa.fa-tag,.Objectivetag .icon-Tag{ font-size:18px; margin:1px 5px 0 0; float:left;}
.Objectivetag .icon-Clock_Icon{font-size:14px; margin:4px 5px 0 0; float:left;}
.tagslist{ width:40%; display:inline-block;}
.Objectiveprogress{ height:12px; border-radius:30px; margin:4px 0 8px; width:56%; float:left; background:#dbdbdb;}
.Objectiveprogress .progress-bar,.ui-slider-range {/*  background: repeating-linear-gradient(-45deg, #59abfa, #59abfa 4px, #6fb8fc 4px, #6fb8fc 8px); */ background:#5A4D9F; border-radius:30px 30px 30px;}
/* .ObjectiveList p{font-size:13px; color:#777; margin-bottom:0px; line-height:normal;} */
.ProgressPercentage{ float:left; color:#434343; font-size:18px; font-weight:bold; margin:0 0 0 10px;}
.status,.status:hover{color:#434343; font-size:13px; padding:0px 13px; float:right; border-radius:30px; height:26px; margin:1px 0 0 0; line-height:25px;}
.inprogress{background:#E5E785;}
.completed{background:#a4d777;}
.notstarted{background:#fc8a8a;}
.waiting{background:#d0eaff;}
.Inreview{ background:#f7bd72;}
.rejected{background:#ffa9a9;}
.OnTrack{ background:#B9C4FC;}
.Leading{ background:#65EAD2;}
.Lagging{ background:#E7B592;}
.Closed{background: #BFCBDB;}
.contributors{ border-top:1px solid #e3e3e3;padding:10px 0 20px;}
.ObjectKeyresults  li{border-bottom:1px solid #e3e3e3; padding:0 0 10px; float:left; width:100%; margin:0 0 15px;}
.ObjectKeyresults  li:last-child{ border:0; padding:0; margin:0;}
.ObjectKeyresults h4{font-size:15px; margin:0 0 5px;color:#454545; line-height:20px; font-weight:normal; }
.SetHeight h4{ max-height:60px; overflow:hidden;}
.MoreText{ color:#5A4D9F; font-size:13px;cursor:pointer; text-align:right; display:block; margin:-4px 0 0 0; display:block; font-weight:bold;}
.MoreText:hover{text-decoration:underline;}
.KeyResultsIcon,.ContributorsIcon{ margin:0 0px 15px 20px; color:#777; display:block;}
.ContributorsIcon{margin-left:20px;}
.ObjectKeyresults ul{ margin:0 20px 0 25px;}
.KeyResults li:first-child{ margin-top:15px;}
.ReadOnly.KeyResults li{ font-weight:bold; margin-bottom:14px; list-style-type:disc; list-style-position:inside; margin-left:3px;}
.KeyResultsIcon i{float:left; font-size:22px; color:#a2a2a2; margin:-4px 5px 0 0px;}
.contributors ul{ float:left; width:100%; margin:0px;}
.contributors li{ float:left; margin-left:-12px;}
.contributors li:first-child{margin:0;}
.contributors li.TotalCount {margin:0;}
.contributors li.TotalCount span{ color:#777; margin:10px 0 0 5px; float:left;}
.contributors .KeyResultsIcon{margin:0 0px 10px 20px; font-size:13px;}
.OuterBorderImg{width:40px; height:40px; background:#fff;}
.OuterBorderImg a{ display:inline-block; cursor:default; width:100%; height:100%;}
.OuterBorderEmpty {  border: 2px solid #cccccc;  display: inline-block; width: 40px;  height: 40px; border-radius: 50%; line-height:32px;}
.OuterBorderEmpty .EmptyImg { width:100%; height:100%; display:inline-block; border-radius:50%; text-align: center;
color:#5A4D9F; background:#ededed; font-size:20px; font-weight:bold; cursor:pointer; border: 2px solid #fff; }
.contributors .Objectiveprogress{height:12px; margin:16px 0 6px;}
.contributors .ProgressPercentage{color:#454545; font-size:15px; margin:11px 0 0 10px;}
.updateddate{color:#434343; font-size:14px; margin-top:-4px; line-height:18px;}
.updateddate small{color:#777;}
.ViewDetails{position:absolute; right:20px; top:20px; font-size:15px; color:#5A4D9F; font-weight:bold; display:none;}
.TargetReadonly{ color:#777; float:right; padding:0 20px 0 0;}
.TargetReadonly b{color:#434343;}
.ViewDetails:hover{ color:#5A4D9F; text-decoration:underline;}
.TargetEditSection{ display:none;}
.EditView .TargetEditSection{ display:block;}
.ProgressSlider label{ font-size:13px; color:#777; margin-bottom:3px;display: block;}
.ProgressSlider span{  float:left; color:#777; margin-left:-1px;}
.ProgressSlider .quantity span.field-validation-error{font-size: 13px;color: #ff5b57;margin: 2px 3px 0px 0px;
    float: right;display: inline-block;}
.ProgressSlider span.MinValue{width:10%; text-align:center;}
.ErrorBorder{border-color: #ff5b57 !important;}
.ErrorFields .quantity-button.quantity-down:hover,.ErrorFields .quantity-button.quantity-up:hover,.ErrorFields .quantity-button.quantity-up,.ErrorFields .quantity-button.quantity-down{border-color: #ff5b57 !important;}
.ProgressSlider span.MaxValue{width:20%; text-align:left; padding:0 0px 0 15px;}
.AchievedTargetSection .field-validation-error{margin-top: 2px;display: inline-block;font-size: 13px;}
.ProgressSlider .ui-slider{width:50%; float:left; background:#dbdbdb; border:0; height:12px; border-radius:30px; margin:5px 0 0 0;}
.ui-widget-content .ui-state-default.ui-slider-handle{left: 26%;
   /*  background:#5aacfb; */
    background:#5A4D9F;
    border-radius: 50%;
    border: 3px solid rgb(255, 255, 255);
    width: 22px;
    height: 22px;
    box-shadow: 0px 0px 5px 4px rgb(195, 195, 195,0.4);transform: translate(-50%, -50%);
  transition: width 0.1s, height 0.1s;
    top: 6px; cursor:pointer; margin-left:0px;}
.ui-widget-content .ui-state-default.ui-slider-handle:hover,.ui-widget-content .ui-state-default.ui-slider-handle.ui-state-active{width:26px; height:26px; background:#5A4D9F;  box-shadow: 0px 0px 5px 4px #cecece;}
.SideContainer{ background:#fff; box-shadow:0 0px 6px #dcdada; padding:20px; border-radius:5px;}
.SideContainer h3{ font-size:16px; padding:0 0 20px 0; margin:0;}
.QuickActions li a{ color:#5A4D9F; margin:0 0 20px 0; display:inline-block; }
.QuickActions li a:hover{font-weight: bold;  text-decoration: underline;}
.QuickActions li:last-child a{ margin:0;}
.SideContainer.closedobjectives{ padding-bottom:0;}
.closedobjectives h3 a{color:#5A4D9F; font-weight:normal; font-size:14px;}
.closedobjectives h3 a:hover{text-decoration: underline;}
.NoteMsg{border:1px dashed #c4c4c4; color:#b0b0b0; height:100px; text-align:center; margin-bottom:20px; font-size:13px; display:inline-block; display:table; width:100%; border-radius:5px;}
.MyObjective .NoteMsg{   height:150px;}
.NoteMsg p{ display:table-cell;vertical-align:middle;}
.NoAlignedObjective .NoteMsg{ height:300px;}
.AlignTo .NoteMsg{ height:400px;}
.NoAlignedObjective .RightLinkArrow{border-color:#c4c4c4; border-style:dashed;}
.ListofObjectives{ margin:0 -20px; clear:both;}
.ListofObjectives li{border-bottom:1px solid #e3e3e3; padding:10px 20px;}
.ListofObjectives li:hover{cursor:pointer; background:#edf6ff;}
.ListofObjectives li:last-child{border:0; }
.closedobjectives .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ width:140px; border:0; box-shadow:0 0px 6px #dcdada; border-radius:5px;}
.closedobjectives .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover{
    border:1px solid #483B8C;
}
.closedobjectives .bootstrap-select.btn-group .btn .filter-option{ color:#7b7b7b;}
.closedobjectives .dropdown-menu{width:140px; min-width:inherit !important;}
.ClosedObjective.modal.right .modal-dialog,.CheckIns.modal.right .modal-dialog{width:70%;}
.SelectedRatingValue { font-weight:bold; font-size:14px !important; color:#777777; text-transform:uppercase; margin-top:10px; }
.ClosedObjective .ObjectiveList h3{ padding:0; border:0; width:calc(100% - 120px);}
.Objecttitle { padding-left:30px !important;}
.DraftObjective .Objecttitle,.RejectedObjective .Objecttitle,#DetailClosedObj .Objecttitle,.CheckIns .Objecttitle,.DetailedView .Objecttitle,.AlignToList .Objecttitle{ padding-left:20px !important;} 
.DetailedView .ObjectKeyresults{margin-left:30px;}
.ContributorsList .Objecttitle{ padding-left:30px !important;}
.ContributorsList .ObjectKeyresults{margin-left:40px;}
#DetailClosedObj .ObjectKeyresults{ margin-left:30px;}
.List_contributors .Objecttitle h3 a{color:#5A4D9F;}
.List_contributors .Objecttitle h3 a:hover{text-decoration:underline; }
.Objecttitle h3:hover span.objectivetype{ color:#777; text-decoration:none;}
.ObjectiveList p.OKRdescription{ color:#434343; font-size:14px;}
.AddAlignTo.disabled:hover .BtnTooltip{ display:block;}
.BtnTooltip {
    width: 250px;
    top: -62px;
    left:0px; right:0px; margin:0 auto;
  display:none;
}
.arrow_box {
    position: relative;
    background: #fff6bf;
    text-align: center;
    border: 1px solid #ffd900;
    padding: 8px 5px;
    font-size: 12px; line-height:16px;
    border-radius: 5px; color:#434343;
}
.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #ffd900;
    border-width: 8px;
    margin-left: -11px;
}
/* Objective Detail */
.DetailedView{ background:#fff; box-shadow:0 0px 6px #dcdada; border-radius:5px;}
.DetailedView .ObjectiveList{ box-shadow:none; }
.DetailedView .BottomSection  .ObjectiveList{box-shadow:0 0px 5px #dcdada; border-radius:5px;}
.DetailedView .LeftPan,.CreateObjective .LeftPan{/* border-right:1px solid #e3e3e3; */ width:72%; float:left; padding-right:10px;}
.DetailedView .RightPan,.CreateObjective .RightPan{ width:28%;float:left; padding: 5px 20px 15px;}
.DetailedView .Objecttitle h3 span.objectivetype{ margin-top:0px; display:block;}
.DetailedView .Objecttitle h3 span{ margin-top:-3px; display:inline-block;}
.AlignedInfo{  border-radius:5px; padding:15px; margin-top:60px;}
.CreateObjective .AlignedInfo{ display:none;}
.CreateObjective .LeftPan{padding:30px 25px 20px;}
.CreateObjective .LeftPan.OKRApprove{padding: 30px 0px 0;}
.CreateObjective .OKRApprove .LeftPadding{padding:0px 30px 0px;}
.AlignedInfo p,.ObjectiveType p{color:#8b8b8b; font-size:15px; margin:0 0 10px 0;}
.List_contributors {border-top:1px solid #e3e3e3; }
.EmpImage { float: left;}
.List_contributors .Objecttitle {clear:both; margin:0 0 20px 30px; padding:20px 0px 0px 10px !important; border-bottom:1px solid #e3e3e3;}
.AllClosedObj .List_contributors{ padding-right:20px;}
.List_contributors .Objecttitle .detail-desc{}
.List_contributors .OuterBorderImg,.Ownedby .OuterBorderImg,.ownedbyinfo .OuterBorderImg,.ApprovalSection .OuterBorderImg{ width:50px; height:50px;}
.OuterBorderEmpty{width:50px; height:50px; font-size:22px; line-height:45px;}
.contributors .OuterBorderEmpty{ width:40px; height:40px; line-height:35px;}
.contributors .OuterBorderEmpty .EmptyImg{ font-size:18px;cursor: default;}
.List_contributors li:last-child .Objecttitle {margin-bottom:0px;}
.List_contributors .KeyResultsIcon{ margin-left:0px;}
.List_contributors .ObjectKeyresults ul{margin-left:5px;}
.List_contributors .ObjectKeyresults {padding:20px 0 0;}
.EditObjective,.DeleteObjective{/*  position:absolute; right:20px; */ color:#5A4D9F; font-size:22px;/*  top:16px; z-index:999; */}
.EditObjective:hover,.DeleteObjective:hover{color:#0079ef;}
.EditObjective i,.DeleteObjective i{}
.EditObjective{right:50px;}
.AlignedObjective .KeyResultsIcon{margin:10px 0 10px 20px;}
.AlignedObjective .Objectiveprogress{height:12px; margin:4px 0 6px; width:calc(100% - 70px);}
.AlignedObjective .ProgressPercentage{height:12px; font-size:16px;margin-left:9px; }
.AlignedObjective ul li{  margin:0 0 8px 20px; line-height:normal; list-style-type:disc;}
.AlignedObjective span.objectivetype,.OtherAlignedObjective span.objectivetype{ font-size:13px;}
.AlignedObjective span.objectivetype b,.OtherAlignedObjective span.objectivetype b{ font-weight:bold; text-transform:inherit;}
.OtherAlignedObjective{/* border-top:1px solid #d7e7f8; */ margin:0 -16px; padding:0px 16px 0;}
.OtherAlignedObjective a{color:#5A4D9F; font-weight:bold;}
.OtherAlignedObjective a:hover{text-decoration: underline;}
.OtherAlignedObjective h3,.AlignedObjective h3{ font-size:15px; margin:0; position:relative; padding:0 50px 0 28px; line-height:18px;}
.OtherAlignedObjective h3 i,.AlignedObjective h3 i{ position:absolute; left:0; top:12px; font-size:22px;}
.OtherAlignedObjective h3 i.icon-Team-objective-01,.AlignedObjective h3 i.icon-Team-objective-01{ font-size:22px; left:-2px; top:10px;}
.OtherAlignedObjective li{float:left; width:100%; position:relative; border-radius:5px;padding:15px; margin:50px 0 0;}
.OtherAlignedObjective li:after,.ConnectorLine:after{    content: "";
    height: 50px;
    width: 2px;
    display: inline-block;
    position: absolute;
    top: -50px;
    background: #e3e3e3;
    left: 0;
    right: 0;
    margin: auto;}
.Connector{  height: 31px;
    width: 32px;
    border: 1px solid #e1e4e5;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 31px;
    color: #7777;
    font-size: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
    margin: auto;
    z-index: 9;}
.ConnectorLine{ margin-top:50px;}
/* .OtherAlignedObjective li:first-child{margin:0;} */
.OtherAlignedObjective .Objectiveprogress{ height:12px; width:calc(100% - 60px);}
.OtherAlignedObjective .ProgressPercentage{ font-size:15px; margin-left:9px; }
.OtherAlignedObjective .status{font-size:12px;}
.RightLinkArrow{ 
    border: 1px solid #d7e7f8;
    width: 50px;
    height: 25px;
    display: inline-block;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    position: absolute;
    bottom: -1px;
    right: 15px;
    border-top: 0; }
.bottom-circle{
    border: 1px solid #d7e7f8;
    width: 50px;
    height: 25px;
    display: inline-block;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    position: absolute; z-index:99;
    bottom: -24px;
    right: 15px;
    border-top: 0; background: #fff; text-align:center;
}
.top-circle{
    background: #fff;
    border: 1px solid #d7e7f8;
    width: 50px;
    height: 25px;
    display: inline-block;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    position: absolute;
    top: -1px;
    right: 15px;
    border-top: 0;
    text-align: center;}
.LinkArrow{ transform:rotate(90deg); top:98px; right:-33px; z-index:99; width:45px; height:22px;  border-top-left-radius: 25px;
    border-top-right-radius: 25px; position:absolute; border: 1px solid #d7e7f8; text-align:center; background:#fff; border-bottom: 0;}
.RightLinkArrow{transform:rotate(270deg); left:2px; top:87px; background:#fff; width:47px; height:22px;     border-bottom-left-radius: 25px; background:#fff;   border-bottom-right-radius: 25px;}
.bottom-circle .icon-Arrow{ display:inline-block; margin:-3px 0 0 0; font-size:16px; transform:rotate(180deg);}
.LinkArrow .icon-Arrow{margin:12px 0 0 0;display:inline-block;}
.Ownedby p{ font-size:14px; margin:0 0 10px 0; color:#777; float:left; width:100%;}
.AlignedInfo p.progressstatus,.OtherAlignedObjective p.progressstatus { font-size:14px; color:#777; margin-bottom:0px;}
.NameDetails span{ margin-bottom:3px; font-size:14px; color:#434343;width: 200px; }
.DetailedView .statusOKR.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:130px;  border-radius:15px;  float:right;/* position:absolute; top:12px; right:84px; */}
/* Align to right popup */
.DetailedView .statusOKR.open.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){border:1px solid #483B8C; border-radius:5px 5px 0 0;}
.DetailedView .statusOKR.open.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn):focus{ box-shadow:none;}
.bootstrap-select.open button.selectpicker.btn.btn-default.dropdown-toggle:focus{box-shadow:none !important;}
.statusOKR  .dropdown-menu.inner.selectpicker{ border:0 !important;}
.statusOKR.bootstrap-select.btn-group .dropdown-menu,.SortBy.bootstrap-select.btn-group .dropdown-menu{left:0px; right:-1px; box-shadow:0 5px 8px #dcdada;}
.bootstrap-select.btn-group .dropdown-menu{z-index:999;}
 .modal.right .modal-dialog{width:94%; max-width:inherit !important; position:fixed; height:100%;-webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0);   -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);}
.modal.right .modal-content{ height:100%;background:#f3f3f3; overflow-y:auto; border-radius:0px;}
.modal.right.fade .modal-dialog{right:-94%; margin:0; -webkit-transition:opacity 0.3s linear, right 0.3s ease-out;-moz-transition:opacity 0.3s linear, right 0.3s ease-out; -o-transition:opacity 0.3s linear, right 0.3s ease-out;transition:opacity 0.3s linear, right 0.3s ease-out;}
.modal.right.fade.in .modal-dialog{right:0; margin:0;}
.modal.right .modal-body{ background:#f3f3f3; border-radius:0px; padding:20px; } 
.AligntoHeader h3{ border:0; margin:6px 0 0 0 !important; font-size:20px;}
.AligntoHeader .ArrowBtn{ background:#fff; border:1px solid #e0e2e4; padding-top:3px; padding-bottom:4px; padding-left:15px; padding-right:14px; border-radius:8px; font-size:30px; color:#5A4D9F; font-weight:bold; float:left; margin:-3px 12px 0 0;}
.AligntoHeader .ArrowBtn:hover{border-color:#5A4D9F;}
.AligntoHeader div.pull-left{width:calc(100% - 66px); }
.AligntoHeader small{ color:#777; padding:0 0 0 26px;}
.SortBy label {  float: left;  margin: 7px 6px 0 0;  font-size: 14px;color: #a6a1a1;}
.SortBy .dropdown-item label{color: #353535;}
.SortBy .dropdown-item:hover label{color: #fff;}
.AlignToContainer h3{ border:0; margin:0; font-size:18px;}
.AlignToList .Objecttitle{ margin:0 0 0 30px; display: inline-block;width: 100%;border-radius: 5px;}
.AlignToList{margin:10px -20px 0;list-style-type: none;}
.AlignToList li{ border-bottom:1px solid #e3e3e3; padding:20px 0px 20px 20px;}
.AlignToList li:hover,.AlignToList .Objecttitle:hover{cursor:pointer;background: #e8e8e8;}
.AlignToList li.active{background: #e1f0ff;   border: 1px solid #c0dcf8; margin-top:-1px; margin-left:-1px;}
.AlignToList li.Alignedone,.AlignToList .Objecttitle.Alignedone{background:#fbfbfb;cursor: default;}
.AlignToList li.active h3,.AlignToList li.Alignedone h3{font-weight:bold;}
.AlignToList .AlignToDetailedView{display: block;}
.AlignToList li.active .AlignToDetailedView,.AlignToList li.Alignedone .AlignToDetailedView{display:block;}
.AlignToDetailedView .ownedbyinfo{ margin-left:0px;padding: 10px 0 0;border-top: 0px;}
.withoutowner .col-md-6{float:right; margin-top:10px;}
.AlignToList .UICheckbox small{border-radius:50%; border:1px solid #c8cfd5; margin:-2px 0 0 0;}
.AlignToList .UICheckbox input{left: 2px;margin: 0 !important;;}
.AlignToList .UICheckbox small.checked/* ,.ObjectiveType .UICheckbox small.checked  */{ background:#fff; border:1px solid #c8cfd5;}
.AlignToList .UICheckbox small.checked i/* ,.ObjectiveType .UICheckbox small.checked i */{color:#5A4D9F; line-height:18px; font-size:12px;}
.AlignToList .icon-Objective:before{ float:left; font-size:22px; margin:-1px 8px 0px 0px; }
.AlignToList .icon-Team-objective-01{ font-size:22px;}
.ownedbyinfo{ border-top:1px solid #dadada; padding:10px 0 0 0;}
.ownedbyinfo small{ font-size:14px; display:block; color:#777; margin:0 0 10px 0;}
.AlignToList li.active small.Owned{display:none;}
.AlignToList li:last-child{border:none;}
small.Owned {color: #777; font-size: 14px; margin: 4px 0 0 30px; display: block;}
.ObjectiveType label{ margin:0px 0px 0 0px; color:#676666;}
.ObjectiveType .TargetTypeNumber input[type="text"]{ width:90%;}
.ObjectiveType .UICheckbox small{ left:-1px;}
.hovered .UICheckbox small{border:1px solid #5A4D9F; cursor:pointer;}
.hovered label{color:#5A4D9F;cursor:pointer;}
.AligntoFilter .EmpDirectoryInput,.AligntoFilter .OrganizationUnit{ width:calc(100% - 36px); float:left;}
.AligntoFilter .EmployeeSearchList{right: 34px;}
.AligntoFilter .ValuesSelected{width:calc(100% - 32px); position:relative;}
.EmpDirectoryInput a{color:#5A4D9F; display:inline-block; margin:8px 0 0 0; font-size:13px; font-weight:bold;}
.EmpDirectoryInput a:hover{text-decoration: underline}
.AligntoFilter .AutoSuggestContainer{border-bottom:1px solid #e0e0e0; border-radius:5px 5px 0 0; background:none;}
.AligntoFilter .AutoSuggestContainer:hover{border:1px solid #5A4D9F;border-radius:5px;}
.AligntoFilter .AutoSuggestContainer.opened{border-radius:5px 5px 0 0;}
.EmpDirectoryInput input,.OrganizationUnit input{ width:100%; height:40px;}
.EmpDirectoryInput input:hover,.OrganizationUnit input:hover{}
.charcount{ width:93%; text-align:right; clear:both;float:left; margin:4px 0 0 0; color: #a0a8b1;font-size: 13px; font-style: italic;}
.ErrorField{ position:relative;}
.ErrorField .charcount{ position:absolute; bottom:-3px; right:16%;}
.charcount a{ color: #a0a8b1;  font-size: 13px;font-style: italic;}
.ErrorField small{display:block; clear:both; font-size:12px; color:#ff5b57; margin:5px 0 0 30px;} 
.ErrorField textarea{ border-color:#ff5b57; border-width:0 0 2px 0;}
.ErrorField textarea:hover{border-color:#ff5b57; border-width:0 0 2px 0;}
.ErrorField .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ border:1px solid #ff5b57;}
.boolean div {  display: inline-block;}
.boolean .UICheckbox { top: -2px;}
.boolean .UICheckbox input { left: -5px;}
.boolean .UICheckbox small {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    border-color: #bbbbbb;
}
.boolean.Errorfield .UICheckbox small{border-color: #ff5b57;}
.boolean .Errormessage{margin: -3px 0px 0px 35px;}
.boolean div:hover small {
    border-color: #483B8C;
}
.boolean .UICheckbox small.checked, .boolean small.checked {
    background: #fff;
    border: 1px solid #5A4D9F;
}
.boolean .UICheckbox small.checked i {
    color: #5A4D9F; font-size:14px; line-height:18px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);
}
.boolean label {
    padding: 0 10px 0 25px;
    cursor: pointer;
}
/*Employee directory start*/
.Employee-Search .modal-body {background: #fff;}
#Directory.Employee-Search .modal-body {padding: 15px 0 0px;}
.Employee-Search .Applied {
    right: 50px;
    top: 0px;
    width: 266px;
    display: inline-block;
    margin-top: 23px;
}

.Employee-Search .Applied span {
    background: #e6e5fb;border: 1px solid #e6e5fb;
    padding: 8px 10px;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 165px;
    position: absolute;
    top: -11px;
}
.Employee-Search .Applied a {color: #90a1b1;margin: 0 0 0 12px;}
.Employee-Search .funnel_icon {padding: 10px 0 0px;}
.Employee-Search  .funnel_icon .theme-org-panel {top: 65px;}
.Employee-Search  .theme-org-panel {
    position: fixed;
    right: -300px;
    top: 220px;
    z-index: 1020;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    width: 300px;
    border-bottom-left-radius: 4px;
}
.Employee-Search  .funnel_icon a.bg_funnel {
    padding: 12px 15px 8px 15px;border-radius: 6px 0px 0px 6px;background: #5A4D9F;}
.Employee-Search  .theme-org-btn {width: 55px;left: -55px;}
.Employee-Search  .theme-org-btn {
    position: absolute;
    left: -60px;
    width: 60px;
    padding: 10px 0;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px 0 0 4px;
    text-align: center;
    -webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
}
.Employee-Search  .funnel_icon a.bg_funnel i {color: #fff;}
.Employee-Search .employee-directory {padding-bottom: 15px;}
.Employee-Search .funnel_disable {display: none;}
.Employee-Search .new-modal .modal-title{
    background: #fff;padding: 10px 20px 10px;
}
.Employee-Search .new-modal .searchDiv .form-control {
    font-size: 14px;
    padding: 6px 10px 8px;
}
.Employee-Search .panel-body.grid_table.b-t-0 {
    border-top: 0px;
    border-radius: 5px;
}
.b-t-0 {border-top: 0px !important;}
.Employee-Search .grid_table #datatable_wrapper {
    border-top: 1px solid #e2e7eb !important;
}
 .Employee-Search .modal-dialog .grid_table .dataTables_filter {
    position: absolute;
    top: -8px; padding-left:0px;
}
 .Employee-Search .grid_table .dataTables_filter {
    border-bottom: 0px;
}
 .Employee-Search .grid_table .dataTables_filter,.NewDatatable .grid_table .dataTables_length {
    padding: 15px 5px 15px 15px !important;
}
.Employee-Search .dataTables_filter label {
    margin-top: 7px;
}
.Employee-Search #datatable_wrapper label input.input-sm {
    width: 80% !important;
    padding: 5px 8px !important;
    border-radius: 5px;
    height: 34px;
}
.Employee-Search .grid_table #datatable thead tr th {
    padding: 12px;
}
.Employee-Search #datatable tbody td {
    padding: 14px 0px 14px 14px;
}
.Employee-Search .grid_table .Employee_Avatar span {
    height: 40px;
    width: 40px;margin: 0px;
}
.Employee-Search .grid_table .Employee_Avatar span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.Employee-Search .grid_table #datatable tbody td a {
    color: #5A4D9F;
}
.Employee-Search .dataTables_length, div.dataTables_info {
    padding: 19px 20px 17px !important;margin-top: 0px;
}
.Employee-Search .grid_table .dataTables_wrapper .dataTables_length label {
    margin-bottom: 0px;
}
.Employee-Search div.dataTables_wrapper div.dataTables_length select {
    width: 60px !important;padding: 5px 5px 6px;
}
.Employee-Search .grid_table .dataTables_paginate {
    padding: 12px 17px 0px 20px;
}
.Employee-Search .grid_table .new-btnblue {
    color: #fff !important;
    min-width: 80px;width: auto;
    font-weight: normal;height: 32px; line-height:18px;
}
.Employee-Search .theme-org-panel.active {
    right: 0px;
}
.Employee-Search .new-modal .slimScrollBar{right: 7px !important}
.Employee-Search .new-modal .slimScrollRail{right: 10px !important;}
.Employee-Search .new-modal .LocationTreeDIV .searchDiv{padding: 10px 20px;background: #fff;}
.jstree-children li a {
    width: 80%;
}

/*Employee directory end*/
.ObjectKeyresults  .KeyResultsIcon{display: inline-block;}
.ObjectKeyresults  .DownArrow{display: inline-block;position: relative;}
.ObjectKeyresults  .DownArrow i.fa{font-size: 22px;position: absolute;top: -1px;margin: 0;right: -25px;color: #5A4D9F;}
.ObjectKeyresults ul.Key-Results{margin-top: 15px;}
.ObjectKeyresults .DownArrow .KeyResultsIcon:hover{color: #5A4D9F;}
.ObjectKeyresults .DownArrow:hover i{color: #5A4D9F;}
.AlignNote{    padding: 10px;
    margin: 20px 0; background:#e1f0ff; border-radius:5px;
    border: 1px solid #c0dcf8;
}
.AlignNote strong{ display:inline-block;}
.DetailedView .AlignedObjective{ display:inline-block; position:relative;}
.AlignedObjective .bottom-circle{bottom:-39px; right:1px; background:#edf6ff;}
.OtherAlignedObjective h3 i.icon-CompanyObj,.AlignedObjective h3 i.icon-CompanyObj{ font-size:20px;}
.Measure-by span.filter-option.pull-left:after {
    margin: 0 0 0 4px;
}
/*Configure OkR start*/
.Configure-Section .timeline.content:before{background: #5A4D9F;}
.Configure-Section .timeline {height: 70px;margin: 1em;line-height: 54px;position: relative;text-align: center;}
.Configure-Section .timeline:before {content: '';position: absolute;width: 250px;top: 55%;left: 40%;height: 4px;
margin-top: -13px;background: #afafaf;}
.Configure-Section .event {width: 25px;height: 25px;position: relative;margin: 0 105px;display: inline-block;
background: #fff;vertical-align: middle;border-radius: 50%;border: 4px solid #afafaf;}
.Configure-Section  .event-text{position: absolute;line-height: 80px;white-space: nowrap;left: -100px;
color: #7c7c7c;font-size: 16px; width:200px; text-align:center;}
.Configure-Section .timeline .event.event-text:first-child{margin-left: -50px;}
.Configure-Section .event.active{border: 4px solid #5A4D9F;}
.Configure-Section .event:first-child{border: 4px solid #5A4D9F;}
.Configure-Section .event:first-child .event-text{color: #5A4D9F;font-size: 15px;font-weight: bold;}
.Configure-Section .event.active .event-text{color: #5A4D9F;font-size: 15px;font-weight: bold;}
.Configure-Section .EmployeeDetails{ }
.Configure-Section .EmployeeDetails .col-md-4{padding: 0px;margin-bottom: 20px;} 
.Configure-Section .EmployeeDetails .col-md-4 label{display: block;margin-bottom: 7px;color: #434444;
font-weight: bold;}  
.Configure-Section .EmployeeDetails .col-md-4 .multiselect-container li .checkbox:hover{color: #fff !important;}
.Configure-Section .EmployeeDetails .EmployeeFooter{padding: 0px;}
.Configure-Section .EmployeeDetails .col-md-4 .LocationTreeDIV .LocationTree {border: 1px solid #e0e0e0;
    width: 300px !important;height: 35px !important;}
.Configure-Section .EmployeeDetails .col-md-4 .LocationTreeDIV .LocationTree:hover{border: 1px solid #483B8C;}
.Configure-Section .EmployeeDetails .col-md-4 .btn-group, .Configure-Section .EmployeeDetails .col-md-4 .Input-width
{height: 35px;width: 300px !important;}
.Configure-Section .EmployeeDetails .btn-group .dropdown-menu.selectpicker{height: auto;max-height: 183px;overflow: auto;}
.Configure-Section .EmployeeList{ float:left; width:100%;} 
.Configure-Section .EmployeeList .EmployeeBtn{display: inline-block;float: right;}
.Configure-Section .EmployeeList .EmployeeBtn:focus{color: #5A4D9F;}
.EmployeeBtn{ top:0px; right:0; z-index:999;}
.Configure-Section .EmployeeList .EmployeeList-Section{margin: 20px 0px 15px;}
.Configure-Section .EmployeeList .EmployeeList-Section label{font-size: 20px;margin-bottom: 0px;vertical-align: middle;
margin-top: 7px;}
.Configure-Section h2{font-size: 20px; margin-bottom: 20px;vertical-align: middle; font-weight:normal;}
.Configure-Section .Employee-Table .dataTables_length{display: none;}
.Configure-Section .Employee-Table .dataTables_wrapper table.dataTable,.Configure-Section .Employee-Table table.dataTable{margin: 0px !important;}
.Configure-Section .Employee-Table .dataTables_wrapper,.Configure-Section .Employee-Table .table{border: 1px solid #e0e2e4;border-radius: 5px;}
.Configure-Section .Employee-Table .scrolledTable{border-radius: 5px;}
.Configure-Section .Employee-Table .grid_table .dataTables_paginate{border-top: 1px solid #e0e0e0;
    border-radius: 0px;}
.Configure-Section .Employee-Table .grid_table .employee_name{margin-left: 10px;color: #5A4D9F;}
.Configure-Section .Employee-Table  .table  th label{text-transform: uppercase;color: #434343;
font-weight: bold;margin-bottom: 0px;}
.Configure-Section .Employee-Table .table  th.text-center{padding-left: 45px;}
.Configure-Section .Employee-Table .Employee-Footer{background: #fff;padding: 20px;border: 1px solid #e0e0e0;
border-radius: 0px 0px 5px 5px;border-top: 0px;}
.Configure-Section .Employee-Table .OuterBorderImg{width: 48px;height: 48px;}
.Configure-Section .Employee-Table .OuterBorderEmpty{width: 48px;height: 48px;line-height: 41px;}
.Configure-Section .Employee-Table .grid_table .dataTables_info{padding: 20px 20px !important;}
.Configure-Section .EmployeeDetails .col-md-4 .bootstrap-select.btn-group .dropdown-menu.open{max-height: initial;}
.Configuration-article{background: #fff;border: 1px solid #e0e2e4;border-radius: 5px;}
.Configuration-article .action label {font-weight: bold;color: #434343;display: inline;
margin: 6px 7px 0 0px;font-size: 16px;}
.Configuration-article .action .MultiEmployeeSearchList .Name label{margin: 0px !important;display: inline-block !important;}
.Configuration-article  .action {padding: 30px;}
.Configuration-article  .linklabel {background: #e9f4ff;}
.Configuration-article .action .ChooseDrop{padding: 30px 20px 0px;}
.Configuration-article .action .ChooseDrop label{font-size: 15px;}
.Configuration-article .action .check-fields{padding: 15px 0px 0px;}
.Configuration-article .action .check-fields label{padding: 0px 0px 0px;font-size: 16px;
margin-top: 8px;font-weight: normal;display: inline-block;font-weight: bold;}
.Configuration-article .action .check-fields div{display: inline-block;}
.Configuration-article .action .Support-Icon i{font-size:20px; display: inline-block;color: #a7a7a7;vertical-align: top;
margin:3px 0 0 10px;}
.Configuration-article .btn.btn-default.dropdown-toggle{height: 35px !important;}
.Configuration-article .AutoSuggestContainer{background: #fff;height: auto;min-height: 38px;width: 50%;
border: 1px solid #e0e0e0;border-radius: 5px;vertical-align: middle;display: inline-block;}
.Configuration-article .AutoSuggestContainer .AutosuggestList ul {
    overflow-y: auto;
    max-height: 220px;
}
.Configuration-article .action .enablerating{padding: 20px 20px 0px;}
.Configuration-article .action .enablerating label{color: #434343;padding: 0px 0px 0px 5px;
font-size: 15px;font-weight: normal;}
.Configuration-article .action .pointer-event{pointer-events: none;}
.Configuration-article .action .check-fields.pointer-event label, 
.Configuration-article .action .enablerating.pointer-event label
{color: #767676;}
.Configuration-article .action .ToolHelp .tooltiptext.rating_text {width: 200px;}
.Configuration-article .action .tooltip:hover .tooltiptext {visibility: visible;}
.Configuration-article .action .tooltip .tooltiptext.rating_text {top: -16px !important;}
.Configuration-article .action .tooltip .tooltiptext {visibility: hidden;width: 300px;background-color: #fff;
color: #333;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;
z-index: 1;top: -53px;left: 140%;border: 1px solid #d4d4d4;font-size: 12px;font-weight: 500;}
.Configuration-article .action .tooltiptext ul li {text-align: left;padding: 5px 10px 5px 10px;}
.Configuration-article .action .tooltip .tooltiptext::after {content: "";position: absolute;top: 43%;
right: 100%;margin-top: -5px;border-width: 10px;border-style: solid;
border-color: transparent #d4d4d4 transparent transparent;}
.Configuration-article .action .tooltip {
    display: inline-block;
    opacity: 1;
}
.approval-section{display: block; -webkit-transition: -webkit-transform 6s ease; 
      -moz-transition: -moz-transform 6s ease;
      -o-transition: -o-transform 6s ease;
      transition: transform 6s ease;}
.modal-body .LocationTreeDIV .searchDiv .search-input:hover, 
.modal-body .LocationTreeDIV .searchDiv .search-input:focus{border: 1px solid #5A4D9F;}
.Checkbox-Section .enablerating .Choose-Grade{display: inline-block;}
.EmployeeDetails .multiselect-native-select ul.dropdown-menu{max-width: 300px;width: 300px;
    max-height: 240px;overflow-x: hidden;}
.EmployeeDetails .multiselect-native-select ul.dropdown-menu li label{font-weight: normal;}

.EmployeeDetails .btn.btn-default.dropdown-toggle:hover{border: 1px solid #5A4D9F;}
.Configuration-article .AutoSuggestContainer:hover{border: 1px solid #5A4D9F;}
.GroupList{ float:left; width:90%;}
.EditableList{padding:15px 0px; background:#e9f4ff; border-radius:5px; float:left; width:100%; display:none;}
.ReadOnlyList{padding:20px 0px 10px;border-top: 1px solid #EFEFEF; /*background:#f3f3f3; border-radius:5px;*/ float:left; width:100%; position:relative;}
.GroupList .SelectEmployee{ width:32%; float:left; margin-right:20px; padding-left:20px;}
.GroupList .SelectOrgUnit{ width:25%;float:left; padding-right:20px;}
.GroupList .LableName{ display:block !important; margin-bottom:6px !important; margin-top:2px !important;}
.GroupList .SelectOrgUnit .LocationTree { width:100% !important; height:38px !important; background-position:9px 10px; border:1px solid #e0e0e0;}
.GroupList .SelectOrgUnit .LocationTree:hover{ border:1px solid #5A4D9F;}
.GroupList .MultiselectEmployeeNameDiv { width:100%;}
.GroupList .AddUsers{float: right;padding: 5px 25px 0px;}
/*.GroupList .AddUsers:hover{text-decoration: underline;}*/
.GroupList .ActionDiv{ float:left; border-top:1px solid #e0e0e0; padding:15px 15px 0; margin:15px 0px; width:100%;}
.EmployeesName span{ background:#F2F1FF; /*border:1px solid #8783fd; */display:inline-block;
 padding:4px 7px 4px 7px; border-radius:5px; margin:0 8px 10px 0;color: #000;font-size: 14px;}
.GroupList .ActionBtn{ position:absolute; right:20px; top:38%;}
.GroupList .ActionBtn a{font-size: 18px;color: #a4a3b1;}
.GroupList .ActionBtn a:hover{color: #483B8C;}
.GroupList .ActionBtn a .icon-KeyEdit{font-size: 16px;}
.AddTeam-OKR.modal.right.fade.in .modal-dialog,.AddTeam-OKR.modal.right.fade.in .modal-content{width: 500px !important;min-width: 500px !important;max-width: 500px !important;}
.AddTeam-OKR.modal .TagField,.AddTeam-OKR.modal .TargetTypeNumber{width: 100%;}
.AddTeam-OKR .OrgUnitField .boolean .UICheckbox{top: -6px;}
.AddTeam-OKR .TargetTypeNumber .SelectArrow {position: absolute;right: 10px;top: 11px;}
.AddTeam-OKR .Orgnization-setup .OrganizationNode{width: 442px;margin: 8px 0px 0px 0px;}


 @media only screen and (min-width: 768px) and (max-width: 815px){
.Configure-Section .timeline:before{left: 32%;}
 }
@media only screen and (min-width: 816px) and (max-width: 909px){
.Configure-Section .timeline:before{left: 34%;}
 }
  @media only screen and (min-width: 910px) and (max-width: 1150px){
.Configure-Section .timeline:before{left: 36%;}
 }  
 @media only screen and (min-width: 1151px) and (max-width: 1199px){
.Configure-Section .timeline:before{left: 38%;}
  }
 @media only screen and (min-width: 992px) and (max-width: 1199px){
    .Configure-Section .EmployeeDetails .col-md-4 .LocationTreeDIV .LocationTree, 
    .Configure-Section .EmployeeDetails .col-md-4 .btn-group, 
    .Configure-Section .EmployeeDetails .col-md-4 .Input-width{width: 265px !important;}
 }
@media only screen and  (max-width: 1023px){
    .CreateObjective .LeftPan,.CreateObjective .RightPan{ width:100%;}
    .TotalObjectives{margin-right:0px;}
}
.MultiselectRelation li {
    width: 33%;
    display: inline-block;
    margin-top: 6px;
}
.MultiselectRelation li label {
    font-weight: normal !important; margin:3px 0 0 30px !important; font-size:14px !important; cursor:pointer;
}
.MultiselectLabel{ margin:20px 0 0 23px; display:inline-block;}
.DownloadTemp a{color:#5A4D9F;}
.DownloadTemp a:hover{ text-decoration:underline;}
a .icon-info-icon{color:#03a37b; float:left;}
.SampleTemplate label{ font-weight:bold; }
.Nodata {
    display: table;
    width: 100%;
    height: 200px;
    border: 1px dotted #a9a9a9;
    color: #717171;
    margin: 80px 0 0;
}
.Nodata p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#NoRecordsPreview .modal-body,.confirm-model .modal-body {
    background: #fff;
    color: #3f4a59;
    padding: 25px 20px;
}
/*Employee Directory start*/
.Employee-Directory.modal.fade .modal-dialog{max-width: 860px !important;}
.Employee-Directory .modal-header {padding: 12px 20px 15px 20px;box-shadow: none;}
.Employee-Directory .modal-body {background: #fff;}
.Employee-Directory .Applied {right: 60px;top: -16px;width: 266px;display: inline-block;margin-top: 20px;}
.Employee-Directory .Applied span {background: #d0e6fd;border: 1px solid #b3d4f5;padding: 6px 10px 8px;
border-radius: 5px;display: inline-block;overflow: hidden;margin-left: 5px;
text-overflow: ellipsis;white-space: nowrap;width: 172px;position: absolute;top: -7px;}
.Employee-Directory .Applied a {color: #90a1b1;margin: 0 0 0 12px;}
.Employee-Directory .funnel_icon {padding: 10px 0 20px;}
.Employee-Directory .funnel_icon .theme-org-panel {top: 65px;}
.Employee-Directory .theme-org-panel {position: fixed;right: -300px;top: 220px;z-index: 1020;background: #fff;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
box-shadow: 0 0 2px rgba(0,0,0,0.4);width: 300px;border-bottom-left-radius: 4px;}
.Employee-Directory .funnel_icon a.bg_funnel {padding: 12px 15px 8px 15px;border-radius: 6px 0px 0px 6px;background: #5A4D9F;}
.Employee-Directory .theme-org-btn {width: 55px;left: -55px;}
.Employee-Directory .theme-org-btn {position: absolute;left: -60px;width: 60px;padding: 10px 0;
line-height: 18px;font-size: 14px;font-weight: 500;color: #fff;border-radius: 4px 0 0 4px;
text-align: center;-webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);-moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);}
.Employee-Directory .funnel_icon a.bg_funnel i {color: #fff;}
.Employee-Directory .funnel_disable {display: none;}
.Employee-Directory .employee-directory {padding-bottom: 10px;}
.Employee-Directory .new-modal .modal-title, .Employee-Directory .new-modal .LocationTreeDIV .searchDiv, 
.Employee-Directory .new-modal .modal-footer {background: #fff;}
.Employee-Directory .new-modal .modal-title {padding: 10px 20px 10px;}
.Employee-Directory .new-modal .searchDiv .form-control {font-size: 14px; padding: 6px 10px 8px;}
.Employee-Directory .panel-body.grid_table.b-t-0 {border-top: 0px;border-radius: 5px;}
.Employee-Directory .grid_table .dataTables_wrapper {border-top: 1px solid #e2e7eb !important;}
.Employee-Directory .modal-dialog .grid_table .dataTables_filter {position: absolute;top: -22px;}
.Employee-Directory .dataTables_filter label {margin-top: 7px;}
.Employee-Directory .dataTables_wrapper label input.input-sm {width: 240px !important;border-radius: 5px;border: 0px;padding: 3px 10px 0px !important;}
.Employee-Directory .grid_table .dataTable  thead tr th {padding: 12px;}
.Employee-Directory .dataTable  tbody td {padding: 14px 0px 14px 14px;}
.Employee-Directory .dataTable  tbody td div span img {width: 100%;height: 100%;border-radius: 50%;
text-align: center;border: 1px solid #fff;}
.Employee-Directory  .Employee_Avatar span {border: 2px solid #dadada; border-radius: 50%;
-webkit-border-radius: 50%;-moz-border-radius: 50%;display: inline-block;height: 60px;padding: 0px;
width: 60px;margin: 5px 0 0;}
.Employee-Directory .grid_table .dataTable tbody td a {color: #5A4D9F;}
.Employee-Directory .btn.new-btnblue {padding: 4px 10px 6px 12px;height: 32px;
    color: #5A4D9F;width: auto;font-weight: normal;min-width: 80px;background: #fff;font-weight: bold;}
.Employee-Directory  .dataTables_wrapper .btn .icon-if_plus_214640 {margin-left: -5px;margin-right: 5px;}
.Employee-Directory .theme-org-panel.active {
    right: 0px;
}
.Employee-Directory .employee-directory .new-modal .LocationTreeDIV .searchDiv{padding: 8px 15px 0px;}
.Employee-Directory .dataTables_wrapper label:hover{border: 1px solid #5A4D9F;}
.Employee-Directory .OuterBorderImg{width: 40px;height: 40px;border: 2px solid #5A4D9F;display: inline-block; border-radius: 50%;
    padding: 2px;cursor: pointer;background: #fff;float: right !important;}
.Employee-Directory .OuterBorderEmpty{width: 44px;height: 44px;line-height: 38px; float: right !important;}
.Employee-Directory div.dataTables_wrapper div.dataTables_length select{width: auto;}
.Employee-Directory div.dataTables_wrapper div.dataTables_length select:hover{border: 1px solid #5A4D9F;}
.Employee-Directory .grid_table .dataTables_length{margin-top: 0px;}
.Employee-Directory .grid_table .dataTables_paginate{border-top: 1px solid #e0e0e0;}
#Employee-Preview .panel-body .dataTables_filter{float: left;position: inherit;}
#Employee-Preview .panel-body .dataTable{margin: 0px !important;
    border-top: 1px solid #e2e7eb;}
#Employee-Preview .modal-header{border: 0px;}
.CriteriaForm{ background:#fff; border:1px solid #e0e2e4; border-radius:5px;}
/*Employee Directory end*/
/*Import popup*/
#Import-Popup .ImportFiles p {padding-right: 10px;font-weight: normal;color: #434343;}
#Import-Popup .ImportFiles p, #Import-Popup .ImportFiles input {display: inline-block;}
#Import-Popup .browseblock {display: inline-block;}
#Import-Popup .browseblock > input {opacity: 0;position: absolute;z-index: 9;height: 38px;}
#Import-Popup .browse {position: relative;}
#Import-Popup .browseblock .browse input {width: 100% !important;height: 36px; outline: none;}
#Import-Popup .browse .btn {position: absolute;top: 1px;right: 1px;background: #f3f3f3;
color: #4a4a4a;font-weight: 400;border-radius: 0px;border-left: 1px solid #d4d4d4;}
#Import-Popup .RecordFields span {display: inline-block !important;}
#Import-Popup .Valid {color: #1aab1b;}
#Import-Popup .Invalid {color: #e35544;}
#Import-Popup .modal-dialog{min-width: 500px !important;width: 500px !important;}
#Import-Popup .modal-dialog .modal-body{background: #fff;}
#Import-Popup .ReviewButton .DownFields {border: 1px solid #29aaff;color: #29aaff;font-size: 16px;padding: 7px 12px 6px;}
#Import-Popup .model-footer{padding: 10px 20px 20px;}
.Employee-Table .dataTables_filter label {
    margin-bottom: 20px;
    box-shadow: 0 0px 18px #dcdada;
    width: 250px;
}
.Employee-Table .dataTables_filter{ padding:0px; position:absolute; top:0;}
.Employee-Table .grid_table {position:relative; padding-top:52px;}
/*Configure OKR end*/
/* waiting for approval */
.ApprovalSection{border-top: 1px solid #e3e3e3;  padding: 10px 0;}
.ApprovalSection .Ownerlabel{ color:#777; margin:0 0px 10px 0px; float:left;}
/*my objective css start*/  
.MyTabView {    
    display: none;  
}   
.NewMyPerformance .collapse {   
    padding: 0px !important;border-top: 1px;  
}   
.NewMyPerformance .collapse .ActionSection {    
    box-shadow: none !important;    border: 0px;
       padding: 0px 15px 15px; 
}   
.NewMyPerformance .MyTabView .collapse .ActionSection ul li {   
    width: 50%; 
    float: left;   margin-top: 15px; 
}   
.NewMyPerformance .MyTabView .panel-default > .panel-heading{background-color: #fff;border: 1px solid #e0e0e0;}
@media (max-width: 1000px) and (min-width: 768px){  
    .MyTabView {    
    display: none; 
} 
.Company-Overview .SerachArea .NewSeachBox input{width: 160px !important;}
.Company-Overview .NewSeachBox{margin-bottom: 0px;}
.Configure-Section .EmployeeList .EmployeeBtn{ margin-top: 45px;}  
.NewSeachBox{display: block;margin-bottom: 40px;}
.enable-approval .EditableList .FloatingLabel,.GroupList .SelectEmployee{width: 100%;}
.GroupList .SelectOrgUnit{padding-left: 20px;    width: 100%;}
.UserMange #example1.table tr th:first-child{padding: 10px 11px 10px 10px;}
.QuickStart .QuickBtn{top: 38px !important;}
.page-header{    margin: 25px 0 5px;}
.ActionSection .QuickActions {  
    display: none;  
}   
.MyObjective .ActionSection{padding: 0px;}  
}   
.ActionSection .ActionPerformance{margin-left: 20px;display: block;}    
.ActionSection .ActionPerformance li a{font-size: 13px;margin: 0 0 10px 0;} 
.ActionSection .AccIcons {margin: 0px 15px 0px 0px;position: absolute; right: 0px;top: 3px;}    
.NewMyPerformance .MyTabView .collapse .ActionSection .ActionPerformance li{float: none;width: inherit;}    
.NewMyPerformance .MyTabView .collapse .ActionSection .AccIcons{top: 20px;} 
.ActionSection .AccIcons {color: #5A4D9F;}  
.AddedTags{ background:#fff; padding:0px; /*border-radius:5px; border:0px solid #e0e0e0;*/ margin:20px 0 0; display:none;  }
.icon-ObjectiveType{ font-size:20px;}
.TagValue{ width:40%; padding:0 70px 0 10px !important;}
.AddTag { min-width: inherit;
    margin: -4px 0 0 -70px;
    height: 25px;
    line-height: 12px;
    font-size: 12px;
    padding: 6px 16px;
    display: inline-block;
    visibility: hidden;}
.AddTag:hover{background: transparent !important;box-shadow: none;color: #483B8C;}
.AddTag i{display: inline-block;font-size: 10px;font-weight: bold;padding-right: 6px;}
/*my objective css end*/
.modal.fade.confirm-model .modal-dialog{ width:600px;}
.CriteriaForm .multiselect-container .input-group{border: 1px solid #e0e0e0;border-radius: 5px;}
.CriteriaForm .multiselect-container .input-group input{border: 0px;}
.CriteriaForm .multiselect-clear-filter.btn.btn-default{height:35px;border: 0px;}
.CriteriaForm .multiselect-container .input-group.AddBorder{border: 1px solid #5A4D9F;}
  .ReviewLabel{ display:block; margin:20px 0 20px 20px;}
/* OKR Phase 2 */
.modal#CompanyAlignTo,.modal#AlignTo{ overflow-y:auto !important;}
.modal#CompanyAlignTo .modal-dialog{ width:76%;}
.new-modal.AlignTo .slimScrollDiv{ width:100% !important;}
#AlignTo .col-md-9{ width:70%;}
#AlignTo .col-md-3{ width:30%; float:right;}
.EmpDirectoryInput .ValuesSelected{ display:none; background:#fff; border:1px solid #e0e0e0; padding:10px; border-radius:5px;}
.EmpDirectoryInput .ValuesSelected .EmpCard{background:#e6e5fb; padding:5px;border-radius: 5px;}
.EmpDirectoryInput .ValuesSelected .avatar{ float:left;}
.EmployeeSearchList{position: absolute;top: 38px;background: #fff;left: 1px;right: 0px;z-index: 999;
cursor: pointer;border: 1px solid #e0e2e4; box-shadow: 0 2px 6px -1px rgb(83, 163, 254,0.4);border-top-right-radius: 0px;
border-top-left-radius: 0px; display:none;}
.EmployeeSearchList li{width: 100%;float: left;border-bottom: 1px solid #e0e2e4;padding: 10px;}
.EmployeeSearchList li:hover{background:#e6e5fb;}
.EmpCard span.OuterBorderEmpty {float: left;width: 40px;height: 40px;margin: 2px 0 0 0;}
.EmpCard span img {width: 100%;height: 100%;border-radius: 50%;}
.EmployeeSearchList li .avatar{ float:left;}
.EmpCard .Name{max-width:80%; display:inline-block;}

.EmpCard span small{color:#777777;    font-size: 14px;
    display: block;}
.ValuesSelected .Remove{ position:absolute; top:20px; right:20px; color:#9fa0a0; font-size:17px;}
.new-modal#OrganizationUnit .modal-footer,.new-modal#Parentnode .modal-footer {padding:10px 0 5px; background:none;}
.LocationPopup#OrganizationUnit .modal-content,.LocationPopup#Parentnode .modal-content {
        border: none;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.88);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.88);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.MultiLocation.modal-body .Scroller{ max-height:300px; overflow-y:auto;}
.SearchTags{ border-width:0px 0px 1px 0px; width:80%; float:left;}
.CheckAll {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0 12px;
    margin: 0 0 5px 0;
    }
.MultiselectStandalone .TagListPopup{ margin:10px 10px 0 10px;}
.MultiselectStandalone .TagListPopup li{ width:50%; float:left; margin-bottom:10px;}
.MultiselectStandalone .TagListPopup li label{margin:2px 0 0 30px;}
.MultiselectStandalone .search-input {
    padding: 0px 28px 0px 10px;
}
.MultiselectStandalone .Search_Div{width:96%; float:none; margin:10px auto;}
.MultiselectStandalone .CheckAll{ padding:10px;}
.MultiselectStandalone .Search_Div small {
    top: 9px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
    display: none;
}
.MultiselectStandalone .CheckAll label {
    width: auto;
    margin:0px 0 0 30px;
}
#SearchTag .modal-footer{ background:#fff;}
.MultiselectStandalone .NoResults{margin:30px 0; text-align:center; display:none; font-size:13px; font-style:italic;}
.FiltersApplied{ color:#5A4D9F; font-size:13px; margin-top:10px; font-style:italic; font-weight:normal;}
.Unmapped a{clear:both; display:inherit; margin:0px 0 0 2px;}
.Unmapped a:hover{color:#5A4D9F; text-decoration:underline;}

/* Waiting for Approval */
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    opacity:0.8;
}
.WaitinForApproval .ObjectKeyresults{ display:none;}
/* Approve detail page */
.ObjectiveName .ReadOnly{ font-size:20px; font-weight:bold;}
.ObjectiveDesc .ReadOnly{ margin:0 0 0 30px;}
.AlignedMsgDiv{width:100%;float: none;margin-top: 10px;}
.ownedbyinfo small.AlignedMessage { font-style: italic; padding: 5px; border:1px solid #ffe960; color: #000 !important; font-size: 13px !important; display:inline-block; border-radius:5px; background:#fff6bf; text-align:center; margin:-7px 0 0;width: 100%;}
.Readonly .SelectedValues li{padding:4px 7px 4px 7px;}
.AutoSuggestContainer.Readonly:hover,.Datepickercontainer input[disabled]{border:none;}
.ReadOnly.KeyResults label{ display:inline-block; width:50%;}
.ownedby small{     color: #777;
    font-size: 14px;
    margin: 10px 0 0 30px;}
.ownedby a:hover{color:#5A4D9F; text-decoration:underline; }
.RejectedComments label{ font-weight:bold;}
.RejectedComments{ padding:0px 20px 5px 20px; }
.Givenby .NameDetails {margin:12px 0 0 6px;}
.Givenby{background:#edf6ff; border-radius:5px; padding:16px;}
.Givenby  p{ font-size:15px; color:#454545; margin-bottom:0; display:inline-block;}
.Givenby small{ float:right; color:#777;margin:10px 0 0 0; width:106px;}
.Givenby small i{ font-size: 14px;  margin: 4px 4px 0 0;  float: left;}
.in-progress .btn.btn-default.dropdown-toggle{background:#fac443; }
.not-started .btn.btn-default.dropdown-toggle{background:#ff8884; }
.completeds .btn.btn-default.dropdown-toggle{background:#44ce83; }
.statusOKR.bootstrap-select .btn.btn-default.dropdown-toggle.selectpicker{border-radius:30px; border:none !important; padding:5px 24px 5px 15px !important; height:30px; z-index:99;}
.statusOKR.bootstrap-select .btn.btn-default.dropdown-toggle.selectpicker:focus{ box-shadow:none;}
.statusOKR .filter-option,.statusOKR span.icon-arrow-down{color:#fff !important;}
.statusOKR.open .btn.btn-default.dropdown-toggle{background:none; border-radius:5px; border:1px solid #1c8efe;}
.statusOKR.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover{ border:none;}
/* .statusOKR.open.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover{ border:1px solid #1c8efe;} */
.statusOKR.open .filter-option,.statusOKR.open span.icon-arrow-down{color:#333 !important;}
.readonlybar .progress{width:60%; height:10px; margin:5px 10px 6px 0;}
/* Team Objective */
.TeamObjective .status,.TeamObjective .status:hover{margin:0; display:inline-block; float:none;}
.TeamObjective .updateddate{margin:0; display:inline-block; width:106px; text-align:left;}
.TeamObjective .OuterBorderImg{width:35px; height:35px; padding:0px;}
.AvatarImg{ border-color:#cccccc;}
.TeamObjective .NameDetails label{color:#777; font-weight:bold; margin:4px 0 0 0;}
.TeamObjective .NameDetails label.withoutvalue{color:#434343; font-weight:normal; margin:4px 0 0 0; font-size:14px;}
.TeamObjective .NameDetails{margin:0px 0 0 8px;}
/* OKR Summary */
.OKRSummary h3{ margin:0; padding:15px 20px 12px 20px; border-bottom: 1px solid #e0e0e0; }
.OKRSummary .SummarySection li {
    width: 50%;
    float: left;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    display:table;
}
.OKRSummary .SummarySection li span {
    display: table-cell; height:84px; vertical-align:middle; text-align:center;
}
.OKRSummary .SummarySection li .TotalGoals {
    color: #5A4D9F;
    font-size: 24px;
    
}
.OKRSummary .OKRSummary .ActionSection label {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
}
.OKRSummary .SummarySection li label {
    text-transform: uppercase;
    color:#434343;
    font-size:14px;
    margin:8px 0 0 ;
}
.OKRSummary .SummarySection li .OverDue {
    color: #ed7454;
    font-size: 24px;
  
}
.OKRSummary .SummarySection li:last-child {
    border-right: 0px;
}
.OKRSummary .SummaryGoals li {
    border-top: 1px solid #e0e0e0;
   padding:12px 20px 10px;
}
.OKRSummary .SummaryGoals span {
    display: block;
    font-size: 25px;
    margin-bottom:4px;
}
.SummaryGoals li label{ margin-bottom:0;}
.OKRSummary .SummaryGoals .Completegoal span {
    color: #33cc99;
}
.OKRSummary .SummaryGoals .Inprogressgoal span {
    color: #edb248;
}
.OKRSummary .SummaryGoals .Notprogressgoal span {
    color: #fc8a8a;
}
.OKRSummary .SummaryGoals .InreviewObj span{ color:#fa8443;}
.SetGoalsGridView .OKRSummary .ActionSection label {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
}
.OKRSummary .SummaryGoals i {
    position: absolute;
    right: 20px;
    top:15px;
    font-size: 36px;
}
.ProgressStatus div{ text-align:center; }
/* Team Objective */
/* Review Detail page */
.ReviewComments{box-shadow:0 0px 5px #dcdada; padding:20px; border-radius:5px;}
.OthersComments .NameDetails{ width:calc(100% - 62px); line-height:18px;}
.OthersComments .NameDetails p{ font-size:14px; color:#434343; margin-bottom:0;line-height:20px;}
.OthersComments{ border:1px solid #e0e0e0; border-radius:5px; margin:0 0 0 20px; }
/* .ReviewComment{display:table-row;} */
.ReviewComment .col-md-9,.ReviewComment .col-md-3{ display:table-cell; vertical-align:middle; float:none; padding:10px;/* border-bottom:1px solid #e0e0e0; */}
.ReviewComment .col-md-9{vertical-align:top;width: 86%;float: left;}
.ReviewComment .col-md-3{width: 14%;float: right;border-left:1px solid #e0e0e0;margin-top: -8px;padding-bottom: 0px;}
.ReviewComment:last-child .col-md-9,.ReviewComment:last-child .col-md-3{ border-bottom:none;}
.OthersComments .NameDetails label small{ color:#777; font-weight:normal;}
.MetStar .fa-star{color:#5A4D9F;}
.NewRadioScale{ margin:10px 0 10px 0;}
.NewRadioScale li{display:inline-block; margin:0 10px;}
.NewRadioScale li span {
    display: inline-block;
    border: 1px solid #dadada;
    width: 42px;
    height: 42px;
    background: #fff;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    margin: 0 0px 0 0px;
    cursor: pointer; color:#777;
    font-size: 12px;
}
.NewRadioScale li span:hover,.NewRadioScale li.active span,.enablerating .NewRadioScale li span{ border: 1px solid transparent;
    background: #EBEAFF;
    color: #212529;
}
.NewRadioScale .tooltip-inner {
    background: #fff;
    color: #333;
    border: 1px solid #d4d4d4;
    max-width: 300px;
    width: auto;
    word-wrap: break-word;
    white-space: normal;
    font-size: 13px;
}
.ReviewComment .progress{    border: 1px solid #eceaea;
    background: -webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    border-radius: 6px;
    height: 10px;
    width: 90%;
    margin: 8px auto 0;
    position: relative;}
.ReviewComment .progress-bar {
    height: initial;
    width: 40%;
    background: transparent;
}
.ReviewComment .right-content .ProgressPercentage span {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px; color:#333;
}
.ProgressPercentage .Min{margin-left:10px;}
.ProgressPercentage .Max{margin-right:10px;}
.ReviewComment .ProgressPercentage{ float:none; margin:0;}
.AchievedValue{ float:right; width:100%; font-size:14px;}
/* OKR Chart  */
.OKRChart li{ width:200px; background:#fff; border:1px solid #ccc; padding:10px;}
.subchild{ width:100%; clear:both;}
.subchild li{display:inline-block;} 
/* Filter popup */
.FilterSection{ background:#fff; border-radius:5px;}
.FilterSection .new-btnblue {
    margin-top: 8px !important;
}
.Objectives .Leftpan.col-md-9{ width:70%;}
.Objectives .Rightpan.col-md-3{ width:30%;}
.CustomPickerDiv{display:none; margin:10px 0 0; padding-right:0; text-align:right;}
.CustomPickerDiv input[type="text"]{ width:122px !important; height:35px; font-size:14px; padding-left:30px !important; }
.CustomPickerDiv .new-btnblue{float:right;    margin-left: 13px;   min-width: inherit;  width: auto;  padding: 0 13px;
    font-size: 13px;   height: 35px;   line-height: 34px;}
.CustomPickerDiv small{ color:#777; font-size:14px; padding:0; margin:0 5px;}
.TrainingManager .ChooseManager{}
/*comments section*/
.Comments .Givenby{background: #fff;}
.Comments {
    background: #e3f1ff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 20px 10px;
}
.Comments h2 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 30px 0;
}
.Comments h3 {
    font-size: 15px;
    margin: 10px 0 10px;
    color: #4a4a4a;
    line-height: normal;
}
.Comments p {
    margin-bottom: 0px;
    color: #5c5c5c;
}
.Comments .textarea span, .Comments .textbox span {
    display: block;
}
.textarea textarea:hover, .textarea textarea:focus{
    border: 1px solid #483B8C;
    outline: none;
}
.ButtonsAction {
    margin: 20px 30px;
}
.ButtonsAction .new-btnblue {
    line-height: 23px;
}
.ViewActiveBtn {
    margin: 20px 0px;
}
.ViewActiveBtn a,.ViewMoreContributors {
    background: #fff;
    color: #5A4D9F;
    border: 1px solid #e0e0e0;
    padding: 6px 20px;
    border-radius: 5px;
    margin-top: 0px;
    display: inline-block;
    font-weight: bold;
    width: 120px;
    height: 40px; line-height:25px;
    text-align: center;
}
.MoreContributors{ display:none;}
.ViewActiveBtn a:hover,.ViewMoreContributors:hover {text-decoration: none !important; color: #5A4D9F;border: 1px solid #5A4D9F;}
.ViewActiveBtn i {
    vertical-align: middle;
    margin: -1px 0px 0px 5px;
    font-size: 30px;
}
.b-b-0{border-bottom: 0px !important;}
.b-b-1{border-bottom: 1px solid #e0e0e0 !important;}
.modal.right.AlignedObjectivesPopup .modal-dialog {  width: 68%;}
.modal.right.AlignedObjectivesPopup .modal-content{ background:#fff;}
.modal.right.AlignedObjectivesPopup .modal-body{padding: 20px 20px 20px; float:left; background:#fff;width:100%;}
.OtherAlignedObjective li.BgBlue{background: #edf6ff;}
.OtherAlignedObjective li.BgBlue h3 i, .OtherAlignedObjective li.BgBlue h3 span{color: #5A4D9F;}
.AlignedObjectivesPopup .ObjectiveList { margin-bottom:0; box-shadow:0 0px 6px #dcdada;}
.AlignedObjectivesPopup .DetailedView .RightPan, .AlignedObjectivesPopup .CreateObjective .RightPan{width: 100%;
    padding: 15px;}
.AlignedObjectivesPopup .OtherAlignedObjective h3, .AlignedObjective h3{border: 0px;font-weight: bold;}
.AlignedObjectivesPopup .AligntoHeader h3.Aligned-head{padding-top: 3px;font-weight: bold;font-size: 18px;
    margin:0;}
.AlignedObjectivesPopup .AligntoHeader div.pull-left{float: none !important;}
.AlignedObjectivesPopup .OtherAlignedObjective li:hover .bottom-circle, 
.AlignedObjectivesPopup .OtherAlignedObjective li:hover{background: #edf6ff;}
.AlignedObjectivesPopup .OtherAlignedObjective li{padding: 0px 0px 0px;}
.AlignedObjectivesPopup .OtherAlignedObjective li .Objective-Head{padding: 15px 15px 0;}
.AlignedObjectivesPopup .OtherAlignedObjective .KeyResultsIcon{margin: 0 0px 15px 13px;}
.AlignedObjectivesPopup .AlignedInfo .OtherAlignedObjective .KeyResultsIcon{margin: 0 0px 15px 20px;}
.AlignedObjectivesPopup .OtherAlignedObjective .ObjectKeyresults ul{margin: 0 20px 0 15px;}
.AlignedObjectivesPopup .OtherAlignedObjective .ObjectKeyresults ul li{  /* padding: 0px; margin: 0 0 10px 0px; */
    line-height: normal;
    list-style-type: none;border: 0px;background: transparent;}
.AlignedObjectivesPopup .OtherAlignedObjective .Objective-Head{cursor: pointer; padding-left:0 !important;}
/* .AlignedObjectivesPopup .ObjectKeyresults{ margin-left:10px;} */
.AlignedObjectivesPopup .AlignedInfo .OtherAlignedObjective .ObjectKeyresults ul{margin: 0 20px 0 0px;}
.AlignedObjectivesPopup .AlignedObjective{width: 100%;}
.LoadActiveBtn, .LoadCloseBtn {
    margin: 20px 0px;
}
.LoadCloseBtn a, .LoadActiveBtn a {
    background: #fff;
    color: #5A4D9F;
    border: 1px solid #e0e0e0;
    padding: 6px 20px;
    border-radius: 5px;
    margin-top: 0px;
    display: inline-block;
    font-weight: bold;
    width: 200px;
    height: 40px;
    text-align: center;
}
.LoadCloseBtn i, .LoadActiveBtn i {
    vertical-align: middle;
    margin: -1px 0px 0px 5px;
    font-size: 30px;
}
.LoadCloseBtn a:hover, .LoadActiveBtn a:hover{border: 1px solid #5A4D9F;}
.AlignedObjectivesPopup .OtherAlignedObjective h3 i{top: -1px;}
.ViewAllText{color: #5A4D9F;font-weight: normal;font-size: 14px;}
.ViewAllText:hover{text-decoration: underline;color: #5A4D9F;}
.RightPan .ViewActiveBtn a{width:auto;line-height: 27px;}
.withclosed .status{padding:7px 13px; cursor:pointer;}
.withclosed .status i{margin:4px 0px 0 8px; float:right;}
.withclosed{ float:right;}
.withclosed a{ top:32px; background:#fff; box-shadow:0 2px 6px -1px rgba(0, 0, 0, 0.6); padding:5px 10px; color:#566a8f; left:0; right:5px; border-radius:3px; display:none;}
.withclosed a:hover{background:#5A4D9F; color:#fff;}
/**Phase 3 changes **/
.ProgressKeyresult{ width:50px;
   float:left; margin-right:10px;
    font-weight: bold;
    font-size: 13px; background:#fce48a;
    padding:8px 0px; line-height:18px; color:#656565;
    text-align: center;
   border-radius:10px; }
/* .ProgressKeyresult.green{background: #22c860;}
.ProgressKeyresult.yellow{background:#ffd800;}
.ProgressKeyresult.orange{background:#f9991a;}
.ProgressKeyresult.blue{background:#5badfb;}
.ProgressKeyresult.red{background:#f9991a;} */
.KeyResults li.hover{background:#e6e5fb;}
.KeyResults .charcount{ width: 90% !important; margin-left: 28px;  float: left !important;}
.KeyResultsName{ width:calc(100% - 80px); display:table-cell; vertical-align:middle; margin-left: 10px; }
.sliderValue{ width:75px; float:left; margin:-6px 10px 0 20px; padding:8px 5px; border-radius: 5px; font-weight:bold; }
.sliderValue:hover,.sliderValue:focus,.TargetText textarea:hover, .TargetText textarea:focus{border:1px solid #483B8C; outline:none;}
.TargetDate input{ width:130px; float:left; }
/* .TargetDiv small,.ProgressSlider small{  box-shadow:0 0px 6px #dcdada;} */
.TargetDate span.TargetValue{ float:left;  color:#777; font-weight:normal; margin:0 0 0 15px;}
.TargetDiv{ float:left; width:100%; padding:10px 0 0 0px; background:#f1f1f1; border:1px solid #e5e5e5; padding:15px; border-radius:5px;}
.Leftpan .ObjectKeyresults ul, .DetailedView ul, .ClosedObjective .ObjectKeyresults ul, .AlignedObjectivesPopup .ObjectKeyresults ul{margin:0; clear:both;}
.ClosedObjective .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border-radius:5px; box-shadow:0 0px 6px #dcdada; margin-top:4px;}
.ClosedObjective .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ margin:0;}
.Leftpan .ObjectKeyresults li,.DetailedView .ObjectKeyresults li,.ClosedObjective .ObjectKeyresults li,.AlignedObjectivesPopup .ObjectKeyresults li{padding:0 30px 15px 30px; margin:0 0 20px 10px;}
.ClosedObjective .ObjectKeyresults li:last-child,.AlignedObjectivesPopup .ObjectKeyresults li:last-child{ margin-bottom:0; padding-bottom:0;}
/* .List_contributors  .ObjectKeyresults li{padding-left:0px;} */
.Leftpan .ObjectKeyresults li{padding: 0 0px 15px 12px;}
.ObjectKeyresults li .col-md-6.updating{opacity:0.2; pointer-events:none;}
.Leftpan .KeyResultsIcon{ margin-left:20px;}
.Leftpan .ObjectKeyresults li:last-child,.DetailedView .ObjectKeyresults li:last-child{padding-bottom:0px; margin-bottom:0px;}
.TargetDiv .DatePickerBox{ width:124px; float:left; padding:8px 0 5px 28px !important;  box-shadow:0 0px 6px #dcdada;}
.TargetDate .TargetValue{ margin-top:10px !important;}
.TargetText .completeddiv{ margin:-2px 0 0px 16px;}
.TargetText textarea{ width:100%; float:left; resize:none; border-radius:5px; padding:10px; /* box-shadow:0 0px 6px #dcdada; */ font-size:13px; max-height:300px; min-height:75px; border:0; border:1px solid #fff;}
.ProgressStatus .col-md-4{ text-align:center; font-weight:bold; font-size:20px;}
.ProgressStatus label{color:#777; font-size:14px; display:block; margin:5px 0 0;}
.ProgressStatus .OnTrack{color:#51e165;}
.ProgressStatus .Behind{color:#fa3e00;}
.ProgressStatus .AtRisk{color:#0494fa;}
.completeddiv{ float:left; margin:6px 0 0px 16px;}
.completeddiv label{ margin:3px 0 0 30px; font-weight:bold;}
.TextDiv,.Measureby,.TargetField{ float:left;}
.TextDiv{ width:40%;}
.TextDiv .TextareaContainer { width:97%;}
.Measureby{  position:relative; margin-right:10px;}
.TargetField{ width:calc(38% - 80px); border-width:0 0 1px 0; border-radius:0px;}
.TargetField textarea{width:100%; resize:none;}
.Measureby ul{ position:absolute; width:200px; top:37px; background:#fff; z-index:9; box-shadow:0 2px 6px -1px rgba(0, 0, 0, 0.6); display:none;}
.Measureby span{ cursor:pointer; background:#f3f3f3; padding:10px 15px; border-radius:5px;color:#777; display:inline-block;}
.Measureby span i.fa{ font-size:16px;}
.Measureby label{ margin-bottom:0px;}
.Measureby li small{ font-weight:bold; width:30px; text-align:center; display:inline-block;  cursor:pointer;}
.Measureby i.icon-arrow-down{ font-size:12px; color:#777; float:right; margin:4px 0 0 10px;}
.Measureby li:first-child,.Measureby li:last-child{ margin:0px;}
.Measureby li{ margin:0px; padding:6px 5px; color:#777;}
.Measureby li:hover{background:#5A4D9F; cursor:pointer; color:#fff;}
.Measureby li:hover label{ color:#fff;cursor:pointer;}
.TargetField input[type='text']{  border-radius:5px; width:100%; text-align:right;}
.TargetField input[type='text'].DatePickerBox{ background:none; padding:0 10px !important; width:100%;text-align:center;}
.TargetField textarea{padding:5px 10px; min-height:30px;}
.TargetField .boolean{color:#777; float:left; margin:8px 0 0;}
.MeasureField.col-md-12 .TargetField{ width:60%;}
.hashtag{ font-size:18px; margin-left:-4px; padding:0 4px;} 
.percent{ font-size:16px; margin-left:-4px; padding:0 2px;} 
.Measureby li small .fa{ font-size:15px;}
.TargetField input[type='text']:hover,.TargetField input[type='text']:focus,.TargetField textarea:hover,.TargetField textarea:focus{border-color:#5A4D9F; border-radius:5px;}
.TargetBox{ width:100%; float:left;}
.TargetBoolean.completeddiv{margin:15px 0 0 55%; clear:both;}
.TargetText p{ color:#434343; margin-bottom:0;}
.TargetText p .DollerSymbol{font-size: 14px;}
.TargetText label{ color:#777; margin-bottom:0px; font-size:13px; display:block;}
.DetailedView .IndividualCheckInBtn { float:right;}
.DetailedView.ReadOnly .ObjectiveList .status { right:10px; top:20px; position:absolute; }
.List_contributors  .DetailedView .ObjectiveList .status {  top:0px;  }
.ObjAchivedTarget{ float:left; margin-left:30px;}
.ObjAchivedTarget label{  color:#777;}
.TargetBooleanOBJ .ObjAchivedTarget{ margin:0;}
.TargetBooleanOBJ .sliderValue{margin:0px 10px 0 0px;}
.OrgUnitField .FormIcon{margin:10px 15px 0 0;}
.AlignTo .OrgUnitField .FormIcon{margin:10px 10px 0 0;}
.OrgUnitField input{width:90%; height:38px; line-height:38px;}
.Intitatives ul {border:1px solid #e0e0e0; border-radius:5px; padding:10px 20px; width:calc(100% - 32px); margin-left:30px;list-style-type: disc;}
.Intitatives ul:hover,.Intitatives ul:focus {border:1px solid #483B8C; border-radius:5px; outline:none;}
.Intitatives span{ cursor:pointer; display:inline-block;}
.Intitatives li{list-style:disc; display:none; margin-left:10px; cursor:text;}
.Intitatives small.placeholder{/* position: absolute; left: 40px;   */color: #aeaeae; font-size: 15px; top:12px;}
.new-modal .modal-body  #jstree-default.jstree{margin:0;}
.MeasureOptions .icon-ObjectiveType{ font-size:22px;}
.p-l-60{ padding-left:60px;}
.p-l-45{ padding-left:45px;}
.p-l-35{ padding-left:45px;}
.readonlybar .TargetValue{ margin-left:10px; margin-top:10px; text-align:right; }
.modal .ObjectiveList .TargetText .p-l-0{padding-left:53px !important;}
.modal .ObjectKeyresults .TargetText .p-l-0{padding-left:60px !important;}
.ReadonlyTarget{margin:10px 0 0;}
.display-table{display:table;}
.display-cell{display:table-cell; vertical-align:top; float:none; text-align:right;}
.ObjectKeyresults  .display-cell,.ReadOnly .Key-Results li .display-cell{ width:68px;}
.AlignedObjectivesPopup .TargetValue{color:#777;}
.AlignedObjectivesPopup .TargetValue b{color:#434343;}
.AddedInitiatives{ padding:20px; box-shadow:0 0px 5px #dcdada; margin:0 0 0 20px; border-radius:5px;clear: both;}
.InitiativesIcon{ color:#777;}
.InitiativesIcon i{font-size:22px; float:left; margin:-1px 6px 0 0 }
.AddedInitiatives label{margin:0 0 10px 0; font-weight:bold;}
.AddedInitiatives ul{margin:0px 0px 0 0px;}
.AddedInitiatives ul li{list-style-type:disc; margin:0 0px 2px 0; font-size:14px; list-style-position:inside;}
.AddedInitiatives ul li:last-child{ margin-bottom:0px;}
.TypeDiv{color:#777;}
.TypeDiv label{ margin:0;}
.TypeDiv span{ margin:5px 0 0 0; display:inline-block;}
.TypeDiv i{ font-size:18px;}
.KRChampionIcon{ display:block; color:#777; margin:0 0 10px 0px;}
.KRChampionIcon i{ font-size:20px;}
.EmployeeType{padding:20px 20px 20px; border-top:1px solid #e3e3e3;}
.EmployeeType .OuterBorderImg{ width: 50px; height: 50px;}
.ShowOnly label{margin:7px 0 0 27px; font-weight:bold;}
.ReadOnly .Key-Results li{ list-style-type:none;}
.ReadOnly .Key-Results h4{ margin:0 0 5px; font-size:15px; line-height:20px; font-weight:normal; }
.ReadOnly .Key-Results li small{font-weight:normal; color:#777;}
#AlignTo .OuterBorderEmpty{ width:40px; height:40px; line-height:35px;}
.tabcontent .MultiselectList .DatePickerBox,#duedate .DatePickerBox{height:35px; padding:7px 0 5px 30px !important; width:130px !important;}
.objowner .TeamOrg,.Ownedby .TeamOrg{ color:#777; margin:8px 0 0 5px; float:left;}
.objowner .TeamOrg i,.Ownedby .TeamOrg i{ font-size:20px;}
.ObjOwner span.FormIcon{ margin-top:25px;}
span.objectivetype {
    margin: 0px 0px 2px 0;
    display: block; font-weight:normal; font-size:14px; color:#777;text-transform: initial;
}
span.objectivetype b{ color:#777;}
.OKRApprove .readonlybar .TargetValue{ width:60%; float:right; font-weight:normal;}
.OKRApprove .readonlybar .WeightageValue{width: 10%;
    text-align: right;
    float: right;
    font-weight: normal;
}
.ContributorsPercentage .Objectiveprogress {width:calc(100% - 86px);}
.ContributorsPercentage .ProgressPercentage {font-size:18px; color:#434343; font-weight:normal;}
.ContributorsPercentage label{ display:block; font-size:14px; color:#777;}
.TeamObjective .NameDetails label.OwnerLabel,.Without .OwnerLabel,.Without .withoutvalue{ color:#777; font-size:14px; display:block; margin:0; font-weight:normal;}
.NameDetails.Without{ margin-top:10px;}
.TeamObjective .Objecttitle .display-table{ width:100%;}
.TeamObjective .Objecttitle .display-cell{ vertical-align:middle;}

.CreateObjective .CreateSupportLink.LeftPan .ChooseAlignBtn.WhiteBtn{width: calc(100% - 38px);
    margin-left: 0px;}
.Employee-Directory .panel-body.grid_table.Multicheck-directory{margin: 16px;border: 0px solid #e6e6e6;
    border-radius: 5px;box-shadow: 0 0px 8px #dcdada;background: #fff;}
.SelectedUsers ul .SelectedList{padding: 15px;}
.SelectedUsers ul .SelectedList a{display: inline-block;margin-left: 10px;}
.SelectedUsers ul .SelectedList a:hover{text-decoration: underline;}
.SelectedUsers ul .SelectedList .ToggleBtn{margin: 0px;float: right;}
.SelectedUsers .lcs_switch{margin-top: -2px;}
.Employee-Directory .panel-body.grid_table.Multicheck-directory.UserSelected{border-top: 0px;}
.Employee-Directory .grid_table.Multicheck-directory .dataTables_paginate{border-top: 0px;}
.Employee-Directory .grid_table.Multicheck-directory .CheckAll{border: 0px;}
.TemplateLink{margin: -10px 0px 15px;}
@media (max-width: 1200px) and (min-width: 768px){
  .Employee-Search .grid_table {overflow-x: hidden;width: 100%;}
  .Employee-Search #datatable tbody td div span img {margin-left: 0px;} 
  #AlignTo .col-md-9,#AlignTo .col-md-3{ width:100%; margin-bottom:20px; padding:0;}
  .SideContainer.QuickActions{ display:none;}
  .DetailedView .LeftPan,.DetailedView .RightPan,.CreateObjective .RightPan,.CreateObjective .LeftPan{ width:100%; 
clear:both;    padding: 15px 25px 15px;}
  .DetailedView{ clear:both;}
  .ObjLeft,.ObjRight{ padding:0 !important; clear:both; margin:0 !important;}
  .DetailedView .Objecttitle .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:110px;}
  .OthersComments{ margin:0 20px;}
  .ClosedObjective.modal.right .modal-dialog,.CheckIns.modal.right .modal-dialog{width:90%;}
    .CreateObjective .CreateSupportLink.LeftPan .ChooseAlignBtn.WhiteBtn{width: 90%;}
    .TemplateLink{margin-top: 0px;}
}
@media (max-width: 1000px) and (min-width: 768px){
        .Objectives .Leftpan.col-md-9,.Objectives .Rightpan.col-md-3{ width:100%;padding: 0px;}
        .ProgressSlider { padding:0 !important; margin:15px 0 0;}
        .ProgressSlider span.MinValue{ width:30px;}
        .TargetDiv  .p-l-60{ padding-left:0 !important;}
        .ProgressLists{text-align: center;}
        .ProgressLists .col-md-4{display: inline-block;}

    .CreateObjective .CreateSupportLink.LeftPan .ChooseAlignBtn.WhiteBtn{width: 88%;}
}

input[type=number].sliderValue::-webkit-inner-spin-button, 
input[type=number].sliderValue::-webkit-outer-spin-button {  

    opacity: 1;

}
.Leftpan .ObjectKeyresults li{ position:relative;}
.ObjectKeyresults.withweightage .EditView{transition: all 0.2s ease-in-out;/*transform: scale(0.9);*/    position: relative;
    left: -39px;width: 976px;}
.loader,.TargetLoader{ position:absolute; display:none; color:#333; font-size:15px; font-weight:bold; left:0; right:0; text-align:center;}
.loader i,.TargetLoader i{ color:#5A4D9F; font-size:20px;}
.updating .loader,.updating .TargetLoader{ display:block;}
.TargetLoader{ width:77%; top:47%;}
.ReadonlysliderValue a,.ReadonlysliderValue a:hover{ color:#434343;}
.ReadonlysliderValue{float:left; margin-left:20px; font-weight:bold; padding-right:22px; cursor:text; position:relative;}
.ReadonlysliderValue:hover{ padding-right:22px;}
.ReadonlysliderValue:hover small{display:block;opacity:1;}
.ReadonlysliderValue small{ position:absolute; box-shadow:none; color:#505050; font-size:10px; background:#f1f1f1; width:16px; height:10px; line-height:9px; text-align:center; right:3px; cursor:default; opacity:0.5;}
.ReadonlysliderValue small:hover{ background:#d2d2d2;}
.ReadonlysliderValue small.top{ top:1px;}
.ReadonlysliderValue small.bottom{ bottom:1px;}
.visibilityfield .icon-confidential{ font-size:20px;}
.ConfidentialObjective{ width:100%; float:left; color:#777777; font-size:15px; font-weight:normal;}
.ConfidentialObjective .icon-confidential{ position:inherit; font-size:20px;margin-right: 3px;}
.ConfidentialObj{ margin-top:-10px;}
.ConfidentialObj .Objecttitle h3 a{color: #767676;
    font-size: 16px;
    margin: -1px 0 0;
    float: left;}
.DirectAlignedConfidential{ width:100%; float:left;}
.DirectAlignedConfidential .ConfidentialObjective{ margin:10px 0 0px 30px;}
.TeamObjective .IndividualCheckInBtn { right:20px;}
.CFCommentList .NameDetails{margin: 0px 0 0 10px;width: 70%;}
.CFCommentList .NameDetails label{white-space: inherit;display: block;display: -webkit-box;max-width: 100%;height: auto;
max-height: 36px;margin: 0 auto 5px; font-size: 14px; line-height: 18px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
overflow: hidden;text-overflow: ellipsis;}
/* OKR Dashboard */
.OKRDashboard{ width:100%; overflow-x:auto; padding-bottom:20px;}
.TreeDiv{ width:100%; }
.SubChildUl{ margin-top:40px; display:flex; flex-wrap:nowrap; flex-direction:row; }
.SubChildUl li{float:left; position:relative; padding-right:30px;}
.SubChildUl li .Vline{ height: 20px;
    width: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -21px; }
.Hline{top: -22px; position: absolute; width:100%; height:1px; background:#ccc; left:0; right:0;} 
.SubChildUl li:first-child .Hline{ left:inherit; width:50%;}
.SubChildUl li:last-child .Hline{ width:50%;}
.HasChild.CardObj:after{    content: "";  position: absolute;  width: 1px;    height: 20px;  display: inline-block;    background: #ccc;   bottom: -20px;   left: 0;    right: 0;    margin: auto;}
.CardObj{ box-shadow:0 0px 6px #dcdada; border-radius:5px; display:inline-block; background:#fff; padding:16px; position:relative; width:320px;}
/*.CompanyIcon{ font-size:40px; display:block; margin-bottom:10px;}*/
.CardObj h3{ margin:0; font-size:18px;}
.CardObj .Objectiveprogress{ width:calc(100% - 72px);}
.DetailsObj{ margin-top:15px; margin-bottom:15px; margin-left:0px !important; margin-right:0px !important;}
.CardObj .Information{ margin-top:15px; margin-left:0px; margin-right:0px;}
.SubChildUl h3{ text-align:left;  height:40px;}
.CardObj .Information .EmpImage{ margin:5px 0 0;}
.CardObj .Information .NameDetails{ margin:0 0 0 10px;}
.SubChildUl h3 i{ float:left; font-size:20px;}
.SubChildUl h3 span{ margin-left:10px; width:86%; float:left; font-size:16px;}
.Expand{    background: #5A4D9F;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 31px;
    left: 155px;
    z-index: 9;}
ul.SubChildUl.horizondal{ display:block; clear:both; margin-top:10px;} 
ul.SubChildUl.OneNode li{padding-right:0;}
.SubChildUl li.fullwidth{ float:none; padding-right:0; padding-top:10px;}
.SubChildUl li.fullwidth .Hline,.SubChildUl li.fullwidth .Vline{ display:none;}
.SubChildUl li.fullwidth > .CardObj:before{content:""; width:20px; height:1px; background:#ccc; position:absolute; left:-20px; top:0; bottom:0; margin:auto;}
.SubChildUl li.fullwidth > .CardObj:after{content:""; width:1px;top:-15px; bottom:0; background:#ccc; position:absolute;left:-21px;}
.SubChildUl li:last-child.fullwidth > .CardObj:after{ bottom:50%;}
.SubChildUl li:first-child.fullwidth > .CardObj:after{top:50%;}
.HasChild .Cline{content:""; width:1px; height:20px; position:absolute; bottom:-20px; background:#ccc;}
.TButton{    background: #5A4D9F;
    width: 26px;
    height: 26px;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
}
.TButton:hover{ color:#fff;}
.TButton i{ font-weight:bold;}
/* Weightage CSS */
.WeightageDiv{ width:88px; margin:0px 46px 0 12px;float: left;}
.WeightageDiv .TargetTypeNumber{ width:inherit;}
input.WeightageTxt{width: 88px; border-radius:5px; display:none;}
.WeightageDiv label{ display:none !important;}
.WEnabled input.WeightageTxt,.WEnabled .WeightageDiv label{ display:block !important;}

.WEnabled .delete{ right:0;/* left:inherit;*/}
input.WeightageTxt:hover,input.WeightageTxt:focus{border-color: #5A4D9F;}
/* .ObjectKeyresults .WeightageValue{float: right;color: #777;} */
.readonlybar  .WeightageValue{margin-top:10px; width:50px; text-align:right;}
.TotalWeightage{float: left;  width: 100%;  margin: 17px 0 0;  padding-right: 20px;}

.ReadonlyKeyWeightage{ margin-top:10px;}
.List_contributors .WeightageHead,.List_contributors .TotalWeightage{display:none;}
.EnableWeightage{float:right; color:#777; font-size:14px; margin-top:0px;}
.withweightage .readonlybar .TargetValue{width:calc(100% - 60px); text-align:center; float:left;}
.EditView .ProgressSlider .ui-slider{ width:calc(100% - 170px);}
/* configure Changes */
.EnableApproval{ position:absolute; right:10%;}
.ApprovalEmployee.disabled{ cursor:not-allowed;}
.ReadOnlyList .ApprovalEmployee.disabled{ display:none;}
.ApprovalEmployee.disabled .view_employee{ display:none;}
.ApprovalEmployee.disabled .MultiselectEmployeeNameDiv{ background:#f0f0f0; pointer-events:none; }
.ApprovalEmployee.disabled .GetNameInput input{background:#f0f0f0; border:0;cursor:not-allowed;} 
.PreviewContainer p{ margin:10px 0 10px 10px; font-weight:bold;}
.rating-section{background:#f3f3f3; border:1px solid #e0e0e0; width:60%; padding:20px; border-radius:5px;  margin-left:10px;}
.PreviewContainer .NewRadioScale { width:100%; float:left;}
.PreviewContainer .NewRadioScale li {margin:0 10px;}
.PreviewContainer .NewRadioScale li span{ margin:0;}
.PreviewContainer{ display:none;}
.SecondaryDiv{color: #777;}
.PreviewContainer .rating-section textarea {
    resize: none;
    pointer-events: none;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #f6f6f6;
}
.ui-slider {
    font-size: inherit;
    margin: 10px 5px 20px 0px;
    position: relative;
    text-align: left;
    text-decoration: none !important; border-radius:30px;
    width: 100%; background:-webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%); height:12px;
}
.pointer label.LabelMin {
    left:0px;
}
.pointer {
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
}
.pointer label {
    position: absolute;
    top: 0px;
    font-weight: bold !important;
    font-size: 14px;
}
.pointer span {
    color: #777;
    width: 10%;
    float: left;
    font-weight: normal;
    height: 12px;
    overflow: hidden;
    opacity: 0.5; text-align:center;
}
.pointer label.LabelMax {
    right:0px;
    text-align: right;
}
.ScaleList{ box-shadow:0px 5px 8px #dcdada; border-radius:0px 0px 5px 5px; width:697px; margin-top:10px; position:absolute; background:#fff; z-index:99; top:38px; left:1px; max-height:500px; overflow-y:auto;}
.ScaleList li.ListofScale{ padding:15px 10px; border-top:1px solid #e0e0e0}
.ScaleList li.ListofScale:hover{background:#e9f4ff; cursor:pointer;}
.ScaleList li.ListofScale.active{background:#e9f4ff;}
.ScaleList li.ListofScale:first-child{ border:none;}
.RatingOption{    font-weight: bold !important;
    display: inline-block !important;
    margin: 2px 0 0 24px !important;
}
.ListofScale .NewRadioScale{text-align:center; margin-bottom:10px;}
.EmpSelect.active{display:block !important;}
.EmpSelect label{ display:block !important; margin:15px 0 0 !important;}
.FloatingScale{width:70%; margin:20px auto 20px; position:relative;}
.FloatingScale .progress{  background:-webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%); height:12px; border-radius:30px; margin:0; }
.FloatingScale .Min{ position:absolute; left:0; font-weight:bold;}
.FloatingScale .Max{ position:absolute; right:0; font-weight:bold;}
.SelectedRating{border:1px solid #e0e0e0; border-radius:5px; width:700px; padding:15px 10px; display:block; margin-top:10px;}
.SelectedRating.active{box-shadow:0px -2px 4px #e8e8e8;border-radius:5px 5px 0 0;}
.SelectedRating:hover{ border:1px solid #5A4D9F; cursor:pointer;}
.RatingDropdown{ position:relative; width:700px;}
.RatingDropdown .icon-arrow-down{ position:absolute; right:20px; color:#757575; top:20px;}
.ReadOnly.KeyResults .Title{ width:46%; display:inline-block; float:right; font-weight:bold; font-size:14px;}
.ReadOnly.KeyResults .Title .WeightageTitle{ width:22%; float:right; text-align:right;}
.ReadOnly.KeyResults .Title .TaregtTitle{ width:60%; float:right; text-align:right;}
/* Review CSS */
.ShowComments{color:#5A4D9F; }
.ShowComments:hover{ color:#5A4D9F; text-decoration:underline;}
.ZeroComments,.ZeroComments:hover{color:#777; text-decoration:none; }
.ShowComments.opened,.ShowComments.opened:hover{ color:#777;}
.ReviewSection{ border-radius:5px; }
.ClosedObjective .ReviewSection{ padding:0 !important;}
.ReviewSection .textarea{width: 100%; float:left;}
.ReviewSection textarea{
        min-width: 270px;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    transition: transform .2s;
    overflow: hidden;
    min-height: 48px;
    max-height: 300px;
    overflow-y: auto;
    line-height: 18px;
}
.ReviewComments strong{text-align:center; display:block;}
.OtherCommentsLabel{ width:100%; float:left; margin:0 0 10px 0;}
.ReviewSection .SelfReview .Information{ padding-left:0px;padding-bottom: 5px;}
.ReviewSection .NameDetails p{ margin:2px 0 0 0; font-size:14px; line-height:20px;}
.ReviewSection .Lable{font-size:14px; color:#333; font-weight:bold;}

.ReviewSection .ReviewComment{ /*background:#fff;*/ /*margin-top:15px !important;*/ clear:both; /*box-shadow:0 0px 6px #dcdada; border-radius:5px;*/ padding:15px; position:relative; }
.ReviewSection .ReviewComment:first-child{margin:0 !important;}
.ReviewSection .ReviewComment .NameDetails {width:calc(100% - 40px);}
.ReviewComment.MoreComments{ display:none;}
.SelfReview .ProvidedDate{ top:55px; right:15px; color:#777; font-size:13px; position:absolute;}
.SelfReview .NameDetails label{width: 85%;}
.SelfReview .Review-Label{display: block;padding: 0px 0px 15px;color: #777;}
.SelfReview .Review-Label b{color: #454545;}
.ProvidedDate span{ color:#434343;}
.ReviewSection .NameDetails label small{ color:#777; font-weight:normal;}
.NewRadioScale .ui-slider-horizontal{background:-webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);}
.SendReReview{ margin-bottom:10px; width:100%; float:left;}
.SendReReview .WhiteBtn{float:right; margin:0;}
.SendReReview .ShowComments{ float:left; margin-top:10px;}
.AddReview{ width:100%; margin-left:0px; border-radius:5px; box-shadow:0 0px 6px #dcdada; margin-top:20px; padding:20px;}
.ClosedObjReviewcomments{ padding-left:50px; border-top:1px solid #e3e3e3; padding-top:20px;}
.ClosedObjReviewcomments .ShowComments{ margin-bottom:20px;font-size: 17px;}
.ClosedObjective .ShowComments{ display:block;}
.extra {
    right: 0px;
    width: 100%;
    height: 10px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    background: #e1e0e0;
    border-radius: 6px;
    z-index: inherit;
    box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    -webkit-box-sizing: initial !important;
}
.NewRadioScale .ui-slider .ui-slider-range, .extra {
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1; top:0px;
}
.NewRadioScale .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.NewRadioScale .ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
    background: transparent;
}
.NewRadioScale .ui-slider-horizontal .ui-slider-handle,.NewRadioScale .ui-slider-horizontal .ui-slider-handle:hover{    background: url(../images/Sliderhandle-hover.png) !important;
  height: 33px  !important;
    width: 39px  !important;
    border: 0;
    box-shadow: none;
    border-radius: 0px;}
.NewRadioScale .ui-slider-horizontal .ui-slider-handle:hover{}
.Floating.NewRadioScale{ width:80%; margin:0 auto;}
.NewRadioScale .rating-bar{ margin-top:92px; padding-bottom:30px;}
#tooltip {
    border: 2px solid #7fc2f6;
    background: #fff;
    border-radius: 5px;
    color: #fb7c59;
    padding: 10px 0;
    text-align: center;
    line-height: 20px;
    width: 164px;
    box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    -webkit-box-sizing: initial !important;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 0 -80px;
}

#tooltip:after, #tooltip:before {
    top: 100%;
    left: 62%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#tooltip:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 7px;
    margin-left: -30px;
}
#tooltip:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #7fc2f6;
    border-width: 10px;
    margin-left: -33px;
}
#tooltip label {
    color: #3c3c3c;
    display: block;
    margin: 0 0 4px 0;
    font-size: 14px;
}
#tooltip small{ font-size:13px;}
.pointer a{ display:block; padding:2px 0 0;}
.LabelMin a{ margin-left:-1px;}
.LabelMax a{ margin-right:-1px;}
.pointer small{ color:#aaa;}
.check-fields .UICheckbox small{ border-radius:30px;}
.Configuration-article .action .check-fields .RadioField label{ margin-left:26px !important; margin-top: 6px !important;}
.boolean label:hover{color:#5A4D9F;}
.ListofScale .UICheckbox{float:left;}
.ListofScale .UICheckbox small{ border-radius:30px; background:#fff;}
.ListofScale .UICheckbox small i{font-size:14px !important; color:#5A4D9F !important; line-height:18px;}
.CompanyAvatar,.TeamAvatar{ text-align:center;}
.CompanyAvatar a i,.TeamAvatar a i{font-size: 18px;  margin-top: 8px;  display: inline-block;}
.CompanyAvatar a i:hover,.CompanyAvatar a:hover,.TeamAvatar a:hover{color:#5A4D9F;}
.TeamAvatar .icon-Team-objective-01:before{margin:0; font-size:20px; color:#5A4D9F;}
.ViewMoreRCmts { margin:10px 0 0px; font-weight:bold; color: #5A4D9F; border:1px solid #e0e0e0; padding: 8px 20px; border-radius: 5px;  display:inline-block;}
.ViewMoreRCmts:hover{color:#5A4D9F; border-color:#5A4D9F;}
.ViewMoreRCmts i.fa.fa-2x.fa-angle-down { vertical-align: middle; margin: -2px 0px 0 0;  font-size: 22px;}
/*  Closed Objective */
.ViewAllClosed{ display:block; text-align:center; padding:15px 0; border-top:1px solid #e3e3e3; margin:0 -20px; font-weight:bold;}
.ViewAllClosed:hover{ color:#5A4D9F; text-decoration:underline;}
.closedobjectives.collapseDiv { padding:0px;}
.closedobjectives.collapseDiv h3{padding:20px; border-bottom:1px solid #e3e3e3; cursor:pointer;}
.closedobjectives.collapseDiv h3 a{ font-size:32px;  margin-top:-9px; float:right; color:#777; opacity:0.5; }
.closedobjectives.collapseDiv h3:hover a{ opacity:1; }
.closedobjectives.collapseDiv div{ padding:0 20px 0px;}


.KRChampion{color:#777; font-size:14px; font-weight:normal;}
.OtherCommentsList{display:inline-block; width:100%; margin-left:0px;box-shadow:0 0px 6px #dcdada; border-radius:5px;}
.ReviewSection.active .AddReview { margin-bottom:20px;} 
.OtherCommentsList .OuterBorderImg{ width:32px; height:32px;}
.OtherCommentsList .NameDetails{margin:8px 0 0 6px;}
.OtherCommentsList .ReviewComment p{clear:both; color:#333; padding-right:10px;padding-left: 0px;}
.tab-pane .OtherCommentsList .ReviewComment p{padding-left: 40px;}
.ReviewComment .OuterBorderImg{width:32px; height:32px;}
.ReviewComment .NameDetails {margin:8px 0 0 8px;}
.AddReview .FormContainer{ width:100%;}
.ReviewComment p{ font-size:14px; margin:0px 0 0; display:inline-block;}
.ProgressWeightage  .Objectiveprogress{height:12px; width:79%;}
.ProgressWeightage p{ margin-bottom:5px;}
.ProgressWeightage{ width:100%;}
.RemainingWeightage{ width:164px; padding:5px 10px; box-shadow:0 0px 4px #dcdada; border-radius:5px; display:none;
    position:absolute; background:#e1f0ff; font-size:13px; font-weight:bold;top: 166px !important;right: -82px !important;left:unset !important;}
.RemainingWeightage.Validation{background:#fee6e6;}
.RemainingWeightage .arrow { float:left;
   width: 0;     margin-left: -20px;
    margin-top: 3px;
  height: 0; display:inherit;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid #e1f0ff;
}
.RemainingWeightage.Validation .arrow{ border-right:10px solid #fee6e6;}
.ListofKeyresults li:nth-child(3) .WeightageTxt{ border-bottom:1px solid #ff5b57;}
.ReviewPage{display:inline-block; width:100%; margin-top:20px;}
.InreviewObj small{ background: #fa8443;
    display: inline-block;
    width:32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 16px;
    border-radius: 30px;}
.OKRSummary .SummaryGoals .InreviewObj i{position: inherit;
    right: 5px;
    top: 6px;
    font-size: 1px;
  }
.InreviewObj .icon-My-Fair-Rating:before{font-size:21px;   color: #fff;}
/** Team objective approval */
.ObjectiveName.Team .ReadOnly{margin-top:0px !important;}
.ObjectiveName.Team .FormIcon{margin-top:-15px !important;}
.ObjectiveName.Team .objectivetype{margin:0px 0px 2px 32px;}

.ReviewOptions small{border-radius: 50%; display:inline-block; width: 17px; height: 17px; background: #fff; float:left; border: 1px solid #bbbbbb; margin-top:-4px;}
.ReviewOptions small.checked{background:#fff; border:1px solid #5A4D9F;}
.ReviewOptions small.checked i {
    margin: -0.5px 0 0px 2px;
    float: left;
    color: #5A4D9F;
    font-size: 13px;
    line-height: 17px;
}
.ReviewOptions label { margin:-3px 0px 0 27px; display:inline-block; cursor:pointer; font-size:16px; float:left;}
.ReviewOptions i.icon-info_icon{    color: #a7a7a7;
    padding: 1px 0px 0 5px;
display:inline-block; opacity:0.6;
    font-size: 22px; cursor:pointer; margin-top:-4px;}
    .ReviewOptions i.icon-info_icon:hover{ color:#5A4D9F;}
.ReviewOptions .tooltip-inner { white-space:normal;}
.ReviewOptions div{ float:left;}
.ReviewOptions div:hover{color:#5A4D9F; cursor:pointer;}
.ReviewOptions div:hover i.icon-info_icon{ color:#a7a7a7;}
.ReviewOptions div:hover small,.ReviewComments .bgwhite:hovern{border:1px solid #5A4D9F;}
.ReviewComments .bgwhite{ background:#fff; padding:28px 20px; margin:10px 0 0px; border-radius:5px; border:1px solid #dadada; position:relative;}
.RatingLabel{position: absolute;  top: -11px;  background: #fff;  display: inline-block;  padding: 0 4px;  color: #777;  left: 12px; font-size:14px;}

.ReviewComments b{ display:block;}
.ReviewComments .Mandatory{border:1px solid #ff5b57 !important;}
.field-validation-error{ font-size:13px; color:#ff5b57; }
.textarea span.field-validation-error{font-size:13px; color:#ff5b57; position:absolute; bottom:0; font-style:normal;}
span.Man{color:#ef0707;}
.LabelComments{font-size:14px; font-weight:bold; margin-bottom:8px;}
.AlignedObjective .Information .NameDetails label{white-space:normal; line-height:20px;}
/*rating tooltip css start*/
.ReviewSection .icon-Help-Text{color: #777;font-size: 22px;cursor: pointer;display: inline-block; margin:0 0 0 3px;
vertical-align: middle; opacity:0.5;}
.ReviewSection .icon-Help-Text:hover{ color:#5A4D9F; opacity:1;}
.mask {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    left: 0;
    display: none;
    background: rgba(0,0,0,0.3);
}
.ratingtooltip {
    position: absolute;
    background: #fff;
    width: 600px;
    display: none;
    z-index: 999;
    padding: 26px 26px 26px;
    border-radius: 5px;
}
.close_rating {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    background: #fff;
    border: none;
    position: absolute;
    right: 12px;
    bottom: auto;
    top: 10px;
}
.ratingtooltip:before {
    border-width: 11px;
    margin-left: -11px;
}
.ratingtooltip:after, .ratingtooltip:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    left: 66px;
    pointer-events: none;
}
.ratingtooltip:after {
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: #333;
    border-width: 5px;
    margin-left: -5px;
}
.ratingtooltip h3 {
    font-weight: bold;
    position: relative;margin: 0 0 15px 0;font-size: 18px;
}
.ratingtooltip ul {
    display: table;margin-top: 5px;
}
.ratingtooltip li {
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
    display: table-row;
}
.ratingtooltip li div {
    display: table-cell;
}
.ratingtooltip span {
    background: #4f2ea5;
    color: #fff;
    font-weight: normal;
    width: 45px;
    height: 45px;
    float: left;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
}
.ratingtooltip div.desc {
    width: 91%;
    vertical-align: middle;
    float: none;
}
.ratingtooltip label {
    font-weight: bold;
    margin: -5px 0 0 15px;
    float: left;
}
.ratingtooltip p {
    margin: 0px 0 0 15px;
    clear: both;
    display: block;
    line-height: 18px;
}
.ratingtooltip li:last-child {
    margin: 0px;
}
/*rating tooltip css done*/
.No-Records {
    color: #b0b0b0;
    font-size: 13px;
    padding: 30px 10px;
    border: 1px dashed #c4c4c4;
    border-radius: 7px;
    margin: 20px 15px;
    clear: both;
    text-align: center;
}
.Configuration-article .action .RadioField label {
    padding: 0px 0px 0px;
    font-size: 15px;
    margin-top: 6px;
    font-weight: normal;
    display: inline-block;margin-left: 26px !important;
}
.AligntoHeader h3 small{color: #333;padding: 0px 5px 0 0px;font-size: 18px;}
.AligntoHeader h3 b{font-size: 18px;line-height: 22px;}
.Actioncol { z-index:99;
    position: absolute;
    display: inline-block;
    right: 0;
    top: 20px;
}
.MyObjective .Actioncol, .CompanyObjective .Actioncol {
    right: 20px;
    z-index: 99;
}
.Actioncol .status {
    margin: 0 0 0 8px;
}
.ClosedObjective .Actioncol,.AlignedObjectivesPopup  .Actioncol{right:20px;}
/* New UI Enhancements - September 8, 2021 */
/* create Objective */

/* create Objective ENDS*/
.SortBy .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ margin-bottom:0px;}
.SortBy .bootstrap-select.btn-group .dropdown-menu.inner{ border:0 !important;}
.SortBy .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).open button{ border-radius:5px 5px 0px 0px;}
.SerachArea  a.Newbtn { background:#ffffff; border:1px solid #fff; box-shadow:0 0px 7px #dcdada; border-radius:5px; padding:7px 10px;}
.SerachArea  a.CreateBtn{background:#5A4D9F; color:#fff; border:1px solid #5A4D9F; width: 36px;  height: 34px;}
.SerachArea  a.Newbtn:hover{text-decoration:inherit; border:1px solid #5A4D9F; color:#5A4D9F;}
.SerachArea  a.CreateBtn:hover{background:#483B8C; color:#fff; border:1px solid #483B8C;}
.SerachArea  a.CreateBtn i{ font-weight:bold;}
.ReporteBTN{height: 36px;
    width: 36px;
    text-align: center;
    display: inline-block;
    padding: 0 !important;
    line-height: 44px;}
    
.ReporteBTN.active{border-color:#5A4D9F !important;}
.ReporteBTN i{font-size:24px;}
.TeamBTN i{ font-size:20px; color:#777;}
.TeamBTN{ line-height:42px;}
.ReporteBTN:hover i:before,.ReporteBTN.active i:before{ color:#5A4D9F;}
.SortBy small,.SortBy small i.icon-Excel-Download:before,.icon-Share i{color:#939393;}
.SortBy small:hover,.SortBy small:hover i.icon-Excel-Download:before,SortBy small:hover .icon-Share{ color:#5A4D9F;}
.SortBy small.FilterIcon {line-height:35px;}
.ShowOnly label{ font-weight:normal; cursor:pointer;}
.ShowOnly.UICheckbox small{ top:8px;}
.TitleBorder{ position:relative;}
.TitleBorder:after {content: "";   position: absolute;  border-left: 2px solid #e3e3e3;  top: 34px;  bottom:-15px;  z-index: 9;   left: 10px;}
.Grouping{ float: left;   width: 100%;  margin-bottom: 10px;  border-top: 1px solid #cacaca;   position: relative;   padding-top: 25px;   margin-top: 10px;}
.Grouping h4.GroupTitle{ font-size: 16px;  margin: 0px;  position: absolute;  background: #fff; top: -12px; padding: 0 10px;}
.DetailedView .TitleBorder:after{bottom:-70%;}
.DetailedView .ContributorsList .TitleBorder:after{bottom:-50%;}
.ObjectKeyresults{ margin-left:40px;/*overflow-x: auto;margin-bottom: 15px;*/}
.List_contributors .ObjectKeyresults{ margin-left:10px;}
.ObjectKeyresults ul { 
  position: relative;
  padding-left: 10px;
  width: 96.5%;
  border-left: 2px solid #e3e3e3;
  float:left;
  margin:0px 0 20px 0!important;
}
.ObjectKeyresults ul li {
  position: relative;
  margin-bottom: 10px;
  text-align: left;
  display: block;
  padding: 0 18px;
}
.ObjectKeyresults ul li:before {
    content: "";
    position: absolute;
    /*top:8px;*/top: 25px;
    left: -21px;
    width: 18px;
    height: 10px;
    background: transparent;
    border-bottom-left-radius: 24px;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 0px 0px 2px 2px;
    z-index:99;
}
.CompanyObjective .ObjectKeyresults ul li .KeyResultsName:before{left: -15px;}
.ObjectKeyresults ul li:first-child:after {
  content: "";
  position: absolute;
  top: -5px;
  left: -12px;
  width: 5px;
  height: 8px;
  background:transparent;
}
.ObjectKeyresults ul li:last-child:after,.KeyResultsLayout .KeyResults-Layout .ObjectKeyresults ul li:nth-last-child(2):after{
  content: "";
  position: absolute;
  /*top:8px;*/top: 26px;
  bottom: 0;
  left: -25px;
  width: 5px;
  background: #fff;
}
.KeyResultsLayout .KeyResults-Layout .ObjectKeyresults ul li.LineAdded:nth-last-child(2):after{background: transparent;}
.KeyResultsLayout .KeyResults-Layout .ObjectKeyresults ul li:last-child:after,.KeyResultsLayout  .KeyResults-Layout .ObjectKeyresults ul li:nth-last-child(2):after{left: -39px;background: #fff;top: 19px;}
.ObjectKeyresults ul li{display:table; width:100%; table-layout:fixed;}
.ObjectKeyresults ul li .display-cell{}
.ObjectKeyresults li.EditView{ /* box-shadow:0 0px 5px #dcdada; */box-shadow: 0px 0px 5px rgb(0 0 0 / 15%); border-radius:5px; display:block; padding-left:8px; padding-right:8px; padding-bottom:15px !important; z-index:9992; background:#fff;}
.ObjectKeyresults li.EditView .KeyResultsName{padding-left:5px !important;}

.EditView .KeyResultsName,.EditView .KeyTarget,.EditView .KeyAchivedTarget{ padding:15px !important;display:inline-block;}
.EditView .WeightageValue{ margin-left:-3px; display:inline-block; margin-top:14px;}
.EditView .KeyTarget,.EditView .KeyAchivedTarget{ display:none;}
.EditView .TargetEditSection{ display:block; margin:0 16px;}
.FieldSection .TargetSection label{ font-size:13px;}
.FieldSection .TargetSection,.FieldSection .AchievedTargetSection{ width:45%; float:left; margin-right:15px;}
.AchievedTargetSection .charcount{width:100%; margin:1px 0 0 0; font-size:12px;}
.FieldSection{ clear:both; width:100%; display:table; margin:20px 0 0px;}
.EditView .FieldSection{ margin-bottom:0px;}
.FieldSection .Form,.ObjectiveTextTarget .Form{ width:calc(100% - 180px); display:inline-block; vertical-align:bottom;}
.TargetReadonly .Form{ width:100%;}
.ObjectiveTextTarget .ProgressSlider label{display: block;}
.ObjectiveTextTarget .Objectiveprogress{width: 70%;}
.TargetSection label,.AchievedTargetSection label{ font-size:13px; color:#777;}
.TargetSection p,.AchievedTargetSection p{ color:#434343; font-size:14px; margin-bottom:0px;}
.TargetAction,.ObjectiveTextTarget .TargetAction { width:175px;display:inline-block; text-align:right; }
.TargetAction a{ min-width:72px;height:30px; line-height:15px;}
.TextareaContainer,.TypeNumber{ position:relative; margin-top:8px;}
.TextareaContainer label,.TypeNumber label{ position: absolute; font-size: 14px;  background: #fff;  left: 8px; top: -9px; padding: 0 6px; color:#777;}
.TypeNumber input{width:148px; height:38px; padding:3px 10px 0px; border-radius:5px; }
.TypeNumber input:hover,.TypeNumber input:focus{ border-color:#5A4D9F; outline:none;}
.ProgressSlider .percentage{clear: both;  position: relative; width: calc(100% - 170px);  float: left;  display: inline-block;    margin-top: -31px;  font-size: 12px; margin-bottom:30px;}
.ProgressSlider .percentage span{ position:absolute; opacity:0.6; margin-left:-1px; color:#777; font-size:10px;}
.ProgressSlider .percentage span:hover{ cursor:pointer; opacity:0.9;}
.ProgressSlider .percentage span:nth-child(1){left:1%;}
.ProgressSlider .percentage span:nth-child(2){left:25%;}
.ProgressSlider .percentage span:nth-child(3){left:50%;}
.ProgressSlider .percentage span:nth-child(4){left:75%;}
.ProgressSlider .percentage span:nth-child(5){left:99.5%;}
.ProgressSlider .percentage span:nth-child(1) small{margin-left: -5px;}
.ProgressSlider .percentage span:nth-child(2) small,.ProgressSlider .percentage span:nth-child(3) small,.ProgressSlider .percentage span:nth-child(4) small{margin-left:-6px;}
.ProgressSlider .percentage span:nth-child(5) small{ margin-left:-9px;}
.ProgressSlider .percentage span small{ display:block; font-size:11px; margin-top:-4px;}
.AchievedTargetSection textarea{min-height:68px; font-size:14px; font-weight:normal;}
.AchievedTargetSection .BooleanType{position:relative; margin-top:10px;}
.BooleanType label{ position: absolute;  top: -9px;  background: #ffff;  z-index: 9; font-size: 12px; color: #777; padding: 0 5px; left: 12px;}
.BooleanType .dropdown-menu ul{margin:0 !important;}
.BooleanType .dropdown-menu li:last-child{margin-bottom: 0px !important;}
.BooleanType .dropdown-menu li{ padding:0; margin:0px 0px 4px  !important;}
.BooleanType .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){margin-bottom:0;}
.BooleanType .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height:38px; padding-top:10px !important;}
.BooleanType .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:focus{ box-shadow:none;}
.BooleanType .dropdown-menu > li > a{padding:8px 15px;}
.ObjectKeyresults ul li .KeyResultsName { position: relative; text-align:left;  width:27%;}
.ObjectKeyresults ul li.EditView:before{top:24px; border-color:#434343; opacity:0.1;}
.ObjectKeyresults ul li.EditView:last-child:after{top:18px; background:transparent;}
.EditView .KeyResultsName:before{top:25px !important; left:-24px !important;}
.ObjectKeyresults ul li .KeyResultsName:before {
    content: '';
    position: absolute;
    /*top:10px;*/top: 26px;
    left: -38px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff;
     border: 4px solid #B2B2B2;
}
.ObjectKeyresults ul li:first-child{ border:0px; margin:0 0 0 10px;}
.ObjectKeyresults ul li:first-child:before,.ObjectKeyresults ul li:first-child:after{display:none;}
.KeyTitle{ width:100%; display:table; margin-bottom:15px;}
.KeyHead,.WeightageHead,.TargetHead,.AchivedTargetHead,.OwnerHead,.ConfidenceHead,.ProgressHead,.JiraHead{ display:table-cell; text-align:center; font-size:12px; color:#777; width:10%;font-weight: bold;}
.TargetHead,.AchivedTargetHead{width:20%;padding-left: 20px;}
.ObjectKeyresults ul li:last-child .KeyResultsName:before {
    left: -15px;
}
/*.WeightageHead,.WeightageValue{display: none !important;}*/
/*.AchivedTargetHead{padding-left: 50px;}*/
.ConfidenceHead{width: 10%;padding-left: 20px;}
.ProgressHead{width: 8%;padding-left: 10px;}
.ConfidenceValue{display: table-cell;width: 10%;text-align: center;
vertical-align: middle;font-size: 14px;position: relative;}
.ProgressValue{display: table-cell;width: 5%;text-align: center;
vertical-align: middle;font-size: 14px;position: relative;}
/*.Confidence-graph{position: absolute;right: -40px;}*/
/*.Objectives .Confidence-graph{right: -22px;}*/
.ConfidenceValue .tooltip.top .tooltip-arrow,.KeyResultsLayout .DisplayFLex .tooltip.top .tooltip-arrow{top: 25px;}
.ObjectKeyresults .NewOwnerUI .NameDetails{display: none;}
.OwnerHead{width: 7%;text-align: left;padding-left: 12px;}
.Savedlists .NameDetails span{width: 150px;white-space: inherit;}
.EditKeyResults{ right:23px; color:#777; /*opacity:0.5;*/top: 17px;opacity: 1 !important;}
.DetailedView .EditKeyResults{/*right: 174px;*/right: 23px;top: 20px;}
.DetailedView .Cascadingicon{left: -32px;}
.DetailedView .ObjectKeyresults ul li .KeyResultsName:before{left: -15px;}
.DetailedView .ObjectKeyresults ul li:last-child .KeyResultsName:before{left: -13px;}
.EditKeyResults .icon-KeyResult_Edit{ font-size:20px;}
.KeyResultBackdrop{z-index:9991; /*background:rgba(0,0,0,0.4);*/background:rgba(0,0,0,0.3);}
.KeyHead{ width:29%; text-align:left;padding-left: 15px;}
.WeightageValue,.JiraValue,.JiraImages,.Asanadrop{ display:table-cell; width:10%; text-align:center; vertical-align:middle; font-size:14px;}
.Asanadrop a{font-size: 18px;color: #B2B2B2;}
.WeightageValue label{ display:none; color:#777; font-size:13px;}
.ObjectKeyresults li.EditView .WeightageValue label{ display:block; margin:0;}
.KeyAchivedTarget{position: relative;}
.ObjectKeyresults li .tooltip {opacity:1; z-index:9999;  box-shadow:0 0px 8px #929292; margin-top:-8px; border-radius:5px; background:#fff; padding-bottom:0px; padding-top:0px;}
.KeyTarget,.KeyAchivedTarget{ padding: 0 6px;display:table-cell; width:20%; text-align:center; vertical-align:middle; font-size:14px;}
.KeyTarget p,.KeyAchivedTarget p span{ margin: 0px 0px;  font-size: 14px;  max-height: 60px; -webkit-line-clamp: 3;-webkit-box-orient: vertical;  overflow: hidden !important;  text-overflow: ellipsis;   white-space: unset;  display: -webkit-box; text-align:center; line-height:19px;}
.KeyAchivedTarget p.NotProvided{color:#777; opacity:0.8; text-align:center; font-size:13px;}
.KeyTarget p.addheight,.KeyAchivedTarget p.addheight{height: 40px;  overflow: hidden; position:relative; text-align:left;}
.ObjectiveList .ObjectKeyresults li:last-child .KeyTarget{width: 23%;}
/*.DetailedView .ObjectKeyresults li:last-child .EditKeyResults{right: 166px;}*/
.ProgressValue .tooltip.top .tooltip-arrow{top: 25px;}
.ObjectiveList .ObjectKeyresults li:last-child .ConfidenceValue{padding-left: 15px;}
/*.ObjectiveList .ObjectKeyresults li:last-child .ProgressValue{padding-left: 20px;}*/
/*.ObjectiveList .ObjectKeyresults li:last-child .WeightageValue{padding-left: 25px;}*/
/*.ObjectKeyresults li:last-child .EditKeyResults{right: 153px;}*/
.ObjectKeyresults ul li:last-child .KeyResultsName{padding-left: 26px;}
.ObjectiveList .ObjectKeyresults li:last-child .OwnerValue{padding-left: 28px;}
.addheight a{ position:absolute; background:#fff;bottom:0; right:0px; padding:0 2px; color:#333;}
.TextLength + .tooltip > .tooltip-inner {background-color: #fff;white-space:normal; color:#000; font-size:13px; padding:10px; line-height:19px;  max-width:240px;}
.TextLength + .tooltip > .tooltip-arrow{ border-color:#fff;}
.TextLength + .tooltip > .tooltip-arrow::before { border-top-color:#fff; }
.TextLength + .tooltip > .tooltip-arrow::after {  content: "";  position: absolute;
  left: 100%; bottom:-3px;
  z-index: -1;
  border: 5px solid #fff;
  transform-origin: 0 0;
  transform: rotate(45deg);
  box-shadow: 2px 2px 4px -1px #c8c8c8;
}
.KeyResultsName h4{width:calc(100% - 75px); display:inline-block; font-size:14px; font-weight:bold; background:transparent;margin-bottom: 0px;}
.ECIcon,.ECIcon:hover{position: absolute;  left: -22px;  top: 15px;  font-size: 16px;  color: #5A4D9F;    width: 20px;
    display: inline-block;    text-align: center;}
.ExpandedObj .ECIcon{ color:#9e9e9e;}
.ExpandedObj .ECIcon:hover{color:#5A4D9F;}
.CollapsedObj .ObjectKeyresults,.CollapsedObj .TagsList,.CollapsedObj .contributors, .CollapsedObj .TitleBorder:after,.CollapsedObj .ObjTargetDiv,.CollapsedObj .ClosedObjReviewcomments {
    display:none;
}
.withoutweightage .WeightageValue,.withoutweightage .WeightageHead{ display:none;}
.withoutweightage .KeyHead,.ObjectKeyresults.withoutweightage ul li .KeyResultsName{ width:42%;}
.ObjectKeyresults .EditView .KeyResultsName{width:calc(100% - 160px);}
.EditView .KeyAchivedTarget{display: none !important;}
.withoutweightage .TargetHead,.withoutweightage .AchivedTargetHead,.withoutweightage .KeyTarget, .withoutweightage .KeyAchivedTarget{width:33%;}
.NewOwnerUI .OuterBorderImg,.NewOwnerUI .OuterBorderEmpty{ width:32px; height:32px;}
    .CheckIns .OuterBorderImg, .CheckIns .OuterBorderEmpty{width:35px !important; height:35px !important;}
.IndividualCheckIn .updateddate { margin-right:20px;}
.NewOwnerUI .AvatarTooltip .OuterBorderImg,.NewOwnerUI .AvatarTooltip .OuterBorderEmpty{ width:45px; height:45px;}
.NewOwnerUI .AvatarTooltip .OuterBorderEmpty{line-height:37px;}
.NewOwnerUI .AvatarTooltip .EmptyImg{font-size:20px;}
.NewOwnerUI .OuterBorderEmpty{line-height:26px;}
.NewOwnerUI .OuterBorderEmpty .EmptyImg{ font-size:16px;cursor: default;}
.OwnerValue .NewOwnerUI .OuterBorderEmpty{line-height: 32px;}
.NewOwnerUI .NameDetails{margin-left:6px; font-size:14px;}
.NewOwnerUI .NameDetails b{ margin-bottom:2px; display:inline-block; color:#777; font-size:13px; font-weight:normal;}
.NewOwnerUI{ position:relative;}
.AvatarTooltip{ box-shadow: 0 0px 7px #dcdada;
    padding: 5px 10px 10px;
    position: absolute;
    top: -102px;
    width: max-content; min-width:160px;
    background: #fff; max-width:300px;
    border-radius: 5px; display:none;
}
.AvatarTooltip .NewOwnerUI{width:calc(100% - 54px);}
.NewOwnerUI:hover .AvatarTooltip{ display:block;}
.AlignedObjective .ObjTargetDiv{ background:transparent; border:0;}
.TargetText .triangle-left {
    border-left: 10px solid transparent;
    border-bottom: 10px solid #e5e5e5;
    border-right: 10px solid transparent;
    height: 0;
    left: 26px;
    position: absolute;
    top: -11px;
    z-index: 9999;
}
.TargetText .inner-triangle {
    border-left: 8px solid transparent;
    border-bottom: 8px solid #f1f1f1;
    border-right: 8px solid transparent;
    height: 0;
    left: -8px;
    position: absolute;
    top: 3px;
    width: 0;
}
.TitleBorder .TextTarget{ float:left; width:100%; font-size:13px; margin-top:5px;}
.TextTarget:hover{color:#5A4D9F;}
.DraftObj{color: #dd4b39; font-style: italic;  background: #fee7e4; padding: 6px 16px;  border-radius: 16px; }
.OKRLibrary{ clear:both; display:inline-block; margin-left:30px; font-weight:bold; margin-top:4px;}
.FloatingLabel .charcount{ float:right; width:auto; }
#OKRLibrary .AligntoHeader div.pull-left{ width:90%;}
#OKRLibrary .AlignToList .Objecttitle{ padding:0 !important; margin:0 0 0 10px;}
.TargetText p{font-size:14px;}
.ObjectiveTarget {color:#777777; }
.ObjectiveTarget label{ color:#777777; font-size:13px; margin:0 2px 0 0;}
.ObjectiveTarget span{ color:#434343; font-size:14px; font-weight:bold; display:inline-block;margin-left: 4px;}
.ObjectiveTarget span.NotProvided{color:#777; font-weight:normal;opacity:0.8; }
.ObjectiveTarget small{ margin:0 16px; font-size:16px; color: #d4d4d4;}
.ObjectiveTextTarget{ width:100%; float:left; display:none; box-shadow:0 0px 8px #929292; padding:15px; border-radius:5px; margin:15px 0 0; background:#fff; position:relative;}
.TypeText a { font-size:14px; width:52px; display:inline-block; color:#434343; font-weight:bold;vertical-align: middle;}
.TypeText .ViewTarget.ReadOnly{width:44px;}
.TypeText .ViewTarget.ReadOnly i{ margin:1px 0 0;}
.ObjectiveTarget span .ViewTarget{ float: right; margin-left:8px; }
.ObjectiveTarget a:hover i,.ObjectiveTarget a:hover{ color:#5A4D9F; opacity:1;}
.ObjectiveTarget a i{font-size:13px; float:right; margin-top:3px;/* opacity:0.6; */color:#D9D9D9;font-weight: bold;}
.ObjectiveTextTarget .TargetSection,.ObjectiveTextTarget .AchievedTargetSection{ width:50%; float:left;}
.ObjectiveTextTarget.Onlytarget .TargetSection{ width:100%;}
.ObjectiveTextTarget:before {
  position:absolute;
  top:-8px; left:47px;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  z-index:2;
}
.ObjectiveTextTarget:after {
  /* This is the shadow triangle */
  position:absolute;
  top:-10px; left:45px;
  content: '';
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #c8c8c8;
  z-index:1;
}
/* Draft */
.DraftObjective{background:#fcefe4;}
.CollapsedObj .Objecttitle{ padding-bottom:20px !important;}
.EditDraft{ color:#777; padding:0 0 0 0px; opacity:0.5; font-size:21px; position:relative; top:3px;}
.EditDraft:hover .icon-ActionIcon:before{color: #5A4D9F;}
.ActiveDrop .EditDraft{opacity: 1;}
.EditDraft .icon-ActionIcon{padding: 4px;border-radius: 4px;margin-left: 5px;display: inline-block;}
.ActiveDrop .EditDraft .icon-ActionIcon,.Objecttitle h3 span a:hover i.icon-ActionIcon{background: #e8e8fb;}
.Actioncol .Draft{ padding:0;}
.ActiveDrop .EditDraft .icon-ActionIcon{transform: rotateZ(180deg);}
.Actioncol .Draft img{height:30px;}
.EditDraft:hover{ color:#5A4D9F; text-decoration:inherit !important; opacity:1;}
.DescriptionTagSection{ clear:both; width:100%; margin-top:10px; display:inline-block; margin-bottom:5px;}
.DescriptionTagSection .TagsList{ margin-top:5px; /*float:left;*/ width:100%; line-height:normal;display: inline;vertical-align: middle;}
.DescriptionTagSection label{ font-size:13px; color:#777; margin:0;}
.DescriptionTagSection p{color:#777777;}
.TagsList small{background-color: #e6e5fb;border: 1px solid #e6e5fb;padding:3px 9px 5px; border-radius:5px;
 color:#434343; margin-right:5px;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
max-width: 190px;display: inline-block; }
.TagsList span i { font-size:24px !important; margin:-1px 6px 0px 0; float:left;}
.DraftObjective .ObjectiveTextTarget:before{left:47px;}
.DraftObjective .ObjectiveTextTarget:after {left:46px;}
/* ALignto UI */
.AlignToObj,.CascadeToObj{ width:100%; float:left; margin-top:15px; border:1px solid #e3e3e3;   background:#f3f3f3;  border-radius:5px; }
.AlignToObj .Label span{background: #fff;padding: 5px;border-radius: 50%;width: 30px;height: 30px; display: inline-block;  line-height: 22px; text-align: center; border:1px solid #e1e4e5; position:absolute; right:-15px; margin-top:-5px;}
.AlignToObj .Label span i{margin-left:-4px;}
.AlignToObj .icon-Alignment-Icon:before{ color:#5A4D9F;}
.AlignToObj h3{padding:0 0 0 40px !important; margin-left:10px; }
.AlignToObj h3 i { top: 7px !important; left: 9px !important;}
.AlignToObj h3 span{ color:#434343;font-size:14px;}
.AlignToObj h3 span.objectivetype{ font-size:13px; font-weight:normal; color:#777;}
.AlignToObj .display-cell,.CascadeToObj .display-cell{vertical-align:middle; text-align:left; padding:10px;}
.AlignToObj .Label,.CascadeToObj .Label{ color:#777; width:120px; position:relative; border-right:1px solid #e3e3e3; vertical-align:middle; text-align:center;}
.CascadeToObj .Label{width: 150px;}
.Objecttitle .CascadeToObj h3{width: 100%;}
.WithoutAlignment span{background: #fff;padding: 5px;border-radius: 50%;width: 30px;height: 30px; display: inline-block;  line-height: 22px; text-align: center; border:1px solid #e1e4e5; margin-right:8px; }
.WithoutAlignment .icon-Alignment-Icon:before{ color:#777;}
.WithoutAlignment  div{ text-align:center !important; color:#777; font-size:13px;}
.TitleAlign{ font-size:16px; margin-top:14px; text-align:center; }
.TeamObjectivebg{background:#feeefd; box-shadow:0 0px 5px #dcdada; position:relative;}
.IndividualBg{ background:#edeefd; box-shadow:0 0px 5px #dcdada; position:relative;}
.ViewDetailIcon{  position: absolute;color: #777 !important; opacity:0.7;  font-size: 26px;  transform: rotate(-90deg);  right: 15px;   top: 32px; cursor:pointer; display:inline-block; z-index:9;}
.ViewDetailIcon:hover{opacity:1; }
.CompanyObjectivebg{ background:#e3eddd; box-shadow:0 0px 5px #dcdada; position:relative;}
.TopShape,.TopShapeShadow{    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 0;
    height: 0;
    border-left-color:transparent; border-left-style:solid;
    border-right-color:transparent;  border-right-style:solid;
    border-bottom-color:#edeefd;border-bottom-style:solid;border-bottom-width: 30px;
}
.CompanyObjectivebg .TopShape{ border-bottom-color:#e3eddd;}
.TeamObjectivebg .TopShape{ border-bottom-color:#feeefd;}
.TopShapeShadow{}
.AlignIcon,.RightPan .Cascadingicon{     border: 1px solid #e1e4e5;
    background: #fff;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 41px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: -47px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;}
.RightPan .Cascadingicon{line-height: 32px;}
.AlignIcon  .icon-Alignment-Icon:before{color: #5A4D9F;
    margin-left: -3px;
    font-size: 18px;}
.Cascadingicon .tooltip-inner{white-space: inherit;width: auto;min-width: 175px;}
.EmployeeCycleGrid .Cascadingicon .tooltip-inner{min-width: 140px;}
.EmployeeCycleGrid .Cascadingicon .tooltip.top{padding: 0px;margin: -8px 0px 0px 25px;}
.EmployeeCycleGrid .Cascadingicon .tooltip.top .tooltip-arrow{left: 40px !important;}
/* ALignto UI ENDS */
.List_contributors li{ position:relative;}
.List_contributors li .status{ top:20px !important; right:0px !important;}
.List_contributors li .Objecttitle{border-top:1px solid #e3e3e3;}
.List_contributors li:first-child .Objecttitle{ border:0;}
.ExpandedObj .Objecttitle{ border:0; padding-bottom:15px !important;}
.AvatarTooltip::after{ content: "";  position: absolute;  width: 0;  height: 0;  margin-left: -0.5em;  bottom: -12px;  left:20px;
    box-sizing: border-box;  border: 6px solid black;  border-color: transparent transparent #ffffff #ffffff;  transform-origin: 0 0;
    transform: rotate(-45deg);   box-shadow: -3px 3px 6px 0 #dcdada;}
.AvatarTooltip small{ display:block; font-size:13px;}
.AvatarTooltip b{font-size:12px; font-weight:bold; color:#777; margin-bottom:2px; display:block;} 
.AvatarTooltip .NameDetails span{ font-weight:bold; color:#333; margin:0;    width: auto;
    white-space: inherit;
    max-width: 200px;}
/* new changes */
.EmptyMessage{ background:#fff; box-shadow:0 0px 6px #dcdada; border-radius:5px; clear:both; text-align:center; height:500px; width:100%;}
.EmptyMessage span{ display:inline-block; width:120px; height:12k0px;}
.EmptyMessage p{ font-weight:bold; font-size:18px; margin:10px 0 0;}
.EmptyMessage small{ display:block; margin:15px 0;}
.EmptyMessage a{ box-shadow:none; border-radius:30px;}
.EmptyMessage a.new-btnblue:focus,.EmptyMessage a.new-btnblue:active:focus,.EmptyMessage a.new-btnblue.active:focus{border-radius: 30px;}
.EmptyMessage .display-cell{ text-align:center; vertical-align:middle;}
/*11-10-2021 start*/
.FloatingLabel .TextareaContainer{margin-top: 0px;}
.FloatingLabel .TextareaContainer textarea{min-height: 40px;padding: 8px 10px 5px;}
.ValuesSelected .Remove:hover{text-decoration: none;}
.TextareaContainer.m-l-30.Pos_relative{margin-left: 0px !important;}
.FormHelpContent .icon-Bulb-help:before{color: #cdbc6c;}
.CatergorySection .TeamNames{margin: 0px 0px 0px 5px;display: inline-block;font-weight: normal;font-size: 14px;text-transform: initial;}
/*.TagField .SelectedValues ul{margin-top: 10px;} */
.TagField .AutoSuggestContainer .SelectArrow{top: 32%;} 
.ObjName .TextareaContainer textarea{line-height: 28px;}
.Leftpanmove .ObjName .TextareaContainer textarea{width: calc(100% - -42px);}
.EditObjectives .KeyResults label{display: inline-block;}
.EditObjectives .Intitatives ul li{display: list-item;}
/*custom input number start*/
.quantity {position: relative;top: -10px;}
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.quantity input[type=number]{-moz-appearance: textfield;}
.quantity input {width: auto;height: 42px;line-height: 1.65;float: left;display: block;padding: 0;margin: 0 0 0 20px;
padding-left:5px;border: 1px solid #e0e0e0;min-width: 145px;}
.quantity input:focus {outline: 0;}
.sliderValue.HoverIn,.quantity-button.quantity-down:hover,.quantity-button.quantity-up:hover{border-color: #5A4D9F;}
.quantity-nav.HoverIn .quantity-button.quantity-up,.quantity-nav.HoverIn .quantity-button.quantity-down{border-color: #5A4D9F;}
.quantity-nav {float: left;position: relative;height: 42px;}
.quantity-button {position: relative;cursor: pointer;border-left: 1px solid #e0e0e0;width: 28px;text-align: center;color: #333;
font-size: 13px;line-height: 1.7;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;background-color: #fff;}
.quantity-button.quantity-up {position: absolute;height: 50%;top: 0;border: 1px solid #e0e0e0;
    border-radius: 0px 5px 0px 0px;}
.quantity-button.quantity-down {position: absolute;bottom: 0px;height: 50%;border: 1px solid #e0e0e0;
    border-top: 0;border-radius: 0px 0px 5px 0px;}
.quantity-nav .quantity-button i{font-size: 15px;}
/*custom input number end*/
.AchievedTargetSection .quantity{position: unset;}
.AchievedTargetSection .quantity input{width: 148px;height: 42px;padding: 3px 30px 0px 10px;border-radius: 5px;margin: 0px;}
.AutoSuggestObjective .Library{font-size: 13px;font-weight: bold;margin: 6px 3px 0 0;}
.AutoSuggestObjective .Library:hover{text-decoration: underline;color: #5A4D9F;}
.TotalObjectives .NewSeachBox{width: 100%;}
.AlignToList li{border-radius: 5px;border-bottom: 0px;}
.TotalObjectives .NewSeachBox input{width: 97% !important;}
.AlignedList .slimScrollBar:hover{background: #bfb8b8 !important;}
.AlignedList .action-items .catIndividual li:last-child{border-bottom: 0px;}
.AlignedList .slimScrollBar,.AlignedList .slimScrollRail{margin: 10px 0;}
.AlignToList .ObjectiveList{box-shadow: 0 0px 10px #dcdada;}
.updateddate i{vertical-align: middle;font-size: 20px;}
.FormIcon .icon-Objective,.FormIcon .icon-Alignment-Icon,.FormIcon .fa.fa-sitemap{font-size: 20px;}
.FormIcon .icon-Public{font-size: 18px;}
.ObjDescription .FormContainer{width: calc(100% - 36px);}
.catNoResults,.catNoRecords {text-align: center;height: 448px;margin: 0 auto;}
.catNoRecords .display-cell span img{width: 130px;}
.catNoResults .display-cell,.catNoRecords .display-cell{text-align: center;vertical-align: middle;}
.catNoResults .display-cell small,.catNoResults .display-cell b,.catNoRecords .display-cell small,.catNoRecords .display-cell b{display: block;}
.catNoResults .display-cell b,.catNoRecords .display-cell b{font-size: 18px;text-transform: initial;}
.catNoResults .display-cell small,.catNoRecords .display-cell small{color: #777;}
.AutoSuggestObjective  .loader-container .fa-spinner{position: absolute;right: 15px;top: -10px;}
.AlignToList .Objecttitle.active .AlignToDetailedView, .AlignToList .Objecttitle.Alignedone .AlignToDetailedView {  
    display: block; 
}   
.AlignToList .Actioncol{right: 15px;}   
.InnerCard h3 span a{color: #454545;font-size: 18px;cursor: default;}   
.InnerCard h3 span a:hover{color: #454545;text-decoration: none;}   
.AlignToList .Objecttitle.active small.Owned {  
    display: none;  
}
.AlignToList .AlignToDetailedView .ownedbyinfo,.AlignToList .AlignToDetailedView .ObjTargetDiv {display: none;}
.ObjDescription.active .TextareaContainer textarea{padding: 8px 10px 5px;}
.ListofKeyresults .TextareaContainer label{margin-bottom: 0px;}
.ListofKeyresults .FloatingLabel.active .TextareaContainer textarea,
.EditObjectives .ListofKeyresults .FloatingLabel.active .TextareaContainer textarea,.MeasureField .TargetTypeNumber input{padding: 8px 10px 5px;}
.AlignToList .Objecttitle.active .AlignToDetailedView .ownedbyinfo, 
.AlignToList .Objecttitle.Alignedone .AlignToDetailedView .ownedbyinfo,.AlignToList .Objecttitle.active .AlignToDetailedView .ObjTargetDiv{display: block;}
.Key-Lists{background: #ececec;border-radius: 5px;padding: 20px 20px 20px 20px;margin-top: 15px;}
.Key-Lists ul li{margin-bottom: 3px;list-style: disc;color: #777;}
.Key-Lists ul li::marker{color: #a6a6a6;font-size: 26px;}
.Key-Lists ul{padding: 0px 0px 0px 20px;}
.Alignment-Lists{padding: 0px 20px 0;}
.Alignment-Lists li:first-child{padding: 0px 0px 10px;}
.Alignment-Lists li{list-style: square;padding: 10px 0px;border-bottom: 1px solid #e0e0e0;color: #777;}
.Alignment-Lists li::marker{color: #a6a6a6;font-size: 22px;}
.Alignment-Lists li:last-child{border-bottom: 0px;}
.bootstrap-select.open{border-color: #5A4D9F !important;}
.bootstrap-select.btn-group .dropdown-menu.selectpicker{border: 0px !important;}
.TargetFieldDropdown .bootstrap-select.open{border-radius: 5px 5px 0px 0px !important;border-bottom: 0px;}
.dropdown-menu.open{margin: 0px 0px 0 -1px;right: -1px;}
.EditObjectives .AutoSuggestContainer.opened{border-radius: 5px;}
.Alignedone .InnerCard{margin: 0px !important;}
.CreateObjective .RightPan{margin: 20px 0 !important;padding: 0px 20px 15px;}
.CreateObjective .AddReview,.CreateObjective .OtherCommentsList { margin-left:0px;}
.SampleOKR-Content{display: block;color: #777;margin-top: 10px;}
.FormHelpContent{margin-top: -20px;}
.TargetTypeNumber.InputSearch{display: inline-block;width: 100%;position: relative;}
.TargetTypeNumber.InputSearch input{width: 97%;}
.TargetTypeNumber.InputSearch .InputIcon{color: #909090;font-size: 17px;position: absolute;cursor: pointer;right: 10px;top: 12px;}
.AlignToList .new-btnblue,.AligntoFilter .new-btnblue{min-width: 72px;height: 30px;line-height: 16px;}
.AlignToList .new-btn,.AligntoFilter .new-btn{min-width: 72px;height: 30px;line-height: 17px;}
.FloatingLabel.Intitatives.active label.placeholder,.FloatingLabel.active .TargetTypeNumber label.placeholder, 
.FloatingLabel .TargetTypeNumber.StartDate.active label.placeholder,
 .FloatingLabel .TargetTypeNumber.EndDate.active label.placeholder,.AutoSuggestContainer.active label.placeholder,
 .AutoSuggestContainer.active label.placeholder, .AutoSuggestContainer.active label.placeholder{color: #777;font-size: 14px;}
.AutoSuggestObjective.SelectedValue .InputSearch .InputIcon{display: none;}
.ObjectiveList small.Owned{display: none;}
.Key-Lists ul li:last-child{margin-bottom: 0px;}
.Key-Lists{padding: 15px 15px 15px 20px;}
.AutoSuggestObjective.SelectedValue .Library {display: none;}
.AutoSuggestObjective .loader-container .fa-spinner{top: -26px;}
.AutoSuggestObjective.SelectedValue .SelectedObj{margin: 12px 12px 7px;}
.OwnerField.FloatingLabel.active .TargetTypeNumber label.placeholder{color: #777;font-size: 14px;}
.ObjName .icon-Objective{margin-left: 5px;}
.FormIcon .icon-Objective{font-size: 19px;}
.FloatingLabel.active .TargetTypeNumber label.placeholder,.FloatingLabel .TargetTypeNumber.StartDate.active label.placeholder,.FloatingLabel .TargetTypeNumber.EndDate.active label.placeholder{    top: -10px;
    margin: 0;
    font-size: 14px;
    left: 6px;
    background: #fff;
    padding: 0 6px;
    color: #777;
    z-index: 9;}
/*11-10-2021 end */
.AlignToList .Objectivetag .icon-Clock_Icon{margin: 3px 5px 0 0;}
.AlignToList .Objectivetag .fa.fa-tag,.AlignToList .Objectivetag .icon-Tag{margin: -2px 5px 0 0;}
/** FIlter Changes **/
#vertical_tab .EmployeeSearchList li .avatar{ margin-top:7px;}
.LinkPosition{ position:absolute; right:20px; top:42%;}
.LinkPosition:hover{ text-decoration:underline; color:#5A4D9F;}
.SingleDate,.CustomDates{ display:none;}
.CustomRange input[type="text"]{ width:80px !important; height:35px; margin-right:10px;}
.UpdatedCustomDates{ clear:both; display:none;}
.UpdatedCustomDates input[type="text"]{ width: 124px !important;    padding: 5px 0px 5px 29px !important;    height: 36px;}
.CustomRange{ margin-left:20px;}
.OwnerSelection .boolean label,.updatedOnSection .boolean label{padding-left:0; padding-top:6px;}
.ShowOnly:hover{ color:#5A4D9F; cursor:pointer;}
.NoAlignedObjectives.NoteMsg{ position:relative; margin-top:30px; height:160px;}
.NoAlignedObjectives .AlignIcon{ top:-20px;}
.NoAlignedObjectives .icon-Alignment-Icon:before{ color:#777; opacity:0.5;}
.NameOwner{ color:#434343; font-weight:bold; margin:0;}
/*01-11-2021 start*/
.OKRSummary .SummaryGoals .ProgressLists span{color: #434343;font-size: 20px;display: inline-block;vertical-align: middle;}
.ProgressLists label{color: #777;font-size: 16px;display: block;}
.OKRSummary .SummaryGoals .ProgressLists span small{border-radius: 50%;width: 13px;height: 13px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.updateddate.OverDue{color: #e22720;}
.TagsList .btn-group.bootstrap-select{width: 130px !important;}
.TagsList .btn-group.bootstrap-select ul.selectpicker li:first-child{color: #777;}
.TagsList .btn-group.bootstrap-select .dropdown-menu.open ul li:first-child{display: none;}
.TypeText .ViewTarget.ReadOnly .icon-Text{margin: 1px 7px 0px 5px;color: #434343 !important;opacity: 1;}
.UpgradeFeatures .Upgrade-Head h4{text-align: center;display: block;color: #3d2a89;margin: 2px 0px 0;}
.UpgradeFeatures .Rightpan label{color: #ff5f81;margin:0px;font-weight: bold;text-transform: uppercase;font-size: 17px;}
.UpgradeFeatures .Rightpan span{display: block;color: #514395;font-size: 13px;font-weight: bold;margin-top: -3px;}
.UpgradeFeatures .Rightpan ul{margin:5px 0px 0px 18px;}
.UpgradeFeatures .Rightpan ul li{list-style: disc;font-size: 14px;}
.UpgradeFeatures .Rightpan ul li::marker{font-size: 20px;color: #6952a5;}
.UpgradeFeatures .UpgradeBtn,.UpgradeFeatures .UpgradeBtn:focus{border-radius: 20px;font-size: 14px;height: 30px;
line-height: 16px;margin-top: 30px;text-transform: capitalize;min-width: 90px;}
.UpgradeFeatures .modal-content,.UpgradeFeatures .modal-body{border-radius: 20px;box-shadow: 0 0px 2px #dcdada;}
.UpgradeFeatures .close{position: absolute;right: 20px;top: 20px;}
.RejectedComments .Givenby small{width: auto;}
.EmployeeList .Info-Section{width: 100%;margin: 15px 0px 0px;}
.ErrorBorder{border-color: #ff5b57 !important;}
.EmployeeList .Info-Section .icon-info-icon{margin: 2px 10px 0 5px;}
.employeenote {display: block;font-size: 15px;color: #676666;margin: 5px 0 0;}
.ObjectiveClear{position: absolute;right: 10px;top: 14px;font-size: 12px;color: #a5a5a5;display: none;}
.SerachArea a.Newbtn.ActiveGroup{background: #5A4D9F;color: #fff;border: 0px;}
.SerachArea a.Newbtn.ActiveGroup i,.SerachArea a.Newbtn.ActiveGroup i:hover,.SerachArea a.Newbtn.ActiveGroup:hover{color: #fff;}
.SerachArea a.Newbtn.ActiveGroup .icon-Review-Group:before{color: #fff;}
.ExternalDatepicker.Datepickercontainer .TargetTypeNumber{width: calc(100% - 36px);}
.ExternalDatepicker.Datepickercontainer .TargetTypeNumber input[type="text"].DatePickerBox{width: 100%;}
.TagsList .ConfidentialObjective{width: auto;margin-right: 10px;margin-top: 2px;}
.TagsList .ConfidentialObjective .icon-Confidential-Icon{margin: -3px 0px 0px 0;}
.AlignedObjectivesPopup .TagsList{margin: 10px 32px;}
.TagsList .ConfidentialObjective .icon-Public{font-size: 14px !important;margin: 2px 6px 0px 0;}
.visibilityfield .FormIcon{margin-top: 7px !important;}
.UnmappedEmployee{font-style: italic;display: block;    color: #777;font-weight: normal;opacity: 0.8;}
.AvatarTooltip .NameDetails .UnmappedEmployee{margin: 10px 0px 0px 7px;}
.ExternalIcons{font-size: 16px;}
.ExternalForm{display: none;}
.ExternalForm .FormIcon{margin: 6px 14px 0 5px !important;}
.ExternalIcons.fa-caret-square-o-down{font-size: 16px;}
.ExternalForm .boolean .UICheckbox{top: -5px;}
.hashtag.ExternalIcons{font-weight: bold;font-size: 18px;}
.ExternalForm.BooleanForm .FormIcon{margin: -1px 10px 0 0px !important;}
.ExternalForm.BooleanForm .FormIcon i,.ExternalForm.BooleanForm .FormIcon .icon-External-Booleon:before{
    font-size: 23px;color: #a6a6a6;}
.Tooltips.ToolTip1 {
    bottom: 67px;
    right: 58px;
}
.Tooltips {
    width: 330px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    border: 1px solid #e0e3e7;
    border-radius: 15px;
}
.Tooltips div {
    float: left;
    width: 100%;
    text-align: left;
    padding: 18px 18px 18px;
    font-size: 14px;
}
.Tooltips .triangle-left {
    border-left: 12px solid transparent;
    border-top: 12px solid #d4d4d4;
    border-right: 12px solid transparent;
    height: 0;
    left: -18px;
    position: absolute;
    bottom: 44px;
    z-index: 99;
}
.ToolTip1 .triangle-left {left: -18px;transform: rotate(90deg);top: 57px;}
.Tooltips .inner-triangle {
    border-left: 11px solid transparent;
    border-top: 11px solid #fff;
    border-right: 11px solid transparent;
    height: 0;
    left: -11px;
    position: absolute;
    top: -28px;
    width: 0;
}
.Tooltips h4 {
    font-size: 16px;
    margin: 0 0 5px 0;
}
.Tooltips p {
    margin: 0;
    line-height: 18px;
    font-size: 15px;
    font-weight: normal;
}
.Tooltips .link {
    background: #5A4D9F;
    border-radius: 5px;
    font-size: 14px;
    padding: 3px 8px;
}
.Tooltips .btn {
  color: #fff;
    font-size: 13px;
    padding: 4px 12px;
    border-radius: 30px;
    line-height: 22px;
    margin: 0px 0 0 0;
    text-transform: uppercase;
}
.Tooltips .btn .fa-angle-right{margin: -2px 0px 0px 3px;font-size: 22px;vertical-align: middle;}
.Errormessage{display: block;margin-left: 10px;}
/*01-11-2021 end*/
.Employee-Table .table th.ActionCell {
    width: 105px;
    min-width: 105px !important;overflow: inherit;
}
 .Employee-Table .table .ActionCell {
    position: absolute !important;
    border-top: 1px solid #e5e5e5;
    -webkit-box-shadow: inset 8px 1px 7px -3px rgb(213 213 213 / 70%);
    -moz-box-shadow: inset 8px 1px 7px -3px rgba(213,213,213,0.7);
    box-shadow: inset 8px 1px 7px -3px rgb(213 213 213 / 70%);
    width: 120px;
    min-width:120px !important;
    margin-right: 26px;
}
 .Employee-Table .table th.ActionCell{line-height: 25px;}
 .Employee-Table .table td.ActionCell{height: 38px;}
 .Employee-Table .table td.ActionCell:last-child{border-bottom: 1px solid #e0e0e0;}
.Employee-Table .table td {
    height: 36px;
}
.Employee-Table .ActionCell .action-middle {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.Employee-Table .ActionCell .action-innercell {
    display: table-cell;
    vertical-align: middle;
}
.ApprovaReject .Employee-Table .scrolledTable {
    margin-right: 0px;
    overflow-x: auto;
    box-shadow: none;
    border-radius: 5px;
}
.ApprovaReject .Employee-Table .BoxShadow {
    box-shadow: 0 0px 6px #dcdada;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 1px;
}
.ApprovaReject .dataTables_wrapper table.dataTable {
    margin: 0px !important;
}
.ApprovaReject .Employee-Table .Objecttitle{padding-left: 15px !important;min-width: 500px;
    width: 500px;}
    .ApprovaReject .Employee-Table #example3 .Objecttitle,.ApprovaReject .Employee-Table #example2 .Objecttitle{min-width: 450px;max-width: 450px;}
.ApprovaReject .Employee-Table #example3 .Owner,.ApprovaReject .Employee-Table #example2 .Owner{min-width: 220px;width: 220px;}
.ApprovaReject .Employee-Table span.objectivetype{margin: 0px 0px -2px 0;}
.ApprovaReject .Employee-Table .Objecttitle h3 i.icon-Objective{top: 9px;}
.ApprovaReject .Employee-Table .Objecttitle h3{margin: 0px;padding-left: 33px !important;}
.ApprovaReject .Objecttitle h3 i.icon-Team-objective-01{top: 7px;}
.ApprovaReject .PaginationNew {box-shadow: 0 0px 6px #dcdada;border-radius: 0px 0px 5px 5px;background: #fff;}
.ApprovaReject .PaginationNew .PageNo{margin-top: 3px;}
.dataTables_info {
    display: none;
}
.dataTables_length + .dataTables_info {
    display: block;padding: 26px 0px 0px !important;
}
.Employee-Table table td .EmployeeInfo {
    display: table;
}
.Employee-Table .EmployeeInfo .Employee_Avatar {
    display: table-cell;
    vertical-align: middle;
    width: 0px;
    float: left;
    border: 0;
    height: 35px;
    padding: 2px;
    cursor: default;
    margin-right: 35px;
}
.Employee-Table .EmployeeInfo .Employee_Avatar span {
    border: 2px solid #5A4D9F;
    display: inline-block;
    width: 36px;
    height: 36px;
    padding: 2px;
    cursor: pointer;
}
.Employee-Table .grid_table .Employee_Avatar span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.Employee-Table .grid_table .employee_name {
    line-height: normal;
    margin-top: 0px;
    margin-left: 0px;
}
.Employee-Table .EmployeeInfo span {
    display: block;
    clear: both;
    color: #777;
    font-size: 14px;
}
.Employee-Table .Employee_Avatar.EmptyImage span .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #5A4D9F;
    background: #ededed;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.Employee-Table .table tr th:first-child{color: #364f6b;
    font-weight: bold;}
.ApprovaReject .AvatarTooltip{right: 500px;top: 7px;}
.Employee-Table.NewDatatable th label{color: #777;font-weight: normal;}
.ActionCell .ActinIcons a:hover{color: #483B8C;text-decoration: underline;}
.QuickStart .QuickBtn{padding: 8px 10px;
    border-radius: 5px;
    background: #FEC04B;
    font-size: 12px;
    color: #000;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;}
.QuickStart .badge{color: #ff3008;background: #fff;position: absolute;top: -13px;right: -7px;width: 25px;height: 25px;display: inline-block;vertical-align: middle;
border-radius: 50%;font-size: 14px;line-height: 20px; box-shadow: 0 0px 7px #dcdada;}
/*.QuickGuide .Quicktext{font-size: 15px;font-family: 'Roboto Slab';font-weight: 500;padding-left: 8px;}*/
/*.QuickStart .QuickBtn:hover{background: #461F87;}
.QuickStart .QuickBtn i{display: inline-block;vertical-align: middle;font-size: 18px;margin-top: -5px;}
.QuickStart .QuickStartList .QuickBtn i{margin-top: -2px;}*/
.QuickStartList{position: fixed;right: 30px;width: 428px;top: 70px;z-index: 9993;}
.QuickCoverDiv{background: #fff;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);border-radius: 4px 4px;}
.QuickFooter{background: linear-gradient(174.67deg, #9152C3 0%, #594AAA 100%);transform: rotate(-180deg);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 4px 4px 0px 0px;display: flex;align-items: center;justify-content: center;color: #fff;padding: 20px 25px;}
.QuickFooter p{vertical-align: middle;font-weight: 400;margin: 0;display: inline-block;width: 90%;
    font-family: 'DM Sans';font-size: 14px;line-height: 18px;}
.QuickFooter span{display: inline-block;width: 8%;vertical-align: middle;}
.QuickFooter i{display: inline-block;padding-right: 8px;vertical-align: middle;font-size: 22px;}
.QuickFooter label{margin-bottom: 0px;display: inline-block;transform: rotate(-180deg);}
.QuickFooter p span{display: block;font-size: 18px;margin-bottom: 10px;font-family: 'Roboto Slab';}
.QuickFooter .FinalProcess p,.QuickFooter .FinalProcess span{width: unset;}
.QuickFooter .FinalProcess img{margin-top: -10px;}
.QuickFooter .icon-Goals_Completed{border: 3px solid #fff;
    border-radius: 50%; 
    width: 26px;
    height: 26px;
    line-height: 22px;
    text-align: center;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;}
.CreatedObjectives .icon-Goals_Completed{display: inline-block;
    float: left;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 19px;
    line-height: 28px;
    text-align: center;}
.QuickVideo img{border-radius: 34px;padding: 20px 20px 10px;position: fixed;bottom: 0;right: 10px;}
.QuickStartList .p-25{padding: 16px !important;}
.QuickStartList li{padding: 5px 20px 10px;}
.QuickStartList li:last-child{padding: 5px 20px 20px;}
.SetObject i{font-size: 26px;vertical-align: middle;color: #614BAD;}
.SetObject i.icon-Circletick{color: #0AD88E;padding-left: 25px;}
.CreatedObjectives{position: relative;border-bottom: 1px solid #F7F7F7;}
.CreatedObjectives a{padding: 16px;}
.CreatedObjectives:last-child{border-bottom: 0px;}
.ArrowClick{position: absolute;right: 44px;}
.CreatedObjectives .icon-Arrow-right{font-size: 10px;color: #764fb7;}
.CreatedObjectives .ArrowClick:hover .icon-Arrow-right,.CreatedObjectives .ArrowClick:hover{color: #461F87;}
.SetObject i.icon-Team-objective-01{font-size: 30px;margin-left: -5px;}
.SetObject label{color: #353535;font-size: 18px;font-weight: 500;opacity: 1;margin:0 0 0 2px;font-family: 'Roboto Slab';}
.SetObject p{margin: 0px 0 0;line-height: 18px;color: #353535;font-weight: 400;font-size: 14px;
    font-family: 'DM Sans';display: inline-block;padding-left: 38px;}
.new-btnblue {background: #5A4D9F;}
.QuickStartList .YellowBtn{margin-left: 48px;}
.QuickStartList li a{background: #5A4D9F;
    text-transform: inherit;
    font-weight: normal;
    font-size: 15px;
    padding: 8px 15px 6px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    width: 230px;
    text-align: left;height: unset;}
.QuickStartList li.CreatedObject .new-btnblue:hover{border-color: transparent;}
.QuickStartList li a i{font-size: 18px;margin-right: 12px;vertical-align: middle;}
.QuickStartList li a i.icon-Objective{font-size: 22px;margin-right: 15px;}
.QuickStartList li a i.icon-Team-objective-01{font-size: 22px;margin-right: 8px;
}
.CreatedObjectives label{display: inline-block;margin: 0px 0px 0px 15px;color: #808080;font-size: 15px;
    cursor: pointer;width: 80%;}
.AfterQuickGuide .CreatedObjectives label{color: #353535;font-size: 18px;}
.CreatedObjectives .icon-Goals_Completed{    background: #5ab15b;
    color: #fff;font-size: 18px;}
.SetObject i.icon-Objective{font-size: 32px;}
.new-btnblue:hover {
    background: #483B8C;
    border-color: #483B8C;
}
.QuickStartList li.active .WizardText{opacity: 0.8;}
.QuickStartList .WizardText {
    margin-left: 55px;
    opacity: 0.7;
}
.QuickStartList .Number span{opacity: 0.7;font-size: 20px;}
.QuickStartList li label {
    width: calc(100% - 56px);
    color: #fff;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    line-height: 20px;
}
.QuickStartList .WizardText a{width: calc(100% - 56px);
    color: #434343;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;}
.QuickStartList .WizardText p {
    margin: 5px 0 0;
    text-align: left;
   /* color: #fff;*/
}
.ScrollHidden{overflow: hidden;}
.QuickClose{width: 35px;color: #808080;
    height: 35px;
    float: left;
    /* border-radius: 50%; */
    /* background: #fff; */
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    /* box-shadow: 0 0px 7px #dcdada; */
    position: absolute;
    right: 8px;
    top: 8px;
    /* box-shadow: -10px 0px 5px #dcdada; */
    -moz-box-shadow: -10px 0px 5px #dcdada;
    /* -webkit-box-shadow: -3px 2px 3px #dcdada; */
    -o-box-shadow: -10px 0px 5px #dcdada;
}
.QuickClose:hover i{opacity: .8;}
.QuickClose i{font-size: 11px;color: #000;font-weight: bold;position: absolute;top: 7px;right: 12px;opacity: 0.4;}
.QuickStart .QuickStartList .QuickBtn{    /*top: 52px;
    right: 270px;*/top:-18px;right: 238px;/*padding: 6px 15px;*/cursor: default;font-weight: 700;
    border-radius: 4px;font-size: 13px;height: 36px;color: #353535;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    font-family: 'DM Sans';background: #fff;letter-spacing: normal;display: none;}
.QuickStart .QuickStartList .QuickBtn i{font-size: 18px;color: #5C4AAB;padding-right: 6px;}
.QuickStartList .QuickCreate .new-btnblue{background-color: #5A4D9F;border-color: #5A4D9F;}
.QuickStartList .QuickCreate .new-btn:hover{border-collapse: #3bb9c5;}
.QuickStartList .QuickCreate .new-btnblue,.QuickStartList .QuickCreate .new-btn{border-radius: 6px;
    font-weight: normal;padding: 5px 10px;height: 32px;line-height: 20px;color: #fff;width: 80px;}
.QuickCreate{margin: 7px 0px 0px 35px;}
.QuickStartList li.CreatedObject a{width: auto;
    border-radius: 10px;
    min-width: 70px;
    text-align: center;
    color: #434343;
    box-shadow: none;
    background: #fff;
    padding: 0px 0px 0px;}
.QuickStartList li.CreatedObject a.CursorDefault{cursor: default;}
.IconTick .WizardText a{/*text-decoration: line-through;*//*font-weight: normal;*/}
.QuickStartList  li.IconTick .Number.active {background: #3d298a;}
.QuickStartList li.first i,.QuickStartList  li.first.IconTick span {display: none;}
.QuickStartList  li.first.IconTick i, .QuickStartList  li.first span {display: inline-block;}
.QuickStartList li.IconTick .Number{background: #5ab15b;color: #fff;line-height: 42px;width: 36px;height: 36px;}
.QuickStartList li.first.IconTick i{font-size: 20px;font-weight: bold;}
.QuickStartList .QuickCreate .new-btnblue:hover{background-color: #483B8C;}
.QuickStartList .active.IconTick .WizardText a{color: #434343;}
.QuickStartList li.active.IconTick .WizardText{opacity: 0.7;}
.QuickStartList li.active.IconTick:hover .WizardText {
    opacity: 0.7;
}

.CriteriaForm .Info-Section{float: right;margin: 0px 0px 0px;width: 67%;position: absolute;
    right: -6px;
    top: -27px;}
.CriteriaForm .Info-Section .icon-info-icon{margin: 2px 8px 0 0px;}
.AutosuggestList .NoRecords{cursor: default;}
.AutosuggestList .NoRecords .RecordText{display: inline;font-size: 14px;}
.AutosuggestList .NoRecords:hover{background-color: #fff;}
.RecordText .Quotes {
    display: inline-block;
    margin-left: 5px;
}
.SetObject{padding:0px 0px 0px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
#duedate .OKRDueDate {width: 140px;} 
.selected-filters a.delete, .selected-filters a.cyclename{left: unset;} 
/*confidebtal*/
.ConfidentialHead .AlignedObjective{width: 100%;}
.ConfidentialHead .icon-confidential:before{color: #434343;}
.ConfidentialHead .AlignedObjective h3{line-height: 16px;}
.ConfidentialHead .AlignedObjective .Objectiveprogress{width: calc(100% - 45px);}
.ConfidentialObjective.confidentalList{border: 0;width: 100%;background: transparent;margin: 0;padding: 0 !important;height: auto;line-height: 20px;}
.Objectivetag .ConfidentialObjective{width: auto;float: none;}
.Objectivetag .icon-Confidential-Icon{font-size: 22px;vertical-align: middle;display: inline-block;}
.Objectivetag .ConfidentialObjective small{font-size: 14px;display: inline-block;vertical-align: middle;}
.Objectivetag .icon-Public{font-size: 14px;margin-right: 5px;vertical-align: middle;}
.AlignToObj h3 .icon-Confidential-Icon{top: 4px !important;z-index: 99;position: absolute;}
.AlignToObj h3 i.icon-Confidential-Icon:before{color: #454545;font-size: 28px;float: left;margin: -1px 0px 0px 0px;}

@-moz-document url-prefix() {
.ProgressSlider .percentage{width: calc(100% - 213px);}
.EditView .ProgressSlider .ui-slider {
    width: calc(100% - 208px);
}
.ObjectiveTextTarget .Objectiveprogress {
    width: 71%;
}
.ObjectiveTextTarget::before{top: -9px;}
}

.tab-overflow .nav.nav-tabs.plain-tab li.active a, .NewTabbedPanel li.active{color: #5A4D9F;
    border-bottom: 2px solid #5A4D9F !important;}
.tab-overflow .nav.nav-tabs.plain-tab li a:hover{color: #483B8C;}
.navbar-default .navbar-nav > li > a.FindPeople{display: none;}
.QuickBtn.ScrollDown .Quicktext{display: none;}
.MenuLists .tooltipdiv{top: -38px;}
.Newpicker .bootstrap-select.btn-group .dropdown-menu {
    z-index: 1000;    max-height: 235px;
}
.PointerNone{pointer-events: none;}
.CursorNone{cursor: not-allowed;}
.Newpicker.TargetFieldDropdown label{left: 42px;}
.Newpicker .btn-group .dropdown-menu.selectpicker {
    height: auto;
    max-height: 134px;
    overflow: auto;
}
.Newpicker .dropdown-menu .selectpicker li.hide:first-child {
    display: block;
}
.Newpicker .AddSection {
    clear: both;
    border-radius: 0px 0px 5px 5px;
    background: #fff;
    padding: 1px 0;
    -webkit-box-shadow: 0 2px 6px -1px rgb(0 0 0 / 60%);
    box-shadow: 0 2px 6px -1px rgb(0 0 0 / 60%);
}
.Newpicker .AddSection .AddNewItem {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #5A4D9F;
    border-radius: 5px;
    margin: 5px 15px 12px;
    padding: 5px;
    clear: both;
    text-transform: capitalize;
    font-weight: bold;
}
.Newpicker .AddSection .AddNewItem:hover{background-color: #483B8C;}
.Newpicker .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle {
    padding: 0px 25px 0px 10px !important;
    border: 0;
    background: #fff;
    height: 37px;
    box-shadow: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background: #5A4D9F;border-radius: 5px;}
.Choose-File .browse:hover .btn,.browseblock:hover .browse .btn{background: #483B8C;}
.NewDatatable .dataTables_filter .form-control:hover, .NewDatatable .dataTables_filter .form-control:focus,.NewSeachBox:hover, .DatePickerBox:hover,
.MultiselectEmployeeNameDiv:hover, .MultiselectEmployeeAvatarDiv:hover,input.LocationInput[type="text"]:hover,
input.TagValue[type="text"]:focus,input.TagValue[type="text"]:hover,.SelectedValues li:hover{
border-color: #5A4D9F;}
.ApprovaReject .grid_table .dataTables_paginate{border: 1px solid #e0e0e0;border-top: 0;border-radius: 0px 0px 5px 5px;box-shadow: 0 2px 6px 0px #dcdada;}
input[type="password"]:hover,input[type="text"]:focus, input[type="email"]:focus, input[type="text"]:hover, input[type="email"]:hover,input[type="number"]:hover,input[type="number"]:focus {
    border: 1px solid #5A4D9F;
}
.NewSeachBox:hover input,.NewSeachBox input:hover,.NewSeachBox input:focus{border: 0px !important;}
table .Sorting{font-size: 15px;text-align: left;}
table .Sorting span{font-size: 15px;}
#header .BgNavbar .dropdown-menu{left: -28px;}
.TitleBorder .dropdown-menu{width: 136px;min-width: inherit;right: -14px;top: 50px;border-radius: 5px;
box-shadow: 0 0px 10px #dcdada;border: 0 !important}
.TitleBorder .dropdown-menu .dropdown-item{padding: 10px 10px;font-size: 14px;border-bottom: 0px solid #dfdfdf;
    display: block;color: #434343;font-weight: normal;}
.TitleBorder .dropdown-menu .dropdown-item:last-child{border: 0;}
.TitleBorder .dropdown-menu .EditDraft{display: none;}
.TitleBorder .dropdown-menu .dropdown-item:hover{text-decoration: none;background: #e8e8fb;border-radius: 5px;color: #434343;font-weight: bold;}
.TitleBorder .dropdown-menu.open{display: block;}
.DropSection{    position: absolute;z-index: 999;
    background: transparent;
    width: 138px;
    height: 208px;
    top:48px;}
.Custom-Dropdown{display: inline-block;}
.DropSection .DropSubSection{ top: 4px;position: absolute;right:-12px;background: rgba(0, 0, 0, 0.7);
color: #fff;padding: 8px 8px;border-radius: 5px;font-size: 15px;width: 136px;}
.KeyAchivedTarget.HoverIn p.InnerDiv,.KeyAchivedTarget p.InnerDiv,.KeyAchivedTarget p,.KeyAchivedTarget.HoverIn p{background-color: #f3f3f3;}
.KeyAchivedTarget p.InnerDiv,.KeyAchivedTarget p{padding: 10px;border-radius: 4px;height: auto;/*width: 206px;*/min-height: 75px;margin:0px;display: flex;align-items: center;justify-content: center;}
.EditKeyResults.HoverIn .icon-KeyResult_Edit,.EditKeyResults.HoverIn {color: #5A4D9F !important;opacity: 1 !important;}
.EditKeyResults .HoverEditDiv {
    border: 1px solid #C7C7C7;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background: #fff;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    display: inline-block;
}
.EditKeyResults .HoverEditDiv i {
    color: #E3E3E3;
    font-size: 10px;
}
.ObjectKeyresults .EditKeyResults:hover .HoverEditDiv{border: 1px solid #5A4D9F;color: #5A4D9F;}
.EditKeyResults.HoverIn .HoverEditDiv i,.EditKeyResults:hover .HoverEditDiv i{color: #5A4D9F;}
.ProfileReadonly .TagField,.ProfileReadonly .TargetTypeNumber,.ProfileReadonly .TargetFieldDropdown{cursor: not-allowed;}
.ProfileReadonly .TagField input,.ProfileReadonly .TargetTypeNumber input,.ProfileReadonly .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){pointer-events: none;}
.ProfileReadonly .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{
    background-color: #eee;pointer-events: none;color: #777;height: 56px;}
.UserForm .UserLabel {
    text-align: left;
    font-weight: bold;
    float: left;
    margin: 0px 0px 0px -10px;
    width: 100%;
}
.UserForm.UserLabel span {
    display: inline-block;
}
.InviteSection .UserFormList ul li {
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 0px 8px;
    font-size: 14px;
}
.InviteSection .UserFormList ul li:last-child{border: 0px;}
.InviteSection .UserFormList ul li img {
    width: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0px;
}
.InviteSection .UserFormList ul li .EmpName {
    margin-left: 8px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 1px;
}
.InviteSection .UserFormList ul li .EmpMail {
    float: right;
    margin-top: 1px;
    color: #5A4D9F;
}
.InviteSection .UserFormList ul li .EmpMail i:hover{color: #5A4D9F;}
.InviteSection .UserFormList ul li .EmpMail .icon-Edit_Icon {
    font-size: 15px;
    margin: 0px 5px;
}
.InviteSection .UserFormList ul li .EmpMail i {
    margin-left: 5px;
    color: #9fa0a0;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
}
.ProfileReadonly .OwnerField.active a.InputIcon,.ProfileReadonly span.icon-arrow-down,.ProfileReadonly .ChooseManager .ViewEmp{display: none;}
.ProfileReadonly .ValueSelected,.ProfileReadonly .ChooseManager {cursor: not-allowed;}
.ProfileReadonly .ChooseManager .ViewEmp{pointer-events: none;}
.navbar-brand a .icon-Edit_Icon{color: #757575;}
.navbar-brand a:hover .icon-Edit_Icon{color: #5A4D9F;}
.UserAvatar .OuterBorderImg{position: relative;}
.UserAvatar .OuterBorderImg .icon-Edit_Icon{display: none;}
.UserAvatar .OuterBorderImg:hover .icon-Edit_Icon{display: inline-block;position: absolute;font-size: 20px;left: 12px;}
#Directory.Employee-Search .grid_table .dataTables_paginate{border-top: 1px solid #e2e7eb;}
.CursorNotallowed.TargetTypeNumber input[type="text"],.ContactMain .CursorNotallowed input[type="number"]  {
    height: 56px;
    padding-top: 15px;
    color: #777;
}
.CursorNotallowed {
    cursor: not-allowed;
}
.FloatingLabel.active .CursorNotallowed.TargetTypeNumber label.placeholder {
    background: transparent;
    font-weight: bold;
    top: 9px;
}
.ProfileReadonly .TargetFieldDropdown label{top: 10px;background: transparent;font-weight: bold;position: absolute;}
.ProfileReadonly .bootstrap-select.btn-group .btn .filter-option{position: absolute;left: 15px;top: 24px;}
.selected-filters small{color: #5A4D9F;}
.selected-filters span{background-color: #e6e5fb;border: 1px solid #b4d4f5;}
.selected-filters span:hover {border-color: #483B8C;}
.RatingClose{color: #a4a3b1;font-size: 18px;position: absolute;right: 15px;top: 34px;}
.RatingClose:hover{color: #483B8C;}
.EditKeyResults .HoverEditDiv{line-height: 24px;display: inline-block;vertical-align: middle;margin-left: 5px;
    font-size: 9px;color: #D9D9D9;position: absolute;top: 7px;}
.EditView .EditKeyResults .HoverEditDiv{display: none;}
.WithOutEdit .KeyAchivedTarget.HoverIn p,.WithOutEdit .KeyAchivedTarget p{background-color: transparent;padding: 0px;}
.Intitatives li:first-letter{text-transform: uppercase;}
.SampleOKR{color: #F6A100;font-size: 16px;font-family: 'Roboto Slab';font-weight: 500;border-bottom: 2px solid transparent;}
.SampleOKR i{margin-right: 6px;}
.SampleOKR:hover,.SampleOKR:focus{color: #F6A100;border-bottom: 2px solid #F6A100;}
.DisplayInline{display: inline-block !important;}
.AlignToCreate{color: #764FB7;font-size: 15px;font-weight: bold;border-bottom: 3px solid transparent;}
.AlignToCreate:hover,.AlignToCreate:focus{color: #461F87;border-bottom: 3px solid #461F87;}
.SeperateLine{display: inline-block;vertical-align: middle;margin: 5px 0 0;color: #777;}
.OKRWidget .FilterIcon{margin-top: 0px;}
.DashboardCharts .panel-heading{padding: 15px;}
.DashboardCharts .panel-heading .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 204px;margin: -6px 16px 0 0;}
#InviteUsers .Uppersection p{color: #808080;width: 60%;float: left;display: inline-block;vertical-align: middle;margin: 35px 0px 0px;}
#InviteUsers .UserInvite .TargetTypeNumber input[type="text"]{height: 42px;}
#InviteUsers .Uppersection img{width: 220px;}
.m-b-16{margin-bottom: 16px;}
.Employee-Directory .modal-content{height: 556px;}
.Employee-Directory .grid_table .scrolledTable {height: 358px;border-radius: 5px;}
.Employee-Directory .grid_table .scrolledTable tbody tr:last-child td {
border-bottom: 1px solid #ddd;}
.Employee-Directory .dataTable tbody td{padding: 9px 0px 9px 14px;}
.VideoModal button.close{position: absolute;right: -30px;top: 0;z-index: 999;font-size: 2rem;font-weight: normal;color: #fff;opacity: 1;}
.video-btn .VideoTitle{font-family: 'Roboto Slab';position: fixed;bottom: 107px;right: 74px;display: inline-block;color: #000;font-weight: 500;z-index: 9;font-size: 13px;}
.OrgUnitField .TargetTypeNumber .delete{left: 96%;top: 10px;font-size: 15px;}
.Objecttitle h3 a.DropClick{cursor: pointer;display: inline-block;}
.Dropopen{display:inline-block;font-size: 12px;margin-left: 5px;color: #777;padding: 6px;border-radius: 4px;cursor: pointer;}
.Dropopen:hover,.ActiveDrop .Dropopen{color: #343434;background: #e8e8fb;}
.ActiveDrop .Dropopen{transform: rotateZ(180deg);}
.TitleBorder .dropdown-menu a.b-t-1{border-top: 1px solid #dfdfdf;width: 100%;display: inline-block;}
.Add_Tags{font-size: 13px;font-weight: bold;margin-top: 6px;padding-right: 15px;display: none;}
.Add_Tags:hover{text-decoration: underline;color: #483B8C;}
.CommentCount .icon-Continuous-feedback{vertical-align: middle;font-size: 20px;}
.Employee-Directory .NoteHead .funnel_icon .theme-org-panel {top: 69px;}
.TargetTypeNumber .DatePickerBox.Dateborder {border: 1px solid #483B8C;}
.ChooseAlignBtn.WhiteBtn{line-height: 33px;padding: 0 10px;width: 100%;
    margin: 0px auto 5px;height: 36px;}
.SelectedValues .tooltip-inner,.Support-Icon .tooltip-inner{white-space: inherit;}
.SupportIcon{position: relative;display: inline-block;opacity: 1;}
.SupportIcon .icon-if_plus_214640{font-weight: bold;font-size: 14px;position: absolute;color: #353535;left: -50px;top: -1px;z-index: 999;}
.SupportIcon .tooltip-inner{white-space: inherit;width: 280px;max-width: 280px;}
.Employee-Directory .InviteViewEmp{margin: 0px 10px 0;padding: 0px 10px;position: absolute;right: 8px;top: -2px;line-height: 34px;    background: #5A4D9F;
    color: #fff;border: 1px solid transparent;}
.Employee-Directory .InviteViewEmp:hover{background: #483B8C;}
.DisplayAligned.AlignedList{display: block !important;margin-left: 0px;width: 100%;}
.Employee-Directory .Applied,.Employee-Directory .funnel_icon .theme-org-panel{display: none;}
.AlignedList li.SeeMoreAction:hover{background: transparent;}
.AlignedList li.SeeMoreAction a{margin-left: 10px;display: inline-block;color: #5A4D9F;font-weight: 700;border-bottom: 2px solid transparent;}
.AlignedList li.SeeMoreAction a:hover{color: #483B8C;border-bottom: 2px solid #483B8C;}
.ProductTour{position: fixed;right: 0;top: 335px;z-index: 99;}
.ProductTour .TourBtn{display:flex;position: absolute;right: 0;padding: 12px 8px;border-radius: 8px 0px 0px 8px;color: #fff;z-index: 99;background: linear-gradient(174.67deg, #9654CB 0%, #6352BD 100%);}
.ProductTour .TourBtn:hover{background: #764FB7;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.ProductTour .TourBtn span{text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);font-size: 15px;font-weight: 500;font-family: 'Roboto Slab';text-align: center;color: #FFFFFF;}
.ProductTour .TourBtn img{display: block;margin-top: 6px;width: 26px;}
.ProductTour .TourBtn .ImageHover,.ProductTour .TourBtn:hover .imageDefault{display: none;}
.ProductTour .TourBtn:hover img.ImageHover{display: block;}
.CloseAlign{display: inline-block;cursor: pointer;padding: 10px 6px 10px 16px;font-size: 12px;}
div.dataTables_wrapper div.dataTables_filter label{background: #fff;height: 35px;float: left;border-radius: 5px;box-shadow: 0 0px 8px #dcdada;border: 1px solid #fff;}
/*New create objective css start*/
.NewCreateObj.OKRContainer{box-shadow: none;}
.NewCreateObj.CreateObjective .LeftPan{padding: 0px 10px 20px 0;}
.NewCreateObj.CreateObjective .RightPan{border-left: 0px;}
.NewCreateObj .DetailedView .LeftPan,.NewCreateObj.CreateObjective .LeftPan{width: 78%;}
.NewCreateObj .DetailedView .RightPan,.NewCreateObj.CreateObjective .RightPan{width: 22%;}
.NewCreateObj .StepList{width: 100%;margin: 0 auto;display: inline-block;text-align: center;font-family: 'Lato';}
.NewCreateObj .StepList .StepLine{display: inline-block;margin: 10px 0 120px;}
.NewCreateObj .StepList .StepLine:first-child{padding-right: 14px;}
.NewCreateObj .StepList .StepLine span{border: 2px solid transparent;color: #C7C7C7;font-weight: 400;font-size: 12px;width: 35px;height: 34px;padding: 10px 14px;border-radius: 42px;background: #F7F7F7;}
.NewCreateObj .StepList .StepLine.Stepactive span{border: 2px solid #2370CB;color: #2370CB;font-weight: 800;background: #fff;}
.NewCreateObj .FormHelpContent p{font-weight: 400;font-size: 14px;color: #777;margin-bottom: 8px;}
.NewCreateObj .FormHelpContent h3{font-weight: 700;font-size: 16px;color: #353535;}
.NewCreateObj .ObjImage i{color: #2370CB;font-size: 30px;}
.NewCreateObj .ObjImage{margin-bottom: 10px;display: block;}
.NewCreateObj .SampleOKR{font-weight: 700;font-size: 14px;color: #F6A100;font-family: 'Lato';}
.NewCreateObj .Datepickercontainer .TargetTypeNumber{width: 45%;}
.NewCreateObj .TargetTypeNumber input[type="text"].DatePickerBox{width: 100%;}
.NewCreateObj .Datepickercontainer .TargetTypeNumber:first-child{margin-right: 14px;}
.StepKeyResults{display: none;}
.NewCreateObj .ChooseAlignBtn.WhiteBtn{border: 2px solid #8783FF;border-radius: 4px;height: 42px;line-height: 38px;}
.NewCreateObj .Info-Section{display: flex;align-items: center;}
.NewCreateObj .Info-Section .icon-Lagging{display: inline-block;color: #F8CF82;float: left;margin: 1px 10px 0 5px;font-size: 18px;transform: rotate(180deg);}
.NewCreateObj .ObjPercent .TargetTypeNumber{width: 100%;}
.NewCreateObj .ObjPercent .TargetFieldDropdown .bootstrap-select.open{border-radius: 5px !important;}
.NewCreateObj .ObjPercent .TargetFieldDropdown .bootstrap-select.open button.selectpicker.btn.btn-default.dropdown-toggle{border: 0px !important;}
.NewCreateObj .ObjSecondstep .ParTag{font-weight: 500;font-size: 14px;color: #777;margin-top: 4px;}
.NewCreateObj .ObjSecondstep .Objecttitle h3{width: calc(100% - 50px);position: relative;}
.NewCreateObj .ObjSecondstep .TitleBorder .CardEdit,.NewCreateObj .ObjSecondstep .TitleBorder .CardDelete{top: 14px;position: absolute;color: #808080;}
.NewCreateObj .ObjSecondstep .TitleBorder .CardEdit i,.NewCreateObj .ObjSecondstep .TitleBorder .CardDelete i,.NewCreateObj .ObjSecondstep .TitleBorder .icon-HoverEdit:before{color: #808080;}
.NewCreateObj .ObjSecondstep .TitleBorder .CardEdit{right: -20px;font-size: 15px;top: 16px;}
.NewCreateObj .ObjSecondstep .TitleBorder .CardDelete{right: -50px;}
.ObjectiveFields .Label,.ObjectiveFields .Value{display: block;font-weight: 500;}
.ObjectiveFields .Label{font-size: 12px;color: #808080;font-weight: 400;margin-bottom: 0px;}
.ObjectiveFields .Value{font-size: 14px;color: #353535;font-weight: bold;}
.ObjectiveFields .ObjContainer{display: flex;}
.ObjectiveFields .ObjInnerDiv{padding-left: 6px;flex: auto;}
.ObjectiveFields .ObjInnerDiv:first-child{padding-left: 0px;}
.ObjOwnerSection{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);border-radius: 5px;background: #FFFFFF;padding: 8px 13px;}
.LeftActiveUser{display: flex;align-items: center;}
.LeftActiveUser .ActiveUserIcon{float: left;}
.LeftActiveUser .LeftActivetext{float: left;margin-left: 10px;}
.ObjSecondstep .AddKeyResult,.ObjSecondstep .AddKeyResult .icon-if_plus_214640{color: #5A4D9F;}
.ObjSecondstep .AddKeyResult .icon-if_plus_214640{font-size: 14px;}
.ObjSecondstep .AddKeyResult{font-size: 14px;margin: 20px 0px 0px;display: flex;align-items: center;font-weight: 700;}
.KeyResult-MainDiv .EnableWeightage{display: inline-block !important;}
.KeyResultsWeightage{padding: 20px 0px;}
.KeyResultsLayout .EnableWeightage{display: block !important;font-weight: 700;font-size: 14px;color: #353535;}
.KeyResultsWeightage label{font-weight: 700;font-size: 18px;padding-left: 15px;}
.SavedKeyResults .ObjectiveList{background: #F2FBF7;box-shadow:none;border-radius: 4px;}
.SavedKeyResults .TitleBorder h3{padding-left: 0px !important;margin-bottom: 10px;width: 100%;}
.StatusaWeightage{border: 1px solid #F6A100;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 24px;background: #FFC188;padding: 6px 8px;font-weight: 700;font-size: 10px;color: #353535;height: 25px;line-height: 12px;}
.SavedKeyResults .TitleBorder h3 .HeadText{    display: flex;
    align-items: center;}
.KeyResultsWeightage .EnableWeightage .lcs_wrap{margin-left: 6px;}
.SavedKeyResults .Objecttitle{padding: 18px !important;}
.KeyResult-MainDiv{padding: 24px;background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);border-radius: 4px;border: 1px solid #808080;}
.ObjTarget.active .TargetSymbols .dropdown-item.active{display: inline-block;}
.LeftBorderDiv{position: relative;
padding-left: 10px;width: 99%;border-left: 2px solid #e3e3e3;float: left;margin: 0px 0 20px 10px!important;}
.KeyResult-CoverDiv:before{top: 224px;left: 9px;}
.icon-AddKeyResults{font-size: 16px;color: #808080;}
.SubWeightage .TargetTypeNumber{width: 100%;}
.KeyResult-MainDiv .ObjDescription .FormContainer{width: calc(100% - 16px);}
.SavedKeyResults .AddKey1{display: none;}
.SavedKeyResults .Objecttitle h3 span a{cursor: default;    font-size: 14px;color: #353535;font-weight: 700;}
.SavedKeyResults .Objecttitle h3 span a:hover{text-decoration:none;color: #364f6b;}
.Leftpan .Actioncol .CustomMens{top: -6px;}
.CreateObjective .LeftPan .CustomTooltip{padding: 0px 0px 0px 15px;}
.ObjectKeyresults li .AchivedTargetHead .CustomTooltip .tooltip,.TargetEditSection .CustomTooltip .tooltip{margin-top: -13px;}
.ObjectKeyresults li .AchivedTargetHead .CustomTooltip .tooltip.top .tooltip-arrow,.TargetEditSection .CustomTooltip .tooltip.top .tooltip-arrow{top: 50px;}
.visibilityfield.SupportPort{width: 96%;}
.visibilityfield.SupportPort .Pos_absolute{right: -33px;top: -22px;}
.DropSection .dropdown-menu .p-10{position: relative;}
.DropSection .dropdown-menu .CustomTooltip.DropSupport{position: absolute;right: 5px;top: 19px;}
.DropSection .dropdown-menu .CustomTooltip.CloseSupport{position: absolute;right: 5px;top: 54px;}
.TitleBorder .dropdown-menu .SupportLinks .dropdown-item{width: 85px;}
.AchievedEdit .FieldSection .Form,.AchievedEdit .TargetTypeNumber input[type="text"],.AchievedEdit .FloatingLabel .TargetTypeNumber{width: 100% !important;}
.AchievedEdit .FieldSection .TargetSection,.AchievedEdit .FieldSection .AchievedTargetSection{width: 100%;}
.AchievedEdit .ProgressSlider .ui-slider{width: calc(100% - 170px);;}
.AchievedEdit span.Weightagelabel{font-weight: 700;font-size: 10px;background: #FFC188;
border: 1px solid #F6A100;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 24px;padding: 2px 8px 1px;display: inline-block;}
.AchievedEdit .KeyResultsName{width: calc(100% - 100px);display: inline-block;margin-left: 0px;}
.TargetEditSection .AchievedTextSection{display: flex;align-items: center;}
.AchievedEdit .FieldSection .TargetSection p{font-weight: bold;}
.AchievedEdit .AchievedContainer .TargetTypeNumber input[type="text"]{padding: 4px 10px 0 20px;}
.TargetLayer .TargetTypeNumber.INRSection input[type="text"],.TargetLayer .TargetTypeNumber.DollerSymbol input[type="text"],.TargetLayer .TargetTypeNumber.PoundSection input[type="text"]{padding: 4px 10px 0 24px;}
.TargetLayer .TargetTypeNumber.NumberSymbol input[type="text"],.EditTypeRange .TargetLayer .StartSymbol input[type="text"]{padding: 4px 10px 0 26px;}
.TargetLayer .StartSymbol .NumberSymbol {color: #434343;}
.AchievedEdit .TargetSymbol,.TargetLayer .LeftSymbol{position: absolute;left: 10px;top: 11px;font-weight: 400;padding: 0px 8px 0px 0px;
    font-size: 16px;}
.TargetLayer .TargetSymbol{font-size: 14px;}
.StartSymbol .TargetSymbol.ViewSymbol .icon-Doller{display: inline-block;}
.AchievedEdit .quantity input{min-width: 146px;}
.AchievedEdit .TargetEditSection{display: block;}
.ObjectiveTarget .DollerSymbol{color: #434343;font-weight: 400;font-size: 16px;opacity: unset;margin: 0px 0px 0px 0px;}
.ProgressBarDiv{display: flex;align-items: center;margin-bottom: 0px;}
.Target_Section .TargetLayer{border-radius: 5px;border: 1px solid #dadada;padding: 15px;width: 100%;}
.TargetLayer .TagField,.TargetLayer .TargetTypeNumber,.TargetLayer .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}
.TargetLayerText{color: #808080;font-weight: 700;font-size: 14px;}
.TargetLayer .TargetFieldDropdown label{left: 25px;}
.SavedKeyResults .TitleBorder .CardEdit, .SavedKeyResults .TitleBorder .CardDelete {
    top: 6px;
    position: absolute;
    color: #808080;
}
.SavedKeyResults .TitleBorder .CardEdit {
    right: 40px;
    font-size: 15px;
    top: 8px;
}
.SavedKeyResults  .TitleBorder .CardEdit i, .SavedKeyResults  .TitleBorder .CardDelete i, .SavedKeyResults  .TitleBorder .icon-HoverEdit:before {
    color: #808080;
}
.SavedKeyResults  .TitleBorder .CardDelete {
    right: 10px;
}
.ObjectiveFields .TargetTextLayout .ObjInnerDiv{width: 75%;}
.ObjectiveFields .TargetTextLayout .ObjInnerDiv:first-child{width: 25%;}
.ObjectiveFields .TargetTextLayout .Value{width: 100%;}
.DisplayNone{display: none !important;}
.TextTargetSection .FormContainer{width: 100%;}
.BooleonValue{pointer-events: none;}
.SavedKeyResults .TitleBorder .CardDelete:hover .icon-EditOut,.SavedKeyResults .TitleBorder .CardEdit:hover .icon-EditPen:before{color: #5A4D9F;}
.CreateObjective .AddKeyResult i{font-size: 15px;font-weight: bold;}
.CreateObjective .AddKeyResult span{font-weight: 700;font-size: 14px;color: #5A4D9F;}
.CreateObjective .AddKeyResult{display: flex;align-items: center;margin: 0px;}
.CreateObjective .AddKeyResult:hover,.CreateObjective .AddKeyResult:focus{text-decoration: underline;color: #483B8C;}
.DeleteAction .CardDelete{display: flex;align-items: center;float: right;}
.DeleteAction .CardDelete i{font-size: 1.8rem;margin: 10px 0px 0px 20px;}
.Target_Section{display: flex;align-items: center;}
.TargetLayer .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){margin-bottom: 0px;}
.TargetLayer .col-md-2.MeasureSction{max-width: 124px;}
.EditTypeRange .TargetLayer .ObjTarget,.EditTypeRange .TargetLayer .RangeHead{width: 50%;}
.EditTypeRange .TargetLayer .col-md-4.ObjStartValue{display: none;}
.CustomSorting .CustomUnit{border: 1px solid transparent;padding: 8px 3px;background: #F2FBF7;border-radius: 4px;font-weight: 400;color: #808080;text-align: left;display: inline-block;}
.CustomSorting .CustomUnit:hover{color: #483B8C;background: #F2FBF7;border: 1px solid #483B8C;}
.AchievedNote .Info-Section{background: #FFE2E6;border: 1px solid #E34A6F;border-radius: 4px;}
.AchievedEdit .KeyResultsName h4{width: calc(100% - 30px);}
.AchievedNote .Info-Section .icon-Lagging{display: inline-block;color: #E34A6F;float: left;margin: 1px 10px 0 5px;font-size: 18px;transform: rotate(180deg);}
#CustomUnitPopup .boolean .UICheckbox{top: -7px;}
#CustomUnitPopup .FloatingLabel .TargetTypeNumber{width: 100%;}
#CustomUnitPopup .BooleanLabel{padding: 0;color: #808080;margin-bottom: 10px;}
.NumberTarget{color: #434343;font-size: 14px;font-weight: normal;display: inline-block;border-radius: 4px;border: 1px solid transparent;padding: 8px 6px 8px 0px;}
.NumberTarget .icon-HoverEdit{font-size: 13px;float: right;margin-top: 3px;color: #D9D9D9;font-weight: bold; margin-left: 10px;}
.NumberTarget:hover .icon-HoverEdit{color: #5A4D9F;}
.NumberTarget:hover {border: 1px solid #5A4D9F;}
.Npercent i.icon-Percentage,.PercentSymbol i.icon-Percentage{color: #434343;font-size: 14px;margin-left: 2px;font-weight: normal;margin-top: -1px;}
.ObjectiveTarget span.Npercent{margin-left: 0px;vertical-align: middle;}
.KeyAchivedTarget p .StartScoreValue{font-size: 12px;}
.StartScoreValue .Npercent i.icon-Percentage{color: #808080;}
.StartValueSection{font-size: 15px;}
.StartValueSection .Npercent i.icon-Percentage{margin-left: 0px;}
.ObjectiveTarget a:hover .Npercent .icon-Percentage{color: #434343;}
.TargetSection .Npercent{display: inline-block;vertical-align: middle;}
.TargetLayer .PercentSymbol .TargetSymbol{right: 0px;}
.TargetLayer .PercentSymbol .icon-Percentage{position: absolute;right: 9px;top: 15px;}
.PercentSection.StartSymbol.TargetTypeNumber input[type="text"]{padding: 0px 25px 0 10px;}
.TargetLayer .col-md-2.UnitDropdownHead{max-width: 100px;}
.TargetLayer .col-md-2.UnitDropdownHead .CustomSorting .dropdown-menu{min-width:84px;}
.TargetLayer .col-md-2.UnitDropdownHead .CustomSorting .CustomSortBtn .SelectedValues{width: 80% !important;}
.UnitDropdownHead .CustomSorting .TopList{max-height: 284px;}
.TargetLayer .TargetFieldDropdown.MeasureSction label{left: 8px;}
.TargetFieldDropdown .CustomSorting .btn.dropdown-toggle:hover,.TargetFieldDropdown .CustomSorting .btn.dropdown-toggle:focus{border: 1px solid #5A4D9F;}
.TargetLayer .StartSymbol input[type="text"] {padding: 4px 10px 0 10px;}
.Objective_TextType .ObjectiveTarget a i{font-size: 18px;font-weight: normal;color: #777;opacity: 0.6;}
.Objective_TextType .ViewTarget{border: 0px solid transparent;padding: 0;}
.KeyAchivedTarget .ParagraphTag{margin: 0px;padding: 0px;min-height: auto;}
.KeyAchivedTarget .ParagraphTag .TextLength{width: calc(100% - 10px);}
.KeyAchivedTarget .ParagraphTag .icon-HoverEdit{position: absolute;top: 8px;right: 13px;}
.NComma .DollerSymbol,.Value .DollerSymbol,.KeyAchivedTarget .DollerSymbol,.KeyTarget .DollerSymbol,.TargetSymbol .DollerSymbol{
    color: #434343;
    font-weight: 600;
    font-size: 14px;
    opacity: unset;
    margin: 0px 0px 0px 0px;
}
.KeyAchivedTarget .DollerSymbol,.KeyTarget .DollerSymbol{font-weight: 400;}
.StartScoreValue{display: block;font-size: 12px;color: #808080;font-weight: 400;}
.icon-INR,.icon-Pound,.TargetLayer .StartSymbol .LeftSymbol{font-size: 18px;}
.KeyResult-CoverDiv .TextareaContainer textarea,.TextTargetSection .TextareaContainer textarea{padding-top: 10px;}
/*new create keyresults start*/
.KeyResults-Layout .ObjectKeyresults{margin-left: -10px;}
.KeyResults-Layout .ObjectKeyresults ul li:before,.KeyResults-Layout .ObjectKeyresults ul li .KeyResultsName:before{content: none;}
.KeyResults-Layout .ObjectKeyresults ul{width: 100%;border: 0px;padding: 0px;border-left: 2px solid #e3e3e3;
    padding-left: 36px;position: relative;}
.KeyResults-Layout .ObjectKeyresults ul li,.KeyResults-Layout .ObjectKeyresults ul li.KeyListRow.BorderClass{padding: 0px 0px 18px 0px;margin-bottom: 18px;}
.KeyResults-Layout .ObjectKeyresults ul li.KeyListRow.BorderClass{border-bottom: 1px solid #e3e3e3;}
.KeyResults-Layout .ObjectKeyresults ul li .KeyResultsName{width: 30%;}
.KeyResults-Layout .ObjectKeyresults ul li .KeyHead{width: 30%;padding-left: 0px;}
.KeyResults-Layout .ObjectKeyresults ul li .ConfidenceHead{width: 16%;padding-left: 80px;}
.KeyResults-Layout .ObjectKeyresults ul li .ProgressValue{width: 10%;display: none;}
.KeyResults-Layout .ObjectKeyresults li .WeightageValue{width: 10%;}
.KeyResults-Layout .ObjectKeyresults li .WeightageHead{width: 16%;}
.KeyResults-Layout .TargetHead{padding-left: 110px;}
.KeyResults-Layout .KeyTarget,.KeyResults-Layout .TargetHead{width: 20%;}
.KeyResults-Layout .OwnerValue{width: 10%;}
.KeyResults-Layout .ObjectKeyresults ul li:first-child{padding: 0px 0 10px 0;margin-left: 0px;border-bottom: 1px solid #e3e3e3;}
.KeyResults-Layout .ObjectKeyresults .EditRow{font-size: 18px;display: inline-block;color: #c7c7c7;}
.KeyResults-Layout .KeyTarget .TextLength{padding-right: 0px;}
.KeyResults-Layout .ConfidenceHead,.KeyResults-Layout .OwnerHead{padding-left: 0px;padding-right: 0px;}
.KeyResults-Layout .OwnerHead{padding-left: 15px;}
/*.KeyResults-Layout .ConfidenceValue{padding-left: 50px;}*/
.Savedlists{display: table;width: 100%;}
.Savedlists .NewOwnerUI{display: flex;align-items: center;}
.OwnerValue{width: 5%;display: table-cell;text-align: center;vertical-align: middle;font-size: 14px;}
.ObjectKeyresults .NewOwnerUI .OuterBorderEmpty{    width: 30px;
    height: 30px;line-height: 24px;}
.ObjectKeyresults .Information{display: flex;align-items: center;}
.ObjectKeyresults .Information .NameDetails span{width: 140px;text-align: left;white-space: inherit;}

.DetailedView .ObjectKeyresults li{ padding: 0 0px 15px 12px;}
.KeyAchivedTarget p .Npercent{display: inline-block;vertical-align: middle;}
.CardDelete{color: #c7c7c7;font-size: 22px;display: inline-block;margin-left: 16px;}
.KeyResults-Layout .ObjectKeyresults .EditRow:hover,.ObjectKeyresults .CardDelete:hover{color: #5A4D9F;}
.DisplayFLex{display: flex;align-items: center;}
.KeyListRow .DisplayFLex{display: table-cell;vertical-align: middle;text-align: center;width: 13%;}
.AchievedEdit .PercentContainer .TargetTypeNumber input[type="text"]{padding: 4px 30px 0 10px;}
.AchievedEdit .PercentContainer .TargetTypeNumber .PercentSymbol{    position: absolute;right: 10px;top: 10px;}
.KeyListRow .KeyResultsName h4{margin-bottom: 0px;}
.KeyResult-CoverDiv .FloatingLabel .TextareaContainer textarea{color: #434343;}
.KeyResultsDecrease .TargetLayer .StartSymbol input[type="text"]{padding: 0px 28px 0 10px;}
#CustomUnitPopup .PreviewSection{background: #F9F9F9;border-radius: 4px;padding: 16px 12px 20px;text-align: center;margin-top: 20px;}
#CustomUnitPopup .PreviewSection label{margin: 0;display: block;font-size: 12px;}
#CustomUnitPopup .PreviewSection span{font-size: 16px;font-weight: 700;margin-top: 5px;display: block;}
#CustomUnitPopup .PreviewSection span.ValueChange{display: inline-block;}
.TargetLayer.AutoWidth .col-md-4.col-sm-12{width: 20%;}
.TargetLayer.AutoWidth .col-md-8.col-sm-12{width: 80%;}
.KeyResults-Layout .ObjectKeyresults.SingleKeyRow ul li:first-child {
    padding: 0px 0 10px 0;margin-bottom: 18px;
    margin-left: 0px;
    border-bottom: 1px solid #e3e3e3;
}
.SortBy .bootstrap-select.open button.selectpicker.btn.btn-default.dropdown-toggle{border-radius: 5px;}
.TargetLayer .TargetPercentSymbol + div.tooltip.fade{left: 142px !important;}
.TargetLayer .TargetSymbol + div.tooltip.fade,.TargetLayer .PoundSymbol + div.tooltip.fade{left: -12px !important;}
.TargetLayer .INRSymbol + div.tooltip.fade{left: -6px !important;}
.TargetLayer .TargetPercentSymbol + .tooltip.top .tooltip-arrow{top: 30px !important;}
.ObjectKeyresults li .SubWeightage .tooltip{box-shadow: none;}
.ObjectKeyresults li .SubWeightage .tooltip.top .tooltip-arrow{top: 24px;}
/*custom multiselect tags start*/
.CustomMultitags.FloatingLabel .MultiselectEmployeeAvatarDiv label.placeholder{top: 19px;margin: 0px;}
.CustomMultitags .MultiselectEmployeeAvatarDiv.active label.placeholder,.CustomMultitags .MultiselectEmployeeAvatarDiv.opened label.placeholder{top: -10px;
    left: 10px;
    padding: 0 5px;
    font-size: 12px;
    color: #5A4D9F;
    background: #fff;}
.CustomMultitags .MultiselectEmployeeAvatarDiv.opened {
    border: 1px solid #483B8C;
    border-radius: 5px 5px;
}
.CustomMultitags .MultiselectEmployeeAvatarDiv {
   width: calc(100% - 36px);position: relative;
    background: #fff;
    min-height: 40px;
    border: 0;
    height: auto;
    border: 1px solid #dadada;
      cursor: pointer;}
.CustomMultitags .Deleterow{top: 18px;}
.CustomMultitags  .SelectedNameAV .transition .delete{top: 17px;right: 7px;left: unset;}
.CustomMultitags .SelectedNameAV li.GetNameAVInput input{border: 0px;padding: 0px;}
.CustomMultitags .SelectedNameAV li.GetNameInput.Circular-Image,.CustomMultitags .SelectedNameAV li.GetNameAVInput.Circular-Image{background-image: unset;padding: 0px;}
.CustomMultitags .FormIcon{margin: 12px 10px 0 0;}
.CustomSorting .PrcentClick span{margin-top: -3px;font-size: 16px;}
.CustomSorting .booleansymbol{font-size: 14px;margin-top: -3px;}
.CustomSorting .TextClick span{margin-top: -1px;}
.DropOpen > .dropdown-menu{display: block;}
.CreateObjective .AutosuggestList li a.Sublink{border-radius: 0px;
    display: block;
    text-align: left;
    height: inherit;
    line-height: inherit;
    background: none;
    color: #454545;
    border-top: 0;
    box-shadow: none;
    padding: 0;
    opacity: 1;}
    .CreateObjective .AutosuggestList li:hover a.Sublink{color: #fff;}
    .btn.btn-black, .btn-black:hover {
    background: #fff;
    border-color: #fff;
    color: #676666;
}
.Actioncol .AlignmentBtn{font-size: 20px;position: absolute;left: -30px;top: 2px;color: #706f87;}
.Actioncol .AlignmentBtn:hover{color: #5A4D9F;}
.Clone-Section .modal-body{min-height: 400px;}
.Clone-Section .TargetTypeNumber input[type="text"].DatePickerBox{width: 115px !important;}
.Clone-Section .BooleanForm .KeyText{font-weight: 700;font-size: 18px;margin-bottom: 10px;}
.Clone-Section .boolean .UICheckbox {top: -7px;}
.Clone-Section .modal-footer{border: 0px;text-align: left;padding: 10px 0px 20px 20px;}
.Clone-Section .tooltip-inner{white-space: inherit;}
.Clone-Section.new-modal.modal.fade .modal-dialog{max-width: 750px !important;}
.Clone-Section .PercentInfo{display: inline-block;vertical-align: middle;padding-left: 3px;font-size: 20px;margin: 0 !important;}
.Clone-Section .ObjName .TextareaContainer h5{margin: 0px 0px 0px;font-size: 17px;}
.Clone-Section .Datepickercontainer .FormIcon,.Clone-Section .CustomMultitags .FormIcon{margin-left: -3px;}
.Clone-Section .CustomMultitags .SelectedNameAV li.GetNameAVInput input{height: 38px;}
.Clone-Section .ChooseManager .TargetTypeNumber input[type="text"]{height: 60px;}
.Clone-Section .FloatingLabel .ChooseManager label.placeholder{top: 20px;left: 11px;}
.Clone-Section .OwnerField .ChooseManager .InputIcon .icon-SearchGlass{top: 12px;font-size: 16px;
    color: #a5a5a5;}
.WithoutClone .FormIcon {margin: 12px 10px 0 -3px !important;}
.Clone-Section .MultiselectEmployeeNameDiv .SelectArrow,.Clone-Section .MultiselectEmployeeAvatarDiv .SelectArrow{right: 12px;top: 22px;}
.Clone-Section .ToText{margin: 10px 9px 0px 5px;}
.Clone-Section .Datepickercontainer .icon-Date{margin-top: 2px;display: inline-block;}
.Clone-Section .FloatingLabel.OwnerField.active .ChooseManager label.placeholder{top: -22px !important;}
.Clone-Section .FloatingLabel .TargetTypeNumber :focus ~ label.placeholder{top: -10px !important;}
.Clone-Section .EmployeeSearchList{top: 60px;overflow-y: auto;max-height: 248px;}
.Clone-Section .FloatingLabel.OwnerField.WithClone.opened .placeholder{top: -12px;margin: 0;font-size: 14px;
    left: 6px;padding: 0 6px;color: #777;z-index: 9;background: #ffff;}
.Clone-Section .MultiselectEmployeeNameDiv .MultiEmployeeSearchList,.Clone-Section .MultiselectEmployeeAvatarDiv .MultiEmployeeSearchListAV{    max-height: 270px;}
.icon-Clone{color: #808080;font-size: 18px;display: inline-block;vertical-align: middle;
    padding-left: 5px;cursor: default;}
.icon-Clone:hover{color: #808080;}
.Clone-Section .OwnerField .ChooseManager .InputIcon .icon-Cancel{top: 12px;position: absolute;right: 2px;}
.Clone-Section .OwnerField.active a.InputIcon{right: 22px;top: 22px !important;}
.Clone-Section .ObjName .FormIcon{margin: 0px 10px 0 0;}
.Clone-Section.modal.right .modal-body,.Clone-Section.modal.right .modal-content{background: #fff;}
.Clone-Section.new-modal.modal.fade.right .modal-dialog{max-width: 600px !important;}
.TitleBorder .CloneIcon,.Clone-Section .ObjName .TextareaContainer .CloneIcon{font-size: 12px;font-style: italic;color: #364F6B;font-weight: 500;
    display: inline-block;cursor: default;}
.TitleBorder .CloneIcon:hover,.Clone-Section .ObjName .TextareaContainer .CloneIcon:hover{text-decoration: none;color: #364F6B;}
.ObjTarget-Section,.Objective_TextType{display: none;}
.ProgressCalculate .boolean label{padding: 5px 10px 0 25px;}
.ProgressTooltip{position: relative;top: 2px;}
.ProgressCalculate .tooltip-inner{white-space: inherit;}
.Employee-Search .Applied, .Employee-Search .funnel_icon .theme-org-panel{display: none;}
#Directory.Employee-Search .dataTables_wrapper label input.input-sm {
    width: 240px !important;
    border-radius: 5px;
    border: 0px;
    padding: 3px 10px 0px !important;
    height: 33px;
}
.Employee-Search .modal-dialog .grid_table .dataTables_filter {
    position: absolute;
    top: -8px;
}
.Employee-Search .grid_table .dataTables_wrapper {
    border-top: 1px solid #e2e7eb !important;
}
#CloneFreeUser-Popup .modal-title{text-transform: inherit;}
.ProgressBarDiv .tooltip-inner{white-space: inherit;}
.IndividualCheckInBtn.Notify + div.tooltip.top{margin-top: -11px;}
.ApprovaReject .Information.NewOwnerUI{width: 240px;}
.ApprovaReject .SerachArea {background: #F7F7F7;border-radius: 4px;padding: 16px;}
.ApprovaReject .SerachArea .SortBy .bootstrap-select.btn-group .dropdown-menu.inner {
    overflow-y: auto;
}
.ApprovaReject table td a{color: #5A4D9F;font-weight: 700;font-size: 15px;}
.ApprovaReject table td a:hover{text-decoration: underline;}
.VisibilitySection .FormIcon{margin: -2px 10px 0 4px;}
.VisibilitySection .icon-Visibility{color: #a6a6a6;font-size: 14px;}
.VisibilitySection .VisibilityLabel{margin: 0px;color: #808080;}
.VisibilitySection .boolean label{padding: 4px 10px 0 25px;}
.MultiselectEmployeeNameDiv .SelectedName ul .transition {
    margin: 7px 10px 1px 0;
}
.Visiblity-Note{font-size: 13px;font-style: italic;font-weight: 400;color: #454545;margin-top: 5px;}
.VisibilitySection .SelectedName li.GetNameInput.Circular-Image,.VisibilitySection .SelectedNameAV li.GetNameAVInput.Circular-Image{background-image: none;padding: 0;}
.VisibilitySection .MultiEmployeeSearchList .EmpCard .Name,.VisibilitySection .MultiEmployeeSearchListAV .EmpCard .Name{margin: -4px 0 0 0;}
.VisibilitySection .MultiselectEmployeeNameDiv .SelectArrow,.VisibilitySection .MultiselectEmployeeAvatarDiv .SelectArrow{right: 15px;}
.TemplateClick{margin-top: 10px;font-size: 13px;}
.TemplateClick a{font-weight: 700;}
.TemplateClick a:hover{text-decoration: underline;color: #483B8C;}
/*custom multiselect tags end*/
/*OKR template css start*/
.OKR-Template.new-modal.modal.fade .modal-dialog{max-width: 1280px !important;min-width: 1280px;}
.OKR-Template .LeftSide .tab {float: left;background-color: #F8F7FF;
    border-radius: 5px;padding: 15px;width: 100%;height: 650px;}
.OKR-Template .LeftSide .tab button {display: block;background-color: inherit;padding: 6px 10px;border: 0px;width: 100%;text-align: left;cursor: pointer;
transition: 0.3s;border-radius: 3px;font-weight: 400;color: #000;margin-bottom: 10px;}
.OKR-Template .LeftSide .tab button:last-child{margin-bottom: 0px;}
.OKR-Template .LeftSide .tab button.active,.OKR-Template .LeftSide .tab button:hover {background-color: #5A4D9F;color: #fff;}
.OKR-Template .LeftSide{width: 23%;float: left;}
.OKR-Template .RightSide{width: 77%;float: left;margin-top: -8px;}
.OKR-Template .RightSide .tab_content {padding: 0px 0px 0px 10px;
border-left: none;display: none;}
.OKR-Template .RightSide .tab_content.active{display: block;}
.OKR-Template .TemplateCard{border: 1px solid #DEDEDE;border-radius: 5px;}
.OKR-Template .TemplateCard:hover{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.30);}
.OKR-Template .TemplateCard h3{margin: 0px;padding: 15px;display: flex;align-items: center;height: 70px;}
.OKR-Template .TemplateCard h3 i{font-size: 20px;color: #5A4D9F;}
.OKR-Template .TemplateCard h3 span{font-size: 15px;color: #000;font-weight: 600;padding-left: 10px;
    line-height: 20px;}
.OKR-Template .TemplateCard .Lists{padding: 15px 15px 15px 35px;border-top: 1px solid #DEDEDE;}
.OKR-Template .TemplateCard .Lists li{list-style: disc;margin-bottom: 15px;font-weight: 400;color: #4C4C4C;width: 100%;}
.OKR-Template .TemplateCard .Lists li .ListText{display: inline-block;width: 96%;vertical-align: top;}
.OKR-Template .TemplateCard .Lists li:last-child{margin-bottom: 0px;}
.OKR-Template .TemplateCard .SelectBtn{margin: 0px 15px 15px;float: right;font-size: 13px;
    font-weight: 600;height: 28px;line-height: 15px;min-width: 62px;border: 1px solid #5A4D9F;color:#5A4D9F;box-shadow: none;}
.OKR-Template .TemplateCard .SelectBtn.active,.OKR-Template .TemplateCard .SelectBtn:hover{background: #5A4D9F;color: #fff;}
.OKR-Template .RightSide .col-md-6:nth-child(odd) {padding:10px 10px 0px 10px;}
.OKR-Template .RightSide .col-md-6:nth-child(even) {padding:10px 0px 0px 10px;}
.TemplateMenus li.Innermenus{margin-bottom: 20px;}
.TemplateMenus li.Innermenus:last-child{margin-bottom: 0px;}
.InnerSubMenu li{margin-bottom: 8px;}
.TemplateMenus li.Innermenus .InnerSubMenu{display: none;}
.TemplateMenus li.Innermenus.Open .InnerSubMenu{display: block;margin-left: 8px;}
.TemplateMenus .ExpandMenu{display: inline-block;width: 100%;position: relative;padding-left: 9px;}
.TemplateMenus .ExpandMenu span{color: #000;font-weight: 600;}
.OKR-Template .LeftSide .tab button.CompanyTab{font-weight: 600;}
.TemplateMenus .ExpandMenu i{display: inline-block;position: absolute;
    right: 3px;
    top: 8px;}
.TemplateMenus .Innermenus.Open .ExpandMenu i{transform: rotateZ(180deg);}
.CreateSection{display: flex;align-items: center;justify-content: left;border-radius: 20px;
border: 2px solid #D1D1D1;padding: 40px 20px;width: 900px;margin: 0 auto;}
.Journey-Head h2{margin-top: 0px;}
.Journey-Head h2 span{display: inline-block;font-weight: 500;}
.Journey-Head p{font-size: 20px;color: #565656;margin-bottom: 35px;}
.CreateSection .Right-Content h4{font-size: 26px;color: #313131;font-weight: 700;margin-top: 0px;}
.CreateSection .Right-Content p{color: #626262;line-height: 25px;}
.Right-Footer .new-btnblue,.Right-Footer .new-btn{text-transform: initial;}
#content.content.TemplateCenter{padding: 0px;margin: 20px auto 0px;display: table;width: 100%;height: auto;min-height: auto;}
.TemplateCenter .Create-Template{vertical-align: middle;display: table-cell;margin: 0px;
    height: calc(100vh - 140px);padding-left: 66px;}
.ViewSelected{float: right;margin:5px 0px 10px 0px;font-size: 12px;}
#Template-MultiSelect.new-modal.modal.fade .modal-dialog{max-width: 666px !important;min-width: 666px;}
.Template-MultiSelect .Journey-Head label{font-size: 20px;color: #353535;font-weight: 700;}
.Template-MultiSelect .Journey-Head span{display: block;font-size: 13px;color: #4C4C4C;font-weight: 400;}
.OKR-Template .TemplateCard .Card-Click i{color: #777777;font-size: 8px;margin-right: 10px;transform: rotateZ(180deg);display: inline-block;}
.OKR-Template .TemplateCard .Card-Click{margin-top: -13px;}
.OKR-Template .TemplateCard .Card-Click:hover i{color: #5A4D9F;}
.OKR-Template .TemplateCard.Close .Card-Click{margin-top: -8px;}
.TemplateCard .Delete{font-size: 16px;display: inline-block;float: right;color: #4F4F4F;
    margin-right: 5px;}
.TemplateCard .Delete:hover{color:#483B8C;}
.OKR-Template .TemplateCard .Lists li .Delete{display: none;}
.OKR-Template .TemplateCard .Lists li:hover .Delete{display: inline-block;}
.OKR-Template .TemplateCard h3 .Delete{position: absolute;right: 41px;font-size: 16px;}
.OKR-Template .TemplateCard h3 .Delete:hover i{color:#483B8C;}
.OKR-Template .TemplateCard h3 .Delete i{font-size: 16px;color: #4F4F4F;}
.Template-MultiSelect.new-modal .modal-footer{border: 0px;}
.Template-MultiSelect .OKR-Template .col-md-12{margin:10px 0px 5px 10px;padding-right: 15px !important;}
.Template-MultiSelect .modal-footer{padding: 5px 30px 30px;border: 0px;}
.Template-MultiSelect .OKR-Template .TemplateCard.Close .Lists{display: none;}
.Template-MultiSelect .OKR-Template .TemplateCard.Close .icon-DownArrow{transform: rotateZ(0deg);}
.Template-MultiSelect .OKR-Template .TemplateCard h3{height: unset;}
.Template-MultiSelect .close{font-size: 30px;font-weight: normal;}
.Template-MultiSelect.new-modal .slimScrollDiv{width: 98% !important;margin: 0;}
.Template-MultiSelect .OKR-Template .TemplateCard{margin-right: 10px;}
#Save-Template h3,#Warning h3{font-size: 20px;}
#Save-Template p,#Warning p{line-height: 25px;padding-top: 10px;color: #000;font-weight: 400;margin-bottom: 0px;}
.Templatecard{width: 63%;}
.Notemplates{text-align: center;padding: 40px 20px 20px;line-height: 25px;}
.MultipleOptions h4{line-height: 25px;}
.ClearOptions{float: right;margin: 15px 15px 0px 0px;}
.ClearOptions:hover{text-decoration: underline;}
.PointerNone{pointer-events: none;}
.cursor-Notallowed{cursor: not-allowed;}
/*new create keyresults end*/
.AssignObjc .Eligible .UICheckbox small{top: 1px;}
.EditKeyResults .AssignObjc .Eligible .UICheckbox small {top: -1px;}
.AssignObjc .ChooseManager .EmployeeSearchList {position: absolute;}
.AssignObjc .ChooseManager .EmployeeSearchList li{width: 100% !important;float: left;border-bottom: 1px solid #e0e2e4 !important;padding: 10px !important;margin: 0px !important;}
.AssignObjc .EmployeeSearchList .EmpCard span small{margin: 0px;}
.AssignObjc .OwnerField .EmployeeSearchList .avatar{margin-top: 1px;}
.AssignObjc .boolean label{padding: 5px 10px 0 20px;}
.EditKeyResults .AssignObjc .boolean label{padding: 7px 10px 0 20px;}
.CreateObjective .LeftPan.Leftpanmove{padding: 30px 25px 20px 40px;}
.CreateObjective .LeftPan.Leftpanmove .leftaction{padding-left: 17px !important;}
.Leftpanmove .ObjName {margin-left: -40px;}
.Leftpanmove .leftaction,.ObjectKeyresults ul li.TextLists{position: relative;}
.Leftpanmove .leftaction::after{content: "";
    position: absolute;
    border-left: 2px solid #e3e3e3;
    top: 49px;
    bottom: 65px;
    z-index: 9;
    left: -10px;}
.LeftPan .leftaction::after{ bottom: -70px;}
.Leftpanmove .leftaction.LineDecrease::after{top: 141px;}
.Leftpanmove .AutoSuggestObjective{width: calc(100% - -42px);margin-left: -39px;}
.KeyResults-Layout .ObjectKeyresults ul li.ListRows:last-child::after{content: "" !important;
    position: absolute !important;
    top: 7px;
    bottom: 0;
    left: -38px;
    width: 5px;
    background: #fff;}
.KeyResults-Layout .ObjectKeyresults ul li::before{content: "";
    position: absolute;
    top: 16px;
    left: -38px;
    width: 20px;
    height: 10px;
    background: transparent;
    border-bottom-left-radius: 24px;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 0px 0px 2px 2px;
    z-index: 99;}
.KeyResults-Layout .ObjectKeyresults ul li:last-child,.KeyResults-Layout .ObjectKeyresults ul li:nth-last-child(2){margin: 0px;padding: 0px;border-bottom: 0px;}
.KeyResults-Layout .ObjectKeyresults ul li .KeyResultsName:before {
    content: '';
    position: absolute;
    top: 18px;
    left: -32px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff;
    border: 4px solid #B2B2B2;
}
.ObjectKeyresults ul li.Cascadingenable .KeyResultsName:before{left: -31px;
    border: 0;
    width: 20px;
    height: 26px;top: 13px;
    /*top: 7px;*/border-radius: 0px;}
.KeyResults-Layout .ObjectKeyresults ul li{padding-left: 15px !important;}
.Savedlists .Cascadingicon{top: 12px;left: -33px;}
.Cascadingicon{position: absolute;left: -40px;/*top: 2px;*/top: 20px;}
li:last-child.Cascadingenable .Cascadingicon{left: -14px;}
.Cascadingicon img{width: 22px;}
.Cascadingicon .tooltip.top .tooltip-arrow{/*top: 24px;*/bottom: -4px;}
.EditKeyResults .Cascadingicon{left: -18px;top: 10px;}
.KeyResult-MainDiv.EditKeyResults:before{content: '';
    position: absolute;
    top: 17px;
    left: -18px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #fff;
    border: 5px solid #bfdefb;}
.CascadingEdit.KeyResult-MainDiv.EditKeyResults:before{border: 0px;border-radius: 0px;}
.CascadeToObj .Label span.Cascadingicon{background: #fff;
    padding: 5px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: inline-block;
    line-height: 16px;
    text-align: center;
    border: 1px solid #e1e4e5;
    position: absolute;
    right: -17px;
    margin-top: -5px;left: unset;top: unset;}
.Objecttitle .CascadeToObj h3 i.icon-CompanyObj{top: 10px !important;font-size: 18px;}
.Objecttitle .CascadeToObj h3 span{font-size: 14px;}
.Cascaded-Accept{border-radius: 5px;background: #F0EFFF;clear: both;padding: 20px 15px;margin-top: 15px;
display: flex;align-items: center;width: 100%;}
.Cascaded-Accept label{display: inline-block;vertical-align: middle;margin: 0px 0px 0px;width: calc(100% - 195px);padding-right: 10px;}
.Cascade-Action{display: inline-block;float: right;}
.WithCascade .TitleBorder:after{border: 0px;}
/*Notify section*/
#header .NotifyMenu .dropdown-menu {width: 400px;padding: 0px 0px 0px;right: -180px;}
#header .NotifyMenu .dropdown-menu > li a.MarkAction{letter-spacing: -0.48px;}
#header .NotifyMenu .dropdown-menu > li a.MarkAction,#header .NotifyMenu .dropdown-menu > li a.ViewAll{text-align: right;margin: 0px;color: #5A4D9F !important;font-weight: bold;}
#header .NotifyMenu .dropdown-menu > li a.MarkAction:hover,#header .NotifyMenu .dropdown-menu > li a.ViewAll:hover{background: transparent;text-decoration: underline;}
#header .NotifyMenu .dropdown-menu li{padding: 15px 20px 15px;}
#header .NotifyMenu .dropdown-menu li.NotifyHeader{border-bottom: 0.6px solid #E3E3E3;padding-bottom: 15px;}
#header .NotifyMenu .dropdown-menu li.NotifyHeader label{margin: 0px;font-weight: 700;font-size: 16px;}
#header .NotifyMenu .dropdown-menu li.NotifyHeader .close{opacity: 1;}
#header .NotifyMenu .dropdown-menu li.NotifyHeader .close i{color: #7B7777;font-size: 14px;margin: 0px;}
#header .NotifyList{padding-top: 20px;clear: both;display: block;}
#header .NotifyList .NotifyDiv .OuterBorderEmpty{width: 32px;height: 32px;font-size: 14px;line-height: 32px;}
#header .NotifyList .NotifyDiv .EmptyImg{padding: 0;border: 0;border-radius: 50%;font-size: 14px}
#header .NotifyMenu .dropdown-menu > li:last-child a{border: 0px;padding: 0px;color: #434343;}
#header .NotifyList .NotifyDiv{display: flex;align-items: center;position: relative;}
#header .NotifyList .NotifyDiv .EmpImage{position: absolute;top: 3px;}
#header .NotifyMenu .LeftDiv,#header .NotifyMenu .RightDiv{display: inline-block;float: left;}
#header .NotifyMenu .LeftDiv{width: 15%;}
#header .NotifyMenu .RightDiv{width: 83%;}
#header .NotifyMenu .RightDiv a{font-size: 14px;}
#header .NotifyMenu .RightDiv span{display: block;color: #797979;font-size: 12px;margin-top: 3px;}
#header .NotifyMenu .dropdown-menu li a{font-size: 14px;padding: 0px;color: #434343;}
.NotifyDiv .RightDiv a{color: #434343;}
#header .NotifyMenu .dropdown-menu li a:hover,.NotifyDiv .RightDiv a:hover{color: #5A4D9F;}
#header .NotifyMenu .SubNotify{height: 438px;overflow-y: auto;}
#header .NotifyMenu .CircleMark{width: 12px;height: 12px;background: #5A4D9F;border-radius: 50%;display: inline-block;}
#header .NotifyMenu .dropdown-menu .SubNotify li{border-bottom: 0.6px solid #E3E3E3;}
#header .NotifyMenu .dropdown-menu li .RightDiv a:hover{color: #483B8C;}
#header .NotifyMenu .dropdown-menu  .triangle-left{
    border-left: 12px solid transparent;
    border-bottom: 12px solid #d4d4d4;
    border-right: 12px solid transparent;
    height: 0;
    left: 183px;
    position: absolute;
    top: -11px;
    z-index: 9999;display: block;
}
#header .NotifyMenu .dropdown-menu  .triangle-left .inner-triangle {
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 0;
}
.navbar-nav li.dropdown.navbar-user.UserAvatar.NotifyMenu:hover{background: transparent;border-radius: 0px;}
.navbar-nav li.dropdown.navbar-user.UserAvatar.NotifyMenu .NotifiyBtn {margin: 20px 10px 0px 0px !important;
    padding: 4px 0px 0px !important;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    line-height: 18px;border-radius: 50%;opacity: 1 !important;}
.navbar-nav li.dropdown.navbar-user.UserAvatar.NotifyMenu  a.NotifiyBtn:hover,.navbar-nav li.dropdown.navbar-user.UserAvatar.NotifyMenu.open  a.NotifiyBtn{background: #5A4D9F !important;opacity: 1;}
.Notify-container .NotifyDiv .RightDiv b{display: inline-block;margin-right: 3px;}
.Notify-container .NotifyDiv .RightDiv  p{margin-bottom: 5px;font-size: 14px;}
.Notify-container .NotifyDiv .RightDiv  span{display: block;color: #777;font-size: 14px;}
.Notify-container .NotifyList{padding: 0px;margin-bottom: 0px;border-top: 0.6px solid #e0e0e0;}
.Notify-container .NotifyList:last-child{margin-bottom: 0px;}
.Notify-container .NotifyDiv .RightDiv{width: 100%;float: left;}
.Notify-container .MarkRead .NotifyDiv .RightDiv{width: 95%;}
/*.Notify-container li.EmptyLine{padding: 12px 0px 12px;border: 0px !important;text-align: center;
    color: #808080;font-size: 14px;display: none;}
.Notify-container .EmptyLine span{background: #fff;padding: 0px;}*/
.Notify-container .CircleMark{width: 12px;height: 12px;background: #5A4D9F;border-radius: 50%;display: none;position: absolute;right: 15px;}
.Notify-container .NotifyDiv{display: flex;align-items: center;position: relative;padding: 15px 15px;
    border-radius: 0px;margin-bottom: 0px;cursor: pointer;color: #434343;}
#NotifyPopup .LoadMore{padding: 15px;text-align: center;display: inline-block;width: 100%;}
.Notify-container .MarkRead .CircleMark{display: inline-block;}
.NotifyList.MarkRead .NotifyDiv,.NotifyList:hover .NotifyDiv{background: #F9F9F9;}
.MarkLink{float: right;margin: 23px 5px 0px 0px;}
.MarkLink:hover{text-decoration: underline;color: #483B8C;}
.NotifyMenu .NotifiyBtn .icon-remainder{font-size: 16px;color: #764FB7 !important;}
.NotifyMenu:hover .NotifiyBtn .icon-remainder,.NotifyMenu .NotifiyBtn:hover .icon-remainder::before,.NotifyMenu.open .NotifiyBtn .icon-remainder::before{color: #fff !important;}
.NotifyMenu .NotifiCount{position: absolute;top: -5px;line-height: 21px;right: -3px;background-color: #fa3e3e;color: #fff !important;border: 1px solid #fff;border-radius: 50%;
height: 22px;width: 22px;text-align: center;font-size: 10px;font-weight: 700;}
.NotifyMenu .NotifiCount.MoreCount{top: -7px;right: -7px;border-radius: 15px;width: 27px;}
.No-Notify .DisplayFlex{justify-content: center;display: flex;align-items: center;height: auto;min-height: 500px;}
.No-Notify .Notifyrecord img{width: 200px;height: unset;margin: 0px;float: none;}
.No-Notify label{display: block;font-weight: 700;font-size: 15px;margin: 20px 0px 10px;}
.No-Notify p{font-size: 14px;margin: 0px 0px;display: inline-block;}
#NotifyPopup .MarkAction{display: block;text-align: right;padding: 12px;}
#NotifyPopup .MarkAction:hover,#NotifyPopup .LoadMore:hover{text-decoration: underline;color: #483B8C;}
#NotifyPopup .modal-header,#NotifyPopup .modal-body,#NotifyPopup.modal.right .modal-content{background: #fff;}
#NotifyPopup .modal-header{padding: 20px 20px 15px;}
#NotifyPopup.modal.right.fade.in .modal-dialog{width: 450px;min-width: 450px;max-width: 450px;}
.ObjectKeyresults li.Cascadingenable .tooltip{box-shadow: none !important;}
.ObjectKeyresults li.Cascadingenable .tooltip.left{left: 4px !important;top: 34px !important;}
.ObjectKeyresults li.Cascadingenable .tooltip.right{top: 8px !important;}
.KeyResults-Layout .ObjectKeyresults li.Cascadingenable .tooltip{box-shadow: 0 0px 8px #929292 !important;}
.Error-Section.boolean .UICheckbox small{border-color: #ff5b57 !important;}
.Primary-Company i{cursor: not-allowed;}
.DateRangeStandard .tooltip-inner {
    white-space: inherit;
    min-width: 220px;
    width: 220px;
    position: relative;
    right: 15px;
}
.DateRangeStandard {
    float: right;
    margin-top: 18px;
    display: flex;
    align-items: center;
}
.DateRangeStandard.QuaterField input{min-width: 250px;}
.DateRangeSection,.DateRangeStandard {
   /* margin-top: 18px;*/
    display: flex;
    align-items: center;
}
.DateRangeSection .Label,.DateRangeStandard .Label {
    font-weight: 400;
    font-size: 14px;
    color: #C7C7C7;
    padding-right: 12px;
    display: inline-block;
}
.DateRangePicker {
    width: 226px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-right: -5px;
    cursor: pointer;
    font-size: 14px;
}
.DateRangeSection .fa,.DateRangeStandard .fa {
    position: relative;
    right: 22px;
    font-size: 20px;
    top: 2px;
    color: #8F929B;
    cursor: pointer;font-weight: bold;
}
.DateRangeSection .HintIcon,.DateRangeStandard .HintIcon {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.6;
}
.Confidential-Score.modal.right .modal-dialog{width: 500px;min-width: 500px;}
.Confidential-Score .SelfReview .ProvidedDate{top: 20px;}
.Confidential-Score .OtherCommentsList{border-radius: 5px;background: #F7F7F7;box-shadow: none;}
.Confidential-Score .modal-body h5{padding-left: 13px;margin-top: 0px;}
.chartsLabels .Expected,.chartsLabels .Actual{display: inline-block;vertical-align: middle;margin: -5px 0px 0px;}
.chartsLabels .Expected span{color: #464646;margin-right: 5px;}
.chartsLabels .Actual span{color: #5A4D9F;margin-right: 5px;display: inline-block;display: inline;font-size: 20px;vertical-align: text-bottom;}
/*.Confidential-Score .raphael-group-22-canvas rect,.Confidential-Score .raphael-group-133-canvas rect{    stroke-width: 1;
    stroke: #E3E3E3;stroke-linecap: round;ry: 3;rx: 3;
}*/
.AchievedEdit .Confidence-buttons .HighRange{background: #DAFFDE;color: #23B31D;border-radius: 5px;}
/*.AchievedEdit .Confidence-buttons .HighRange:hover{border-color: #23B31D;color: #23B31D;}*/
.AchievedEdit .Confidence-buttons .MediumRange{background: #FFF7DA;color: #C29204;border-radius: 5px;}
/*.AchievedEdit .Confidence-buttons .MediumRange:hover{border-color: #C29204;color: #C29204;}*/
.AchievedEdit .Confidence-buttons .LowRange{background: #FFDADA;color: #FA3831;border-radius: 5px;}
/*.AchievedEdit .Confidence-buttons .LowRange:hover{border-color: #FA3831;color: #FA3831;}*/
.AchievedEdit .Confidence-buttons li{display: inline-block; margin: 10px 10px 0px 0px;vertical-align: middle;}
.AchievedEdit .Confidence-buttons li.Range{ border: 1px solid transparent;background: #e1e1e1;color: #969696;
pointer-events: none;}
.AchievedEdit .Confidence-buttons li span{border-radius: 5px;padding: 5px 15px;
height: 38px;line-height: 28px;width: 90px;text-align: center;display: inline-block;vertical-align: middle;cursor: default;}
.AchievedEdit .Confidence-buttons li.active.HighRange{background: #DAFFDE;color: #23B31D;font-weight: bold;border: 1px solid #23B31D;}
.AchievedEdit .Confidence-buttons li.active.MediumRange{background: #FFF7DA;color: #C29204;font-weight: bold;border: 1px solid #C29204;}
.AchievedEdit .Confidence-buttons li.active.LowRange{background: #FFDADA;color: #FA3831;font-weight: bold;border: 1px solid #FA3831;}
/*.AchievedEdit .Confidence-buttons li:hover a,.AchievedEdit .Confidence-buttons li.active a{border: 1px solid #5A4D9F;color: #5A4D9F;}*/
.ConfidenceValue .Low{background: #FFDADA;color: #FA3831;}
.ConfidenceValue .High{background: #DAFFDE;color: #23B31D;}
.ConfidenceValue .Medium{background: #FFF7DA;color: #C29203;}
.ConfidenceValue span{border-radius: 8.5px;font-size: 12px;font-weight: 500;display: inline-block;padding: 1px 14px;}
.ConfidenceFields-Ranges{display: inline-block;vertical-align: middle;margin-top: -5px;}
.ConfidenceFields-Ranges .Range{border: 1px solid transparent;
    background: #e1e1e1;
    display: inline-block;
    margin: 0px 0px 0px 10px;
    color: #969696;}
.ConfidenceFields-Ranges .LowRange.active {
    background: #FFDADA;
    color: #FA3831;
    border-radius: 5px;
}
.ConfidenceFields-Ranges .MediumRange.active {
    background: #FFF7DA;
    color: #C29204;
    border-radius: 5px;
}
.ConfidenceFields-Ranges .HighRange.active {
    background: #DAFFDE;
    color: #23B31D;
    border-radius: 5px;
}
.ConfidenceFields-Ranges .active.LowRange {
    border-color: #FA3831;
    color: #FA3831;
    font-weight: bold;
    border: 1px solid #FA3831;
}
.ConfidenceFields-Ranges .active.MediumRange {
    border-color: #C29204;
    color: #C29204;
    font-weight: bold;
    border: 1px solid #C29204;
}
.ConfidenceFields-Ranges .active.HighRange {
    border-color: #23B31D;
    color: #23B31D;
    font-weight: bold;
    border: 1px solid #23B31D;
}
.ConfidenceFields-Ranges span {
    border-radius: 5px;
    padding: 5px 15px;
    height: 38px;
    line-height: 27px;
    width: 90px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.raphael-group-32-axisReferenceVisualsCeil rect{border-radius: 4px;
fill: #464646;font-size: 12px;padding: 6px 10px;stroke: #464646 !important;}
.ConfidenceValue .icon-Confidence-Score{display: inline-block;vertical-align: middle;padding-left: 20px;}
.raphael-group-32-axisReferenceVisualsCeil text{fill: #fff;font-size: 12px !important;}
.Confidential-Score .raphael-group-83-dataset-axis text{x: 22;}
.Confidential-Score.modal.right .modal-body,.Confidential-Score .modal-header,.Confidential-Score.modal.right .modal-content{background: #fff;}
.Confidential-Score svg g + g:last-child g{display: none;}
.Confidential-Score .raphael-group-zOVaYiqH g{fill: #fff;cursor: none;}
.Confidential-Score .fc__tooltip.fusioncharts-div{border-radius: 4px !important;background: #464646 !important;padding: 6px 10px !important;font-size: 12px !important;color: #fff !important;}
.Confidential-Score .raphael-group-75-dataset-Trend-group-top{display: none;}
.fc__tooltip.fusioncharts-div .LabelName{color: #fff;font-size: 12px !important;}
.Right-Chat{border-radius: 5px;background: #F7F7F7;display: inline-block;margin: 0px 15px 0px 35px;}
.Right-Chat .SelfReview {background: transparent;box-shadow: none;border-bottom: 1px solid #ECEBEB;margin: 0px !important;}
.Right-Chat .SelfReview:last-child{border-bottom: 0px;}
.Right-Chat .SelfReview .ProvidedDate{top: 20px;}
.Progress-History.modal.right.fade.in .modal-dialog{width: 500px;min-width: 500px;background: #fff;}
.Progress-History.modal.right .modal-content,.Progress-History.modal.right .modal-body{background: #fff;}
.Progress-History .ProgressDate{float: right;color: #777;font-size: 13px;margin-top: 6px;}
.Progress-History .OtherCommentsList{border-radius: 5px;background: #F7F7F7;margin-top: 15px;box-shadow: none;}
.Progress-History .History-Head h4{width: calc(100% - 85px);display: inline-block;font-size: 14px;font-weight: bold;background: transparent;margin:10px 0px 0px;}
.Progress-History .Expand-Div{display: inline-block;vertical-align: top;margin-top: 10px;float: right;}
.Progress-History .ReviewSection,.Confidential-Score .ReviewSection{display: none;}
.Progress-History .ReviewSection.Open{display: block !important;}
.Progress-History .SelfReview,.Progress-History .History-Lists{border-bottom: 1px solid #E3E3E3;}
.Progress-History .SelfReview:last-child,.Progress-History .History-Lists:last-child{border-bottom: 0px;}
.Progress-History .SelfReview .ProvidedDate{top: 20px;}
.Progress-History .History-Lists{padding: 20px;}
.Progress-History .OtherCommentsList .Comments-text,.Confidential-Score .OtherCommentsList .Comments-text{font-size: 14px;font-style: italic;font-weight: 500;margin-top: 5px;}
.ConfidenceFields .TargetFieldDropdown .CustomSorting{width: 177px;}
.ConfidenceFields .TargetTypeNumber input[type="text"]{width: 174px !important;}
.KeyResultsLayout .NewOwnerUI .OuterBorderEmpty .EmptyImg{line-height: 24px;}
.Confidence-Ranges .HighRange,.Confidence-Ranges .MediumRange,.Confidence-Ranges .LowRange{border-radius: 5px;
    display: inline-block;padding: 9px 16px;font-weight: 500;font-size: 14px;width: 100%;text-align: center;}
.Confidence-Ranges .HighRange{background: #DAFFDE;color: #23B31D;}
.Confidence-Ranges .MediumRange{background: #FFF7DA;color: #C29204;}
.Confidence-Ranges .LowRange{background: #FFDADA;color: #FA3831;}
.Confidence-Ranges .TargetFieldDropdown .CustomSorting .btn.dropdown-toggle{background: #fff;}
.Configuration-article .action .Confidence-Ranges label.placeholder{font-size: 14px;font-weight: normal;margin: 0px !important;color: #a6a1a1;}
.Confidence-Ranges .col-md-2{width: 12%;}
.Confidence-Ranges .col-md-3{width: 20%;}
.Confidence-Ranges .col-md-4{width: 26%;}
.Confidence-Ranges .col-md-12{display: flex;align-items: center;}
.Confidence-Ranges .CustomSorting .icon-DownArrow{float: right;display: inline-block;vertical-align: middle;padding-top: 7px;}
.Confidence-Ranges .CustomSorting.Open .icon-DownArrow {padding-top: 13px;}
#PlanExpiredPopup .Offer{border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 15px;
    display: block;
    margin: 15px;letter-spacing: 1px;}
#PlanExpiredPopup .Offer .Offer-span,#PlanExpiredPopup .Offer .Doller s,#PlanExpiredPopup .Offer b{font-size: 18px;}
#PlanExpiredPopup .Offer .Doller{display: block;padding-top: 8px;}
.Not-Access .EmptyMessage{height: 320px;margin: 100px auto 0;width: 100%;box-shadow: none;border-radius: 10px;}
.ErrorScore input{border-color: #ff5b57;}
.OKR-ConfidenceScore{width: auto;display: inline-block;margin-left: 6px;}
.OKR-ConfidenceScore span{border-radius: 5px;display: inline-flex;
padding: 4px 10px;justify-content: center;align-items: center;font-size: 13px;font-weight: bold;width: auto;}
.OKR-ConfidenceScore .High{background: #DAFFDE;color: #23B31D;}
.OKR-ConfidenceScore .Low{background: #FFDADA;color: #FA3831;}
.OKR-ConfidenceScore .Medium{background: #FFF7DA;color: #C29204;}
.TagField.fullwidth{width: 100%;}
.RangeContainer ul.RangeLits{display: flex;align-items: center;justify-content: center;}
.RangeContainer ul.RangeLits li{padding-right: 25px;}
.RangeContainer ul.RangeLits li:last-child{padding-right: 0px;}
.RangeContainer ul.RangeLits .LowRange{color: #FA3831;}
.RangeContainer ul.RangeLits .MediumRange{color: #C29204;}
.RangeContainer ul.RangeLits .HighRange{color: #23B31D;}
.RangeContainer ul.RangeLits li span{display: inline-block;width: 10px;height: 10px;border-radius: 50%;vertical-align: middle;margin-right: 6px;}
.RangeContainer ul.RangeLits li.LowRange span{background: #FFCECE;}
.RangeContainer ul.RangeLits li.MediumRange span{background: #FFF3CB;}
.RangeContainer ul.RangeLits li.HighRange span{background: #BAFBC1;}
.KeyResults-Layout.Off_Weightage .WeightageHead,.KeyResults-Layout.Off_Weightage .WeightageValue{display: none;}
.KeyResults-Layout.Off_Weightage .OwnerHead{width: 14%;}
.KeyResults-Layout.Off_Weightage .OwnerHead{padding-left: 50px;}
/*without weightage*/
.KeyResults-Layout .ProgressHead{width: 4%;padding-left: 0px;display: none;}
.WithOutweightage .KeyHead{width: 29%;}
.WithOutweightage .OwnerHead{width: 7%;padding-left: 20px;}
.WithOutweightage .TargetHead,.WithOutweightage .AchivedTargetHead{width: 20%;}
.WithOutweightage .ConfidenceHead,.WithOutweightage .ConfidenceValue,.WithOutweightage .ProgressValue{width: 10%;}
.WithOutweightage .ProgressHead{width: 12%;}
.WithOutweightage .WeightageHead,.WithOutweightage .WeightageValue{display: none;}
.ObjectKeyresults.WithOutweightage ul li .KeyResultsName{width: 30%;padding-left: 18px;}
.WithOutweightage .KeyTarget,.WithOutweightage .KeyAchivedTarget{width: 21%;}
.ObjectiveList .ObjectKeyresults.WithOutweightage li:last-child .KeyTarget{width: 27%;}
.ObjectiveList .ObjectKeyresults.WithOutweightage li:last-child .ConfidenceValue {
    padding-left: 0px;
}
.ObjectiveList .ObjectKeyresults.WithOutweightage li:last-child .OwnerValue{padding-left: 27px;}
.WithOutweightage li:last-child .KeyTarget, .WithOutweightage li:last-child .KeyAchivedTarget{width: 18%;}
.Off_Weightage.KeyResults-Layout .ObjectKeyresults ul li .KeyHead{padding-left: 0px;}
.ObjectKeyresults .OuterBorderEmpty .tooltip.top .tooltip-arrow,.ObjectKeyresults .OuterBorderImg .tooltip.top .tooltip-arrow{top: 25px;}
.Employee-Table .Reviewer-Names span{display: block;margin-top: 14px;}
.Employee-Table .Reviewer-Names span:first-child{margin-top: 0px;}
.Employee-Table .Reviewer-Names span small{display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    padding: 4px 10px 4px;
    border-radius: 10px;
    margin-left: 10px;
    line-height: 18px;}
.Employee-Table .Reviewer-Names span small.Approved{background: #DAFFDE;color: #23B31D;}
.Employee-Table .Reviewer-Names span small.Pending{background: #FFF7DA;color: #C29203;}
.Employee-Table .Reviewer-Names span small.Reviewed{background: #AFD682;color: #406416;}
.NoteMsg p .ViewAllClosed{border: 0px;margin: 0px;padding: 4px 0px 0px;}
#LineChart{height: 300px; width: 100%;}
#LineChart .highcharts-title,#LineChart .highcharts-legend.highcharts-no-tooltip,#LineChart .highcharts-credits,#LineChart .highcharts-axis.highcharts-yaxis{display: none;}
#LineChart .highcharts-axis-labels text{font-family: "DM Sans";font-size: 13px !important;font-weight: normal;
    font-style: normal;fill: #777 !important;}
#LineChart .highcharts-markers path{fill: #5A4D9F;}
#LineChart .highcharts-series path:first-child{stroke: #5A4D9F;}
#LineChart .highcharts-axis path{stroke: #e3e3e3;}
#LineChart .highcharts-tooltip text tspan:first-child,#LineChart .highcharts-tooltip tspan:nth-child(2),#LineChart .highcharts-tooltip tspan:nth-child(3),#LineChart .highcharts-tooltip .highcharts-br{display: none;}
#LineChart .highcharts-tooltip tspan{font-size: 13px !important;}
#LineChart .highcharts-tooltip path{fill: #000;}
#LineChart .highcharts-tooltip text{color: #fff !important;fill: #fff !important;font-size: 13px !important;}
#LineChart .highcharts-tooltip tspan:nth-child(4){display: block !important;}
.Confidential-Score .Xaxis-Label{margin-left: 52px;position: absolute;top: -44px;}
.Confidential-Score .Xaxis-Label li{display: inline-block;margin-right: 20px;color: #777777;font-size: 13px;}
.Cascading-Detail:hover{text-decoration: underline;color: #483B8C;}
/*Goal template start css*/
.OKR-Template.Template-Container .TemplateCard .Lists li,.OKR-Template.Templists .TemplateCard .Lists li{border-bottom: 1px solid #F0F0F0;padding-bottom: 20px;}
.OKR-Template.Template-Container .TemplateCard .Lists li:last-child,.OKR-Template.Templists .TemplateCard .Lists li:last-child{border:0px;padding-bottom: 0px;}
.OKR-Template.Template-Container .TemplateCard .Lists li span,.OKR-Template.Templists .TemplateCard .Lists li .Weight{display: block;text-align: right;font-size: 14px;color: #000;margin-top: 10px;}
.OKR-Template .TemplateCard h3 .Template-Title,.OKR-Template.Templists .TemplateCard h3 .Template-Title{padding-left: 0px;display: table-cell;vertical-align: middle;line-height: unset;}
.Template-Container .TemplateCard .Weight,.Templists .TemplateCard .Weight{font-size: 13px;color: #8E8E8E;float: right;font-weight: 500;padding-left: 0px;}
.Template-Container .TemplateCard .Weight b,.Templists .TemplateCard .Weight b {color: #000;font-weight: bold;}
.OKR-Template.Template-Container .TemplateCard h3{height: unset;display: table;vertical-align: middle;width: 100%;}
.OKR-Template.Template-Container .TemplateCard .SelectBtn{margin: 5px 15px 15px;}
.OKR-Template.Templists .TemplateCard .Lists li{position: relative;}
.OKR-Template.Templists .TemplateCard .Lists li:hover .Delete{position: absolute;top: 0;right: 0;}
.OKR-Template.Templists .TemplateCard .Lists li .Weight{margin-top: -10px;}
.OKR-Template.Templists .TemplateCard h3 .Template-Title{width: 72%;}
.Templists .TemplateCard .Weight{margin-right: 0px;height: unset;display: table;vertical-align: middle;}
.Competency-Templat{width: 100%;}
.OKR-Template .Competency-Template .TemplateCard .Lists li{list-style: none;}
.OKR-Template .Competency-Template .TemplateCard .Lists{padding: 15px;}
.OKR-Template .Competency-Template .TemplateCard h3{height: unset;}
.Template-Container .TemplateMenus li.Innermenus {margin-bottom: 10px;}
.OKR-Template.Template-Container .LeftSide .tab button {
    font-weight: 600;
}
.Goals-Template .SortBy .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 180px;}

/*Goal template end css*/
.has-submenu{position: relative;}
.has-submenu .sub-menu{display: none;background: #fff;border-radius: 4px;width: auto;min-width: 150px;
box-shadow: 0px 0px 5px 0px #00000026; position: absolute;left: 66px;top: 3px;}
.has-submenu:hover .sub-menu,.sidebar .has-submenu:hover .Submenu-Hover{display: block;}
.sidebar .has-submenu .sub-menu li{border-radius: 5px; padding: 6px;}
.sidebar .nav .sub-menu li.active a, .sidebar .nav .sub-menu li.focus a{background: unset;color: #fff;border-radius: 0px;}
.sidebar .has-submenu .sub-menu .InnerSubMenu li:hover{background: #5A4D9F;}
.sidebar .has-submenu .sub-menu .InnerSubMenu li:last-child{margin-bottom: 0px;}
.sidebar .has-submenu .sub-menu .InnerSubMenu li:hover a{color: #fff;}
.sidebar .has-submenu .sub-menu .InnerSubMenu li a{background: transparent;color: #2D2D2D;}
.has-submenu .Submenu-Hover span{color: #5A4D9F;font-size: 15px;}
 .has-submenu .Submenu-Hover{border-bottom: 0.5px solid #E0E0E0;padding: 10px 15px !important;font-size: 15px;text-align: left !important;margin: 0px;}
.has-submenu  .sub-menu .InnerSubMenu{padding: 10px;}
/*standard picker start*/
.Standard-Picker .CheckAll label{margin: 0px 0px 0px 0px;font-size: 14px;}
.Standard-Picker{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);border-radius: 4px;background: #FFFFFF;width: 290px;
top: 42px;left: auto;right: 33px;position: absolute;z-index: 999;}
.Standard-Picker .CheckAll{padding: 15px;margin: 0px;}
.Standard-Picker .CheckAll a{font-size: 13px;}
.Standard-Picker .Quarters-Cards{height: auto;overflow-y: auto;max-height: 275px;}
.Standard-Picker .Quarters-Cards li{padding: 15px;border-bottom: 1px solid #e0e0e0;}
.Standard-Picker .Quarters-Cards li:last-child{border-bottom: 0px;}
.Standard-Picker .Quarters-Cards li .Eligible label{font-weight: 700;}
.Standard-Picker .Quarters-Cards li .Quarters-Lists a{width: 52px;height: 26px;border-radius: 3px;border: 0.8px solid #EFEFEF;
background: #FFF;display: inline-block;text-align: center;line-height: 24px;font-size: 13px;font-weight: 700;margin-right: 6px;color: #434343;}
.Standard-Picker .Quarters-Cards li .Quarters-Lists a:last-child{margin-right: 0px;}
.Standard-Picker .Quarters-Cards li .Quarters-Lists a:hover{border-color: #5A4D9F;}
.Standard-Picker .Quarters-Cards li .Quarters-Lists a.Check{background: #5A4D9F;
    color: #fff;}
.Standard-Picker .UICheckbox small{top: 1px;}
.Standard-container .DateRangeStandard{margin-top: 0px;float: none;}
.Standard-container .Standard-Picker{top: -9px;left: 90px;right: 0;}
.Standard-Picker .Picker-Buttons{padding: 15px 15px 15px;border-top: 1px solid #e0e0e0;text-align: center;}
.Standard-Picker .Picker-Buttons a{min-width: 60px;height: 28px;line-height: 14px;font-size: 14px;}
.new-modal .Standard-container .Standard-Picker{left: 2px;}
.Standard-container .DateRangeStandard .Label{color: #808080;}
.DateRangeStandard .fa{top: 0px;}
.Standard-container .DisplayFlex{display: flex;align-items: center;}
.Standard-Picker .Quarters-Cards li .Quarters-Lists .Unclick{background: #f6f6f6;cursor: no-drop;}
.Standard-Picker .Quarters-Cards li .Quarters-Lists .Unclick span{pointer-events: none;}
.Standard-Picker .Quarters-Cards li .Quarters-Lists .Unclick:hover{border-color: #f6f6f6;}
.Confidence-graph:hover .icon-Confidence-Score:before{color: #483B8C;}
/*Multiselect dropdown*/
.Multi-select .multiselect-container>li>a>label{font-size: 14px !important;font-weight: 500;}
.Multi-select .multiselect-container li label input[type="checkbox"] {
    margin: 0px 0px 0 -26px;
    width: 18px !important;
    height: 18px;
    border-radius: 5px;
    border: 1px solid #c0c0c0 !important;top: 5px;
}
.Multi-select .Label{position: relative;z-index: 999;left: 10px; top: 10px; background: #fff;width: 120px;color: #a6a1a1;font-size: 14px;padding: 0 4px;}
.Multi-select .multiselect-container .input-group:hover{border: 1px solid #5A4D9F;}
.Multi-select .Label{top: -10px;width: auto;}
.Multi-select .multiselect-container{width: 100%;max-width: 100%;}
.Multi-select .multiselect-native-select .icon-DownArrow{font-size: 8px;color: #909090;}
.Multi-select .btn.btn-default.dropdown-toggle{height: 40px;position: absolute;top: -39px;}
/*.Multi-select  .multiselect-container>li.active>a{background: #5A4D9F;
    border-radius: 5px;}*/
.Multi-select .multiselect-container>li>a:hover>label{
    color: #353535 !important;
}
.MultiSelect-Dropdown .RangesList{border-top: 1px solid #e0e0e0;}
.MultiSelect-Dropdown .CheckAll{padding: 2px 0px 10px; margin: 15px 0px 15px 9px;clear: both;display: inline-block;}
.MultiSelect-Dropdown .CustomSorting .dropdown-item{padding: 6px 6px 28px;margin-bottom: 6px;}
.Template-Container .MultiSelect-Dropdown.TargetFieldDropdown .SelectedValues label{left: 10px !important;}
.Template-Container .MultiSelect-Dropdown.TargetFieldDropdown label.placeholder {left: 7px !important;background: #fff;}
.MultiSelect-Dropdown.TargetFieldDropdown .CheckAll label{color: #353535;margin: 9px 0 0 4px;}
.MultiSelect-Dropdown.TargetFieldDropdown .RangesList label{color: #353535;}
.MultiSelect-Dropdown .CustomSorting.Open label.placeholder{background: #fff;}
.MultiSelect-Dropdown .CustomSorting .dropdown-item:last-child{margin-bottom: 0px;}
.MultiSelect-Dropdown .UICheckbox input{left: -6px;}
.Multi-select .multiselect-container li label.checkbox input{opacity: 0;}
.Multi-select .multiselect-container li label.checkbox:before{background: #fff;
    content: "";
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    width: 18px;
    height: 18px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    margin-right: 0px;
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 5px;opacity: 1;}
.Multi-select .multiselect-container li.active label.checkbox:before{content: '\2713';background: #5A4D9F;color: #fff;font-weight: bold;border: 1px solid #5A4D9F;font-family: FontAwesome;}
.MultiSelect-Dropdown .CustomSorting .dropdown-item i{color: #fff;}
.MultiSelect-Dropdown .CustomSorting .dropdown-item.active label,.MultiSelect-Dropdown .CustomSorting .dropdown-item:hover label{color: #fff;}
.MultiSelect-Dropdown.TargetFieldDropdown label{left: 30px !important;background: transparent;top: 8px;margin-bottom: 0px;}
.Multi-select .multiselect-container.dropdown-menu>li a:hover{color: #353535;border-radius: 5px;background: #fff;}
.MultiSelect-Dropdown.TargetFieldDropdown .CustomSorting .btn.dropdown-toggle{background: #fff;}
.MultiSelect-Dropdown .CustomSorting .CustomSortBtn .SelectedValues,.MultiSelect-Dropdown .CustomSorting .MeasureSortBtn .SelectedValues,.MultiSelect-Dropdown .CustomSorting .RangeSortBtn .SelectedValues{width: 98% !important;}
.MultiSelect-Dropdown .icon-DownArrow{position: absolute;top: 20px;right: 10px;}
/*.DateRangeStandard input{width: auto;min-width: 210px;}*/
/*.KeyAchivedTarget p span,.KeyAchivedTarget p,.KeyAchivedTarget p.InnerDiv {display: block;}*/
.JiraPopup .TargetTypeNumber input[type="text"],.JiraPopup .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.JiraPopup .TargetTypeNumber{width: 100% !important;}
.JiraPopup .TargetFieldDropdown label{left: 7px;}
.JiraPopup .TargetFieldDropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){margin-bottom: 0px;}
.JiraValue a .icon-Jira{font-size: 20px;color: #b7b7b7;}
.JiraImages a .Jira-Image{width: 22px;}
.JiraValue .tooltip.top .tooltip-arrow{top: -5px;}
.JiraValue .tooltip-inner{margin-top: -30px;}
.JiraImages .tooltip.top .tooltip-arrow{top: -1px;}
.JiraImages .tooltip-inner{margin-top: -26px;}
.Info_Rating.AsanaInfo.Show{display: block !important;}
.Info_Rating.JiraInfo,.Info_Rating.AsanaInfo,.Info_Rating.AsanaSync {
    position: absolute;
    display: none;
    z-index: 999;
}
.Info_Rating.JiraInfo .triangle-left,.Info_Rating.AsanaInfo .triangle-left,.Info_Rating.AsanaSync .triangle-left {
    border-left: 12px solid transparent;
    border-bottom: 12px solid #d4d4d4;
    border-right: 12px solid transparent;
    height: 0;
    left: -6px;
    position: absolute;
    top: 17px;
    z-index: 9999;
    display: none;
}
.Info_Rating.JiraInfo .inner-triangle,.Info_Rating.AsanaInfo .inner-triangle,.Info_Rating.AsanaSync .inner-triangle {
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 0;
}
.Info_Rating.JiraInfo .tooltipdiv,.Info_Rating.AsanaInfo .tooltipdiv,.Info_Rating.AsanaSync .tooltipdiv{
    background: #fff none repeat scroll 0 0;
    right: -20px;
    top: 28px;
    position: absolute;
    text-align: left;
    line-height: 22px;
    width: 140px;
    border: 0px solid #dcdada;
    box-shadow: 0 0px 7px #888888;
    border-radius: 5px;
}
.Info_Rating.AsanaInfo .tooltipdiv{width: 110px;}
.Info_Rating.JiraInfo .tooltipdiv ul,.Info_Rating.AsanaInfo .tooltipdiv ul,.Info_Rating.AsanaSync .tooltipdiv ul{
    padding: 0px;
    margin: 0;
}
.Info_Rating.JiraInfo .tooltipdiv ul li,.Info_Rating.AsanaInfo .tooltipdiv ul li,.Info_Rating.AsanaSync .tooltipdiv ul li{
    border-bottom: 1px solid #d4d4d4;
    float: left;
    width: 100%;
}
.Info_Rating.JiraInfo .tooltipdiv ul li:first-child,.Info_Rating.AsanaInfo .tooltipdiv ul li:first-child,.Info_Rating.AsanaSync .tooltipdiv ul li:first-child{
    border-radius: 5px 5px 0px 0px;
}
.Info_Rating.JiraInfo .tooltipdiv ul li a,.Info_Rating.AsanaInfo .tooltipdiv ul li a,.Info_Rating.AsanaSync .tooltipdiv ul li a{
    color: #434343;
    width: 100%;
    display: block;
    padding: 10px;
}
.Info_Rating.JiraInfo .tooltipdiv ul li:last-child,.Info_Rating.AsanaInfo .tooltipdiv ul li:last-child,.Info_Rating.AsanaSync .tooltipdiv ul li:last-child{
    border-radius: 0px 0px 5px 5px;
}
.Info_Rating.JiraInfo .tooltipdiv ul li:last-child,.Info_Rating.AsanaInfo .tooltipdiv ul li:last-child,.Info_Rating.AsanaSync .tooltipdiv ul li:last-child{
    border-bottom: 0px;
}
.Info_Rating.JiraInfo .tooltipdiv ul li:hover,.Info_Rating.AsanaInfo .tooltipdiv ul li:hover,.Info_Rating.AsanaSync .tooltipdiv ul li:hover{
    background: #5A4D9F;
}
.Info_Rating.JiraInfo .tooltipdiv ul li:hover a,.Info_Rating.AsanaInfo .tooltipdiv ul li:hover a,.Info_Rating.AsanaSync .tooltipdiv ul li:hover a{
    color: #fff;
}
#Integration-Jira .modal-footer {
    padding: 15px 0px;
    border-top: 1px solid #e0dfdf;
    text-align: center;
}
/*standard picker end*/
.KeyResult-CoverDiv .CustomTooltip .tooltip.top .tooltip-arrow{top: 47px;}
.KeyResult-CoverDiv .CustomTooltip .tooltip.top .tooltip-inner{margin-top: -3px;}
.KeyResult-CoverDiv .CustomTooltip .tooltip.top{margin-top: -12px;}
.Add-Key .KeyResult-CoverDiv .CustomTooltip .tooltip.top .tooltip-arrow {
    top: 52px;
}
#Integration-Jira .TargetTypeNumber,#Integration-Jira .TargetTypeNumber input[type="text"]{width: 100% !important;}
.CompanyObjective .Cascadingicon{left: -18px;}
@-moz-document url-prefix(){{display: block !important;}
    .AchievedEdit .ProgressSlider .ui-slider{width: calc(100% - 200px);}
    .ApprovaReject table{border-collapse: inherit;}
}
.AI-Container .AI-Card{border: 1px solid #E0E0E0;border-radius: 5px;padding: 16px;}
.AI-Container{display: table;height: 320px;margin: 100px auto 0;width: 100%;}
.AI-Container .Display-Cell{display: table-cell;vertical-align: middle;text-align: center;} 
.small-letter{display: inline-block;text-transform: none;}
.SortBy .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle {height: 36px;}
.SortBy .ExportDrop.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 130px !important;}
.Weight .WeightInput{width: 56px;font-weight: bold;}
.Enable_Weightage{display: inline-block;margin-top: 10px;}
.SelfScore-section{border-radius: 8px;background: #FAFAFF;display: flex;width: 100%;padding: 20px 20px;margin-top: 25px;}
.SelfScore-section label{color: #808080;font-weight: 400;display: block;}
.SelfScore-section span{color: #141414;font-weight: 700;display: block;}
.Confkict-Lists{display: inline-block;text-align: left;}
.Confkict-Lists li{list-style: inside;margin-bottom: 5px;}
.JiraPopup .boolean .UICheckbox{top: -7px;}
.JiraPopup .TargetFieldDropdown .CustomSorting .btn.dropdown-toggle{background: #fff;}
.JiraPopup .MeasureSortBtn .SelectedValues{width: 97% !important;}
.JiraPopup .MeasureSortBtn .SelectedValues i{margin-right: 8px;}
.JiraPopup .VerifyLink{margin-top: 5px;}
.JiraPopup .VerifyLink:hover{text-decoration: underline;color: #483B8C;}
.JiraPopup .VerifyLink:focus{color: #483B8C;}
.JiraPopup .MeasureSortBtn .icon-DownArrow{padding-top: 13px;float: right;display: inline-block;vertical-align: middle;}
.sidebar .has-submenu .sub-menu .InnerSubMenu li:hover  a{color: #fff;}
.sidebar.FullWidth .has-submenu .Submenu-Hover{display: none;}
.sidebar.FullWidth .has-submenu .sub-menu{position: unset;display: block;}
.sidebar.FullWidth .SupportPortal .Label{display: inline-block;position: absolute;color: #fff;top: 1px;}
.sidebar.FullWidth .nav li .tooltip.right.fade,.sidebar.FullWidth .SupportPortal .tooltip.right.fade,.sidebar.FullWidth .CustomerFeedback .tooltip.right.fade,.sidebar.FullWidth .ExpandSection .tooltip.right.fade{display: none !important;}
.Sublink .tooltip-inner{white-space: inherit;text-align: left;min-width: 380px;}
.sidebar .SupportPortal .Label,.sidebar .CustomerFeedback .Label{display: none;}
.sidebar.FullWidth .CustomerFeedback .Label{display: inline-block;color: #fff;margin-left: 6px;}
.CustomerFeedback{display: none;}
.CustomerFeedback a{position: fixed;bottom: 53px;text-align: center;border-radius: 18px;padding: 0px 0;margin: 0px 0 0 20px;}
.CustomerFeedback a img{width: 30px;}
.DisableAssign .UICheckbox small{border: 1px solid #e0e0e0;cursor: not-allowed;background: #e0e0e0;}
.DisableAssign .UICheckbox input {cursor: default;z-index: -1;}
.eventnone {pointer-events: none;}
.DisableAssign .tooltip-inner{white-space: normal;}
.NoGira .JiraValue,.NoGira .JiraHead{display: none;}
.ObjectKeyresults.NoGira  ul li .KeyResultsName{width: 34%;}
.NoGira .ConfidenceValue{width: 13%;}
.ObjectKeyresults.NoGira ul li .KeyResultsName:before{left: -38px;}
.ObjectKeyresults.NoGira  ul li:last-child .KeyResultsName:before{left: -15px;}
.NoIssues .CustomSorting{cursor: not-allowed;}
.NoIssues .MeasureSortBtn .SelectedValues{color: #777;font-style: italic;}
.JiraPopup .NoIssues.TargetFieldDropdown .CustomSorting .btn.dropdown-toggle{pointer-events: none;background: #F7F7F7;border:0px;}
.AIBasedOKR.modal.right .modal-content,.AIBasedOKR.modal.right .modal-body{background: #FFF;}
.AIBasedOKR.modal.right .modal-dialog {width: 450px;background: #fff;}
.AIbased-Section{padding: 20px 20px 0px;}
.AIbased-Section .TextareaContainer textarea{height: 140px !important;background: #FAFAFA;border-radius: 10px;
border: 1px solid #E6E6E6;}
.AIbased-Section .FloatingLabel .TextareaContainer  label.placeholder{background: #FAFAFA;}
/*.AIbased-Section .TextareaContainer{width: 100%;}*/
.GenerateField{position: absolute;bottom: 15px;right: 15px;}
.GenerateField .GenerateBtn{background: #C7C7C7;border: 0;color: #fff;height: 32px;}
.Objectives-Sections{margin-left: 38px;}
.Objectives-Sections .Objectives-Cards{border-radius: 3px;border: 1px solid #e0e0e0;}
.Objectives-Sections .Objectives-Cards .Label{color: #000;font-weight: 600;padding: 15px;width: 100%;margin-bottom: 0px;}
.Objectives-Sections h4{margin: 25px 0px 20px;}
.Objectives-Cards .Obj-Keyresults {padding: 15px;}
.Objectives-Cards .Obj-Keyresults .KeyTitle{color: #A7A7A7;font-weight: 500;font-size: 14px;margin-bottom: 5px;display: block;}
.Objectives-Cards .Obj-Keyresults p{color: #000;font-weight: 500;}
.Objectives-Cards .Obj-Keyresults ul li{color: #000;margin-bottom: 5px;}
.Objectives-Cards .Obj-Keyresults ul li:last-child{margin-bottom: 0px;}
.Objectives-Cards .Obj-Keyresults ul li span:first-child{width: 25%;}
.Objectives-Cards .Obj-Keyresults ul li span{display: inline-block;}
.Objectives-Cards .Obj-Keyresults ul li .DashLine{display: inline-block;margin: 0px 25px 0px 30px;font-size: 22px;}
.SortBy .createdrop.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{background: #5A4D9F;font-weight: 500;}
.SortBy .createdrop.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover{background: #483B8C;}
.SortBy .createdrop.bootstrap-select.btn-group .btn .filter-option{color: #fff;}
.SortBy .createdrop .selectpicker .icon-DownArrow{color: #fff;}
.HowWorks{border-radius: 10px;border: 1px solid #C4BDEB;background: #FBFAFF;padding: 15px;}
.PromptBox .TextareaContainer{width: 100%;}
.HowWorks .Clear-Works{float: right;font-size: 23px;color: #515151;margin-top: -5px;}
.PromptBox .AIbottom-Section{position: fixed;bottom: 20px;width: 93%;}
.PromptBox .Count{color: #898989;font-weight: 400;font-size: 12px;float: right;margin-top: 10px;}
.PromptBox .Count .ArrowRight{background: #5A4D9F;padding: 3px 15px;margin-left: 10px;font-size: 15px;color: #fff;border-radius: 3px;}
.PromptBox .Count .ArrowRight .icon-right-arrow:before{color: #fff;}
.AI-comments .ReplyEmp,.AI-comments .RepliedField{display: inline-block;}
.AI-comments li .OuterBorderImg{width: 30px;height: 30px;border: 1px solid #C7C7C7;padding: 0px;cursor: default;}
.AI-comments li .RepliedField{border-radius: 18px;background: #F7F7F7;padding: 4px 10px;display: inline-block;
vertical-align: middle;margin-right: 5px;}
.Repliedsection{display: flex;width: 100%;}
.AI-comments .SelfReply{float: right;margin-bottom: 15px;}   
.AI-comments .AIReply{margin-bottom: 15px;display: inline-block;width: 100%;}
.AI-comments li .OuterBorderEmpty{width: 28px;height: 28px;line-height: 24px;border: 1px solid #C7C7C7;padding: 0px;font-size: 10px;}
.AI-comments li .OuterBorderEmpty .EmptyImg{font-size: 13px;border: 1px solid #fff;cursor: default;}
.AI-comments .AI-UseResults{border-radius: 10px;border: 0.7px solid #E6E6E6;background: #5A4D9F;font-weight: 600;color: #fff;
    font-size: 11px;padding: 1px 10px;margin: 10px 0px;display: inline-block;}
.AIbottom-Section .AI-comments{height: 385px;overflow-y: auto;padding-right: 8px;}
.AI-comments li.AIReply .RepliedField{background: #fff;margin-right: 0px;padding-left: 8px;}
.AsanaForm .TargetFieldDropdown label{left: 5px;}
.Asana-Image:hover .icon-Quick-Links{color: #5A4D9F;}
.Asana-Image .tooltip.top .tooltip-arrow{top: 25px;}
.AsanaForm .TargetFieldDropdown .btn-group.bootstrap-select{width: calc(100% - 20px) !important;margin-bottom: 0px;}
.AsanaForm .TargetFieldDropdown.ChooseTask .CustomSorting .btn.dropdown-toggle,.AsanaForm .TargetFieldDropdown.ChooseTask .CustomSorting .dropdown-menu{background: #fff;width: calc(100% - 20px);}
.AsanaForm .TargetFieldDropdown.ChooseTask .CustomSorting .btn.dropdown-toggle .icon-DownArrow{padding-top: 13px;
float: right;display: inline-block;vertical-align: middle;}
.AsanaForm .TargetFieldDropdown.ChooseTask .CustomSorting .btn.dropdown-toggle .SelectedValues{width: 94% !important;}
.AsanaForm .TargetFieldDropdown.ChooseTask .CustomSorting.Open label.placeholder{left: 5px !important;}
.AsanaTask.Total-issues{padding-top: 15px;}
.TaskAssignees .TrainingManager .ChooseManager{width: calc(100% - 20px);}
.TaskAssignees .TrainingManager .EmpCard span.avatar{width: 30px;height: 30px;}
.TaskAssignees .TrainingManager .EmpCard span label{margin: 6px 0 0 0;}
.TaskAssignees .TrainingManager .ChooseManager label{padding: 0px !important;}
.TaskAssignees .OwnerField.active a.InputIcon{top: 28px !important;right: 20px;}
.TaskAssignees .OwnerField .EmpCard .Name{max-width: 75%;}
.TaskAssignees .VerifyLink{padding-right: 20px;margin-top: 5px;}
.TaskAssignees .VerifyLink:hover{text-decoration: underline;}
.ProfileSetting .ProfileEdit .Profile-Image .OldPic{float: left;width: 80px;height: 80px;}
.ProfileSetting.new-modal.modal.fade .modal-dialog{max-width: 1000px !important;}
.ProfileSetting .Profile-Rows .Profile-Cell{display: inline-block;width: 25%;border-right: 0.8px solid #ECECEC;padding: 15px;}
.ProfileSetting .Profile-Rows{border-radius: 6px;border: 0.8px solid #ECECEC;background: #FFF;;display: flex;align-items: center;margin-top: 40px;}
.ProfileSetting .Profile-Rows .Profile-Cell:last-child{border-right:0px;}
.ProfileSetting .Profile-Rows .Profile-Cell label{color: #575757;font-weight: 400;font-size: 13px;display: block;margin: 0px;}
.ProfileSetting .Profile-Rows .Profile-Cell span{color: #181C32;font-weight: 700;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.ProfileSetting .ProfileEdit .Profile-Name,.ProfileSetting .Profile-Designation{width: auto;}
.ProfileSetting .TargetFieldDropdown label{left: 6px;}
.ProfileSetting .Forgot_password{display: inline-block;font-size: 13px;margin-top: 3px;width: calc(100% - 20px);text-align: right;}
.ProfileSetting .Forgot_password:hover{text-decoration: underline;}
.ProfileSetting .TargetTypeNumber input[type="Password"],.ProfileSetting .TargetTypeNumber input[type="text"]{width: 100% !important;height: 40px;padding-right: 35px;}
.PasswordSection .TargetTypeNumber{width: calc(100% - 20px);}
.ProfileSetting .PasswordSection i{position: absolute;right: 12px;bottom: 12px;z-index: 9;cursor: pointer;display: none;}
.ProfileSetting .Profile-Cell .tooltip .tooltip-inner{white-space: inherit;max-width: 100%;}
.ProfileSetting .ProfileAction span{left: 50px;top:60px;}
.ProfileSetting .TargetFieldDropdown .btn-group.bootstrap-select{margin-bottom: 0px !important;}
@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
    .navbar-brand img{width: auto;}
    .Intitatives ul div{display: list-item;list-style-type: disc;margin-left: 10px;}
    .Intitatives ul div div,.Intitatives ul div li,.Intitatives ul li{display: none !important;}
    .SelfLandingPopup .LoginWizard{top:265px;}
    .SelfLandingPopup .LeftPanel{top: 190px;}
    }
 }
.mac-os.safari .SelfLandingPopup .LoginWizard{top:265px;}
.mac-os.safari .SelfLandingPopup .LeftPanel{top: 190px;}
.mac-os.chrome .SelfLandingPopup .LoginWizard{top:265px;}
.mac-os.chrome .SelfLandingPopup .LeftPanel{top: 190px;}
 /* Safari */
@media only screen and (min-width: 1024px) and (max-width: 1270px){
.CriteriaForm .Info-Section{width: 50%;}
.IndividualSort.SerachArea .SortBy {margin-top: 15px;}
.TargetField .boolean{font-size: 13px;}
.OKR-Template.new-modal.modal.fade .modal-dialog{min-width: 1000px;}
 }
 @media only screen and (min-width: 768px) and (max-width: 1024px){
 .ConfidenceValue span{padding: 1px 8px;}
.CriteriaForm .Info-Section{width: 40%;}
.Info-Section .info-text{font-size: 11px;}
.IndividualSort.SerachArea .SortBy {margin-top: 15px;}
.TargetField .boolean{font-size: 12px;}
.LeftBg{background-size: 500px,200px;background-position: -36% 14%, right top;}
.LoginContainer{margin: 0px auto;}
.BannerInner{margin: 0px 50px 0px 0px;}
.UpgradeBanner {padding: 45px 20px 25px 80px;}
#header .navbar-nav > li > a{padding: 0;}
#header .navbar-nav > li > a.Upgradebtn{padding: 7px 10px;}
.TargetLayer .ObjPercent .col-md-4{margin-bottom: 15px;}
.TargetLayer .ObjPercent .col-md-2:nth-child(4){padding-left: 0px;width: 40% !important;}
.TargetLayer .col-md-8 .RangeHead,.TargetLayer .col-md-8 .TextTargetSection,.TargetLayer .col-md-8 .BooleonValue{padding-left: 0px !important;}
.TargetLayer .col-md-2.UnitDropdownHead .CustomSorting .CustomSortBtn .SelectedValues {
    width: 67% !important;
}
.TargetLayer.AutoWidth .col-md-8.col-sm-12{padding-left: 15px !important;width: 78%;}
.TargetLayer.AutoWidth .col-md-4.col-sm-12{width: 22%;}
.OKR-Template .RightSide .tab_content .col-sm-6{width: 100%;}
.OKR-Template.new-modal.modal.fade .modal-dialog{max-width: 1280px !important;min-width: 600px;}
.OKR-Template .RightSide .col-md-6:nth-child(odd){padding: 10px 0px 0px 10px;}
.OKR-Template .LeftSide{width: 30%;}
.OKR-Template .RightSide{width: 70%;}
.OKR-Template{margin-top: 10px;}
.CreateSection{width: 660px;}
.OKR-Template .TemplateCard .Lists{min-height: auto !important;}
}
@media only screen and (min-width: 1270px) and (max-width: 1320px){
    .TargetField .boolean{font-size: 13px;}
    .ConfidenceValue span{padding: 1px 8px;}

}
@media only screen and (min-width: 1200px) and (max-width: 1320px){
.TargetLayer .col-md-4.col-sm-12{width: 30%;}
    .OKR-Template.new-modal.modal.fade .modal-dialog{min-width: 1200px;}
.TargetLayer .col-md-8.col-sm-12{width: 70%;}
/*.KeyResults-Layout .ObjectKeyresults li .WeightageValue{width: 18%;}*/
.Confidence-graph{right: -31px;}
.ConfidenceValue span{padding: 1px 8px;}
/*.KeyResults-Layout .ConfidenceValue {
    padding-left: 35px;
}*/
}

@media only screen and (min-width: 1300px) and (max-width: 1320px){
	.ConfidenceValue span{padding: 1px 8px;}
}
@media only screen and (min-width: 1320px) and (max-width: 1400px){
	.ConfidenceValue span{padding: 1px 8px;}
.ConfidenceHead{ padding-left: 15px;}
.KeyHead, .WeightageHead, .TargetHead, .AchivedTargetHead, .OwnerHead, .ConfidenceHead, .ProgressHead,.JiraHead{font-size: 11px;}
}