.col-md-10 .EmployeeDetailsSection,.CFWall-Left .EmployeeDetailsSection {background: #fff;border-radius: 4px;
    padding: 15px !important;}
.NoQuickLinks{display: inline-block;color: #808080;font-size: 14px;font-style: italic;font-weight: 400;}
.EmployeeDetailsSection .OtherInfo h3{text-transform: capitalize;font-weight: 600;
	font-size: 14px;margin: 0 0 4px;}
.EmployeeDetailsSection .OtherInfo label{color: #868686;margin: 0 0 2px 0;line-height: 20px;}
.EmployeeDetailsSection .OtherInfo span {
    color: #434444;
    margin-left: 5px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;line-height: 20px;
}
.EmployeeDetailsSection .OtherInfo {
    border-left: 1px solid #e0e0e0;
    padding: 0px 10px 0px 20px;min-height: 80px;
}
.EmployeeDetailsSection .columns-container li label {
    max-width: 40%;
    display: inline-block;
    vertical-align: top;
    color: rgb(125,125,125);
}
.EmployeeDetailsSection .PDF{ font-weight:bold;}
.EmployeeDetailsSection .PDF:hover{text-decoration: underline;color: #764FB7;}
.GoalsPerformance.PrivilegeGoals{margin-top: 12px;}
.ExportSection{position: relative;}
.export-option{font-size:0.857rem;right: 0;
    top: -10px;}
.export-option .fa-file-excel-o {color: rgb(145,195, 131);}
.export-option .fa-file-pdf-o {color: rgb(185, 40, 43);}
.ViewPastFeedback .plain-tab{background: transparent;}
.tab-content{background: transparent;padding: 0px;margin-top: 15px;}
.panel-title { font-weight: 600;}
#collapserecommend {background: #fff;}
.tab-content .panel-body {border-color: #e6e6e6;}
.panel-default > .panel-body {border-radius: 0px 0px 5px 5px;}
.training-view-mode .passport-table .SerachArea {padding: 0px 0px 12px 0px;}
.TrainingCourse .training-view-mode .TableContainer{margin-left: -10px;}
.training-view-mode .TableOuter {width: 100%;border-top: 0px;}
.TableContainer {margin-right: 0 !important;}
.training-view-mode .rTableHead, .training-view-mode .table-section .rTableCell {color: #434444;}
.training-view-mode .PaginationNew {padding: 25px 0px 20px 0px;}
.PageLength select {color: #828181;}
.TrainingCourse .availableCourse {width: 100% !important;margin: 0 auto;background: #fff;padding: 0px;}
.other-courses {text-align: left;font-weight: bold;color: #434444;margin-bottom: 15px;font-size: 16px;}
.availableCourse textarea{box-shadow:0px 0px 5px rgb(0 0 0 / 15%);resize: none;border-radius: 4px;border: 1px solid #fff;    padding: 0.857rem;
    height: 100px;}
/*.availableCourse .new-btn { min-width: 90px;width: auto;height: 36px;}*/
.TrainingCourse .availableCourse .new-btnblue {display: inline-block;}
.availableCourse.proposeddetails .Pos_relative input:hover, .category-search .btn.btn-default.dropdown-toggle:hover, .availableCourse textarea:hover {
    border: 1px solid #764FB7;}
.tab-pane .panel-default > .panel-heading{border-radius: 4px; background:#fff;}
.RecommenTable tr td:last-child {text-align: left;width: 55%;}
.RecommenTable tr td:first-child {text-align: left;width: 45%;}
.RecommenTable tbody tr td label {font-weight: 600;margin-bottom: 0px;}
.TrainingCourse  .training-view-mode .rTable .rTableRow .rTableCell{min-width: 160px;}
.RecommenTable input {width: 43%;}
#collapsefive textarea {border-radius: 4px;padding: 8px;resize: none;width: 100%;}
.RecommenTable .character {display: inline-block;font-size: 0.785rem;color: rgb(125,125,125);font-style: italic;
 /*font-weight: bold;*/float: right;width: 60%;}
.tab-content .panel-body .page-header {text-transform: capitalize;font-size: 16px;font-weight: 600;}
.NewTabbedPanel  .rTableCell a {color: #764FB7;font-size: 15px;}
.NewTabbedPanel .rTableCell a:hover{color: #461F87;}
.NewTabbedPanel  .rTableCell a.show-more{font-size:0.857rem;}
.NewTabbedPanel .EmployeeInfo .employee_name{width: 200px;padding-left: 5px;line-height: 18px;float: right;
margin: 10px 0px 0px 0px;}
.NewTabbedPanel  .ContentSection .rTableCell{padding: 10px 13px;}
.NewTabbedPanel .ContentSection .rTableRow .rTableCell:first-child{min-width: 280px;}
.NewTabbedPanel .ContentSection .TableOuter {border-radius: 5px 5px 0px 0px;}
.b-t-0{border-top: 0px !important;}
.NewTabbedPanel .ContentSection .rTableHead{font-size: 15px;min-width: 170px;}
 .rTableCell .OuterBorderEmpty {
    margin: 0px;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
 .rTableCell .OuterBorderEmpty a.EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 20px;
    line-height: 42px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.rTableCell a.show-less{font-size:0.857rem;}
.RecommenTable  td textarea:hover{border: 1px solid #764FB7;}
#collapseTwo .Advanced_Search_container {border-width: 0;border-radius: 4px;}
.Advanced_Search_container label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.Not_Rated span {
    width: 38%;
    float: left;
}
.form-inline.col-md-3 {
    margin-bottom: 5px;
}
.obtained-scores {
    background-color: #fff;
    color: black;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 4px;
}
.obtained-scores .individual-scores {
    padding: 23px 0 15px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid rgb(230,230,230);
}
.each-score {
    width: 20%;
    text-align: center;
    float: left;
}
.each-score .score-value {
    font-size: 2em;
    width: 100%;
    color: rgb(0,172,74);margin-bottom: 0px;
}
.each-score .score-label {
    font-weight: 500;
    width: 100%;margin-bottom: 0px;font-size: 14px;line-height: 18px;padding-right: 5px;
}
.obtained-scores .total-score {
    margin: 0px 0;
    text-align: center;
    height: inherit;
    padding: 20px 20px 8px;
    vertical-align: middle;
}
.total-score .score-value {
    font-size: 3em;
    color: rgb(0,172,74);
    margin-bottom: 10px;
}
.total-score .score-label {
    font-weight: 500;
}
.performance-tabs > .tab-content .section-container {
        color: #353535;font-weight: 500;
}
/*.performance-tabs > .tab-content .each-section {
    border: 1px solid rgb(230, 230, 230);
    border-radius: 4px;
    margin-bottom: 20px;
    background-color: #fff;
}*/
.performance-tabs > .tab-content .each-section .section-head {
    padding: 10px 20px 10px 20px;
    /*border-bottom: 1px solid rgb(230,230,230);*/
}
.section-head {
    position: relative;
}
.performance-tabs > .tab-content .section-title {
    font-weight: 600;
    line-height: 28px;
    vertical-align: middle;
}
.performance-tabs > .tab-content .section-title a {
    color: black;
}
.performance-tabs > .tab-content .section-title .fa-2x {
    margin-top: -2px;
}
.performance-tabs > .tab-content .section-description-container {
    display: block;
    width: 100%;
}
.ReviewPeriod{display: block;margin-bottom: 10px;}
.ReviewPeriod .cycle-list{float: left;margin: 7px 6px 0 0px;color: #353535;}
.RecommenTable tbody tr td:last-child label{font-weight: normal;}
.score-value > i.fa-caret-down {
    margin-left: 5px;
    font-size: 0.75em;
}
.performance-tabs > .tab-content .each-section {
    /*border: 1px solid transparent;*/
    border-radius: 4px;
    margin-bottom: 20px;
    background-color: #fff;border-bottom: 0px;
}
.performance-tabs > .tab-content .each-section:hover{-moz-box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    -o-box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;}
/*.panel-default:hover{border: 1px solid #764FB7;border-radius: 4px;}
.panel-default{border: 1px solid transparent;border-radius: 4px;}*/
.performance-tabs > .tab-content .each-section .section-head {
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid rgb(230,230,230);cursor: pointer;
}
.performance-tabs > .tab-content .section-title {
    text-transform: capitalize;
    font-weight: 600;
    line-height: 28px;
    vertical-align: middle;
}
.performance-tabs > .tab-content .section-title a {
    color: black;
}
.performance-tabs > .tab-content .section-title .fa-2x {
    margin-top: -2px;
}
.performance-tabs > .tab-content .section-description-container {
    display: block;
    width: 100%;
}
.performance-tabs > .tab-content .section-description {
    width: 95%;
    float: left;
}
.section-head .show-less-content {
    /* height: 60px; */
    overflow: hidden;font-weight: 400;
}
.show-less-content {
    text-overflow: ellipsis;
/* white-space: no-wrap;*/
}
.show-less {
    color: #333;
    display: table-cell;color: #764FB7;
    float: right
}
.performance-tabs > .tab-content .each-section .section-content {
    padding: 20px;border-top: 1px solid #C7C7C7;
}
.performance-tabs > .tab-content .each-section .section-content .sub-section {
    margin-bottom: 20px;
    background-color: rgb(245,245, 247);border-radius: 4px;box-shadow: none !important;
}
.performance-tabs > .tab-content .sub-section .sub-section-head {
    border-bottom: 1px solid rgb(230,230,230);
    padding: 10px 20px;
}
.performance-tabs > .tab-content .sub-section .sub-section-head .sub-section-title {
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
}
.performance-tabs > .tab-content .sub-section-title a {
    color: #353535;font-weight: 500;
font-size: 14px;font-family: 'Roboto Slab';
}
.performance-tabs > .tab-content .sub-section-title .fa-2x {
    margin-top: -6px;
}
.performance-tabs > .tab-content .sub-section .sub-section-contents {
    background-color: #fff;
    padding: 20px 20px;
}
.performance-tabs > .tab-content .each-question {
    background-color: #fff;
    padding: 15px 20px;
    border: 1px solid #C7C7C7;
    border-radius: 4px;
    margin-bottom: 20px;
    /* margin-right: 20px; */
}
.each-question .question-heading {
    font-weight: 600;
    margin-bottom: 5px;
}
.each-question label {
    font-weight: bold;
    color: #333;
}
.question-message {
    color: #353535;
}
.question-message:first-child {
    margin-top: 0px;
}
.question-message .message-icon {
    font-size: 1.75em;
    margin-right: 10px;
    float: left;
}
.question-message .message-content {
    float: left;
    text-align: left;
    /* font-size: .75em; */
    font-size:0.857rem;
    width: 100%;
}
.question-message .message-content{ }
.message-content .message-title {
    margin: 0;
    /* white-space: nowrap; */
}
.message-content .message-value {
     margin: 0 0 0; 
    text-transform: initial;
    border-radius: 4px;font-weight: 500;
    font-size: 14px;color: #353535;
}
.feedback-messages label {
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 0;
}
.OtherFeedback .WallDateWise {
    padding: 15px 0px 5px;
}
.OtherFeedback .FeedbackContent {
    padding: 15px 0px 0px 0px;
}
.wall-award, .award_list, .summery-wall {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 4px;
 /*   box-shadow: 0px 0px 7px #cdc9c9 !important;
    -webkit-box-shadow: 0px 0px 7px #cdc9c9 !important;*/
}
.FeedbackContent {
    background: #fff;
    padding: 20px 20px 20px 20px;
    border-radius: 5px 5px 5px 5px;border: 1px solid #C7C7C7;
    position: relative;
}
.FeedbackContent {
    border-radius: 5px !important;
}
.OtherFeedback .FeedbackBy {
    padding: 0 20px 13px 20px;
    display: table;
    margin-top: 13px !important;width: 100%;
}
.FeedbackBy {
    position: relative;
    padding: 0 100px 0 0px;
    border-bottom: 1px solid #e0e0e0;
}
.OtherFeedback .employee-details {
    padding: 6px 15px 0px 0px;
}
.employee-details {
    /* width: 35%; */
    float: left;
    /* border-right: 1px solid rgb(214,219,225); */
    padding: 10px 0;
}
.employee-details .employee-image {
    margin: 0px 0px 0px 0px;
    border: 2px solid #764FB7;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
}
.employee-details .employee-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
}
.FeedbackBy .OuterBorderEmpty {
    margin: 0px 15px 0px 0px;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.OuterBorderEmpty .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 22px;
    line-height: 43px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.GiverName {
    display: table-cell;
    max-width: 100%;
    color: #3f4a59;
}
.OtherFeedback .GiverName a {
    font-weight: bold;
}
.GiverName a {
    color: #764FB7;
}
.OtherFeedback .designation {
    color: #808080;
}
.OtherFeedback .avatar-content p {
    color: rgb(0,0,0);
    display: table-header-group;
}
.OtherFeedback .ActionItems {
    width: 25%;
    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: 60%;
    margin: 8px auto 0;
    /*float: right;*/
    position: relative;
}
.OtherFeedback .ProgressPercentage{margin: 0 auto;width: 60%;float: none;}
.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:0.857rem;margin-left: 0px !important;
}
.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: #764FB7;
    background: #ededed;
    font-size: 24px;
    line-height: 50px;
    margin-right: 10px;
    font-weight: bold;
    border: 2px solid #fff;
}

.OtherFeedback .dropdown-toggle {
    background: #fff;
    color: #808080;
    margin: 5px 0 0;
    padding: 5px;
    font-weight: normal;
    font-size: 14px;
}
.OtherFeedback .dropdown-toggle i {
    /*color: #764FB7;*/
    margin: 0 3px 0 0;
}
.OtherFeedback .avatar-content {
    border-right: 1px solid #e6e6e6;
    margin-bottom: 20px;
    width: 75%;padding-right: 10px;
}
.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: 0px;
    top: 37px;
}
.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-y: auto;
    height: auto;
    overflow-x: hidden;
    max-height: 205px;
}
.OtherFeedback a.dropdown-item {
    padding: 10px 8px;
    font-size: 14px;
    color: #353535 !important;
    font-weight: normal !important;
    border-bottom: 1px solid #dfdfdf;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
    max-width: 500px;
}
.each-question label {
    font-weight: bold;
    color: #333;
}
.OtherFeedback .FeedbackBy:last-child {
    border-bottom: 0px;
}
.OtherFeedback .FeedbackBy .WidthOutRating {
    border-right: 0px !important;width: 100%;padding-right: 0px;
}
.UISelectBox:disabled {
    background-color: #dddddd;
}
.AchievedTargetTypeCont select {
    display: block;
    background-image: none;
    margin: 0 !important;
    width: 100%;
}
.AchievedTargetTypeCont label {
    display: block;
    font-weight: normal;
    margin: 3px 0 0;
}
.question-message [class^="icon-"], .question-message [class*=" icon-"] {
    font-size: 30px;
}
.searchDiv .search-input {
    margin: 0 auto;
    width: 92%;
}
.PIPTAB .EmployeeDetailsSection .OtherInfo:first-child{border-left: 0px;padding: 0px !important;}
.RecommenTable input.check_box{width: unset;}
.feedback-message .feedback-header {
    display: table;
    width: 100%;
}
.feedback-message .feedback-header .left-content {
    width: 60%;
    position: relative;
    float: left;
}
.feedback-message .feedback-header .left-content img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
    float: left;
    margin-right: 5px;
}
.OuterBorderImg{width: 48px;height: 48px;padding: 2px !important;}
.feedback-message .feedback-header .left-content div {
    float: left;
    padding: 0;
    margin-bottom: 0;
    margin-right: 5px;
}
.feedback-message .feedback-header .left-content div.OuterBorderImg{width: 40px;height: 40px;}
#review-pip1 .feedback-message .feedback-header .left-content div p.name {
    font-weight: bold;
}
.feedback-message .feedback-header .left-content div p.name {
    margin: 0;
    font-weight: 500;
}
.feedback-message .feedback-header .right-content {
    float: right;
    width: 40%;
    text-align: right;
}
#review-pip1 .feedback-message .feedback-value section {
    background-color: #fbfafa;
    border: 1px solid rgb(230,230,230);
    border-radius: 4px;
    margin-top: 10px;
    display: block;
    padding: 15px;
    word-wrap: break-word;
}
.performance-tabs > .tab-content .grid .each-question-wrapper .each-question{padding: 16px;}
.performance-tabs > .tab-content .each-question .question-heading{font-size: 14px;}
.performance-tabs > .tab-content .question-heading,.each-question label {
        color: #353535;
    font-weight: 500;
    font-size: 14px;
    font-family: "Roboto Slab";text-transform: capitalize;
}
.message-content .message-title{color: #353535;font-weight: 700;
font-size: 0.785rem;}
.feedback-message {
    margin-top: 15px;
}
#review-pip1 .section-content .each-question-wrapper{padding: 0px;}
.performance-tabs .each-question-wrapper:last-child .each-question{margin-bottom: 0px;}
.tab-pane .panel .collapse.in{height: auto !important;}
.GoalsPerformance {
    padding: 0px;
    background: transparent;
    margin: 0px -5px;
}
.MyTeamGoals .TeamGoals-Article {
    width: 100%;
    height: 60px;
    display: table;
    margin-left: 6px;
    table-layout: fixed;
}
.MyTeamGoals .TeamGoals-Article .TeamGoals-Section {
   /*  height: 75px; */
    display: table-cell;
    color: #fff;
    padding: 0px 12px 0px 0px;
    position: relative;
   /*  width: 100px; */
}
.MyTeamGoals .TeamGoals-Article .TeamGoals-Section div {
    padding: 14px 10px;
    border-radius: 4px;
}
.MyTeamGoals .TeamGoals-Article .Goald-Icon {
    font-size: 28px;
    bottom: 8px;
    right: 8px;
    position: absolute;
    line-height: 50px;
    width: 50px;
    height: 50px;
    opacity: 0.4;
}
.MyTeamGoals .TeamGoals-Article .Goals-Completed {
    background: #03b172;
}
.MyTeamGoals .TeamGoals-Article .Goals-Progress {
    background: #eaa613;
}
.MyTeamGoals .TeamGoals-Article .Goals-Started {
    background: #838888;
}
.MyTeamGoals .TeamGoals-Article .Goals-Overdue {
    background: #e84c3f;
}
.MyTeamGoals .TeamGoals-Article .Goals-Track {
    background: #6db32f;
}
.MyTeamGoals .TeamGoals-Article .Goals-Lagging {
    background: #f08300;
}
.MyTeamGoals .TeamGoals-Article .TeamGoals-Section label {
    font-size: 13px;
    margin-bottom:5px;
    line-height: 16px;
}
.MyTeamGoals .TeamGoals-Article .TeamGoals-Section span {
    display: block;
    font-size: 24px;
    font-weight: bold;
}
@media (max-width: 1023px) and (min-width: 768px){
    .MyTeamGoals .Goals-Aside label {
    width: 80px;
}
}
@media (max-width: 1340px) and (min-width: 1300px){
	.MyTeamGoals .TeamGoals-Article .Goald-Icon{font-size: 20px; right:0px; bottom:0px;}	
}
@media (max-width: 1299px) and (min-width: 768px){
	.MyTeamGoals .TeamGoals-Article .TeamGoals-Section{ display:inline-block; width:33.3%; margin-bottom:10px;}
	.MyTeamGoals .Goals-Aside label{ width:100%;}
}
.question-status>div {
    float: right;
    width: 30%;
   /* padding-top: 5px;*/
}
.question-status>div> i {
    float: left;
    font-size: 20px;
    margin-right: 1%;
    width: 10%;
}
.question-status>div>.progress {
    float: left;
    width: 100%;
}
.progress > span {height: 12px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;
}
.WhiteBg {
    background: #fff;
    padding: 10px;
    border: 1px solid #C7C7C7;
    border-radius: 6px;
}
p.message-value.show-less-content {
    height: 53px;overflow: hidden;
    line-height: 18px;margin-bottom: 0;
}
.show-more {
    font-size:0.857rem;
    color: #764FB7;
    /* float: right; */
}
/*.message-content .message-value {
     margin: 5px 0 0; 
    text-transform: capitalize;
    border-radius: 3px;
}*/
.HolocracySection {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin: 20px 15px 0;
    display: none;
}
.ChooseManager {
    padding: 20px 5px 20px;
    border-right: 1px solid #e0e0e0;
}
.ValueSelected {
    background: #ececec;
    padding: 10px 10px 17px;
    border-radius: 4px;
    display: none;
}
.avatarwithname {
    background: #764FB7;
    color: #fff;
    float: left;
    width: 40px;
    height: 40px;
    margin: 2px 0 0 0;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-weight: 'latosemibold';
}
.ValueSelected .EmpCard span small{display: block;padding-left: 50px;}
.ValueSelected .EmpCard span label{margin-bottom: 0px;}
.progress > span {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;top: -2px;
}
.progress {
    position: relative;
}
.question-status {
    width: 100%;
    margin: 10px 0;
    display: table;
}
.OuterBorder {
    margin: 0px 15px 0px 0px;
    float: left;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
.FeedbackBy .avatar {
    width: 52px;
    height: 52px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 24px;
    line-height: 50px;
    margin-right: 10px;
    font-weight: bold;
    border: 2px solid #fff;
}
.avatar-content {
    margin-bottom: 18px;
}
.GiverName label {
    color: #05b717;
    margin: 0px;
    font-weight: 600;
    letter-spacing: 1px;
}
.avatar-content p {
    margin: 0px;
    color: #a6a9ad;
}
.avatar-content .Selector {
    text-transform: uppercase;
    margin-top: 4px;
}
.SelfName span, .Selector, .FeedbackContent .ViewMore, .view_content, .ActionItems span, .DateCal {
    font-size: 13px;
}
.avatar-content .Selector a {
    margin-right: 8px;
}
.icon-Public_Icon {
    color: #a6a9ad;font-size: 14px;
}
.BorderNone {
    border-bottom: none;
}
.Displaytable {
    display: table;
    margin-top: 20px;
}
.FeedbackDetails {
    display: block;
}
.FeedbackDetails .AwardAvator, .FeedbackDetails .ContentFeedback {
    display: table-cell;
    vertical-align: top;
}
.ContentFeedback p {
    margin: 0px !important;
    color: #3f4a59;
}
/* .ReplayContainer {
    border-top: 1px solid #e0e0e0;
    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: #e3f1ff;
    padding: 13px 0px 13px 15px;
    border-radius: 4px;
    border: 1px solid #c8e1fa;
    margin: 5px 0 6px 58px;
    color: #353535;
}
.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;
}
.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 #764FB7;
    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;
} */

.performance-tabs > .tab-content .section-content .sub-section {
    margin-bottom: 20px;
    background-color: rgb(245,245, 247);
}
.OuterBorder .avatar {
    width: 52px;
    height: 52px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 24px;
    line-height: 50px;
    margin-right: 10px;
    font-weight: bold;
    border: 2px solid #fff;
}
.EmpCard .OuterBorder{width: 48px;
    height: 48px;}
.EmpCard .OuterBorder .avatar{width: 44px;
    height: 44px;line-height: 42px;}
.MyTabView{display: none;}
.NewMyPerformance .grid .col-md-10{width: 77%;}
.NewMyPerformance .MyTabView .ActionSection.Boxshadow{float: left;width: 100%;margin-right: 0px;padding-top: 5px;}
.NewMyPerformance .MyTabView .panel{background: #ffffff;border-radius: 4px;}
.NewMyPerformance .MyTabView .summery-wall{border-radius: 4px;}
.NewMyPerformance .MyTabView .collapse  .ActionSection ul li{width: 50%;float: left;}  
.performance-tabs.col-md-10{width: 75%;}
.performance-tabs.col-md-12{width: 100%;}
.col-md-12 .EmployeeDetailsSection{background: #fff;border-radius: 4px;padding: 18px !important;}
.NewMyPerformance.ActionTab .ActionSection.Boxshadow{width: 100%;margin-right: -8px; padding: 15px 15px 15px; }
.NewMyPerformance .ActionSection.Boxshadow{padding-right: 12px;}
.NewMyPerformance.ActionTab{width: 25%; /*padding: 0px;*/}
.EmployeeDetailsSection .OtherInfo.col-md-3{width: 24%;}
/*.EmployeeDetailsSection .col-lg-1 {width: 9.333333%;}*/
@media (min-width: 1000px) and (max-width: 1199px){
.NewMyPerformance .grid .ActionSection.Boxshadow{width: 20.66%;}
.NewMyPerformance.ActionTab .grid .ActionSection.Boxshadow{width: 100%;}
}
@media (min-width: 768px) and (max-width: 1000px){

.performance-tabs.col-md-10.col-sm-12{width: 100%;}
/*.NewMyPerformance .grid .ActionSection.Boxshadow{display: none;}*/
.MyTabView{display: block;}
.NewMyPerformance .grid .col-md-10 {width: 100%;}
.ViewPastFeedback.col-sm-12{width: 100% !important;}
.EmployeeDetailsSection  .col-sm-1 {width: 11.333333%;}
.Profile-actions .tab-content .NewSeachBox input {
    width: 170px !important;
}
}
.CFWall-right .NewMyPerformance .grid .ActionSection.Boxshadow {
    width: 100%;margin-right: 0px;
}
.CFWall-right .NewMyPerformance.ActionTab {
    width: 100%;margin-top: 0px;
}
.performance-tabs .PerformanceTails{ height:130px;}
.performance-tabs .PerformanceTails:hover{ border-bottom: 2px solid #764FB7; box-shadow:0 0px 18px #cac9c9;}
.NewMyPerformance .collapse .ActionSection {box-shadow: none !important;padding: 0px 0px 0px 10px;}  
.NewMyPerformance .collapse {padding-top: 5px !important;}
.NewMyPerformance .panel  .panel-title a{text-transform: uppercase;}
.ScoreSection h3.ScoreHead{font-size: 15px;margin: 0px 0px 15px;font-weight: bold;}
.ScoreReport{box-shadow:0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;border: 0px solid #e0e0e0;}
.ScoreReport:hover {
    box-shadow: 0 0px 18px #cac9c9;
}
.ScoreHead .export-option{top: -6px;font-weight: normal;}
.Employee_detail {
    width: 80%;
}
.metricsSection .table{display: block;overflow-y: hidden;overflow-x: auto;}
.PerformanceMetrics{background: #ffffff;box-shadow:0px 0px 5px rgb(0 0 0 / 15%);border: 0px solid #e0e0e0;
padding: 20px;border-radius: 4px;margin-top: 20px;}
.PerformanceMetrics:hover, .ManageAuditSection:hover{box-shadow: 0 0px 18px #cac9c9;}
.PerformanceMetrics .table-bordered{border-left: 0px;}
.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover {
    border: 1px solid #764FB7;
}
.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{    border-radius: 4px;
    border: 1px solid #C7C7C7 !important;box-shadow: none;}
.NewMyPerformance .ReviewPeriod .bootstrap-select{margin-bottom: 0px;}
.EditRowCell {
    display: none;
}
.ManageAuditSection{background: #ffffff;box-shadow:0px 0px 5px rgb(0 0 0 / 15%);border: 0px solid #e0e0e0;
padding: 20px 20px 0;border-radius: 4px;}
.Passport-list {
    padding: 0px 0px 10px;
}
.Passport-list label {
    color: #434444;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 0px 0px;
}
.passport-table .SerachArea {
    padding: 0px 0px 20px 0px;
}
.profile-add {
    float: right;
    min-width: 90px;
    width: auto;
    text-align: center;
    display: inline-block;
}
.table-section .TableOuter {
    border-radius: 4px;
    border-top: 0px;
    width: 100%;
}
.table-section .rTableHead.ActionCell {
    line-height: 21px;
}
.table-section .ActionCell {
    width: 125px;
    min-width: 125px !important;
}
.rTableRow .rTableCell {
    min-width: 180px;
}
.table-section .rTableCell {
    color: #434444;
    line-height: 27px;
}
.rTableCell .UISelectBox {
    height: 42px;
    border-color: #e0e0e0;
    line-height: 35px;
    padding: 0 32px 0 10px;
    width: auto;
}
.Profile-actions .tab-content .rTableCell input[type="text"] {
    width: 100% !important;
}
.rTableCell input[type="text"] {
    height: 42px;
    line-height: 36px;
    /* width: 100% !important; */
}
.PaginationNew {
    padding: 25px 0px 20px 0px;
}
.PageLength select {
    color: #828181;
}
.Profile-actions .tab-content .NewSeachBox input {
    width: 245px !important;
    height: 32px;
}
/*New My Performance start*/
.NewMyPerformance.row{margin-right: -15px;margin-left: -15px;}
.performance-tabs .CardSection {margin-bottom: 20px;padding-right: 5px;}
.performance-tabs .CardSection .Boxshadow a{display: block;text-align: center;color: #353535;padding: 25px 20px 25px;}
.performance-tabs .CardSection .Boxshadow a i{color: #764FB7;font-size: 48px;}
.performance-tabs .CardSection .Boxshadow  label{display: block;text-align: center;font-weight: bold; margin: 10px 0px 0px;cursor: pointer;line-height: 16px;}
.NewMyPerformance .ActionSection.Boxshadow{margin-right: 0px;}
.NewMyPerformance .ActionSection .ActionPerformance{margin-left: 20px;display: block;}
.NewMyPerformance .ActionSection .ActionPerformance li a{font-size: 13px;}
.NewMyPerformance .ActionSection .AccIcons {margin: 0px 15px 0px 0px;position: absolute; right: 0px;top: 3px;
cursor: pointer;}
.NewMyPerformance .MyTabView .collapse .ActionSection .ActionPerformance li{float: none;width: inherit;}
.NewMyPerformance .MyTabView .collapse .ActionSection .AccIcons{top: 20px;}
.NewMyPerformance .ActionSection .AccIcons {color: #764FB7;}
/*.ActionLinkBtns .WhiteBtn {
    margin: 10px 8px 0 0px;height: 36px;
    line-height: 36px;
}*/
.icon-configure-PIP:before{vertical-align: inherit;font-size: 46px;}
.NewMyPerformance .ActionSection label{font-weight: bold;font-size: 16px; display:block; margin:0;cursor: pointer;}
.NewMyPerformance .ActionSection label span.pull-right.fa{ margin-top:-8px; cursor:pointer;}
.NewMyPerformance .ActionSection a{color: #764FB7;;margin-top: 8px;display: block;
line-height: 18px;}
.NewMyPerformance .ActionSection a:hover{font-weight: bold;text-decoration: underline;}
.NewMyPerformance  .ActionSection.Boxshadow{padding: 20px;float: right;
height: auto;width: 21.3%;margin-right: 15px;}
.NewMyPerformance  .ActionSection.Boxshadow:hover{ border-bottom: 0px solid transparent;}
.NewMyPerformance .CardSection .Boxshadow a .icon-continuousfeedback{font-size: 45px;}
.NewMyPerformance .bg-white{border: 0px solid #e0e0e0;}
.NewMyPerformance .Boxshadow{box-shadow:0px 0px 5px rgb(0 0 0 / 15%);}
.NewMyPerformance .Boxshadow:hover {box-shadow: 0 0px 18px #cac9c9;}
.FeedbackFormActions .PageLink.active{ color: #764FB7; font-weight: bold;}
.FeedbackFormActions .PageLink{ color: #acacac;}
.FeedbackFormActions .PageLink:hover{ text-decoration:none;}
.ScoreSection .performance-tabs{ padding-left:0 !important; padding-top:0 !important;}
.CFinPerformance .CFWall-Left{ width:75%; float:left; padding:0 10px;}
.CFinPerformance .CFWall-right{width:25%;float:left; padding:0 10px;}
.InternalLinks a span{ display:inline-block;}
.InternalLinks a{ background:#fff; border:1px solid #e0e0e0; border-radius: 4px; text-align:center; padding:20px 0;
 display:block;-moz-box-shadow:0px 0px 5px rgb(0 0 0 / 15%);-webkit-box-shadow:0px 0px 5px rgb(0 0 0 / 15%);
-o-box-shadow:0px 0px 5px rgb(0 0 0 / 15%);box-shadow:0px 0px 5px rgb(0 0 0 / 15%);}
.InternalLinks a:hover{ background:#764FB7; border:1px solid #764FB7; border-radius: 4px; color:#fff;}
.InternalLinks a i{ float:left; font-size:30px;}
.InternalLinks a label{float:left; margin:8px 0 0px 5px;}
/*18-11-2020 start*/
.summerycontent .TableContainer .OuterBorderImg{width: 48px;height: 48px;}
.LocationPopup .modal-footer {
    border-radius: 0px 0px 5px 5px;
}
.LocationTreeDIV .search-input:hover,.LocationTreeDIV .search-input:focus{border: 1px solid #764FB7;}
.form-inline .UICheckbox input{top: -5px;left: 85px;}
.form-inline .UICheckbox small{left: 85px;top: 0px;}
.panel-title .accordion-toggle-styled{text-transform: capitalize;position: relative;}
.panel-title .accordion-toggle-styled .icon-DownArrow{font-size: 9px;position: absolute;right: 0px;top: 8px;font-weight: 500;}

.panel-title .accordion-toggle-styled:hover{color: #353535;}
.panel-title .accordion-toggle-styled .icon-DownArrow{transform: rotate(180deg);margin-top: -3px;}
.panel-title .accordion-toggle-styled.collapsed .icon-DownArrow{transform: inherit;margin-top: 0px;}
.AchievedTargetTypeCont .icon-arrow-down{font-size: 0.785rem;color: #757575;}
.TargetAchieved-Section{background: #e8e8fb;border-radius: 4px;padding: 15px;margin-bottom: 16px;}
.message-content .AchievedTargetTypeCont .bootstrap-select{width: 155px !important;}
.AchievedTargetTypeCont .AchieveLabel{background: #fff;display: inline-block;width:calc(100% - 175px);border-radius: 4px;
    padding: 8px;margin: 0px 0px 0px 0px;height: auto;min-height: 100px;resize: none;    font-family: 'DM Sans', sans-serif;}
.TargetAchieved-Section .question-message.TargetSet .message-conten{width: 82%;}
.TargetAchieved-Section .question-message.AchievedSet .message-content{width: 100%;}
.TargetAchieved-Section .question-message{margin-top: 0px;}
.ManageAuditSection .table-section .TableContainer{margin-right: 124px;}
.ActionInView .DeleteRow:hover .fa-trash-o{color: #764FB7;}
.Achieved-Viewmode .AchievedTargetTypeCont label{margin: 0;font-size: 14px;color: #353535;line-height: 18px;font-weight: 500;font-family: 'DM Sans', sans-serif;text-transform: inherit;}
.AchievedTargetTypeCont .AchieveInput {
    background: #fff;
    display: inline-block;
    width: 30%;
    border-radius: 4px;
    padding: 8px;
    margin: 0px 0px 10px 0px;
}
.performance-tabs.UpdateAchievement {width: 100%;}
.b-t-0{border-top: 0px !important;}
.SetGoalsGridView .AccButton{top: 16px;right: 20px;}
.SetGoalsGridView  .NewAccordianContainer .AccButton{top: 19px;}
.NewAccordianContainer .AccButton i.icon-DownArrow{font-size: 9px;font-weight: 500;}
.NameDetails a.Email{margin-bottom: 0px;}
.p-l-0{padding-left: 0px !important;}
.NewAccordianContainer {
    border-radius: 4px;
}
.NewAccordianContainer:hover,.tab-pane .panel-default:hover{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;}
.tab-pane .panel-default{border-radius: 4px;}
.Chartdiv .fusioncharts-div {
    padding: 0px !important;
    border-radius: 5px !important;
    font-size: 17px !important;
    box-shadow: 0 0px 8px #dcdada !important;
    border: 0px solid transparent !important;
}
.Chartdiv .fusioncharts-div .LabelName{padding: 10px;}
.Chartdiv .fusioncharts-div .ScoreHead{padding: 10px 10px;}
.Chartdiv .fusioncharts-div b{font-size: 24px;display: inline-block;vertical-align: middle;margin-right: 5px;
color: #764FB7;}
.Chartdiv .fusioncharts-div .Scorevalue{
font-size: 15px;display: inline-block;vertical-align: middle;font-weight: normal;color: #353535;}

@media (max-width: 1200px){
    .SetGoalsAction .FormActions {width: 100%;}
    .SetGoalsAction .FeedbackFormActions {width: 100%; }
}

/*18-11-2020 end*/
/** HRMP CSS **/
.FormField label{ font-weight:bold; display:block; margin-bottom:10px;}
.ListValues{ position:relative; width: 80%; float:left;}
.FormField ul{border:1px solid #e0e0e0; float: left;  width: 405px; clear:both;
     border-radius: 4px; display:none;}
.FormField ul li {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px;
    float: left;
    width: 100%;
}
.FormField ul li:last-child{border:none;}
.FormField li p {
    margin: 0 0 0 0px; padding-right:20px;
}
.FormField ul li:hover {
    background: #e3f1ff;
    cursor: pointer;
}
.HRMPScore .UICheckbox small{border-radius:30px; display:none;}
.HRMPScore .UICheckbox small.checked{ border:1px solid #b4b6b7; background:#fff; }
.HRMPScore .UICheckbox small.checked i{ color:#764FB7; font-size:13px;}
.IntialLabel{ background:#fff; padding:10px;  border:1px solid #e0e0e0;  border-radius: 4px;  width: 80%; display:block; position:relative; cursor:pointer; }
.IntialLabel .fa-angle-down,.drop .fa-angle-down,.DropArrow{ color:#b4b6b7; font-size:24px; position:absolute; right:10px; }
.DropArrow{ display:none;}
.ListValues.Selected .DropArrow{ display:block; top:30%;}
.FormField.active .IntialLabel{display:none;}
.FormField.active ul{ display:block; }
.FormField ul li.active{ background:#e3f1ff;}
.Selected li{border-bottom:0px;}
.FormField ul .drop{ position:absolute; right:0; top:50%;}
.FormField ul li.SelectedValue{ border-bottom:0px;  background: #e3f1ff; cursor:pointer; padding-right:30px;}
.FormField .mandatory{ color:red; font-size:14px;}
td .FormField ul{ background:#fff;}

/*Hipo rating css*/
.HipoRating .col-md-12 .EmployeeDetailsSection, .HipoRating .CFWall-Left .EmployeeDetailsSection{background: #fff;
    border-radius: 4px;
    padding: 18px !important;}
.HRMPScore .dropdowncontainer .value .valuetext{display: none;}
.HRMPScore .dropdowncontainer span.valuetext{display: inline-block;font-weight: normal;}
.HRMPScore .dropdowncontainer span{width: 95%;display: inline-block;vertical-align: middle;}
.HRMPScore textarea{border-radius: 4px;padding: 10px;outline: none;resize: none;width: 72%;}
.HRMPScore .DropArrow{display: inline-block;vertical-align: middle;position: unset;width: 5%;}
.HRMPScore .customdropdown{border-top: 0px solid #C7C7C7;margin: 0 0px;padding: 0px 0px;}
.HRMPScore .customdropdown .dropdowncontainer,.HRMPScore .customdropdown ul,.HRMPScore .customdropdown label{width: 85%;}
.HRMPScore .dropdowncontainer{padding:0px 0;border-bottom: 0px;}
.HRMPScore .customdropdown label{cursor: pointer;}
.HRMPScore .customdropdown label:hover,.HRMPScore .customdropdown .DropArrow:hover, 
.HRMPScore .customdropdown label:hover .DropArrow{color: #764FB7;}
.HRMPScore .customdropdown i{float: right;margin: -4px 0 0 6px;}
.HRMPScore .DropClick ul{transform-origin: 0px 0px;opacity: 1;transform: scaleX(1) scaleY(1);box-shadow: 0 5px 10px rgba(0, 0, 0, .2);webkit-animation: bounceLeft 5s infinite;
animation: bounceLeft 5s infinite;animation-timing-function: linear;}
.HRMPScore .customdropdown ul{border-radius: 4px;top:25px;
transform-origin: 0px 26px;transform: none;opacity: 1;max-height: 300px;overflow-x: auto;}
.HRMPScore .dropdowncontainer li{padding:12px;border-bottom: 1px solid #e0e0e0;}
.HRMPScore .dropdowncontainer li:last-child{border-bottom: 0px;}
.HRMPScore .dropdowncontainer li.selected{color: #353535;background: #e7f4fd;}
.HRMPScore .dropdowncontainer li.title{background: #e7f4fd;}
.mandatory{display: inline-block;
    margin-left: 5px;
    color: #ef0707;
    font-weight: bold;
    font-size: 1.4rem;}
.HRMPScore .FormField{margin-bottom: 20px;}
.HRMPScore .FormField:nth-last-child(3) {
 margin-bottom: 21px;
} 
.HRMPScore .FormField .dropdowncontainer label{border: 0px solid #e0e0e0;border-radius: 4px;margin-bottom: 0px;
    box-shadow:0px 0px 5px rgb(0 0 0 / 15%);}
.HRMPScore .FormField .dropdowncontainer label span{width: 95%;padding: 10px;}
.HRMPScore .FormField .dropdowncontainer{height: 64px;width: 100%;}
.HRMPScore .FormField .DropArrow{width: 5%;border-radius: 0px 5px 5px 0px;background: #c8e0f8;padding: 20px 6px 20px;}
.HRMPScore .FormField .customdropdown i{color: #764FB7;}
.HRMPScore .FormField .customdropdown label{width: 90%;}
.HRMPScore .FormField .FormLabel{font-weight: normal;font-size: 16px;}
.HRMPScore .FormField textarea{width: 90%;height: 64px;box-shadow:0px 0px 5px rgb(0 0 0 / 15%);border: 0px;border-radius: 4px;}
.HRMPScore .FormField .customdropdown ul{top: 61px;width: 90%}
/*hipo rating end*/
.GridTextarea textarea{
    min-width: 270px;
    width: 100%;
    border-radius: 4px;
    padding: 8px 12px;
    transition: transform .2s;
    overflow: hidden;
    height: 100px;
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    line-height: 18px;
}
.TargetAchieved-Section .icon{color: #7c7c7c;}
.icon .icon-History{font-size: 20px;vertical-align: middle;color: #764FB7;}
.EmployeePlan .rTableCell .DatePickerBox,.rTableCell input[type="text"].DatePickerBox{width: 180px !important;}
.EmployeePlan .rTableCell input[type="text"]{color: #2c2c2c;}
.EmployeePlan .TableContainer{margin-right: 120px;}
.EmployeePlan .ActionCell {
    width: 80px !important;
    min-width: 80px !important;
    line-height: 20px;
    box-shadow: none;
    border: 0;
    border-left: 1px solid #e5e5e5;
}
.EmployeePlan .rTableRow .rTableCell, .EmployeePlan .rTableRow .rTableHead{border-top: 0px;}
.ActionCell .DeleteRow:hover{color: #764FB7;}
.TargetInfo.Info_Rating {
    position: absolute;
    display: none;
    z-index: 999;
}
.TargetInfo .triangle-left {
    border-left: 12px solid transparent;
    border-bottom: 12px solid #C7C7C7;
    border-right: 12px solid transparent;
    height: 0;
    left: -6px;
    position: absolute;
    top: 17px;
    z-index: 9999;
}
.TargetInfo .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;
}
.TargetInfo .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 #C7C7C7;
}
.TargetInfo .tooltipdiv ul {
    padding: 5px;
    margin: 0;
}   
.TargetInfo .tooltipdiv ul li {
    border-bottom: 1px solid #C7C7C7;
    float: left;
    width: 100%;
}
.TargetInfo .tooltipdiv ul div {
    float: left;
    padding: 3px;
}
.TargetInfo .Col-Achieved {
    width: 20%;
}
.TargetInfo .Col-Date {
    width: 25%;
}
.TargetInfo .Col-Provided {
    width: 55%;
}
.mask {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}
.GoalGrid .CFLink{display: block;}
.GoalGrid .CFLink .icon-CheckIn{font-size: 16px;}
.GoalGrid .rTableRow .rTableCell:first-child{min-width: 230px;}
.b-1{border: 1px solid #e0e0e0 !important;}
.OverflowHidden{overflow: hidden !important;}
.AchievedTargetTypeCont{margin-top: 3px;}
.AchievedTargetTypeCont .btn-group{margin: 0px 12px 0 0px !important;}
/*.question-message .message-icon{display: none;}*/
.TargetAchieved-Section .question-message.TargetSet{width: 50%;margin-bottom: 1.714rem;}
.TargetAchieved-Section .question-message.AchievedSet{width: 50%;}
.TargetAchieved-Section .question-message:nth-child(3){margin-top: 0px;}
.SetGoalsAction{margin: 20px 0 15px !important;}
.SetGoalsForm .each-section{background: #fff;border: 0px;border-radius: 4px;}
.SetGoalsForm .section-content .sub-section{border-radius: 4px;}
.SetGoalsForm .accordion-toggle .fa.pull-right{margin-top: -5px;}
.SetGoalsForm .section-head{border-bottom: 0px;}
.SetGoalsForm  .each-section .TableOuter.Boxshadow {border: 0px;border-radius: 4px;}
#OrganizationUnit.LocationPopup .modal-content{border-radius: 5px 5px 0 0;}
.ViewPastFeedback .PIPTAB .Advanced_Search_container{background: transparent;border: 0px;}
.ViewPastFeedback .PIPTAB .Advanced_Search_container label{width: initial;}
.EmployeeForm{background: #fff;box-shadow:0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;}
.EmployeeForm .quick-links{border-top: 1px solid #e0e0e0;padding: 0 15px 15px; width:100%; float:left;}
.EmployeeForm .quick-links a {color: #434444;background: #e8e8fb;padding: 6px 12px;border-radius: 4px;font-weight: bold;
font-size: 14px;margin-right: 5px;display: inline-block;margin-top: 15px; }
.EmployeeForm .quick-links label{margin: 20px 10px 0px 0px;color: #868686; float:left;}
.EmployeeForm .quick-links div{  width: calc(100% - 100px);  float: left;}
.EmployeeFormSection .EmployeeForm{padding: 0;width: 75% !important;}
.EmployeeForm .quick-links a:hover, .EmployeeForm .quick-links a:focus {
    background:#764FB7;
    color: #fff;
}
.CFinPerformance .CFWall-Left .EmployeeFormSection .EmployeeForm{width: 100% !important;}
/*goal name css*/
#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%;
    padding: 10px;
    border-radius: 4px;
}
#GoalsName .modal-body .EditGoals textarea:hover{border: 1px solid #764FB7;}
#GoalsName .EditGoals .charleft {
    color: #a0a8b1;
    font-size:0.857rem;
    font-style: italic;
    margin-top: 0px;
    display: inline-block;
    text-align: right;
    width: 70%;
}
#GoalsName .EditGoals .charleft a {
    color: #a0a8b1;
}
#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;
}
.FeedbackFormActions a.active {
    color: #764FB7;
    font-weight: bold;
}
/*.FeedbackFormActions a {
    color: #acacac;
}*/
.EditIcon a{font-size: 20px;
    vertical-align: top;
    display: inline-block;
    color: #764FB7;}
.manage-goals-container .section-head .section-title .EditIcon .fa-trash-o{margin: -4px 5px 0 0px;font-size: 20px;}
.each-goals-container,.editable-container{background: #fff;
    border-radius: 4px;
    -webkit-box-shadow:0px 0px 5px rgb(0 0 0 / 15%);
    -o-box-shadow:0px 0px 5px rgb(0 0 0 / 15%);
    box-shadow:0px 0px 5px rgb(0 0 0 / 15%);
    -moz-box-shadow:0px 0px 5px rgb(0 0 0 / 15%);
    border: 0;}
.each-goals-container:hover,.editable-container:hover{box-shadow: rgb(179 179 179) 0px 0px 7px;}
.editable-container .section-contents{padding: 20px;border-top: 1px solid #C7C7C7;}
.EditBg,.EditBg:hover{box-shadow: none;}
.GoalsName{display: inline-block;width: 93%;}
.editable-container .section-head{cursor: pointer;}
.each-goals-container .CoverPanel{margin: 15px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow:0px 0px 5px rgb(0 0 0 / 15%);
    -o-box-shadow:0px 0px 5px rgb(0 0 0 / 15%);
    box-shadow:0px 0px 5px rgb(0 0 0 / 15%);
    -moz-box-shadow:0px 0px 5px rgb(0 0 0 / 15%);
    border: 0;
    padding: 5px;}
.each-goals-container .CoverPanel:hover {
    box-shadow: rgb(179 179 179) 0px 0px 7px;
}
.section-description a:hover{color: #764FB7;}
.FormFields .question-message{/*height: auto;min-height: 70px;*/margin-top: 0px;width: 50%;}
/*.each-score .score-value i{margin-left: 3px;font-size: 24px;}*/

/* Loader in Past Feedback */
.LoaderDiv{text-align:center; height:200px; color:#777;}
.LoaderDiv i{ font-size:26px; margin-top:60px; }
.LoaderDiv p{color:#777;}
.icon-Self-Score{font-size: 15px;display: inline-block;vertical-align: middle;}
.icon-PrimaryManager-Score{font-size: 26px;margin-left: 3px;display: inline-block;vertical-align: middle;margin-top: -13px;}
.OtherFeedback .avatar-content p.NoComment{color: #777;font-style: italic;}
.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:hover, .sidebar .nav > li.active > a:focus{background: #ee9134;}
/*.navbar-default .navbar-nav > li > a.FindPeople{display: none;}*/
.icon-RaterScore{ font-size: 15px;vertical-align: middle;margin: -3px 0px 0px 5px;}
/*.sidebar .nav .sub-menu li.active a, .sidebar .nav .sub-menu li.focus a {
    background: #fdecdc;
}*/
.OtherFeedback .FeedbackContent .OthersDate{display: inline-block;color: #808080;font-size: 13px;position: absolute;
right: 15px;}

.each-question .IndividualCheckInBtn{position: absolute;right: 10px !important;}
p{font-weight: 400;}
.fa-2x{font-size: 30px;}
/*new themes*/
/*.ReviewPeriod .bootstrap-select.btn-group .btn .filter-option{line-height: 23px;}*/
.NewThemes .tab-content{background: transparent;/*border-top: 1px solid #C7C7C7;*/
    padding: 0px;}
.NewThemes .FeedbackFormActions {display: none;}
.NewThemes .performance-tabs > .tab-content .each-section .section-head{padding: 16px;border-bottom: 0px solid #C7C7C7;}
.NewThemes .performance-tabs > .tab-content .each-section{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;padding: 0px;background: #FFFFFF;}
.NewThemes .performance-tabs > .tab-content .section-title a{font-weight: 500;font-size: 15px;font-family: 'Roboto Slab';color: #353535;text-transform: capitalize;line-height: 24px;}
.NewThemes .performance-tabs > .tab-content .section-title{text-transform: capitalize;font-weight: 500;position: relative;}
.NewThemes .performance-tabs > .tab-content .section-title .icon-DownArrow{font-size: 9px;position: absolute;right: 0px;top: 16px;font-weight: 500;}
.NewThemes .section-head .accordion-toggle-styled .icon-DownArrow{margin-top: -5px;}
.NewThemes .performance-tabs > .tab-content .section-title .fa-2x{font-size: 30px;}
.NewThemes .tab-overflow{padding-top: 30px !important;position: relative;padding-bottom: 10px;}
.NewThemes .tab-content .ReviewPeriod{position: absolute;right: 10px;top:60px;width: 320px;}
.SelectedElements{    border-top: 1px solid #c7c7c7;padding: 16px 0px 4px;}
.NewThemes .tab-content .ReviewPeriod .cycle-list{float: none;display: block;color: #353535;font-size:0.857rem;font-weight: 700;margin-bottom: 6px;}
.NewThemes .ReviewPeriod,.NewThemes .ReviewPeriod .btn-group.bootstrap-select{margin-bottom: 0px !important;}
.NewThemes .section-title .accordion-toggle span:nth-child(2),.NewThemes .sub-section-title .accordion-toggle span:nth-child(2),.question-heading span,.accordion-toggle-styled span.pull-right{background: #CAF1FD;border: 1px solid #67D6F9;border-radius: 19px;height: 22px;padding: 4px 8px;
width: auto;text-align: center;font-weight: 700;font-size: 0.785rem;line-height: 14px;font-family: 'DM Sans';float: none !important;display: inline-block;margin-left: 10px;}
.NewThemes .ReviewPeriod .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 320px;}
.question-message.col-md-3{width: 50%;margin-top: 1.714rem;padding-left: 0px;}
.question-message.col-md-3:nth-child(-n + 2){margin-top: 0px;}
.tab-content .tab-pane .panel-default > .panel-heading{border: 0px;}
.form-group .FormLink{display: inline-block;margin: 8px 0px 0px 16px;font-size:0.857rem;border-bottom: 2px solid transparent;}
.form-group .FormLink:hover{border-bottom: 2px solid #461F87;color: #461F87;}
.form-group .FormLink:hover i{color: #461F87;}
.tab-overflow .nav.nav-tabs.plain-tab li:first-child{padding-left: 0px;}
.performance-tabs > .tab-content .HighlightSection{border: 2px solid #764FB7;}
.bootstrap-select.btn-group .dropdown-menu.open .inner.selectpicker{max-height: 190px !important;overflow-y: auto;}
.progresstatus .progresstext{margin-top: 12px;}
.modal-open{overflow: hidden !important;}
.question-message .icon-DownArrow{font-size: 8px;}
.section-container .section-title a.toggle_button .icon-DownArrow {
    transform: rotate(180deg);
    margin-top: -3px;
}
.DeleteComments,.EditComments{float: right;margin-left: 10px;font-size: 16px;}
.sub-section-head .sub-section-title .icon-DownArrow{    vertical-align: middle;
    font-size: 9px;
    position: absolute;
    right: 0px;
    top: 8px;
    font-weight: 500;}
    .accordion-toggle-styled .icon-DownArrow {
    font-size: 9px;
    position: absolute;
    right: 20px;
    top: 24px;
    font-weight: 500;
}
.section-head.closed .accordion-toggle-styled .icon-DownArrow{transform: unset;}
.section-head .accordion-toggle-styled .icon-DownArrow,.sub-section-title .accordion-toggle-styled.collapsed .icon-DownArrow{transform: rotate(180deg);margin-top: -3px;}
.UpadteAchieve .each-section.ToggleDiv .section-head .accordion-toggle-styled .icon-DownArrow,.each-section.ToggleDiv .section-head .accordion-toggle-styled .icon-DownArrow,.sub-section-title .accordion-toggle-styled .icon-DownArrow{transform: unset;}
.sub-section-title .accordion-toggle-styled .icon-Arrow-right{display: inline-block;vertical-align: middle;font-size: 13px;
position: absolute;right: -3px;top: 4px;font-weight: 500;transform: rotate(90deg);}
.question-status .bootstrap-select.btn-group .btn .filter-option{font-size: 14px;}
.ViewGoalsHistory .each-section .section-head .accordion-toggle-styled .icon-DownArrow {
    transform: unset;
}
.ViewGoalsHistory  .each-section .section-head .accordion-toggle-styled.collapsed .icon-DownArrow{ transform: rotate(180deg);}
.AchievedTargetTypeCont .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle,.question-status .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 36px;}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background: #f0f3f5;
}
.form_datetime{background: #fff url(../images/datepicker.png) no-repeat scroll 7px 11px;}
table.input-activity-form tr td:first-child {
    width: 30%;
    text-align: right;
}
table.input-activity-form tr td {
    width: 70%;
    text-align: left;border-left: 1px solid #ddd;
}
textarea.form-control{resize: none;}
textarea.form-control:hover{border: 1px solid #353535;}
table.input-activity-form tr td label{margin: 0px;}
.table-bordered {
    border: 1px solid #ddd;
}
@media (min-width: 768px) and (max-width: 1200px){
    .NewMyPerformance .MyTabView{display: block;}
}
@media (min-width: 768px) and (max-width: 1024px){
 .NewThemes .tab-content .ReviewPeriod{display: block;position: unset;}
}