.p-18{ padding:18px !important;}
.MyActionItems{ background:#fff; border-radius:5px;  -webkit-box-shadow:5px;}
.OtherInfo  {border-left: 1px solid #c7c7c7; padding:0px 10px 0px 20px !important;}
.OtherInfo li {  display: flex; white-space: nowrap;    width: 100%;  line-height: 18px;}
.OtherInfo label,.Grade label,.Score label {color: #868686; margin:0 0 2px 0;}
.OtherInfo span { color: #434444;  margin-left: 5px;  font-weight: bold;  text-overflow: ellipsis;  overflow: hidden;}
.Score strong{ font-size:20px;}
.progress{ height:12px; margin:5px 40px 0px 0;border-radius:30px;}
.progress .progress-bar{background: #2370CB;
/* Card Shadow */

box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 20px 1px 1px 20px;}
.progress.Lagging .progress-bar{background:repeating-linear-gradient(-45deg, #fb706c, #fb706c 3px, #ff4541 3px, #ff4541 6px);}
.progress.OnTrack .progress-bar{background:repeating-linear-gradient(-45deg, #ffba00, #ffba00 3px, #eeaf07 3px, #eeaf07 6px);}
.CompletedPercentage{ right:0; top:1px;}
.CompletedStatus{ border-width:0px 0 1px; border-color:#c7c7c7; border-style:solid; padding:0px 18px 18px; margin:0 -18px;}
.FormActions .btn{ margin-left:16px;}
/* .CompletedStatus .col-md-6.Pos_relative{padding-top:8px !important;} */
.CompletedStatus strong{ text-transform:capitalize;}
/*.FeedbackFormActions a{color:#acacac;}*/
.FeedbackFormActions a.active{color:#764FB7; font-weight:bold;}
/*.NewAccordianContainer{ border-radius:5px;}*/
.NewAccordianContainer{ background:#fff;border: 1px solid #c7c7c7;border-radius: 4px;}
.NewAccordianContainer h3{ margin: 0;
    margin-right: 120px;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Roboto Slab';
    color: #353535;
    text-transform: capitalize;
    line-height: 24px;}
.SmallProgress{ width:30%;}
.SmallProgress .progress{height:12px; }
.IndividualStatus .SmallProgress .progress{ background:#fff;}
.SmallProgress .CompletedPercentage{ top:-7px;}
.Description,.GridHeader,.GridRow{border-bottom: 1px solid #c7c7c7;}   
.AccordianForm{border-top: 1px solid #c7c7c7;}
.AccordianHeader.closed{ border:0;}
.AccButton,.AccordianHeader small{ position:absolute; right:14px; top:27px;}
.SetGoalsGridView .AccButton{ top:35px;right: 35px;}
.AccordianHeader{ cursor:pointer;}
.AccordianHeader small{ right:50px; text-transform:capitalize; font-weight:bold; font-size:15px;}
.AccordianForm p{font-weight: 500;font-size: 14px;color: #353535;margin:0; line-height:18px;}
.AccButton{ font-size:16px; color:#434343; transform:rotate(180deg);}
/*.AccButton i{margin:-9px 0 0 0; line-height:21px;}*/
.closed .AccButton,.InnerAccordianclosed .AccButton{transform:rotate(0deg);top: 12px !important;}
.GoalLabel{ text-transform:capitalize; font-weight: 700;margin:0 0 3px 0;}
.GoalLabel .icon-History{ font-size:20px; margin:0 0 0 5px; display:inline-block;}
.GridRow{ float:left; width:100%;}
.GridRow:last-child{border-bottom:0;}
.GridHeader .HeaderCell{ text-transform:capitalize; color:#747474; font-weight:bold; padding:10px 18px; font-size:13px;}
.GridCell { padding:18px; }
.LeftBorder{border-left: 1px solid #c7c7c7; padding:18px 0; min-height:250px;}
.ContainerScroll{position:relative; width:100%; height:100%; overflow:hidden; }
.ViewAllCommentsBtn{ position:absolute; bottom:0; left:0; right:0; color:#764FB7; text-transform:capitalize; padding:10px 0; border-top:1px solid #c7c7c7; text-align:center; font-weight:bold; -moz-box-shadow: inset 0 -10px 10px -10px #dcdada;
    -webkit-box-shadow: inset 0 -10px 10px -10px #dcdada;  box-shadow: inset 0 -10px 10px -10px #dcdada; font-size:14px; background:#fff; display:none;}

.GoalSection .OuterBorderImg{ width:45px; height:45px; float:left;}
.GoalSection{background:#e8e8fb;}
.GoalName{text-transform:capitalize; font-weight:bold; margin:0 0 5px 0;}
.IndividualStatus .SmallProgress{ width:80%; margin:7px 0 0;}
.AcheivedTagetText,.CommentBox{background:#fff; padding:13px; box-shadow:0 0px 8px #dcdada; border-radius:5px; }
.AccordianForm p.CommentBox{ margin:5px 0 0; max-height:300px; overflow-y:auto;width: 100%;}
.GoalComments .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.GoalComments input[type="text"]{ width:90%;}
.CommentDiv{ padding:18px; border-bottom: 1px solid #c7c7c7; float:left; width:100%;}
.GridCell .CommentDiv:first-child{padding-top:0px;}
.CommentDiv strong{ display:block;}
.RatingStar i.fa.fa-star{color:#f2bb29;}
.RatingStar i.fa.fa-star-o{color:#d4d4d4;}
strong.RatingStar {  margin: 1px 0 3px;}
.LinkedGoals span{color:#764FB7; font-weight:bold;}
.LinkedGoals span i{font-size:34px; float:left; margin:2px 10px 0 0px;}
.AddFileSection .fa-paperclip{transform:rotate(80deg);color:#868686;-webkit-transform:rotate(80deg); -moz-transform:rotate(80deg); font-size:18px;}
.AddFileSection a{color:#764FB7;}
.AddFileSection li{ background:#e8e8fb; border:1px solid #b3d4f5; float:left; padding:5px 25px 5px 8px; border-radius:3px; margin:0 8px 8px 0 ; position:relative; max-width:150px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.AddFileSection li .delete{color:#90a1b1; position:absolute; right:8px; top:5px;}
.arrowicon{position:absolute; right:10px; width:26px; height:26px; border-radius:50%; background:#764FB7; text-align:center; color:#fff; font-size:18px; z-index:999; display:none;}
.ScrollBar .arrowicon,.ScrollBar .ViewAllCommentsBtn{ display:block;}
.arrowicon.disable{background:#dcdcdc;}
.arrowicon:hover{ color:#fff;}
.VerticalScrollContainer{float:left; overflow-y:auto; position:absolute; left:0; right:-17px; top:0; bottom:0;}
.top{ top:0px; line-height:26px; }
.bottom{ bottom:34px;  line-height:28px;}
.InnerAccordian{ box-shadow:none; margin:20px; border:1px solid #c7c7c7;}
.InnerAccordian .AccButton{top:16px;}
.ValuesList p{ width:70%; float:left;}
.ValuesList span{ float:left; width:30%; text-align:right;}
ul.ValuesList li{display:block; margin-bottom:20px; float:left;}
.FloatingPointScale span{color:#3b3b3b; font-size:14px; font-weight:bold; margin:5px 0;}
.FloatingPointScale .Pos-relative{width:200px;}
.FloatingPointScale .progress{
    background:-webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    background: -moz-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%); /* FF3.6+ */
    background: -o-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%); /* IE10+ */
    background: linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85c33', endColorstr='#8dc90b',GradientType=0 ); /* IE6-9 */
    border:1px solid #eceaea; position:relative; margin:0 0 15px 0;  height:10px;}
.FloatingPointScale .progress-bar{ background:transparent; border-radius:50%;}
.progress-white{ background:#fff; float:left;}
.FloatingPointScale .min{ position:absolute; bottom:-18px; left:0;}
.FloatingPointScale .max{ position:absolute; bottom:-18px; right:0;}
.CommentDiv strong.AchievedPercentage{ display:inline-block;}
.ActionLinkBtns .WhiteBtn{ margin:10px 8px 0 0px;}
/* New Style */
.ProvideFeedbackGrid .SetGoalsAction{ margin:20px 0 !important}
.NormalAccordian{ background:#fff; }
.NormalAccordian .AccButton{top:18px;}
/* Rating Summary */
.RatingSummeryGrid table{ border:1px solid #e5e5e5; table-layout:fixed; border-radius:5px;width: 100%;}
.RatingSummeryGrid table th{ text-transform:capitalize; font-size:14px;}
.RatingSummeryGrid table th,.RatingSummeryGrid table td{ border-bottom:1px solid #e5e5e5; padding:10px;}
.RatingSummeryGrid .Information{width:200px;}
.RatingSummeryGrid .OuterBorderImg{ width:40px; height:40px;}
.RatingSummeryGrid  td .progress{ width:120px;}
/* Manager Dropdown */
.rTableCell .ChooseManager{position:relative;}
.rTableCell .ChooseManager input[type="text"]{ border:none; width:300px!important; height:32px; display:inline-block;  border: 1px solid #e0e2e4;}
.ChooseManager input:hover{border:none;}
.RatingSummeryGrid .rTable{}
.InputIcon{ color: #747474; position: absolute; top:6px;  right: 7px; z-index: 99;}
.InputIcon i{ display: inline-block; font-size: 14px;}
.EmployeeSearchList { position: absolute;  background: #fff;   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; width:320px;}
.EmployeeSearchList li {  width: 100%;  float: left;  border-bottom: 1px solid #e0e2e4;  padding: 10px;}
.EmpCard span.avatar { float: left;  width: 40px; height: 40px; margin: 2px 0 0 0;}
.EmpCard span img {  width: 100%;  height: 100%;  border-radius: 50%;}
.EmpCard span label {  color: #434444;  padding: 0 !important;  margin: 2px 0 0 0;}
.ValueSelected {
    background: #ececec;
    padding: 10px;
    border-radius: 5px;
    display: none; width:300px;
}
.avatarwithname {
    background: #53a3fe;
    color: #fff;
    float: left;
    width: 40px;
    height: 40px;
    margin: 2px 0 0 0;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
}
.EmpCard span label {
    color: #434444;
    padding: 0 !important;
    margin: 2px 0 0 0;
}
.EmpCard span small {
    color: #9fa0a0;
    font-size: 14px;
    padding: 0 0 0 10px;
}
.InputIcon i.icon-Cancel {
    font-size: 20px;
}
/* Target History */
.Info_Rating {
    position: absolute;
    display: none;
    z-index: 999;
}
.triangle-left {
    border-left: 12px solid transparent;
    border-bottom: 12px solid #c7c7c7;
    border-right: 12px solid transparent;
    height: 0;
    left: -252px;
    position: absolute;
    top: 17px;
    z-index: 9999;
}
.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;
}
.tooltipdiv {
    background: #fff none repeat scroll 0 0;
    right: -40px;
    top: 28px;
    position: absolute;
    text-align: left;
    line-height: 22px;
    width: 400px;
    border: 1px solid #d4d4d4;
}
.tooltipdiv ul {
    padding: 5px;
    margin: 0;
}
.tooltipdiv ul li {
    border-bottom: 1px solid #d4d4d4;
    float: left;
    width: 100%;
}
.tooltipdiv ul div {
    float: left;
    padding: 3px;
}
.Col-Achieved {
    width: 20%;
}
.Col-Date {
    width: 25%;
}
.Col-Provided {
    width: 55%;
}
/** Set Goals **/
.EmployeeDetailsSection,.FormGridView{ 
    background:#fff; border-radius:5px;}
.SetGoalsAction{ margin:15px 0 10px !important;}
.SetGoalsGridView{border-top:1px solid #c7c7c7;}
/*.SetGoalsGridView .AccButton{ top:20px;}*/
.AccordianForm .TableOuter{margin:20px auto; width:97%; border:1px solid #c7c7c7; border-radius:4px;}
.AccordianForm .TableContainer{margin-right: 80px}
.AccordianForm .rTableCell{border:0;}
.AccordianForm .rTableHead{border:0; text-transform:capitalize; font-size:14px; min-width:130px;}
.AccordianForm .ActionCell{width:80px !important;  min-width:80px !important; line-height:20px; box-shadow:none; border:0; border-left:1px solid #e5e5e5;}
.GridTextarea textarea,.GoalName input[type="text"]{min-width:300px; width:100%; border-radius:5px; padding:8px 12px;  transition: transform .2s; /* Animation */ overflow:hidden;  height:70px; min-height:75px; max-height:300px; overflow-y:auto; line-height:18px;}
.GridTextarea textarea:hover,.GridTextarea textarea:focus,.GridTextBox input:hover,.GridTextBox input:focus,.smallinput input:hover,.smallinput input:focus{ z-index:9999; border:1px solid #353535;}
.GridTextarea textarea{margin-bottom:5px;}
.NewGoalName{position:relative; display:inline-block; width:100%;}
.NewGoalName a.GoalLibrary{position: absolute; left: 0px;
    bottom:0px;
    font-size: 12px;
    color: #764FB7;
    font-weight: normal;text-decoration: underline;
cursor: pointer;}
.rTableCell .smallinput input{ width:70px !important; height:36px; border-radius:5px;}
.GridTextBox input[type="text"]{min-width:120px !important; width:100% !important; height:36px; border-radius:5px;}
.Gridselect select:hover,.Gridselect select:focus{border:1px solid #53a3fe;}
.AddGoalBtn{ padding:0px 20px 20px;}
.AddGoal{ display:none;}
.DeleteRow:hover{color:#53a3fe;}
.Export{ display:inline-block; color:#764FB7;}
.Export:hover{color:#764FB7; cursor:default;}
.Export i{ margin:3px 6px 0 0; float:right; cursor:pointer;}
.fa.fa-file-excel-o{color:#207245; margin-left:5px;}
.SetGoalsDescription{ margin:10px 0 0;}
/* Choose From library */
#GoalsLibrary .info-text ul {padding-left: 16px;}
#GoalsLibrary .info-text ul li{padding: 0px;list-style: disc;}
#GoalsLibrary .Info-Section{width: 98%;margin: 0px 0px 20px;}
#GoalsLibrary .Info-Section .icon-info-icon{margin: 2px 10px 0 0px;}
#GoalsLibrary .modal-body{ background:#fff; height:89%;}
#GoalsLibrary .tab-content{padding:15px 0px; height:100%; overflow-y:auto;}
#GoalsLibrary .new-btnblue{/*height:34px; min-width:90px; */margin:0px 0 0 16px;}
#GoalsLibrary .tab-overflow .nav.nav-tabs.plain-tab li:first-child,#GoalsLibrary .tab-content{padding-left: 5px;}
#GoalsLibrary #MasterTemplate{ height:100%;}
#GoalsLibrary .modal-body .NewAccordianContainer h3{margin-top: 0px;}
#GoalsLibrary .AccordianHeader{    color: #353535;
    padding: 16px !important;
    font-size: 1.285rem;
    font-family: 'Roboto Slab' !important;}
#GoalsLibrary .SectionList{ height:90%; /*overflow-y:auto;*/}
#GoalsLibrary .close{ margin-top:10px;}
#GoalsLibrary .SectionName:hover{color:#764FB7;}
.SearchGoals label{ margin:12px 10px 0 20px; font-weight:bold;}
.SectionList  label{margin:3px 0 0 30px;}
.SectionList ul ul{margin:10px 0 0 0px;}
.SectionList ul li{ padding:15px 0 0;}
.SectionList ul ul li{padding:8px 0 10px 50px;}
.SectionList ul ul li:hover{ background:#e6e5fb; cursor:pointer;}
.SectionList ul li label{ font-weight:bold; max-width:90%; cursor:pointer;}
/* .SectionList ul li label:hover{ color:#764FB7;} */
.SectionList ul li.disabled label:hover{ color:#434343; }
.SectionList ul li.disabled{ opacity:0.8;cursor:no-drop !important;}
.SectionList ul li.disabled:hover{ background:#f1f1f1;}
.SectionList ul li.disabled .UICheckbox { display:none;}
.SectionList ul ul li:last-child{ margin:0; padding-bottom:5px;}
.ExpandCollapse{float:left; cursor:pointer;margin:4px 5px 0 0px;}
.SectionList  i.icon-if_plus_214640,.SectionList i.icon-if_minus_214643{color:#764FB7; }
.SectionName{ display:inline-block;}
.editableDiv{ min-height:74px; max-height:300px; height:auto; overflow:auto; border:1px solid #c7c7c7;}
.AddFile{ position:relative;display: inline-block;float: left;margin: 4px 6px 0px 0px;}
.AddFile input[type="file"]{position:absolute; top:0; opacity:0; width:80%;}
.AddFile input::after {
    content:'';
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
}
.AddFileSection ul{display: contents;position: absolute;} 
.AddComments{ width:100%; resize:none; padding:10px; min-height:70px; max-height:200px; overflow-y:auto; border-radius:5px;}
.AddComments.AchivedTarget{ max-height:70px;}
.AccordianForm p.GoalDescription{ margin:5px 0 0 30px;}
.SectionList .Scroll_Container { padding-right:10px;}
.Listsection{ display:block;}
/*#GoalsLibrary .AccButton{ top:14px;}*/
#GoalsLibrary .AccordianHeader.opened .AccButton{top: 15px;}
#GoalsLibrary .AccordianHeader .AccButton i {font-size: 9px;}
#GoalsLibrary .NewAccordianContainer{ border:1px solid #c7c7c7; margin-bottom:20px; box-shadow:none; width:98%; border-radius:5px;}
#GoalsLibrary .NewAccordianContainer:hover{ border:1px solid #ccc; }
/* #GoalsLibrary .AccordianForm{ padding:15px;} */
#GoalsLibrary .SectionName{ width:92%;}
#GoalsLibrary .UICheckbox input{left: -5px;}
#GoalsLibrary .ExpandCollapse{margin:4px 5px 0 15px;}
#Import-modal.modal.fade .modal-dialog{max-width: 700px !important}
.Import-Section .FlexCenter{display: flex;align-items: center;}
.DeleteIcon .fa-trash-o{font-size: 20px;}
@media (max-width: 1200px){
    .FeedbackFormActions,.FormActions{ width:100%;}
    .FormActions{ margin-top:20px;}
}
/* Other Feedback Modal */
/* #OthersFeedback .NameDetails { width:80% !important;} */
#OthersFeedback .OtherFeedback { background:#fff;}
#OthersFeedback .CommentSection p{ margin:0;}
#OthersFeedback .CommentDiv{ padding:10px 0;}
#OthersFeedback .CommentDiv:last-child{border-bottom:0px;}
#OthersFeedback .slimScrollDiv{ padding-right:10px;}
div#OthersFeedback .modal-dialog{ width:80%; max-width:inherit !important;}
#OthersFeedback .Information{ width:300px;}
#OthersFeedback .CommentSection{ width:70%;}
.OtherFeedback .dropdown-menu{max-height:200px; overflow-y:auto;}
/*smart goals start*/
.SmartGoalSection .SmartParent{width: 77.333333%;padding-left: 0px;}
.SmartGoalSection .SmartParent .NewAccordianContainer {padding: 0px;}
.SmartGoalSection .ActionSection{width: 22.3%;padding: 0px;}
.CircleBar:before, .CircleBar:after {content: " "; display: table;}
.CircleBar:after {clear: both;}
.CircleBar {*zoom: 1;}
.SmartGoalSection .c100.small {
    font-size: 75px;
}
.SmartGoalSection .c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
   margin: 0px 15px 20px 2px;
    background-color: #764FB7;
}
.c100 *, .c100 *:before, .c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/*.SmartGoalSection .c100:hover {
    cursor: default;
}
.SmartGoalSection .c100:hover > span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: 0.3em;
    color: #307bbb;
}*/
.SmartGoalSection .c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: -17px;
    top: -17px;
    width: 5em;
    line-height: 5em;
    font-size: 22px;
   /* color: #cccccc;*/
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.SmartGoalSection .c100.barfont span{top: -17px;left: -17px;font-size: 19px;}
.SmartGoalSection .c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}
.SmartGoalSection .c100.p12 .bar {
    /* -webkit-transform: rotate(43.2deg); */
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}
/*.SmartGoalSection .c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}*/
.c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #f5f5f5;
    width: 0.84em;
    height: 0.84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.c100 .bar{position: absolute;
    border: 0.08em solid #764FB7;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);}

.b-b-0{border-bottom: 0px !important;}
.ProgressBar{display: inline-block;float: left;}
.SmartGoalSection .SmartHead{display: block;vertical-align: middle;
    margin-right: 50px !important;font-size: 18px;padding: 25px 0px 6px 1px;}
.SmartGoalSection .AccordianHeader{padding: 20px 15px 25px;z-index: 999;}
.ProcessSection{background: #fff;border-radius: 5px;-webkit-box-shadow: 0 0px 8px #dcdada;
-o-box-shadow: 0 0px 8px #dcdada;box-shadow: 0 0px 8px #dcdada;-moz-box-shadow: 0 0px 8px #dcdada;
margin: 10px 20px 25px 80px;}
.SmartGoalSection  .barfont{font-size: 60px;}
.SmartList ul li label{display: block;font-weight: bold;text-transform: uppercase;}
.SmartList ul li span{display: block;}
.SmartList ul li{border-top: 1px solid #c7c7c7;padding: 15px 17px;}
.ProcessSection div .processdate{display: block;color: #acacac;}
.NewPerformanceGoals .ProcessSection div .processdate{float: right;}
.SmartList  ul li table th{width: 180px;}
.SmartList ul li.TargetType{border-top: 0px;padding-top: 0px;}
.SmartList .linkgoalsicon{color: #764FB7;margin-right: 10px;display: inline-block;font-weight: bold;}
.SmartList .linkgoalsicon i{font-size: 35px;}
.SmartList .linkgoalsicon span{display: inline-block;vertical-align: top;width: 330px;margin-left: 5px;}
.SmartList .ActionItems{display: inline-block;vertical-align: top;float: right;margin-right: 15px;}
.SmartList .ActionItems a{font-size: 20px;vertical-align: top;display: inline-block;color: #764FB7;}
.SmartList .LinkSection {display: inline-block;float: right;vertical-align: middle;width: 30%;margin-top: 15px;}
.SmartList .LinkSection .OuterBorder{margin: 0px 10px 0px 15px;float: left;border: 2px solid #cccccc;
display: inline-block;width: 44px;height: 44px;border-radius: 50%;}
.SmartList .LinkSection .OuterBorder .avatar{width: 40px;height: 40px;display: inline-block;
border-radius: 50%;text-align: center;color: #0876cb;background: #ededed;font-size: 24px;line-height: 38px;
margin-right: 0px;font-weight: bold;border: 2px solid #fff;}
.LinkGoalsSection{display: inline-block;width: 70%;border-right: 1px solid #c7c7c7;}
.LinkSection .avatar-content label{text-transform: capitalize;margin-bottom: 0px;color: #764FB7;}
.LinkSection .avatar-content span{color: #acacac;}
.LinkSection .avatar-content label, .LinkSection .avatar-content span{width: auto;overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;}
.Smart-SubSection .ActionItems{position: relative;}
.Smart-SubSection{padding: 18px 15px 20px;cursor: pointer;}
.Smart-SubSection .ActionItems .pull-right{position: absolute;right: 5px;top: -44px;}
.Smart-SubSection .ActionItems  .pull-right a{font-size: 20px;vertical-align: top;display: inline-block;color: #764FB7;}
.ProcessSection .Smart-SubSection  h3{color: #764FB7;}
.footerBtn{text-align: right;margin: 15px 5px 0px;padding: 15px 0px 10px !important;}
.commentsection ul li{color: #764FB7;padding: 7px 0px;font-weight: bold;}
.ActionSection  .Aside-Goals{background: #fff;border-radius: 5px;-moz-box-shadow: 0 0px 8px #dcdada;-webkit-box-shadow: 0 0px 8px #dcdada;
-o-box-shadow: 0 0px 8px #dcdada;box-shadow: 0 0px 8px #dcdada;padding: 20px;margin-top: 20px;}
.ActionSection .Aside-Goals .GoalSet{margin: 0px 0px 20px;font-size: 18px;}
.ActionSection .Aside-Goals .NoteMessage{background: #d2edf4;padding: 15px;color: #235262;border-radius: 5px;}
.ActionSection .Aside-Goals .NoteMessage span{text-transform: uppercase;font-weight: bold;}
.ActionSection .Aside-Goals p{margin: 20px 0px;color: #868686;word-break: break-word;}
.SetGoalsAction .ActionSection .Aside-Goals p:last-child{margin-bottom: 0px;}
.ExportAction{float: right;}
.SetGoalsAction .BtnActions{text-align: right;margin-left: 10px;}
.SideButtons{display: none;}
.modal {
    overflow-y: inherit !important;
}
.NewAccordianContainer .AddSection {margin-left: 60px;}
#ActionGoalsSection .modal-dialog, #SetGoalsSection .modal-body{height: 100%;}
.modal.right.fade.in .modal-dialog {
    right: 0;
}
.modal.right.fade .modal-dialog {
    right: -320px;
    -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 .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    min-width: 980px;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.right .modal-dialog .modal-content {
    overflow-y: inherit;
}
.modal.left .modal-content, .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
    }
.modal-content {
    border: none;
}
.right .modal-header {
    padding: 15px 25px 20px;
    background: #f3f3f3;
    border: 0;
    box-shadow: none;
}
/*#ActionGoalsSection .modal-body , #SetGoalsSection .modal-body{
    height: 94%;
}*/
.modal.left .modal-body, .modal.right .modal-body {
    padding: 15px 15px 15px 25px;
    background: #f3f3f3;
}
.right .modal-header h4 {
    font-size: 21px;
}
.modal .new-modal .slimScrollDiv {
    padding-right: 20px;
    width: 100% !important;
}
#ActionGoalsSection .Scroll_Container, #SetGoalsSection .Scroll_Container {
    padding: 0 10px;
}
.modal-body .NewAccordianContainer, .modal-body .Aside-Goals{
    background: #fff;
    box-shadow: 0 0px 18px #dcdada;
    border-radius: 5px;
    margin: 0px 0 0;
    padding: 15px;
}
.modal-body .Aside-Goals:hover{box-shadow: 0 0px 7px #b3b3b3;}
.modal-body .NewAccordianContainer h3, .modal-body .Aside-Goals h3
{border-bottom: 0px;padding: 0;font-weight: bold;margin-top: 5px;}
.Smart-SubSection .processdate i{color: #c7c7c7;font-size: 20px;}
.LinkSection .OuterBorderImg {
    margin: 0px 10px 0px 15px;
    border: 2px solid #764FB7;
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;float: left;
}
.LinkSection .card-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
}
.SmartGoalSection .NewAccordianContainer .AccButton i{line-height: 27px;}
@media (max-width: 1200px){
.SmartGoals .FormActions {margin-top: 0px;}
/*.SmartGoals .FeedbackFormActions, .SmartGoals .FormActions{width: 100%;}*/
.SmartGoals .ExportAction{float: right;}
.SmartGoals .BtnActions.FormActions{width: 63%;text-align: center;}
.SetGoalsAction .FeedbackFormActions{width: 25%;}
.SetGoalsAction .BtnActions{margin-left: -28px;}
}
@media (max-width: 1199px){
.SmartGoalSection .col-md-9{width: 100% !important;padding: 0px;}
/*.SmartGoalSection .ActionSection{margin-top: 20px;}
*/.ActionSection .SideButtons{display: block;position: fixed;top: 416px;background: #fff;
box-shadow: 0 0px 18px #dcdada;right: 0px;z-index: 999;border-radius: 5px;}
.ActionSection .SideButtons li {padding: 10px;border-bottom: 1px solid #c7c7c7;}
.ActionSection .SideButtons img {width: 30px;}
.ActionSection .NewAccordianContainer{display: none;}
.SetGoalsGridView  .SmartGoalSection .col-md-10{width: 20.66%;}
}
@media (max-width: 1000px){
    #ActionGoalsSection .modal-dialog, #SetGoalsSection .modal-dialog{
    width: 700px !important;
    min-width: inherit !important;
    max-width: inherit !important;}
.MyTabView .ActionSection .Aside-Goals{display: block;}
.SetGoalsGridView .SmartGoalSection .col-md-10{width: 100% !important;padding-right: 0px;}
}
@media (max-width: 915px){
 .SmartList .linkgoalsicon span{width: 260px;}   
 .LinkSection .avatar-content label, .LinkSection .avatar-content span{width: 90px;}
}
.EditComments{min-height:100%; float:left; width:100%; display:inline-block;}

/*smart goals end*/
.alert.alert-info{ background:#e8e8fb; border-radius:4px;}
/* Related Feedback */
.rating-system {
    background-color: #e8e8fb;;
    color: #353535;
    border-radius: 4px;
    opacity: 1;
    z-index: 1000;
    display: block;
}
.rating-system .btn-icon {
       background-color: rgb(242, 100, 34);
    color: white;
    padding-top: 6px;
    margin-left: 15px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
}
.modal.left .modal-content, .modal.right .modal-content{    height: 100%; overflow-y: inherit;}
#RelatedFeedbackPopup .modal-body{ padding:0px 15px 0px 25px;   height:100%; overflow:hidden;}
.RelatedFeedbackBtn{ position:fixed; right:-51px; top:150px; padding:10px; box-shadow:0 0px 18px #dcdada; border-radius:5px 5px 0 0px; background:#764FB7; transform:rotate(270deg); color:#fff;}
.RelatedFeedbackBtn:hover,.RelatedFeedbackBtn:focus{color:#fff;}
.NomineePerformance{ background:#fff; border-radius:5px; padding:15px;}
.NomineePerformance .head img {
    float: left;
}
.NomineePerformance .head span {
    display: inline-block;
    color: #434444;
    font-weight: bold;
    float: left;
    margin: 5px 0 0 10px;
}
.RelatedFeedContainer .OuterBorderImg{ width:46px; height:46px;}
.NomineePerformance li {
    background: #edf6ff;
    padding:8px;
    border: 1px solid #dfedfb;
    border-radius: 5px;
    margin: 10px 0 0;
    position: relative;
}
.NomineePerformance li:hover {
    border-color: #add3f9; cursor:pointer;
}
.NomineePerformance li small {
    position: absolute;
    color: #764FB7;
    font-size: 20px;
    right: 14px;
}
.NomineePerformance h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #764FB7; font-weight:bold;
    margin: 0; border:0;
    line-height: 22px; padding:0;
}
.NomineePerformance h3 span {
    font-size: 20px;
    margin-bottom: 6px;
    display: inline-block;
}
.NomineePerformance h3 label{ cursor:pointer;}
.NomineePerformance p {
    color: #434444;
    margin:0;
}

.CurrentCycle .NameDetails strong{ display:block;}
/* Previous Cycle Feedback */
.provide-feedback .rating-system .btn-icon{background:rgb(242, 100, 34); color:#fff;}
.PreviousCycleFeedback,.PreviousCycleFeedback.performance-tabs > .tab-content{ background:#fff;}
.PreviousCycleFeedback { position:absolute; top:0; width:100%; right:-100%; bottom:0;}
.PreviousCycleFeedback .Advanced_Search_container {border-width:1px 1px 0px 1px; padding:15px 0;}
.PreviousCycleFeedback .FeedbackContent { background:#fff;}
.PreviousCycleFeedback .question-message .message-content{ width:73%;}
.BackButton{ color:#764FB7; font-size:30px; margin:-9px 10px 0 0; float:left; font-weight:bold; cursor:pointer;}
.PerformanceTitle{ color:#764FB7; padding:5px 20px; }
.RelatedFeedContainer{ position:relative;}
.RelatedFeedContainer .modal-title{box-shadow:none; padding:15px 0;}
.RelatedFeedContainer .rightpopupclose{position:absolute; right:0; top:10px; opacity:0.4;}
/*smart gridview*/
.NewAccordianContainer .EditIcon{position: absolute;font-size: 18px;top: 20px;right: 45px;color: #a6a9ad;}
#GoalsName .modal-body{background: #fff;}
#GoalsName .modal-body .EditGoals label{display: block;margin: 20px 0 10px;font-weight: bold;}
#GoalsName .modal-body .EditGoals input{width: 70%;}
#GoalsName .modal-body .EditGoals textarea{resize: none;width: 70%;border-radius: 5px;}
#GoalsName .modal-body .EditGoals textarea:hover{border: 1px solid #53a3fe;}
#GoalsName .modal-body .WeightageSection{display: inline-block;margin-top: 20px;}
#GoalsName .modal-body .WeightageSection label{font-weight: bold;margin: 0px;padding-right: 7px;}
#GoalsName .modal-body .WeightageSection input{width: 80px !important;margin-right: 10px;}
#GoalsName .model-footer{padding: 10px 0px 20px;}
#GoalsName .EditGoals .charleft{color: #a0a8b1;font-size: 12px;font-style: italic; margin-top: 0px;display: inline-block;text-align: right;width: 70%;}
#GoalsName .EditGoals .charleft a{color: #a0a8b1;}

/* Others */
.GridViewMode  .TableContainer{ margin-right:-1px; padding-bottom:0;}
.GridViewMode .GoalSection{min-width:300px;}
.GridViewMode .rTableHead{color:#353535; font-size:13px; border-bottom:1px solid #c7c7c7; line-height:18px;}
.GridViewMode .rTableCell{border-bottom:1px solid #c7c7c7; padding:16px;}
.GridViewMode .rTableRow:last-child .rTableCell{border-bottom:0px;}
.GridViewMode .rTableCell input[type="text"].DatePickerBox{ color:#454545; width:180px !important;}
/*.NewAccordianContainer:hover{box-shadow:0 0px 7px #b3b3b3;}*/
.lengthy textarea{max-height:inherit !important; }
.rTableCell input[type="text"].WeightageBox{ width:70px !important;}
.section-description .show-less-content{ }
.rTableCell a.show-less,.rTableCell a.show-more{ color:#764FB7; font-size:12px; float:right; margin:0 10px 0 0;  line-height:normal;}
.rTableCell a.show-more{margin-top:4px;}
.rTableCell a.show-less:hover,.rTableCell a.show-more:hover{color:#764FB7;}
.ActionSection .NewAccordianContainer ul li a {
    color: #764FB7;
    display: block;
    line-height: 18px;font-weight: normal;
}
.ActionSection .NewAccordianContainer ul li a:hover {
    font-weight: bold;
    text-decoration: underline;
}
.MyTabView {
    display: none;
}
.NewMyPerformance .MyTabView .collapse .ActionSection ul li {
    width: 50%;
    float: left;
}
.NewMyPerformance .collapse {
    padding-top: 5px !important;border-top: 0;
}
.NewMyPerformance .panel .panel-title a {
    text-transform: uppercase;
}
.NewMyPerformance .MyTabView .panel {
    background: #ffffff;
    border-radius: 5px;
}
.NewMyPerformance .MyTabView .panel .panel-title {
    font-weight: 600;
}
.slimScrollBar {
    background: #bfbfbf !important;
    opacity: 1 !important;
}
.NewViewMode{display: none !important;}
.eventnone{pointer-events: none;}


.MyTabView .ActionSection .Aside-Goals{padding: 0px;box-shadow: none;}
.MyTabView .panel-heading{border-radius: 5px 5px 0px 0px;}
.NewMyPerformance .MyTabView .collapse{border-radius: 0px 0px 5px 5px;}
.SetGoalsGridView  .SmartGoalSection .col-md-10{width: 77%;}
.SetGoalsGridView  .SmartGoalSection .col-md-2 {width: 22.3%;padding: 20px;float: right;height: auto;padding-right: 12px;}
.SetGoalsGridView  .SmartGoalSection .ActionSection label {font-weight: bold;font-size: 15px;margin-bottom: 0px;}
.SetGoalsGridView  .SmartGoalSection .ActionSection ul li a {color: #764FB7;font-weight: bold;
display: block; line-height: 18px;}
.SetGoalsGridView  .SmartGoalSection  .ActionSection ul li a:hover {font-weight: bold;text-decoration: underline;}
.ActionSection .Aside-Goals{padding: 0px;box-shadow: none;}
.performance-tabs .tab-content{padding: 15px 0px 0px;background: inherit;}
.performance-tabs .tab-content .ReviewPeriod{padding: 10px 0px;}
.performance-tabs .tab-content .ReviewPeriod .cycle-list {
    float: left;
    margin: 7px 6px 0 0px;
    color: #5d5c5c;
}
.SmartList  .InnerTable{width: 100%;}
/*Add goals popup start*/
#SetGoalsSection .modal-header{display: none;}
#SetGoalsSection .AddGoalsContent label{font-weight: bold;display: block;text-transform: uppercase;margin-bottom: 8px;}
#SetGoalsSection .AddGoalsContent input{height: 36px;}
#SetGoalsSection .AddGoalsContent textarea{resize: none;}
#SetGoalsSection .AddGoalsContent input, #SetGoalsSection .AddGoalsContent textarea{background: #fff;box-shadow: 0 0px 7px #dcdada;
    width: 98%;border: 1px solid #fff;border-radius: 5px;margin-bottom: 15px;}
#SetGoalsSection .AddGoalsContent input:hover, #SetGoalsSection .AddGoalsContent textarea:hover, #SetGoalsSection .AddGoalsContent 
.selectpicker:hover{border-color: #764FB7;/*color: #764FB7;*/}
#SetGoalsSection .AddGoalsContent input.addint{width: 70%;}
#SetGoalsSection .AddGoalsContent .selectpicker{background: #fff;box-shadow: 0 0px 7px #dcdada;border: 1px solid #fff;width: 100%;}
#SetGoalsSection .AddGoalsContent input.num{width: 100px;}
#SetGoalsSection .AddGoalsContent input.DatePickerBox{background: #fff url(../images/datepicker.png) no-repeat scroll 7px 7px !important;
width: 130px;}
.weightagetxt{display: inline-block;margin-left: 15px;color: #868686;font-weight: normal;}
.AddGoalsContent .col-md-12{padding: 0px;}
/*Add goals popup end*/
/*Employee directory start*/
.Employee-Search .modal-header {padding: 12px 20px 15px 20px;}
.Employee-Search .modal-body {background: #fff;}
.Employee-Search .Applied {
    right: 50px;
    top: -19px;
    width: 266px;
    display: inline-block;
    margin-top: 23px;
}
.Employee-Search .Applied span {
    background: #d0e6fd;
    border: 1px solid #b3d4f5;
    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 20px;}
.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: #764FB7;}
.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: -22px;
}
 .Employee-Search .grid_table .dataTables_filter {
    border-bottom: 0px;
}
 .Employee-Search .grid_table .dataTables_filter, .grid_table .dataTables_length {
    padding: 15px 20px;
}
.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: #764FB7;
}
.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;
}
.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%;
}
.related-search .ChooseManager {
    position: relative;
    /* width: 80%; */
}
.related-search .view_employee a {
    color: #53a3fe;
    font-size: 13px;
    font-weight: 700;
    display: block;
    padding-top: 8px;
}
.related-search .ChooseManager input.InputText {
    width: 70% !important;
    text-align: left !important;
    height: 36px;
    line-height: 36px;
    padding-right: 30px;
}
.related-search .ChooseManager .InputIcon i {
    font-size: 14px;
    display: inline-block;
    color: #a7a6a6;
}
.related-search .ChooseManager .InputIcon i.icon-Not_Started{font-size: 16px;}
.related-search .ChooseManager .EmployeeSearchList li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e0e2e4;
    padding: 10px;
    margin: 0px;
}
.related-search .ChooseManager .EmployeeSearchList {
    background: #fff;
    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;
    height: 190px;
    overflow-y: auto;
    width: 320px;}

.related-search .ChooseManager .InputIcon {
    color: #747474;
    position: absolute;
    top: 10px;
    z-index: 99;
    bottom: 0;
    right: 150px;
}
.related-search .ChooseManager .ValueSelected {
    background: #ffffff;
    padding: 10px;
    border-radius: 5px;
    display: none;
    height: 58px;
    width: 320px;
    position: absolute;top: 0px;
}
.related-search .ChooseManager .ValueSelected .EmpCard {
    line-height: 20px;
}
.related-search .ChooseManager .avatarwithname {
    background: #53a3fe;
    color: #fff;
    float: left;
    width: 38px;
    height: 38px;
    margin: 0px 0 0 0;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
}
.related-search .ChooseManager .EmpCard .Name {
    max-width: 80%;
}
.related-search .ChooseManager .EmpCard span small {
    color: #9fa0a0;
    font-size: 14px;
    padding: 0 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    float: left;
    line-height: 17px;
}
.related-search .ChooseManager .ValueSelected span label {
    margin: 0px;
}
.related-search .ChooseManager .EmpCard span label {
    color: #434444;
    padding: 0 10px !important;
    margin: 4px 0 0 0;
}
.related-search .ChooseManager .EmpCard span label {
    color: #434444;
    padding: 0 10px !important;
    margin: 2px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}
.related-search .ChooseManager .EmpCard label {
    float: left;
    width: 80%;
    cursor: pointer;
}
#SetGoalsSection .AddGoalsContent .related-search .ChooseManager .EmpCard label{margin-bottom: 0px !important;font-weight: normal;text-transform: initial;}
.related-search .view_employee {width: 70%;}
@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;} 
}
@media (max-width: 1000px) and (min-width: 768px){
.SmartGoalSection .SummarySection li{padding: 20px 5px 30px !important;}
.NewGoals{width: 100% !important;}
.NormalMode{display: none;}
.MyTabView {display: block;} 
.MyTabView  .SmartGoalSection .ActionSection{display: block;width: 100% !important;margin: 15px 0px 0px !important;}
.MyTabView .SmartGoalSection .SummaryGoals li{width: 100% !important;}
.SmartGoalSection .ActionSection{display: none;}
.related-search .ChooseManager .InputIcon{right: 10px !important;}
.related-search .ChooseManager input.InputText{width: 100% !important;}
.related-search .view_employee {width: 100%;}
}
.Employee-Search .grid_table .dataTables_paginate{border-top: 1px solid #c7c7c7;}
/*Employee directory end*/
/*New goals start 06/12/2019*/
.NewGoals .tab-content{background: transparent;padding: 0px;}
.ReviewPeriod {
    display: block;
    margin-top: 20px;
}
.ReviewPeriod .cycle-list {
    float: left;
    margin: 7px 6px 0 0px;
    color: #5d5c5c;
}
.selectpicker {
    background: #fff;
    box-shadow: 0 0px 7px #dcdada;
    border: 1px solid #fff !important;
    width: 100%;
}
.NewGoals .SmartGoalSection .SmartParent{width: 99%;background: #fff;border-radius: 5px;}
.NewGoalsSection.SetGoalsGridView .SmartGoalSection .col-md-2{width: 23.3%;}
.SmartGoalSection .SummarySection li{width: 50%;float: left;text-align: center;border-right: 1px solid #c7c7c7;
    padding: 18px 5px 30px;}
.SmartGoalSection .SummarySection li label{text-transform: uppercase;}
.SmartGoalSection .SummarySection li span{display: block;}
.SmartGoalSection .SummarySection li .TotalGoals{color: #764FB7; font-size: 30px;padding: 20px 0px 10px;}
.SmartGoalSection .SummarySection li .OverDue{color: #ed7454;font-size: 32px;padding: 20px 0px 10px;}
.SmartGoalSection .SummaryText{font-weight: bold;margin: 17px 0px 15px 0px;font-size: 18px !important;}
.SmartGoalSection .SummaryGoals li{border-top: 1px solid #c7c7c7;padding: 26px 20px 20px;}
.SmartGoalSection .SummaryGoals span{display: block;font-size: 28px;margin-bottom: 12px;}
.SmartGoalSection .SummaryGoals label{margin-bottom: 0px;text-transform: uppercase;}
.SmartGoalSection .SummaryGoals .Completegoal span{color: #33cc99;}
.SmartGoalSection .SummaryGoals .Inprogressgoal span{color: #edb248;}
.SmartGoalSection .SummaryGoals .Notprogressgoal span{color: #cc485e;}
/*.SmartGoalSection .SummaryGoals{position: relative;}*/
.SmartGoalSection .SummaryGoals i{position: absolute;right: 25px;top: 28px;font-size: 44px;}
.SmartGoalSection .SummaryGoals .LaggingCount span{color: #7799b2;font-size: 22px;display: inline-block;margin: 0px 0px 0px 0px;
padding-right: 10px;font-weight: bold;}
.SmartGoalSection .SummaryGoals .LaggingCount label{margin-bottom: 0;text-transform: none;font-weight: normal;color: #acacac;
font-size: 14px;vertical-align: top;}
.LaggingSection .LaggingCount{display: inline-block;margin-top: 10px;}
.NewAccordianContainer.CircleLine::before{left: 55px;
    top: 38px;
    border-left: 1px solid #d8dadc;
    content: "";
    position: absolute;
    width: 100%;
    height: 95%;}
    .NewAccordianContainer.CircleLine.LeftLine::before{display: none;}
    .SubToggleContent{display: none;}
.SubToggle {
    font-size: 16px;
    color: #434343;
    transform: rotate(180deg);
}
.ProcessSection .Smart-SubSection .bootstrap-select{margin-bottom: 0;
    width: auto !important;}
.NewAccordianContainer .AccordianForm  .ProcessSection  .selectpicker.dropdown-toggle{background: transparent;
    box-shadow: none;
    margin-top: 0px;
    /*padding-left: 0 !important;*/}
.SmartList  .AchievedMonth span{display: inline-block;}
.SmartList .progress{height: 8px;}
/*.SmartList .progress .progress-bar{background: repeating-linear-gradient(-45deg, #edb248 3px, #edb248 6px, #3fd17f 3px, #3fd17f 6px);}*/
.ProcessSection .SmartList .LaggingBar{height: 25px;width: 85px; border-radius: 55px;background: #edb248;text-align: center;
vertical-align: middle;display: inline-block;line-height: 23px;margin-bottom: 4px;font-size: 13px;text-transform: capitalize;color: #fff;}
.ProcessSection .SmartList .Pos_relative .CompletedPercentage {right: 40px;top: -34px;font-size: 18px;}
.SmartList  .icon-History{color: #b9b9b9;font-size: 22px;margin: 0 0 0 5px;display: inline-block;}
.SmartList ul li table th{text-transform: uppercase;padding-bottom: 0px;}
.SubToggle .fa{margin-top: -3px;line-height: 20px;}
.BgBlue{background: #e8e8fb !important;}
.SubSectionGoals .AccordianForm.Pos_relative {z-index: 999;}
.SubSectionGoals .AccordianForm .ProcessSection{margin: 10px 20px 20px 20px;}
.emptysection{background: #fdfdfd;height: 20px;border: 1px solid #d7e9fb;}
.DisplayNone{display: none !important;}
.DropSection i{font-size: 18px;/*vertical-align: middle;*/display: inline-block;}
.DropSection .processdate i{margin-right: 2px;}
.DropSection .btn.btn-default.dropdown-toggle.selectpicker .filter-option{color: #808080;}
.SmartGoalSection .CircleLine:first-child .ProcessSection{margin: 10px 20px 25px 80px;}
.progress .progress-bar.progress-bar-warning {
    background-color: #f0ad4e;
}
.progress .progress-bar-striped{
    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 9px 9px;
}
.AccordianHeader label{margin: 5px 0px 0px;display: inline;}
.AccordianForm  .SmartList .InnerTable tr td, .SmartList .InnerTable tr th{padding-right: 35px;}
.ProcessSection .DropSection{margin: -15px 20px 0px 15px;}
.DropSection .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: auto;}
.HolocracySection .ValueSelected{display: block !important;padding: 12px 12px 12px;background: #e8e8fb !important;}
.HolocracySection .EmpCard .OuterBorder {
    margin: 0px 10px 0px 0px;
    float: left;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.HolocracySection .OuterBorderImg{width: 48px; height :48px;margin: 0px 10px 0px 0px;
    float: left;}
.HolocracySection .EmpCard .OuterBorder .avatar {
    width: 44px;
    height: 44px;
    line-height: 42px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #0876cb;
    background: #ededed;
    font-size: 24px;
    margin-top: 0px;
    font-weight: bold;
    border: 2px solid #fff;
}
.HolocracySection .EmpCard span label{text-transform: capitalize;}
.HolocracySection .EmpCard span label{margin: 0px;}
.HolocracySection  .ValueSelected .Name label, .HolocracySection  .ValueSelected .Name small{overflow: hidden;text-overflow: ellipsis;
white-space: nowrap;}
.HolocracySection  .ValueSelected .Name small{display: inherit;}
.HolocracySection  .ValueSelected .EmpCard{display: table;}
.HolocracySection  .ValueSelected .EmpCard .Name{display: table-cell;vertical-align: middle;}
/*other feedback*/
.OtherFeedback .WallDateWise {
    padding: 10px 0px;
}
.OtherFeedback .FeedbackContent {
    padding: 15px 20px 0px 20px;
}
.FeedbackContent, .wall-award, .award_list, .summery-wall {
    box-shadow: 0 0px 8px #dcdada;
    -webkit-box-shadow: 0 0px 8px #dcdada;
}
.FeedbackContent {
    background: #fff;
    padding: 20px 20px 20px 20px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
}
.FeedbackContent {
    border-radius: 5px !important;
}
.OtherFeedback .FeedbackBy {
    padding: 0 20px 13px 0px;
    display: table;
    margin-top: 13px !important;
}
.FeedbackBy {
    position: relative;
    padding: 0 100px 0 0px;
    border-bottom: 1px solid #c7c7c7;
}
.OtherFeedback .employee-details {
    padding: 0px 15px 0px 0px;
}
.employee-details {
    /* width: 35%; */
    float: left;
    /* border-right: 1px solid rgb(214,219,225); */
    padding: 10px 0;
}
.employee-details .employee-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin-top: 3px;
}
.employee-details .employee-image img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
.GiverName {
    display: table-cell;
    max-width: 100%;
    color: #3f4a59;
}
.OtherFeedback .GiverName a {
    font-weight: bold;
}
.GiverName a {
    color: #764FB7;
}
.OtherFeedback .designation {
    color: #8f9296;
}
.OtherFeedback .avatar-content p {
    color: rgb(0,0,0);
    display: table-header-group;
}
.OtherFeedback .ActionItems {
    width: 20%;
    position: unset;
    text-align: center;
}
.OtherFeedback .ActionItems span {
    color: rgb(0,0,0);
    font-size: 14px;
    margin-top: 0;
}
.ActionItems span {
    display: block;
    margin-top: 49px;
    color: #9fa4ac;
}
.OtherFeedback .progress {
    border: 1px solid #eceaea;
    /* background: #fff; */
    background: -webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    border-radius: 6px;
    height: 10px;
    width: 90%;
    margin: 8px 0px 0 0;
    /*float: right;*/
    position: relative;
}
.OtherFeedback .progress-bar {
    height: initial;
    /* background: #f87331; */
    width: 40%;
    background: transparent;
    /* background: linear-gradient(to right, #f85c33 20%, #f7c22a 80%); */
}
.OtherFeedback .right-content .ProgressPercentage span {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
}
.OtherFeedback .ActionItems span {
    color: rgb(0,0,0);
    font-size: 14px;
    margin-top: 0;
}
.each-question-wrapper .feedback-messages .wallcontent .FeedbackBy .avatar {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 48px;
    margin: 3px 15px 0px 0px;
}
.OtherFeedback .employee-details, .OtherFeedback .avatar-content, 
.OtherFeedback .ActionItems, .OtherFeedback .avatar {
    vertical-align: middle;
    display: table-cell;
    position: inherit;
}
.FeedbackBy .avatar {
    width: 52px;
    height: 52px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #0876cb;
    background: #ededed;
    font-size: 24px;
    line-height: 50px;
    margin-right: 10px;
    font-weight: bold;
    border: 2px solid #fff;
}

.OtherFeedback .dropdown-toggle {
    background: #fff;
    color: #8f9296;
    margin: 5px 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 15px;
}
.OtherFeedback .dropdown-toggle i {
    color: #764FB7;
    margin: 0 3px 0 0;
}
.OtherFeedback .avatar-content {
    border-right: 1px solid #e6e6e6;
    margin-bottom: 20px;
    width: 76%;
}
.OtherFeedback .designation {
    color: #8f9296;
}
.ActionItems {
    position: absolute;
    top: 0;
    right: 0;
}
.OtherFeedback .MetStar .fa-star, .OtherFeedback .AboveStar .fa-star {
    color: #ffd203;
}
.OtherFeedback .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    font-size: 18px;
    margin-top: 8px;
    float: right;
    color: #b2b7bd;
}
.OtherFeedback .dropdown-menu {
    left: 20px;
    top: 32px;
}
.OtherFeedback .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.Dropdown_Attachment {
    overflow: auto;
    height: 205px;
}
.OtherFeedback a.dropdown-item {
    padding: 10px 8px;
    font-size: 15px;
    color: #8f9296 !important;
    font-weight: normal !important;
    border-bottom: 1px solid #dfdfdf;
}
.each-question label {
    font-weight: bold;
    color: #333;
}
.OtherFeedback .FeedbackBy:last-child {
    border-bottom: 0px;
}
.OtherFeedback .FeedbackBy .WidthOutRating {
    border-right: 0px !important;
}
.FeedbackWall .OuterBorder {
    margin: 0px 15px 0px 0px;
    float: left;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
.FeedbackWall .OuterBorder .avatar {
    width: 52px;
    height: 52px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #0876cb;
    background: #ededed;
    font-size: 24px;
    line-height: 50px;
    margin-right: 10px;
    font-weight: bold;
    border: 2px solid #fff;
}
.FeedbackWall .avatar-content {
    margin-bottom: 18px;
}
.FeedbackWall .GiverName label {
    color: #05b717;
    margin: 0px;
    font-weight: 600;
    letter-spacing: 1px;
}
.FeedbackWall .avatar-content p {
    margin: 0px;
    color: #a6a9ad;
}
.FeedbackWall .avatar-content .Selector {
    text-transform: uppercase;
    margin-top: 4px;
}
.SelfName span, .Selector, .FeedbackContent .ViewMore, .view_content, .ActionItems span, .DateCal {
    font-size: 13px;
}
.FeedbackWall .avatar-content .Selector {
    text-transform: uppercase;
    margin-top: 4px;
}
.FeedbackWall .avatar-content .Selector a {
    margin-right: 8px;
}
.FeedbackWall .ActionItems {
    position: absolute;
    top: 0;
    right: 0;
}
.FeedbackWall .ActionItems span {
    display: block;
    margin-top: 49px;
    color: #9fa4ac;
}
.FeedbackWall .Displaytable {
    display: table;
    margin-top: 20px;
}
.FeedbackWall .BorderNone {
    border-bottom: none;
}
.FeedbackWall .ContentFeedback p {
    margin: 0px !important;
    color: #3f4a59;
}
.ReplayContainer {
    border-top: 1px solid #c7c7c7;
    margin-top: 20px;
}
.ReplayContainer .ReplyText {
    font-weight: normal;
}
.ReplayContainer .ReplyText a {
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0px;
    color: #764FB7;
    letter-spacing: 1px;
    display: inline-block;
}
.ReplayContainer .ViewContent, .ReplayContainer .RepltHide, .ViewMore, .HideSection {
    display: none;
}
.ReplayContainer .RepltHide .SelfName {
    margin-bottom: 5px;
}
.ReplayContainer ul .SelfName {
    padding-left: 0px;
}
.ReplayContainer ul .SelfName {
    padding-bottom: 0px;
}
.ReplayContainer li div {
    background: #e8e8fb;
    padding: 13px 0px 13px 15px;
    border-radius: 5px;
    border: 1px solid #c8e1fa;
    margin: 5px 0 6px 58px;
    color: #434343;
}
.ReplayContainer ul {
    width: 80%;
    margin: 0px 20px 0 auto;
}
.ReplayContainer ul .SelfName label {
    margin-bottom: 0px;
}
.SelfName label a {
    line-height: 25px;
}
.SelfName label a {
    color: #764FB7;
    font-weight: 500;
    margin-bottom: -8px;text-transform: capitalize;
}
.ReplayContainer .RepltHide .SelfComment .OuterBorderImg {
    float: right;
}
.RepltHide .SelfName span {
    padding-right: 30px;
    padding-top: 4px;
}
.SelfName span {
    color: #9fa4ac;
}
.ReplayContainer .RepltHide .OuterBorderImg {
    border: 2px solid #53a3fe;
    width: 44px;
    height: 44px;
    margin: 0 10px 0 0 !important;
    border-radius: 50%;
    padding: 0;
    float: left;
}
.ReplayContainer .RepltHide .OuterBorderImg .avatar {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.ReplayContainer .avatar {
    float: left;
}
.ReplayContainer .RepltHide .OuterBorderImg .avatar img {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
}
.ReplayContainer ul li div img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -3px 0px 0px 0px;
}
.avatar img {
    height: 44px;
    width: 44px;
    border-radius: 50%;
    float: left;
    /* margin: 0px 15px; */
}
.ReplayContainer ul li div img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -3px 0px 0px 0px;
}
.ReplayContainer .RepltHide .SelfComment .SelfName {
    margin: 0px;
    width: 100%;
    display: inline-block;
}
.ReplayContainer li div.SelfName {
    background: transparent;
    border: none;
}

.ReplayContainer li.SelfComment div {
    margin-right: 58px;
    margin-left: 0px;
    /* text-align: right; */
    color: #fff;
    background: #764FB7;
    margin-top: 0px;
    border: none;
}
.ReplayContainer li div.SelfName {
    background: transparent;
    border: none;
}
.ReplayContainer .RepltHide .SelfComment .SelfName label {
    float: right;
    margin-right: 58px;
}
.FeedbackContent .ViewMore {
    margin: 0px 20px 20px 0px;
}
.FeedbackContent .ViewMore a {
    color: #764FB7;
    margin-top: 8px;
}
.row.MediaSection {
    border-top: 1px solid #c7c7c7;
    margin: 20px 0px 0px 0px;
}
.VideoSection {
    margin-top: 20px;
}
.VideoSection.col-md-4 .avatar {
    float: left;
    margin-right: 10px;
}
.VideoSection .avatar {
    display: inline-block;
}
.VideoSection .avatar a {
    /* margin-right: 15px; */
    font-size: 25px;
    float: left;
    margin-top: 5px;
}
.VideoSection.col-md-4 div {
    max-width: 130px;
    float: left;
    font-size: 14px;
    line-height: 16px;
}
.VideoSection.col-md-4 div label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 4px 0 4px 0;
}
.VideoSection label {
    margin-bottom: 0px;
    color: #434343;
}
.VideoSection p {
    margin: 0;
    color: #a1a1a1;
    font-size: 13px;
}
a.ViewColor {
    color: #764FB7;margin-right: 10px;
}
.performance-tabs > .tab-content .section-content .sub-section {
    margin-bottom: 20px;
    background-color: rgb(245,245, 247);
}
 .SmartList .FeedbackWall ul li{padding: 0px;border-top: 0px;}
 .SmartList .FeedbackWall ul li label{display: inline-block;}
.FeedbackWall .icon-Public_Icon {
    color: #a6a9ad;
    font-size: 14px;
}
.FeedbackWall .panel-collapse{border-radius: 0px 0px 5px 5px;border-top: 0px;}
.FeedbackWall .panel .panel-title a{text-transform: uppercase;font-weight: bold;font-size: 15px;} 
.FeedbackWall {padding: 0px 20px 20px;}
.ProcessSection:hover, .FeedbackContent:hover{box-shadow: rgb(179, 179, 179) 0px 0px 7px;}
.SmartGoalSection .SmartParent:hover{box-shadow: rgb(179, 179, 179) 0px 0px 7px;}
.wallcontent .FeedbackBy .OuterBorderImg{float: left;margin-right: 15px;width: 56px;height: 56px;}
.FeedbackWall .panel{box-shadow: 0 0px 8px #dcdada;border: 0px solid #fff;border-radius: 5px;background: #fff;}
.FeedbackWall .panel:hover{box-shadow: rgb(179, 179, 179) 0px 0px 7px;}
.FeedbackWall .panel .panel-body{border: 0px;}
.FeedbackWall .panel .panel-heading{border: 0px;border-bottom: 1px solid #e6e6e6;}
.SmartGoalSection .SummarySection li:last-child{border-right: 0px;}
.MyTabView .summery-wall{border-radius: 5px;}
.ProcessSection .DropSection i{vertical-align: middle;margin-right: 5px;}
.SmartList .AchievedTet{padding-bottom: 3px;}
/*.NormalMode .sticky-anchor{width: 100% !important;}*/
.PIPStart .Smart-SubSection h3{font-size: 16px;color: #434343;padding: 0;margin: 0;text-transform: uppercase;}
/*Sentimental-Score start*/
.rating-section .Feedback-Text{margin-top: 11px;}
.Sentiment-Section{float: right;margin: 0 0 10px 0;font-weight: bold;}
.Sentiment-Section .Sentiment-Images{display: inline-block;border: 1px solid #c7c7c7; float:right;
padding: 5px;border-radius: 5px;background-color: #fff;margin:0px 0 0 0;}
.Sentiment-Section .Sentiment-Images img{width: 25px;opacity: 0.5; margin:3px 0 0 0;}
.Sentiment-Section .Sentiment-Images img.active {
    width: 30px;
    opacity: 1;
    margin: 0;
    cursor: pointer;
}
.Sentiment-Section .Spinner-Dots { display: inline-block;border: 1px solid #c7c7c7;float:right;
padding: 0px;border-radius: 5px;background-color: #fff;margin:6px 0 0 0;text-align: center;width: 56px;height: 33.5px;
line-height: 31px;}
.GradeSection.ScoreGrid {
    position: absolute;
    display: none;
    z-index: 9999;
}
.Sentiment-Section.Grade a.ScoreHelp{font-size: 18px;   color: #764FB7; opacity:0.8; margin:0px 10px 0 0px;
/* float:right;*/}
.Sentiment-Section.Grade a.ScoreHelp:hover{ opacity:1;}
body{overflow-x: hidden;}
.GradeSection.ScoreGrid .triangle-left {
    border-left: 10px solid transparent;
    border-top: 10px solid #c7c7c7;
    border-right: 10px solid transparent;
    border-bottom: 0;
    height: 0;
    left: -224px;
    position: absolute;
    top: -58px;
    z-index: 9999;box-shadow: 0 16px 10px -17px rgb(220, 218, 218);
}
.GradeSection.ScoreGrid .inner-triangle {
    border-left: 10px solid transparent;
    border-top: 10px solid #fff;border-bottom: 0;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: -12px;
    width: 0;
}
.GradeSection.ScoreGrid  .tooltipdiv {
    padding: 15px 15px 9px;
    border: 0px solid #c7c7c7 ;
    border-radius: 5px;
    background: #fff none repeat scroll 0 0;
    right: 152px;
    top: -153px;
    position: absolute;
    text-align: center;
    line-height: 22px;
    width: 130px;
}
.GradeSection .Grade-Text{text-transform: uppercase;margin: 0px;font-weight: bold;font-size: 16px;}
.GradeSection  .tooltipdiv img{margin-bottom: 8px;width: 40px;}
.rating-section .Sentiment-Icon.Search_Div small {
    top: 16px;
    right: 11px;
    font-size: 18px;
    cursor: pointer;
    display: none;
}
.Sentiment-Section  .Spinner-Dots > div {
  width: 7px;
  height: 7px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.Sentiment-Text:focus, .Sentiment-Text:hover{border: 1px solid #764FB7;}
.Sentiment-Section .Spinner-Dots .bounce-dot1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;background-color: #3c9;
}
.Sentiment-Section .Spinner-Dots .bounce-dot3{background-color: #3c9;}
.Sentiment-Section .Spinner-Dots .bounce-dot2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;background-color: #3c9;
}
.Sentiment-Section .Sentiment-Images .Fill_Positive, .Sentiment-Section .Sentiment-Images .Fill_Nuetral, 
.Sentiment-Section .Sentiment-Images .Fill_Negative{cursor: pointer;opacity: unset;width: 26px;}
.EditComments .Feedback-Head.GoalLabel{margin-top: 7px;}
.RatingSummeryGrid .Comments-Width{width: 400px;}
.Sentiment-Section.Grade p{ color:#434343; font-size:14px;}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/*Sentimental-Score end*/
@media (max-width: 1199px) and (min-width: 1000px){
/*.FixedAction.stick .SummaryText{right: 185px;}*/
}
/*.FeedbackWall .panel .panel-heading{border-bottom: 0px;}*/
/*other feedback*/
 /* .ProcessSection .Smart-SubSection .selectpicker:hover{border-color: transparent;}*/
/*New goals end 06/12/2019*/


.fixedElement{
    position:fixed;
    top:0;
    right: 23px;
    width:100%;
    z-index:100;
}
.fixedElement .sticky-anchor{width: 91% !important;}
.fixedElement .SummaryText{margin-left: 30px !important;}
.GradeSection {
    position: absolute;
    display: none;
    z-index: 9999;
}
.GradeNote.GradeSection .tooltipdiv {
    padding: 15px 15px 9px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    background: #fff none repeat scroll 0 0;
    right: 22px;
    top: 30px;
    position: absolute;
    text-align: center;
    line-height: 22px;
    width: 400px;
    border: 0px solid #d4d4d4;
}
.GradeSection .tooltipdiv {
    padding: 15px 15px 9px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    background: #fff none repeat scroll 0 0;
    right: 152px;
    top: -153px;
    position: absolute;
    text-align: center;
    line-height: 22px;
    width: 130px;
    border: 0px solid #d4d4d4;
}
.GradeSection .triangle-left {
    border-left: 0px solid transparent;
    border-top: 15px solid #c7c7c7;
    border-right: 0px solid transparent;
	border-bottom:0;
    height: 0;
    left: -214px;
    position: absolute;
    top: -63px;
    z-index: 9999;
    box-shadow: 0 16px 10px -17px rgb(220, 218, 218);
}
.GradeSection .inner-triangle {
    border-left: 10px solid transparent;
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
	border-bottom:0;
    height: 0;
    left: -10px;
    position: absolute;
    top: -12px;
    width: 0;
}
.GradeSection .tooltipdiv img {
    margin-bottom: 8px;
    width: 40px;
}
.GradeSection .Grade-Text {
    text-transform: uppercase;
    margin: 0px;
    font-weight: bold;
    font-size: 13px;
}
.GradeSection .tooltipdiv label{font-weight: bold;}
.GradeSection .tooltipdiv textarea{resize: none;width: 370px;height: 100px;overflow: auto;padding: 10px; border-radius: 5px;}
.GradeSection .close{position: absolute;    top: 36px;
    right: 45px;
    z-index: 99;}
.GridRow .GridCell .AchievedInput{display: block;width: 200px;display: block;margin-top: 5px;}
.GridRow .GridCell .GoalLabel .icon:hover{color: #764FB7;}
.mask {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    left: 0;
    display: none;
    background: rgba(0,0,0,0.3);
}
.ProvideFeedbackForm .SetGoalsAction{margin: 20px 0 20px !important;}
.ProvideFeedbackForm .provide-feedback{background: transparent;}
.ProvideFeedbackForm .each-section.WhiteBg{padding: 0px;}
/*related feedback*/
/*related feedback*/
.RelatedFeedback {
    position: fixed;
    right: 0;
    top: 0; bottom:0;
    z-index: 1050;
}
.RelatedFeedback .RelatedBtn{ position: absolute;
    left: -100px;
    top: 190px;
    -webkit-transition: left .5s;
    transition: left .5s;
    padding: 8px;
    padding: 0px;background:  #fff;color: #764FB7;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 120px;
    line-height: 36px;min-width: 160px;}
.RelatedSection {

    width: 1000px;
    background: #fff;
    top:0; 
    bottom:0;
    overflow-y:auto;
    border: 0px solid #d4d4d4;
    position: absolute;
    right: -1000px;
    -webkit-transition: right .5s;
    transition: right .5s;overflow: auto;box-shadow: 0px 0px 7px #cdc9c9 !important;
    -webkit-box-shadow: 0px 0px 7px #cdc9c9 !important;
    overflow-x:hidden;
}
.RelatedSection .close {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0;
    margin: 0;
}
.RelatedSection .close i {
    font-size: 18px;
}
.RelatedSection select{ height:28px;}
.RelatedSection .PageNo li a{ height:26px; line-height:26px; font-size:13px; }
.RelatedFeedback .CycleLabel{display: inline-block;color: #434444;font-weight: bold;float: left; margin: 0px 0 0 0px;}
.RelatedFeedback .CurrentFeedback{padding: 10px;border-bottom: 1px solid #c7c7c7;}
.RelatedFeedback .CurrentFeedback:last-child{border-bottom: 0px;}
.RelatedFeedback .CurrentFeedback .CycleHead{border:1px solid #e8e8fb;border-radius: 5px;padding: 8px;
margin-top: 10px;background: #e8e8fb; line-height:normal; display:table;}
.RelatedFeedback .CurrentFeedback .CycleHead:hover {border-color: #add3f9;}
.RelatedFeedback .RightArrow{cursor: pointer;}
.RelatedFeedback .RightArrow {/* position: absolute; */color: #764FB7;font-size: 26px;right: 10px;
z-index: 99;top:1px;}
.RelatedSection{ width:600px;}
.RelatedFeedback .EmpName{display: inline-block;margin: 8px 0px 0px 10px;vertical-align: middle;}
.RelatedFeedback .PreviousText{margin: 3px 0px 0px; font-size:13px;}
.RelatedFeedback a{display: inline-block;font-weight: bold;font-size: 15px;}
.BadgeValue{border-radius: 20px;width: auto;background: #764FB7;color: #fff;display: inline-block;
padding: 4px 12px;text-align: center;}
.RelatedFeedback .EmpName{display: inline-block;margin: 8px 0px 0px 10px;vertical-align: middle;}
.RelatedFeedback .PreviousText{margin: 3px 0px 0px;}
.RelatedFeedback a{display: inline-block;font-weight: bold;font-size: 14px;}
.CfSection .CycleHead span{display: block;margin-top: 5px;font-size: 14px;line-height: 18px;}
.CurrentFeedback .bootstrap-select{margin-bottom: 0px !important;}
.m-t-8{margin-top: 8px !important;}
.RelatedFeedback .CfSection .CycleHead{text-align: center;margin-right: 10px;width: 32%;
    display: table;padding: 10px;margin-top: 8px;}
.CfSection .CycleHead:nth-child(3n){margin-right: 0px;}
.RelatedFeedback .CfSection .CycleHead .TableCell{display: table-cell;vertical-align: middle;height: 70px;
cursor: pointer;}
.DisplayNone{display: none;}
.ViewMoreTxt a:hover{text-decoration: underline;color: #764FB7;}
.modal-footer{border-top:0px;}
.m-t-3{margin-top: 3px;}
#PreviousCycleFeedback.modal.fade .modal-dialog{max-width: 950px !important;}
#PreviousCycleFeedback .OtherFeedback .employee-details{padding: 0px;}
.no-goals { background:#f1f1f1; }
.no-goals p{ padding:10px 0;}
.SectionList ul ul li.no-goals:hover{ background:#f1f1f1;}
.SectionList ul ul li.subsectionList:hover{ background:transparent;}
.no-goals .Listsection p{ text-align:center;}
.FeedbackScoreValue{position: absolute;right: 18px;top: 24px;}
.SearchGoals .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 220px;}
.NewSeachBox.NormalSearchBox input{height: 34px !important;}
.AccordianHeader h3 span{background: #CAF1FD;
    border: 1px solid #67D6F9;
    border-radius: 19px;
    height: 22px;
    padding: 4px 8px;
    width: auto;
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;
    font-family: 'DM Sans';
    float: none !important;
    display: inline-block;
    margin-left: 10px;}
#LinkGoals .modal-body .NewAccordianContainer{margin-bottom: 20px;box-shadow: none;}
#LinkGoals .modal-body .NewAccordianContainer:last-child{margin-bottom: 0px;}
#LinkGoals .tab-content {border: 0px;}
#LinkGoals.modal.right .modal-content{overflow-y: auto !important;}
#LinkGoals .AccordianForm .ExpandCollapse{margin: 4px 5px 0 15px;}
#LinkGoals .modal-body .NewAccordianContainer h3{margin-top: 0px;}
#LinkGoals .AccordianHeader {padding: 16px !important;}
#LinkGoals.modal.right .modal-body,#LinkGoals.right .modal-header{background: #fff;}
#LinkGoals.right .modal-header{border-bottom: 1px solid #c7c7c7;}
#LinkGoals .AccordianHeader.opened .AccButton{top: 22px;}
#LinkGoals .AccordianHeader.opened.closed .AccButton{top: 27px;}
#LinkGoals .SectionName label{margin: 2px 0 0 15px;}
@media only screen and (max-width: 1020px){
    .GridCell{width:100% !important; float:left;}
    .LeftBorder{ min-height:inherit;border-left:0px; border-top:1px solid #c7c7c7;}
    .VerticalScrollContainer{ position:inherit;}
    .ScrollBar .arrowicon, .ScrollBar .ViewAllCommentsBtn{ display:none;}
}