.tab-content{position: relative;}
.Action-Icons{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);border-radius: 4px;float: right;
    background: #FFFFFF;position: absolute;right: 0px;top: -60px;}
.Action-Icons ul li{display: inline-block;border-right: 1px solid #E3E3E3;/*padding-right: 12px;*/vertical-align: middle;}
.Action-Icons ul li:last-child{border: 0px;}
.Action-Icons ul li a{display: inline-block;padding: 8px 12px;vertical-align: middle;}
.Action-Icons ul li a small{display: inline-block;position: relative;top: 2px;}
.Action-Icons ul li a.TreeActions small,.Action-Icons ul li a.UnalignedTreeActions small{top: 3px;}
.Action-Icons ul li a:hover i,.Action-Icons ul li a:focus i,.Action-Icons ul li a.active i{color: #5A4D9F;}
.Action-Icons a i{ color: #c7c7c7;font-size: 18px;}
.Action-Icons a i.icon-Present{font-size: 20px;}
.ObjectivesLists ul,.ObjsLists ul{text-align: center;}
.ObjectivesLists ul li,.ObjsLists ul li{display: inline-block;padding-right: 20px;margin-bottom: 5px;}
.ObjectivesLists ul li:last-child,.ObjsLists ul li:last-child{padding-right: 0px;}
.ButtonLinks{border-bottom: 2px solid transparent;color: #434343;padding-bottom: 4px;}
.ButtonLinks:hover,li.active .ButtonLinks{border-bottom: 2px solid #5A4D9F;color: #5A4D9F;}
.EmployeeCycleGrid .rTableCell,.EmployeeCycleGrid .rTableHead{border: 0px;padding: 16px 12px;vertical-align: middle;}
.EmployeeCycleGrid .rTableRow:first-child{margin-top: 0px;}
.EmployeeCycleGrid .rTableRow{display: inline-table;width: 100%;background: #FFFFFF;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);border-radius: 4px;margin-top: 12px;}
.EmployeeCycleGrid {
    display: table;
    width: 100%;
}
.EmployeeCycleGrid .Objecttitle .Sublink{font-weight: 700;
    font-size: 16px;color: #5A4D9F;line-height: 19px;display: inline-block;width: calc(100% - 35px);}
    .EmployeeCycleGrid .Objecttitle .Sublink a{font-size: 16px;color: #5A4D9F;font-weight: 700;}
/*.EmployeeCycleGrid .Objecttitle .Sublink a{font-size: 16px;}*/
.EmployeeCycleGrid .Objecttitle{padding-left: 0px !important;}
.EmployeeCycleGrid .Objecttitle h3{margin: 0px;width: 100%;padding-left: 40px !important;}
.Objecttitle h3 i.icon-Objective, .Objecttitle h3 i.icon-CompanyObj, .Objecttitle h3 i.icon-Team-objective-01{left: 2px;}
.Objecttitle h3 i.icon-Team-objective-01{top: 10px;}
.rTableCell a.btn.new-btn{padding: 6px 12px;font-size: 15px;color: #5A4D9F;line-height: 22px;}
.EmployeeCycleGrid .rTableCell{border-width: 0px 0 0px 0;
    border-color: #dedede;
    border-style: solid;
    padding: 16px 12px;
    min-width: 150px;
    vertical-align: middle;
    height: 66px;}
.EmployeeCycleGrid .rTableCell:first-child {
    border-left: 0px solid #dedede;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    min-width: 450px;width: 450px;
}
.EmployeeCycleGrid .rTableCell .status{float: left;}
.EmployeeCycleGrid .NameDetails span{width: 100%;}
.EmployeeCycleGrid .SubGrid .rTableCell{height: 40px;}
.DateRangeSection {
    float: right;
    display: flex;
    align-items: center;
}
.DateRangeSection .Label {
    font-weight: 400;
    font-size: 14px;
    color: #a6a1a1;
    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,.DateRangeSection .icon-DownArrow {
    position: relative;
    right: 22px;
    font-size: 20px;
    top: 2px;
    color: #909090;
    cursor: pointer;
}
.Alignment-Container .SerachArea{background: #F7F7F7;border-radius: 4px;padding: 16px;}
.Company-Overview.modal.fade .modal-dialog {max-width: 900px !important;}
.Company-Overview .AlignToList li.Objecttitle, .AlignToList .Objecttitle{background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);border-radius: 4px;margin: 0px 0px 16px;border: 1px solid transparent;padding: 15px !important;}
.AlignToList .Objecttitle:hover{/*border: 1px solid #5A4D9F;*/background: #e8e8e8;}
.Company-Overview .AlignToList .ObjectiveList:last-child .Objecttitle{margin-bottom: 0px;}
.Company-Overview .InnerCard h3 span a{color: #5A4D9F;font-size: 15px;cursor: pointer;border-bottom: 2px solid transparent;}
.Company-Overview .InnerCard h3 span a:hover{text-decoration: none;color: #483B8C;border-bottom: 2px solid #483B8C;}
.Company-Overview .OverviewCard{background: #fff;padding: 20px;min-height: 535px;}
.Company-Overview .AlignToList .ObjectiveList{box-shadow: none;margin: 0px;}
.Company-Overview .SerachArea .NewSeachBox{width: 220px;}
.Company-Overview .SerachArea .NewSeachBox input{height: 32px;width: 190px !important;}
.Company-Overview .AlignToList .UICheckbox input {left: 2px;margin: 0 !important;}
.Company-Overview .AlignToList .UICheckbox small {border-radius: 50%;border: 1px solid #c8cfd5;margin: -2px 0 0 0;}
.Company-Overview .Objecttitle .InnerCard{margin-left: 18px !important;}
.Company-Overview .AlignToDetailedView .ownedbyinfo{padding: 16px 0 0;}
.Company-Overview .AlignToList .AlignToDetailedView,.Company-Overview .Objecttitle h3{padding-left: 40px !important;}
.WhiteBg .Employee-Table .BoxShadow {
    box-shadow: 0 0px 8px #dcdada;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 5px;
}
.dataTables_wrapper table.dataTable {
    margin: 0px !important;
}
.Employee-Table div.dataTables_wrapper div.dataTables_paginate {
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 2px 6px 0px #dcdada;
    margin: -3px 0px 20px;
}
.dataTables_length + .dataTables_info {
    padding: 22px 0px 0px !important;
}
.Employee-Table .grid_table .dataTables_length {
    padding: 10px 5px 12px 15px !important;
}
.List-Container .ObjectiveList{box-shadow: none;border-radius: 0px;margin-bottom: 0px;}
.List-Container .ObjectiveList:hover{box-shadow: none;}
.List-Container .CollapsedObj .Objecttitle {padding: 0px 0px 0px 16px !important;}
.List-Container .Objecttitle h3 span a{font-size: 14px;color: #5A4D9F;}
.List-Container .Employee-Table .table th.ActionCell {
    width: 11px;
    min-width: 11px !important;
    box-shadow: none;
    border-radius: 0px 5px 0px 0px;
    height: 48px;
    border: 0px;
    padding: 0px;
}
.List-Container .Employee-Table .table td.ActionCell:last-child {
    border-bottom: 0px solid #e0e0e0;
}
.List-Container .Employee-Table .table .ActionCell {
    width: 26px;
    min-width: 26px !important;
    box-shadow: none;
}
.List-Container .Employee-Table .ActionCell .action-middle {display: table;height: 100%;margin: 0 auto;}
.List-Container .Employee-Table .ActionCell .action-innercell {display: table-cell;vertical-align: middle;}
.List-Container table td a.icon {text-decoration: unset;}
.List-Container .ActionCell .icon-more {font-weight: bold;font-size: 16px !important;
    color: #c8c8c8 !important;position: absolute;top: -8px;right: -5px;}
.List-Container .Objecttitle {padding-left: 20px !important;}
.List-Container .ObjectKeyresults{margin-left: 26px;}
.List-Container .ObjectKeyresults .Objectiveprogress{width: 64px;}
.List-Container .ObjectKeyresults .ProgressPercentage{font-size: 14px;}
.List-Container .ObjectKeyresults ul li .KeyResultsName{white-space: normal;}
.List-Container .ObjectKeyresults .KeyResultsName h4{width: 100%;}
.List-Container .ObjectKeyresults .NameDetails span{width: auto;white-space: inherit;margin-bottom: 0px;}
.OwnerSection .NewOwnerUI{margin-bottom: 5px;}
.AvatarTooltip .NameDetails span{max-width: inherit;}
.AvatarTooltip{min-width: auto;max-width: 470px;top: -97px;}
.AvatarTooltip .Emp-Number{display: none;}
.List-Container .ObjectKeyresults .NameDetails{text-align: left;width: auto;max-width: 425px;display: inline-block;}
.ObjectKeyresults .DateValues{width: 15%;}
.ObjectKeyresults .StatusValues{width: 20%;}
.ObjectKeyresults .ProgressValues{width: 20%;}
.ObjectKeyresults .OwnerValues{width: 30%;}
.ObjectKeyresults .OwnerValues,.ObjectKeyresults .ProgressValues,.ObjectKeyresults .StatusValues,.ObjectKeyresults .DateValues{display: table-cell;text-align: center;vertical-align: middle;font-size: 14px;    padding: 0 10px;}
/*new*/
.KeyResults-Layout{border: 1px solid #E3E3E3;border-radius: 4px;}
.KeyResults-Layout .ObjectKeyresults ul li:first-child{padding: 10px;}
.List-Container .table_icon::after{width: 12px;background: url(../images/sort.svg) no-repeat center right;
    content: "";
    height: 12px;
    background-size: 100%;
    opacity: 1;
    background-size: 8px !important;
    -webkit-box-sizing: inherit !important;
    -moz-box-sizing: inherit !important;
    box-sizing: inherit !important;
    margin: auto auto auto 4px;
    top: 0;
    right: inherit;
    bottom: 0;
    display: inline-block;
    position: unset;}
.List-Container .table_icon label{font-size: 14px;
    cursor: pointer;text-transform: uppercase;color: #777;font-weight: normal;}
/*new*/
.Objective-Grid .EmployeeCycleGrid .rTableRow{box-shadow: none;border-radius: 0;margin-top: 0px;}
.Objective-Grid{border: 1px solid #E3E3E3;border-radius: 4px;padding: 1px;overflow-y: auto;clear: both;}
.Objective-Grid .rTableHead{text-transform: uppercase;color: #777;font-weight: normal;font-size: 14px;padding: 10px;
border-bottom: 1px solid #E3E3E3;min-width: 148px;}
/*.Objective-Grid .rTableHead.StatusHead{min-width: 175px;}
.Objective-Grid .rTableCell.StatusField{min-width: 134px;}
.Objective-Grid .rTableCell.DueField{width: 100px;
    min-width: 132px;}*/
.Objective-Grid .EmployeeCycleGrid .rTableRow .rTableCell{border-bottom: 1px solid #E3E3E3;border-radius: 0px !important;}
.Objective-Grid .EmployeeCycleGrid .rTableRow:last-child .rTableCell{border-bottom: 0px;}
/*.Objective-Grid .EmployeeCycleGrid .SubGrid li:last-child .rTableCell{border-bottom: 1px solid #E3E3E3;}*/
.Objective-Grid .EmployeeCycleGrid .rTableRow .rTableCell,.TableRowSection.Opentree .rTableRow .rTableCell{border: 0px;}
.Objective-Grid .EmployeeCycleGrid .rTableCell{padding: 10px;}
.Objective-Grid .ECIcon,.Objective-Grid .ECIcon:hover{font-size: 16px;color: #5A4D9F;}
.Objective-Grid .ExpandedObj .ECIcon {color: #9e9e9e;}
.SubGrid{display: table-row;width: 100%;}
.Objective-Grid .SubGrid .Objecttitle .Sublink a{color: #808080;font-weight: 400;font-size: 15px;}
.Objective-Grid .SubGrid .Objecttitle .Sublink a:hover{text-decoration: unset;}
.Objective-Grid .TitleBorder:after{content: unset;}
.Objective-Grid .ExpandedObj .Objecttitle{padding-bottom: 0px !important;}
.Objective-Grid .rTableHead:first-child{min-width: 450px;width: 450px;}
.EditIcon .icon-HoverEdit{font-size: 14px; margin: 4px 0px 0px 15px;color: #D4D4D4;font-weight: bold;}
.Objective-Grid .rTableHead span.table_icon:after{background: url(../images/sort.svg) no-repeat center right;}
.Company-Overview .tab-overflow .nav{margin: 0 auto;}
.ObjSubsection{display: none;}
.ObjSubsection.ListCards{display: block !important;}
.NoObjAvailable .EmptyMessage{height: 400px;}
.Objective-Grid .PaginationNew .PageNo{margin-top: 3px;}
.ProgressPercentage{font-size: 15px;font-weight: 700;}
.TableRowSection .Objectiveprogress{width: 40%;}
.TableRowSection .rTableRow .ProgressWidth .Objectiveprogress{width: 42%;}
.Objectiveprogress .progress-bar,.ui-slider-range{background: #5A4D9F;}
.Objective-Grid .NewOwnerUI{display: flex;align-items: center;}
/*tree start*/
.Tree-Container{width: auto;overflow-x: auto;padding-left: 5px;min-height: 470px;}
/*.Tree-Container .entrydiv{background: #F7F7F7;border: 1px solid transparent;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);;
border-radius: 4px;width: 528px;padding: 16px 12px;}
.Tree-Container .entrydiv .ObjectiveList.CollapsedObj{background: #F7F7F7;}
.Tree-Container .entrydiv .ObjectiveList.ExpandedObj{background: #fff;}*/
.TreeCard-Nav{height: 570px;display: flex;align-items: center;}
.Circle-Action{width: 31px;height: 31px;background: #5A4D9F;border-radius: 33px;padding: 6px;
    display: inline-block;margin-left: 20px;z-index: 999;}
.Circle-Action span{display: inline-block;color: #fff;font-weight: 700;font-size: 16px;}
.FlexCenter{display: flex;align-items: center;}
.FlexTop{display: flex;align-items: self-start;}
/*.FirstLevel-TreeCard{margin-left: 100px;}*/
/*.FirstLevel-TreeCard .FirstLevelNode,.FirstLevel-TreeCard .SecondLevelNode .SecondNode{margin-bottom: 30px;}
.FirstLevel-TreeCard .FirstLevelNode:last-child,.FirstLevel-TreeCard .SecondLevelNode .SecondNode:last-child{margin-bottom: 0px;}
.TreeCard-Nav .render{text-align: left;}
.TreeCard-Nav .render .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}
.TreeCard-Nav .render svg:not(:root){margin-left: -120px;}*/
/*.Tree-Container .entrydiv.Open,.Tree-Container .entrydiv.Open .ObjectiveList{background: #F7F7F7;z-index: 999;}*/
.ObjectKeyresults ul li:last-child:after{background:#F7F7F7;}
.ObjectKeyresults .FlexTop label{margin-bottom: 0px;width: 367px;}
.ObjectKeyresults .FlexTop span{display: inline-block;padding-left: 0px;width: 180px;
    text-align: right;}
.ObjectKeyresults .FlexTop label a{margin-left: 0px;}
.ObjectKeyresults .FlexTop label a:hover{text-decoration: underline;color: #483B8C;}
.ObjectKeyresults .FlexTop a{margin-left: 10px;}
/*.entrydiv .ExpandedObj .ObjectKeyresults ul li{padding: 0px 0px 0px 18px;
    margin: 8px 0px 0px 10px;border: 0px;}
.entrydiv .ExpandedObj .ObjectKeyresults ul li:first-child{margin-top: 0px;}
.entrydiv .ExpandedObj .ObjectKeyresults ul li::before,.entrydiv .ExpandedObj .ObjectKeyresults ul li:first-child::after {
    content: "";
    position: absolute;
    top: 1px;
    left: -21px;
    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;
}
.entrydiv .ExpandedObj .ObjectKeyresults ul li:before{left: -21px;}
.entrydiv .ExpandedObj .ObjectKeyresults ul li .FlexTop:before {
    content: '';
    position: absolute;
    top: 3px;
    left: -2px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #D9D9D9;
    border: 1px solid #C5C5C5;;
}*/
.AvatarTooltip{z-index: 999;}
/*.entrydiv .Objecttitle .TitleDiv h3{width: calc(100% - 100px);padding-left: 40px !important;}
.entrydiv .Objecttitle .TitleDiv a .icon-Progress-Edit{color: #D4D4D4;font-size: 18px;}
.entrydiv .Objecttitle .TitleDiv a:hover .icon-Progress-Edit{color: #5A4D9F;}
.entrydiv .ObjectKeyresults ul{margin-left: 4px !important;}
.entrydiv.CardWidth .Objecttitle .TitleDiv h3 {width: calc(100% - 101px);}*/
.CardExpand i,a .icon-HoverEdit{color: #C7C7C7;}
.CardExpand:focus i,.CardExpand:hover i,a:hover .icon-HoverEdit,a:focus .icon-HoverEdit{color: #5A4D9F;}
.FirstLine:before{ border-color: #e3e3e3;
    content: "";
    border-style: solid;
    height: 146px;
    width: 48px;
    border-radius: 30px 0 0 0px;
    border-width: 2px 0 0 2px;
    margin-left: 0px;
    position: absolute;
    top: 30px;
    left: -81px;
    rotate: 28deg;
}
.Objective-Grid a.EditIcon:hover i{color: #5A4D9F;}
.ExpandedObj .ObjectKeyresults ul li:last-child:after{top: 3px;}
/*.Tree-Container .entrydiv.Open .Circle-Action{top: -59px;}
.Tree-Container .entrydiv.CardWidth .Circle-Action,.Tree-Container .entrydiv.CardWidth .PercentNode {display: none;}*/
.m-l-50{margin-left: 50px !important;}
.m-l-60{margin-left: 60px !important;}
.m-l-70{margin-left: 70px !important;}
.MinMax-Container{position: fixed;right: 0;top: unset;z-index: 999;bottom: 100px;}
.MinMax-Container .MinMax-section{position: absolute;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);border-radius: 4px;
background: #fff; width: 36px; height: 100px; display: flex; align-items: center;justify-content: center;right: 22px;top: -90px;}
.MinMax-Container .MinMax-section li{margin-bottom: 6px;}
.MinMax-Container .MinMax-section li:last-child{margin-bottom: 0px;/*border-top: 1px solid #E3E3E3;padding-top: 10px;*/}
.InnerLine{font-size: 20px;color: #808080;font-weight: normal;}
.MinMax-Container .MinMax-section li a{color: #808080;font-weight: 700;}
.MinMax-Container .MinMax-section li a:hover{color: #5A4D9F;}
.EmployeeCycleGrid .SubGrid li .Objecttitle h3{padding-left: 16px !important;}
.TableRowSection.Opentree .TitleBorder:after{ 
   content: "";
    position: absolute;
    border-left: 2px solid #e3e3e3;
    top: 54px;
    bottom: -15px;
    z-index: 9;
    left: -12px;}
.TableRowSection .SubGrid,.TableRowSection .SubGrid ul li{position: relative;display: table;
    width: 100%;
    table-layout: fixed;}
    .TableRowSection.Opentree .SubGrid{
    margin: 0px 0 0px 18px;}
.TableRowSection.Opentree .SubGrid ul{position: relative;
    padding-left: 10px;
    width: 97.8%;
    border-left: 2px solid #e3e3e3;
    float: left;margin: 0px 0 20px 0px;}
        .TableRowSection .SubGrid ul li:last-child{margin: 0px;}
.TableRowSection.Opentree .SubGrid ul li::before{content: "";
    position: absolute;
    top: 27px;
    height: 10px;
    left: -12px;
    width: 20px;
    background: transparent;
    border-bottom-left-radius: 25px;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    z-index: 99;}
.TableRowSection.Opentree .SubGrid ul li:last-child:after {
    content: "";
    position: absolute;
    top: 33px;
    bottom: 0;
    left: -13px;
    width: 5px;
    background: #fff;
}
.TableRowSection.Opentree .SubGrid li .rTableRow{position: relative;}
.TableRowSection.Opentree .SubGrid li .rTableRow:before{content: '';
    position: absolute;
    top: 13px;
    left: 8px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
  background: #fff;
    border:4px solid #B2B2B2;}
.TableRowSection.Opentree .SubGrid li.Cascadingenable .rTableRow:before{border: 0px;background: transparent;}
.TableRowSection.Opentree .SubGrid li.Cascadingenable .Cascadingicon{left: -14px;top: 5px;}
.Objective-Grid .EmployeeCycleGrid .SubGrid li .rTableCell{padding: 0px 6px;}
.TableRowSection{border-bottom: 1px solid #e0e0e0;}
.Tree-Container .Objecttitle .TitleDiv h3 {
    width: calc(100% - 75px);
    padding-left: 45px !important;
}
.Tree-Container .TitleDiv a.p-l-10{display: none;}
.Tree-Container .TitleDiv a.CardExpand.p-l-10{display: inline-block;}
.Tree-Container .Circle-Action:hover{background: #483B8C;}
.TableRowSection.Opentree .SubGrid.ThreeNode:after{top: 503px;bottom: 219px;}
.Objective-Grid .CollapsedObj .ECIcon .icon-Right{font-size: 13px;color: #5A4D9F;position: absolute;top: 4px;left: 6px;}
.Objective-Grid .ExpandedObj .ECIcon .icon-UpArrow{font-size: 14px;color: #5A4D9F;}
.TableRowSection .rTableCell a i.icon-Progress-Edit{color: #D4D4D4;font-size: 18px;margin-left: 15px;}
.TableRowSection .rTableCell a:hover i.icon-Progress-Edit{color: #5A4D9F;}
.EmployeeCycleGrid .rTableRow .SubProgressfield{min-width: 266px;width: 260px;}
.Objective-Grid .rTableHead.OwnerHead,.Objective-Grid .rTableCell.OwnerField{width: 260px;min-width: 260px;}
.rTableHead.StatusHead .table_icon{margin-left: 10px;}
.Objective-Grid .rTableHead,.Objective-Grid .AlignName{min-width: 190px;width: 190px;}
.Objective-Grid .rTableHead.AlignObj,.Objective-Grid .EmployeeCycleGrid .AlignName{min-width: 450px;width: 450px;}
.Objective-Grid .DueHead,.Objective-Grid .DueField,.Objective-Grid .StartHead{min-width: 150px !important;
    width: 214px;}
.Objective-Grid .rTableHead.ProgressHead{width: 240px;min-width: 240px !important;}
.Objective-Grid .rTableHead.StatusHead{padding-left: 0px;}
.Objective-Grid .rTableHead.ConfidenceHead{min-width: 235px;width: 235px;}
.daterangepicker:before,.daterangepicker:after{display: none;}
.Unaligned-Container .SubAlignField{min-width: 148px;}
.Unaligned-Container .AlignHead{min-width: 170px;}
.Unaligned-Container .rTableCell.ProgressField{padding-left: 0;min-width: 124px;}
.Unaligned-Container .rTableCell.Sub-Status{min-width: 127px;padding-left: 15px;width: 210px;}
.Unaligned-Container .rTableCell.Sub-Progress{min-width: 150px;width: 284px;}
.Objective-Grid .NewOwnerUI .NameDetails{width: 196px;}
.EmployeeCycleGrid .NameDetails span{margin-bottom: 0px;white-space: normal;}
.EmployeeCycleGrid .TableRowSection .rTableCell:nth-child(2){width: 240px;}
.EmployeeList-table{display: table;width: 100%;}
.Alignment-Container .tab-content .UnalignedTab.active .Unaligned-Container .Objective-Grid{display: block !important;}
.Objective-Grid .StatusWidth,.Objective-Grid .Sub-Status{min-width: 200px;width: 200px;}
.Objective-Grid .ProgressWidth,.Objective-Grid .Sub-Progress{width: 286px;min-width: 260px;}
.Objective-Grid .EmployeeCycleGrid .rTableRow .rTableCell.StatusField,.Objective-Grid .EmployeeCycleGrid .rTableCell.DueField {padding-left: 5px;}
.mt-17{margin-top: -17px !important;}
.mt-37{margin-top: -37px !important;}
.ObjectiveList.ExpandedObj .PercentNode {top: -60px;}
.PercentNode{/*position: absolute;right: -116px;top: -45px;*/
border: 1px solid #e0e0e0;padding: 5px;border-radius: 10px;font-size: 15px;z-index: 999;background: #fff;
font-weight: bold;width: 63px;text-align: center;margin-left: 9px;display: inline-block;}
.PercentNode.Node12Btn{right: -101px;top: 24px;}
.PercentNode.Node11Btn{right: -112px;top: -44px;}
.Tree-Container #tree .SubFirstBranch.branch:not(:first-child):after{top: 51%;}
.Tree-Container #tree .SubBranch.branch:not(:first-child):after{top: 50%;}
.SubBranch .entry:first-child:before{top: 52%;}
.SubBranch .entry:after{top: 52%;}
.Tree-Container #tree .SubChildDiv.branch:not(:first-child):after{top: 53%;}
.SingleChild .entry:only-child:after{border-bottom: 1px solid #ccc;width: 20px;margin-top: 7.6px;}
.Tree-Container #tree .SingleChild.branch:not(:first-child):after{top: 58%;}
.NewSeachBox {width: 240px;}
.NewSeachBox input{width: 210px !important;}
.TitleBorder .ConfidentialObjective{width: unset;
    float: left;
    color: #777777;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    left: 110px;
    top: -2px;}
.ConfidentialObjective .icon-confidential {
    font-size: 15px;
    vertical-align: middle;
    display: inline-block;padding-left: 3px;margin-top: 2px;
}
.AlignName .ConfidentialObjective .icon-confidential{padding-left:0px;margin:3px 3px 0px 0px;}
.AlignName.AlignConfidential .ConfidentialObjective .icon-confidential{margin:-4px 3px 0px 0px;}
.TableRowSection .AlignConfidential .ConfidentialObjective{display: block;position: unset;margin-top: 4px;}
.TitleBorder h3 .tooltip.top{margin-left: 8px;}
.ConfidentialObjective small{font-size: 13px;display: inline-block;vertical-align: middle;}
.TableRowSection .ConfidentialObjective{width: unset;
    position: absolute;
    top: -3px;
    left: 108px;}
.ConfidentialNote .ConfidentialObjective{position: unset; margin-top: 3px;display: block;vertical-align: middle;}
.ConfidentialNote .ConfidentialObjective .icon-confidential{font-size: 18px;padding-left: 0px;margin-top: -4px;}
.ConfidentialNote .ECIcon,.ConfidentialNote .TitleDiv h3 span.Pos_relative,.ConfidentialNote span.p-l-10, .Tree-Container .ConfidentialNote .TitleDiv a.CardExpand.p-l-10{display: none;}
.tree li .ConfidentialNote.Tree-InnerDiv:hover{background: #F7F7F7;border: 2px solid transparent;}
.TableRowSection .Ranges span{border-radius: 3px;
    font-size: 12px;
    display: inline-block;
    padding: 0px 20px;
    height: 24px;
    line-height: 24px;
    font-weight: 600;}
.TableRowSection .Ranges .Low{background: #FFDADA;color: #FA3831;}
.TableRowSection .Ranges .Medium{background: #FFF7DA;color: #C29203;}
.TableRowSection .Ranges .High{background: #DAFFDE;color: #23B31D;}
/*.entrydiv .ExpandedObj .ObjectKeyresults ul li:nth-child(2){margin-top: 0px;}
.entrydiv .ObjectKeyresults ul{margin-bottom: 15px !important;}*/
@media (max-width: 1023px) and (min-width: 768px){
.NewSeachBox {margin-bottom: 0px;}
.SortBy .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 120px;}
.SerachArea .DateRangePicker{width: 200px;}
.SerachArea .DateRangeSection{margin:0px -10px 0px 6px !important;}
.SerachArea .DateRangeSection .Label{padding-right: 7px;}
.Alignment-Container .SerachArea{padding: 8px;}
.NewSeachBox{width: 180px;}
.NewSeachBox input{width: 150px !important;}
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
.table {
    border-collapse: inherit;
}
}

/*new tree css start*/
.Hierarchy-Tree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tree .Hierarchy-Ul {
    padding-left: 196px; position: relative;
    
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tree .Hierarchy-List {
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 5px 0 8px 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree .Hierarchy-List::before, .tree .Hierarchy-List::after{
    content: '';
    position: absolute; left: 0; bottom: 50%;
    border-left: 1px solid #ccc;
    width: 89px; height: 50%;
}   
.tree .Hierarchy-List::after{
    bottom: auto; top: 50%;
    border-top: 1px solid #ccc;
}

.tree .Hierarchy-List:only-child::after, .tree .Hierarchy-List:only-child::before {
    display: none;
}

.tree .Hierarchy-List:only-child{ padding-left: 0;}

.tree .Hierarchy-List:first-child::before, .tree .Hierarchy-List:last-child::after{
    border: 0 none;
}
.tree .Hierarchy-List:last-child::before{
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
}
.tree .Hierarchy-List.SingleNode::after{border-left: 0px;}
.tree .Hierarchy-List:first-child::after{
    border-radius: 0 0 0 0px;
    -webkit-border-radius: 0 0 0 0px;
    -moz-border-radius: 0 0 0 0px;
}

.tree .Hierarchy-Ul ul::before{
    content: '';
    position: absolute; left: 0; top: 50%;
    border-top: 1px solid #ccc;
    width: 196px; height: 0;
}
.tree .Hierarchy-List .Tree-InnerDiv{
    background: #F7F7F7;
    border: 2px solid transparent;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    padding: 8px;
    text-decoration: none;
    color: #666;
    display: inline-block;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    width: 528px;
}
.Tree-Container .ObjectiveList, .Tree-Container .ObjectiveList:hover{background: transparent;text-align: left;}
.Hierarchy-Tree .ExpandedObj .ObjectKeyresults ul li {
    padding: 0px 0px 0px 25px;
    margin: 15px 0px 0px 10px;
    border: 0px;
}
.Hierarchy-Tree .CardWidth .ExpandedObj .ObjectKeyresults ul li{margin: 24px 0px 0px 10px;}
.tree .Hierarchy-List .Tree-InnerDiv.CardWidth{padding: 25px 15px;}
.Hierarchy-Tree .ExpandedObj .ObjectKeyresults ul li:nth-child(2) {
    margin-top: 0px;
}
.Hierarchy-Tree .ExpandedObj .ObjectKeyresults ul li:before {
    left: -21px;
}
.Hierarchy-Tree .ExpandedObj .ObjectKeyresults ul li::before, .Hierarchy-Tree .ExpandedObj .ObjectKeyresults ul li:first-child::after {
    content: "";
    position: absolute;
    top: 1px;
    left: -21px;
    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;
}
.Hierarchy-Tree .ExpandedObj .ObjectKeyresults ul li .FlexTop:before {
    content: '';
    position: absolute;
    top: 3px;
    left: -1px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff;
    border: 4px solid #B2B2B2;
}
.Hierarchy-Tree .ExpandedObj .ObjectKeyresults ul li.Cascadingenable .FlexTop:before{left: -28px;
    border: 0;
    width: 20px;
    height: 26px;
    top: 7px;
    border-radius: 0px;background: transparent;}
.Cascadingenable .Cascadingicon{left: -4px;top: -3px;width: unset !important;}
.Hierarchy-Tree .ObjectKeyresults ul {
   margin: 0px 0 15px 4px !important;
}
.Hierarchy-Tree .ExpandedObj .ObjectKeyresults ul li:first-child {
    margin-top: 0px;
}
.tree .Hierarchy-Ul .ObjectKeyresults ul::before{content: unset;border: 0px;}
.Tree-Container .Hierarchy-Ul .Tree-InnerDiv.CardWidth {
    width: 765px;border: 2px solid #5A4D9F;
}
.tree .Hierarchy-Ul .CardWidth .ObjectKeyresults .FlexTop label{width: 87.4%;}
.Tree-Container .Hierarchy-Ul .Tree-InnerDiv.CardWidth,.Tree-Container .Hierarchy-Ul .Tree-InnerDiv.Open,.CardWidth .ObjectKeyresults ul li:last-child:after,.Open .ObjectKeyresults ul li:last-child:after,
.ObjectKeyresults ul li:last-child:after{background: #fff !important;}
.Tree-Container .Hierarchy-Ul .Tree-InnerDiv.Open{border: 2px solid #5A4D9F;/*position: relative;top: 150px;margin-bottom: 10px;*/}
.tree .Tree-InnerDiv .ObjectiveList{position: relative;min-height: 43px;}
.Hierarchy-Tree .Node-action{content: '';position: absolute;left: 26px;}
.tree .Hierarchy-List.Hierarchy-Node::before{border-left: 0px;}
.tree .Hierarchy-Ul.Display .Hierarchy-List,.tree .Hierarchy-Ul.Display .PercentNode{display: none;}
.tree .Hierarchy-Ul ul.Display::before{border-top: 0px;}
/*.tree .Hierarchy-Ul.Cascading-Container.Display .Hierarchy-List,.tree .Hierarchy-Ul.Cascading-Container.Display .PercentNode{display: flex;}
.tree .Hierarchy-Ul ul.Cascading-Container.Display::before{border-top: 1px solid #ccc;}*/
.tree .Hierarchy-Ul:first-child{padding-left: 5px;}
.Alignment-Container .SerachArea .SortBy .bootstrap-select.btn-group .dropdown-menu.inner{overflow-y: auto;}
.tree li .Tree-InnerDiv:hover, .tree li .Tree-InnerDiv:hover+ul li .Tree-InnerDiv{background: #fff;border: 2px solid #5A4D9F;}
.Objective-Grid .EmployeeCycleGrid .rTableCell.StartField,.Objective-Grid .EmployeeCycleGrid .rTableCell.DueField{min-width: 152px !important;width: 150px;}
/*.rTableHead.AlignObj span.table_icon:after{position: relative;top: -8px;right: -41px;}*/
.Alignment-Container .TreeMain{margin-top: 61px;}
.Hierarchy-List.ExpandCenter{position: relative;left: -350px;}
.List-Container .AlignName .Objecttitle {
     padding-left: 0px !important; 
}
.AlignName span.objectivetype{margin: 0px 0px 0px 0px;}
.tree .Hierarchy-List.ExpandCenter::before, .tree .Hierarchy-List.ExpandCenter::after{border: 0px}
.AlignToList li.Alignedone, .AlignToList .Objecttitle.Alignedone {
    background: #fbfbfb;
    cursor: default;
}
.AlignToList .ObjectiveList {
    box-shadow: 0 0px 10px #dcdada;
}
.Objective-Grid .EmployeeCycleGrid .SubGrid li .rTableCell.Sub-Progress{width: 380px;}
.tree.TeamandIndividual .Hierarchy-Ul ul:first-child::before{border: 0px}
.TableRowSection.Opentree .SubGrid li .rTableCell.SubAlignField a.btn{display: none;}
.Objective-Grid .EmployeeCycleGrid .SubGrid li .rTableRow .rTableCell:first-child{    min-width: 425px;width: 424px;}
.NewOwnerUI:hover .AvatarTooltip{display: none;}
.Objecttitle h3 .IconBg{position: absolute;left: -7px;top: -10px;}
.Objecttitle h3 .IconBg i{font-size: 18px;background: #E7E7E7;width: 38px;height: 38px;
border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.Objecttitle .ECIcon{left: -24px;}
.ParentCascade{position: relative;}
.ParentCascade i{ position: absolute;left: -17px;z-index: 999;font-size: 12px;top: 3px;font-weight: bold;color: #454545;}
.ParentCascade .tooltip.top .tooltip-arrow{left: 62px !important;}
.Tree-InnerDiv .ObjectiveList .icon-Objective:before,.Tree-InnerDiv .ObjectiveList .icon-Team-objective-01:before{font-size: 21px;margin: 0px 0px 0px 0px;}
.Hierarchy-List .Cascading-Link .Cascadingicon{border: 1px solid #ccc;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    z-index: 999;
    background: #fff;
    left: 56px;
    top: -15px;}
.Hierarchy-List .Cascading-Link{position: absolute;
    left: -88px;
    bottom: 0;
    width: 140px;
    height: 0%;border-top: 1px solid #ccc;}
.Cascading-Link .Cascadingicon img{width: 18px;}
.Cascading-Link .tooltip.top{margin-top: -9px;}
.Cascading-Link .Cascadingicon .tooltip.top .tooltip-arrow{bottom: 0px;}
.Cascading-Link .Cascadingicon .tooltip-inner{min-width: auto;}
.tree .Hierarchy-Ul.Cascading-Container .InnerLI-First ul.InnerUL::before{border-top: 0px;}
li.InnerLI-Last.InnerLastDiv:before{border-left: 1px solid #ccc;}
.InnerLastDiv .Hierarchy-List.FirstClick .Cascading-Link{bottom: 56px;}
.SingleCascading .FirstClick.Hierarchy-List .Cascading-Link{bottom: 45px;}
.SingleCascading .FirstClick.Hierarchy-List.Cascading-Open .Cascading-Link{bottom: 50%;}
.SingleCascading li.InnerLI-First:before{height: 86.2%;}
.Cascading-Container.Open.SingleCascading .InnerLI-Last.InnerLastDiv:before{height: 39%;top: 42px;}
.Hierarchy-Tree .InnerLI-First div ul .InnerLI-NodeAction{top: 73px;left: -119px;}
.tree .Hierarchy-Ul ul.Cascading-Container::before{width: 80px;}
.SingleAlign-SingleCascade li.InnerLI-First:before{top: 118px;width: 145px;height: 69%;}    
.Hierarchy-Tree  .SingleAlign-SingleCascade .InnerLI-First div ul .InnerLI-NodeAction {
    top: 102px;
    left: -98px;
}
.SingleAlign-SingleCascade.Open li.InnerLI-First:before{top: 190px;height: 62%;}
.Hierarchy-Tree .SingleAlign-SingleCascade.Open .InnerLI-First div ul .InnerLI-NodeAction{top: 175px;}
/*.tree .Hierarchy-Ul.Cascading-Container.Display{padding-left: 145px;}*/
.Hierarchy-Tree .Cascading-Container.Display .InnerLI-First div ul .InnerLI-NodeAction {top: -15px;left: -119px;}
.Cascading-Container.Display li.InnerLI-First:before{border-top: 0px;}
.tree .Hierarchy-Ul.Cascading-Container{padding-left: 196px;}
.tree .Cascading-Container .Hierarchy-List::before, .tree .Cascading-Container .Hierarchy-List::after{left: 23px;width: 67px;}
.tree .Cascading-Container .AlignmentPart:nth-last-of-type(1)::after{border-left: 0px !important;}
.tree .Cascade-Seperate .Hierarchy-Ul li:nth-of-type(2)::before{border-left: 0px;}
.tree  .Hierarchy-Ul .Cascade-Seperate ul::before{border-top: 0px;}
.tree .Cascade-Seperate .Node-action .Circle-Action{margin-left: -83px;position: relative;}
.tree .Hierarchy-Ul ul.Cascading-Container.Open::after{height: 30%;}
.Hierarchy-List .Cascading-Link{position: absolute;
    left: -116px;bottom: 0;width: 140px;height: 0%;border-top: 1px solid #ccc;}
li.InnerLI-First,li.InnerLI-Last{position: relative;}
li.InnerLI-First:before{content: '';position: absolute;left: -116px;top: 89px;border-left: 1px solid #ccc;width: 140px;height: 100%;border-top: 1px solid #ccc;}
li.InnerLI-Last:before{content: '';position: absolute;left: -116px;top: 91px;width: 89px;height: 50%;}
.tree .Hierarchy-Ul .InnerLI-First ul::before{width: 185px;}
.tree .Hierarchy-Ul .InnerLI-First ul.InnerUL .Hierarchy-Ul::before{width: 219px;}
.Tree-InnerDiv.ConfidentialNote .CardExpand{position: relative;}
.Tree-InnerDiv.ConfidentialNote .CardExpand i{position: absolute;
    right: -54px;
    top: -4px;}
@-moz-document url-prefix() {
  .TableRowSection.Opentree .SubGrid ul li::before{top: 11px;}
  .TableRowSectio n.Opentree .SubGrid ul li:last-child::after{top: 17.5px;}
}
.Standard-Picker .UICheckbox small{width: 18px;height: 18px;
border: 1px solid #c0c0c0;background: #fff;display: inline-block;position: absolute;left: 2px;
border-radius: 5px;text-align: center;line-height: 18px !important;box-shadow: none;margin-left: 0px;}
.Standard-Picker{top: 0px;right: 14px;}
.Standard-Picker .Quarters-Cards li .Eligible label{float: none;color: #434343;margin: 0;}
.JiraImages a .Jira-Image{width: 18px;}