.EmpImg {float: right;}
.FeedbackView .EmpImg{margin-top: 7px;}
.EmpImg .OuterBorderImg{width: 46px;height: 46px;}
.EmpName a{display: block;font-weight: bold;cursor: default;}
.EmpName span{display: block;color: #777;font-size: 14px;}
.EmpImg .OuterBorderEmpty{margin: 0px 0px 0px 0px;border: 2px solid #cccccc;display: inline-block;width: 46px;
  height: 46px;border-radius: 50%;}
.EmpImg .OuterBorderEmpty .EmptyImg{width: 100%;height: 100%;display: inline-block;border-radius: 50%;text-align: center;
color: #764FB7;background: #ededed;font-size: 22px;line-height: 40px;font-weight: bold;cursor: default;border: 2px solid #fff;}
.Employee-Table .BoxShadow {
    box-shadow: 0 0px 8px #dcdada;
    border-radius: 4px;
    background: #fff;
}
.OuterBorderImg img{cursor: default;}
.Employee-Table .table .ActionCell {
    position: absolute !important;
    /* line-height: 35px; */
   /* border-top: 1px solid #e5e5e5;*/
/*    -webkit-box-shadow: inset 8px 1px 7px -3px rgba(213,213,213,0.7);
    -moz-box-shadow: inset 8px 1px 7px -3px rgba(213,213,213,0.7);*/
    box-shadow: none;
    width: 75px;
    min-width: 75px !important;
    margin-right: 36px;padding: 0px !important;
}
.ManagePIPSection .Employee-Table .table th, .ManagePIPSection .Employee-Table .table td {
    padding: 15px 15px;
}
.Employee-Table .table td {
    white-space: inherit !important;
}
.Employee-Table table.dataTable.nowrap .DescriptionTxt {
    white-space: inherit;
    min-width: 210px;
    max-width: 210px;
}
.ActionCell .action-middle {
    display: table;
    height: 100%;margin: 0 auto;
}
.ActionCell .action-innercell {
    display: table-cell;
    vertical-align: middle;
}
.ActionCell .icon {
    position: absolute;
    right: 36px;
    top: -10px;
}
.ActionCell .icon-more {
    font-weight: bold;
    font-size: 16px;
    color: #c8c8c8;
}
.ActionCell .icon-more:hover{color: #764FB7;}
/*.NewDatatable table a:hover {
    color: #764FB7;
}*/
.ManageFeedbackSection .GoingProcess .Employee-Table .scrolledTable {
    margin-right: 70px;
}
.Employee-Table .BoxShadow .scrolledTable {
    box-shadow: none;
}
.Employee-Table .BoxShadow {
    box-shadow: 0 0px 8px #dcdada;
    border-radius: 4px;
    background: #fff;
}
.Employee-Table .scrolledTable {
    margin-right: 150px;
    overflow-x: auto;
    box-shadow: 0 0px 8px #dcdada;
    border-radius: 4px;
}
.Employee-Table .grid_table .dataTables_paginate {
    border-top: 1px solid #d4d4d4;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 3px 7px #dcdada;
}
div.dataTables_wrapper div.dataTables_info {
       padding: 23px 0px !important;
}
.NewDatatable .dataTables_length {
    padding: 13px 0 0 13px !important;
}
.Employee-Table div.dataTables_wrapper div.dataTables_length select {
    margin-left: 5px;
    width: auto;
}
.Employee-Table div.dataTables_wrapper div.dataTables_length select:hover{border: 1px solid #764FB7;}
.Employee-Table .table th, .Employee-Table .table td {
    padding: 20px 15px;
    line-height: 18px;
    min-width: 120px;
}
.Employee-Table .dataTables_wrapper table.dataTable {
    margin: 0px 0px 0px !important;
}
.ManageFeedbackSection .Employee-Table .table th, .ManageFeedbackSection .Employee-Table .table td {
    padding: 15px 15px;
}
.ManageFeedbackSection .Employee-Table .table th.ActionCell{padding: 15px 10px !important;}
.ManageFeedbackSection .Employee-Table .table{border-collapse: inherit;}
.Employee-Table th:first-child {
    border-radius: 5px 0px 0px 0px;
}
.Employee-Table .table th.StartDate {
    min-width: 120px;
}
.Employee-Table .table th.EndDate {
    min-width: 120px;
}
.Employee-Table .table th.ReviewDate {
    min-width: 150px;
}
.ManageFeedbackSection .Employee-Table .table tr td:first-child,.ManageFeedbackSection .Employee-Table .table tr th:first-child {
    min-width: 0px;width: 0;padding-right: 0;
}

.ManageFeedbackSection .Employee-Table .table td {
    height: 36px;
}
.ManageFeedbackSection .NewDatatable table td .DaysCount {
    color: #44ce83;
    font-size: 14px;
    display: block;
}
.ManageFeedbackSection .NewDatatable table td .Today {
    color: #DA0E3F;
    font-size: 14px;
    display: block;
}
.Info_Rating {
    position: absolute;
    display: none;
    z-index: 999;
}
.Info_Rating .triangle-left {
    border-left: 12px solid transparent;
    border-bottom: 12px solid #d4d4d4;
    border-right: 12px solid transparent;
    height: 0;
    left: -6px;
    position: absolute;
    top: 16px;
    z-index: 9999;
}
.Info_Rating .inner-triangle {
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 0;
}
.Info_Rating .tooltipdiv {
    background: #fff none repeat scroll 0 0;
    right: -30px;
    top: 28px;
    position: absolute;
    text-align: left;
    line-height: 22px;
    width: 200px;
    border: 0px solid #dcdada;
    box-shadow: 0 0px 7px #888888;
    border-radius: 4px;padding: 10px;
}
.Info_Rating .tooltipdiv ul {
    padding: 0px;
    margin: 0;
}
.Info_Rating .tooltipdiv ul li {
    float: left;
    width: 100%;
}
.Info_Rating .tooltipdiv ul li a {
    color: #353535;
    width: 100%;
    display: block;
    padding: 5px 10px;
    border-radius: 4px;font-weight: 500;

}
.Info_Rating .tooltipdiv ul li:last-child {
    border-bottom: 0px;
}
/*.Info_Rating .tooltipdiv ul li:hover {
    background: #764FB7;
}*/
.Info_Rating .tooltipdiv ul li:hover a {
       background: #e8e8fb;
    font-weight: 700;
}
.Employee-Table .dataTables_filter {
    padding: 0px;
}
.NewDatatable .dataTables_filter .form-control, .Employee-Search #datatable_wrapper label input.input-sm {
    padding: 8px;
}
.ActionCell .ClosedAction {
    display: table;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}
.ActionCell .ClosedAction .closed-inner {
    display: table-cell;
    vertical-align: middle;
}
.ManageFeedbackSection .GoingProcess .Employee-Table .table .ActionCell .WhiteBtn {
    margin-left: 0px;
   /* padding: 0px 15px;*/
    margin-right: 25px;
}
.ClosedReview .Employee-Table .BoxShadow .scrolledTable{margin-right: 0px;}
.ClosedReview .Employee-Table .table .ActionCell{width: 170px;min-width: 170px !important;}
.ClosedReview .Employee-Table .table .ActionCell .WhiteBtn{margin: 0px;}
/*Create PIP start*/
.approve_promotion .col-md-9 {
    width: 70% !important;
}
.approve_promotion .col-md-3 {
    width: 30% !important;
}
.ActionButtons {
    display: none;
}
.NominationForm, .NomineePerformance, .NomineeFeedback, .NomineeHistory, .Downloadbox, .addform, .config {
    background: #fff;
    box-shadow: 0 0px 18px #dcdada;
    border-radius: 4px;
}
.NomineeDetails {
    border-bottom: 1px solid #d4d4d4;
}
.NomineeInfo .head img {
    float: left;
}
.NomineeInfo .head span {
    display: inline-block;
    color: #181c32;
    font-weight: bold;
    float: left;
    margin: 5px 0 0 10px;
}
.NomineeInfo .head a {
    right: 0;
    font-size: 13px;
    color: #764FB7;
    font-weight: bold;
    top: 5px;
}
.NomineePerformance li {
    background: #e8e8fb;
    padding: 10px;
    border: 1px solid #e8e8fb;
    border-radius: 4px;
    margin: 10px 0 0;
    position: relative;
}
.NomineePerformance li small {
    position: absolute;
    color: #764FB7;
    font-size: 20px;
    right: 14px;
}
.NomineePerformance h3 {
    font-size: 14px;
    color: #764FB7;
    margin: 0;
    line-height: 22px;
}
.NomineePerformance h3 span {
    font-size: 20px;
    margin-bottom: 6px;
    display: inline-block;
}
.NomineePerformance p {
    color: #181c32;
    margin: 5px 0 0;
}
.NomineeFeedback {
    color: #181c32;
}
.NomineeFeedback strong {
    float: left;
    margin: 6px 8px 10px 0px;
}
.custom {
    margin: 10px 0 20px;
}
.NomineeFeedback .DatePickerBox {
    width: calc(100% - 57.2%);
    height: 34px;display: inline-block;margin: 0px;
}
.proposeddetails .Editable .NewSeachBox, .proposeddetails .Editable .NewSeachBox input, .Editable .DatePickerBox {
    background-color: #fff;
}
.ListFeedback h4 {
    color: #767676;
    font-weight: normal;
    font-size: 14px;
}
.carousel-inner {
    background: #e8e8fb;
    border: 1px solid #e8e8fb;
    border-radius: 4px;
}
.carousel-inner .item {
    padding: 17px 0px 20px;
}
.carousel-inner .Award {
    display: table;
    border-bottom: 1px solid #d4d4d4;
    padding: 0 8px 20px 8px;
}
.carousel-inner .Award span {
    width: 70px;
    height: 70px;
    vertical-align: top;
}
.carousel-inner .Award span, .carousel-inner h5 {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
}
.carousel-inner .Award span img {
    max-width: 100%;
    max-height: 100%;
}
.carousel-inner h5 {
    font-size: 14px;
    color: #181c32;
    line-height: 22px;
}
.carousel-inner small {
    color: #81858c;
    font-size: 14px;
    display: block;
    margin: 4px 0 0;
}
.carousel-inner .item p {
    padding: 20px 20px 0;
    margin: 0;
}
.carousel-control.left {
    left: -15px;
}
.carousel-control.left, .carousel-control.right {
    background-image: none;
    opacity: 1;
}
.carousel-control {
    width: 30px;
}
.carousel-control.left.disabled .fa, .carousel-control.right.disabled .fa {
    background: #dcdcdc;
}
.carousel .carousel-control .fa {
    background: #764FB7;
    border-radius: 50%;
    margin: 0 !important;
    text-shadow: none;
}
.carousel-control.right {
    right: -15px;
}
.Othercategories {
   background: #e8e8fb;
    border: 1px solid #e8e8fb;
    border-radius: 4px;
}
.Othercategories li {
    color: #181c32;
    padding: 20px;
    display: table;
    border-bottom: 1px solid #d4d4d4;
    width: 100%;
    cursor: pointer;
}
.Othercategories li p {
    display: table-cell;
    vertical-align: middle;
}
.Othercategories li strong {
    color: #764FB7;
    font-size: 22px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 40px;
    text-align: center;
}
.NomineeHistory .Nominatedby {
    padding: 0 20px;
}
.Nominatedby div.leftSide {
    width: 60%;
    float: left;
    min-width: inherit !important;
    max-width: inherit !important;
    padding-right: 5px;
}
.Nominatedby div.rightSide {
    width: 40%;
    float: left;
    min-width: inherit !important;
    max-width: inherit !important;
    padding-left: 5px;
}
.NomineeHistory .link {
    padding: 15px;
    display: block;
    text-align: center;
    border: 1px solid #dfedfb;
    border-radius: 4px;
    background: #e9f4ff;
    margin-top: -6px;
    border-top-color: #dde3e9;
    color: #764FB7;
    font-weight: bold;
}
/*Create PIP end*/
/*Performance popup start*/
/*.modal {
    overflow-y: inherit !important;
}*/
.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);
}

.modal.left .modal-content, .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}
/*.right .modal-dialog .modal-content {
    overflow-y: inherit;
}*/
#meeting-summery.right .modal-dialog .modal-content{overflow-y: auto;}
.modal-content {
    border: none;
}
.right .modal-header {
    padding: 15px 25px 20px;
    background: #f3f3f3;
    border: 0;
}
.right .modal-header h4 {
    font-size: 21px;
}
.modal.left .modal-body, .modal.right .modal-body {
    padding: 15px 15px 15px 25px;
    background: #fff;
}
.modal .new-modal .slimScrollDiv {
    padding-right: 20px;
    width: 100% !important;
}
#meeting-summery .modal-header {
    padding: 16px;
    background: #fff;
    border-bottom: none;
}
#meeting-summery .modal-body {
    padding: 16px 0px 16px 16px;
    background: #fff;
}
.grid_table #datatable tbody td a.new-btn:hover{color: #fff;}
.WhiteBg {
    background: #fff;
    padding: 15px;
    border: 1px solid rgb(216, 219, 224);
    border-radius: 6px;
}
#meeting-summery .new-modal .slimScrollDiv {
    width: 100% !important;
}
#meeting-summery .WallDateWise {
    margin-bottom: 10px;position: relative;
    padding: 5px !important;
}
#meeting-summery .FeedbackContent {
    background: #fff;border-radius: 5px !important;
    padding: 20px 20px 20px 20px !important;
    border-radius: 5px 5px 5px 5px;
    position: relative;
}
#meeting-summery .FeedbackContent, .wall-award, .award_list, .summery-wall {
    box-shadow: 0px 0px 7px #cdc9c9 !important;
     -webkit-box-shadow: 0px 0px 7px #cdc9c9 !important; 
}
#meeting-summery .FeedbackBy {
    position: relative;
    padding: 0 100px 0 0px;
    border-bottom: 1px solid #d4d4d4;
}
#meeting-summery .OuterBorder {
    margin: 0px 15px 0px 0px;
    float: left;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
#meeting-summery .avatar-content {
    margin-bottom: 18px;
}
#meeting-summery .GiverName {
    display: table-cell;
    max-width: 100%;
    color: #3f4a59;
}
#meeting-summery .GiverName a {
    color: #764FB7;
}
#meeting-summery .GiverName label {
    color: #05b717;
    margin: 0px;
    font-weight: 600;
    letter-spacing: 1px;
}
#meeting-summery .avatar-content p {
    margin: 0px;
    color: #a6a9ad;
}

#meeting-summery .avatar-content .Selector {
    text-transform: capitalize;
    margin-top: 4px;
}
.AwardAvator {
    width: 132px;
    height: 102px;
    vertical-align: top !important;
    text-align: center;
}
.AwardAvator span {
    border-radius: 4px;
    border: 1px solid #bcdcfc;
    width: 132px;
    height: 102px;
    background: #e8f2fb;
    display: table-cell;
    vertical-align: middle !important;
}
.AwardAvator img {
    max-height: 75px;
    max-width: 75px;
}
.FeedbackDetails .AwardAvator, .FeedbackDetails .ContentFeedback {
    display: table-cell;
    vertical-align: top;
}
.ContentFeedback h4 {
    font-size: 16px;
}
/*#PerformancePopup .Scroll_Container {
    padding: 0 10px;
}*/
.SelfName span, .Selector, .FeedbackContent .ViewMore, .view_content, .ActionItems span, .DateCal {
    font-size: 13px;
}
#meeting-summery .avatar-content .Selector a {
    margin-right: 8px;
}
#meeting-summery .Selector .icon-Restrict, .Selector .icon-Private {
    color: #a6a9ad;
    font-size: 14px;
}
#meeting-summery .Displaytable {
    display: table;
    margin-top: 20px;
}
.BorderNone {
    border-bottom: none;
}
#meeting-summery .FeedbackDetails {
    display: block;
}
#meeting-summery .FeedbackDetails .AwardAvator, .FeedbackDetails .ContentFeedback {
    display: table-cell;
    vertical-align: top;
}
#meeting-summery .ContentFeedback p {
    margin: 0px !important;
    color: #3f4a59;
}
.ReplayContainer {
    border-top: 1px solid #d4d4d4;
    margin-top: 20px;
}
.ReplayContainer .ReplyText {
    font-weight: normal;
}
.ReplayContainer .ReplyText a {
    margin-top: 20px;
    margin-bottom: 0px;
    color: #764FB7;
    letter-spacing: 1px;
    display: inline-block;
}
.ReplayContainer .ViewContent, .ReplayContainer .RepltHide, .ViewMore, .HideSection {
    display: none;
}
.ReplayContainer ul {
    width: 80%;
    margin: 0px 20px 0 auto;
}
.ReplayContainer .RepltHide .SelfName {
    margin-bottom: 5px;
}
.ReplayContainer li div.SelfName {
    background: transparent !important;
    border: none !important;
}
.ReplayContainer ul .SelfName {
    padding-bottom: 0px;padding-left: 0px;
}
.ReplayContainer li div {
    background: #e3f1ff;
    padding: 13px 0px 13px 15px;
    border-radius: 4px;
    border: 1px solid #c8e1fa;
    margin: 5px 0 6px 58px;
    color: #434343;
}
.row.MediaSection {
    border-top: 1px solid #d4d4d4;
    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 {
    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;
}
.VideoSection .file-view {
    background: linear-gradient(to bottom, #eee, #ddd);
    width: 44px;
    border-radius: 4px;
    height: 44px;
    display: inline-block;
    float: left;
}
.icon-Public_Icon {
    color: #a6a9ad;
    font-size: 14px;
}
.ContentFeedback {
    padding-left: 20px;
}
.ReplayContainer ul .SelfName label {
    margin-bottom: 0px;
}
.SelfName label a {
    color: #764FB7;
    font-weight: 500;
    margin-bottom: -8px;
    line-height: 25px;
}
.RepltHide .SelfName span {
    padding-top: 4px;
}
.SelfName span {
    color: #9fa4ac;
}
.SelfName span, .Selector, .FeedbackContent .ViewMore, .view_content, .ActionItems span, .DateCal {
    font-size: 13px;
}
.ReplayContainer .avatar {
    float: left;margin: 0;
    border: 2px solid #764FB7;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
}
 .avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
}
.ReplayContainer .avatar.OuterBorderEmpty{border: 2px solid #cccccc;}
.ReplayContainer .avatar.OuterBorderEmpty .EmptyImg{width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 20px;
    line-height: 38px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;}
.ReplayContainer li.SelfComment .avatar {
    float: right;
}
.ReplayContainer .RepltHide .SelfComment .SelfName {
    margin-bottom: 10px;
}
.ReplayContainer ul li div img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -3px 0px 0px 0px;
}
.background {
    background: #fff;
    box-shadow: 0 0px 18px #dcdada;
    border-radius: 4px;
    margin: 0px 0 0;
}
.ReplayContainer li.SelfComment div {
    margin-right: 58px;
    margin-left: 0px;
    text-align: right;
    color: #fff;
    background: #764FB7;
    margin-top: 0px;
    border: none;
}
.CycleName {
    display: table;
    margin: 20px auto 0;
}
.CycleName label {
    background: #eceff6;
    border-width: 1px 0px 1px 1px;
    border-color: #d6d9de;
    border-style: solid;
    padding: 11px 10px;
    float: left;
    margin: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.modal-body .CycleName .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    max-width: 300px;
    width: auto;
    min-width: 150px;
    float: left;
    margin: 0;
}
.CycleName .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.nomineecard {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    display: table;
    width: 100%;
}
.nomineecard .Information {
    border-right: 1px solid #d4d4d4;
    display: table-cell;
    float: none;
    vertical-align: top;
}
.nomineecard .NameDetails {
    height: inherit;
}
.NameDetails {
    height: 125px;
    float: left;
    margin: 6px 0 0 12px;
    width: 60%;
    line-height: 16px;
}
.NameDetails small, .Activities .status {
    display: inline-block;
    background: #daf5dc;
    font-size:0.857rem;
    padding: 4px 16px 3px;
    border-radius: 30px;
    color: #759676;
    text-align: center;
    clear: both;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.CycleDetails {
    display: table-cell;
    float: none;
    vertical-align: top;
}
.CycleDetails .export-option {
    right: 15px;
    top: 10px;
    color: #1c1c1c;
}
.fa-file-excel-o {
    color: rgb(145,195, 131);
}
.CycleDetails p {
    color: #1c1c1c;
}
.CycleDetails li {
    color: #858585;
    line-height: 22px;
}
.panel-default > .panel-heading {
    font-weight: bold;
}
.panel-default > .panel-heading .panel-title {
    font-size: 15px;
}	
.panel-default .panel-body {
    color: #1c1c1c;
}
/*performance popup end*/
.NewSearchBox {
    width: 100%;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    height: 55px;
    position: relative;
    padding: 0 14px;
}
.NewSearchBox:hover{border: 1px solid #353535;}
.NewSearchBox input {
    width: 97%;
    border: none;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../images/personal-circular-symbol.png);
    background-position: 1px;
    background-size: 28px;
    padding: 0 0 3px 40px;
}
.NewSearchBox input:hover, .NewSearchBox input:focus{border: 0px solid transparent !important;}
.SelectedDiv {
    display: none;
    width: 530px;
    float: left;
    margin: 10px 0 0 0px;
}
.EmpCard span.avatar {
    float: left;
    width: 40px;
    height: 40px;
    border: 2px solid #764FB7;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
}
.EmpCard span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;float: left;
}
.EmpCard span.Name {
    float: left;
    line-height: 18px;
}
.EmpCard span label {
    color: #181c32;
    font-weight: 700;
    margin: 2px 0 0 0;
}
.EmpCard span small {
    color: #9fa0a0;
    font-size: 14px;
}
.NewSearchBox i {
    color: #a5a5a5;
    width: 15px;
    float: right;
    font-size: 16px;
    margin: 19px 0px 0 0;
    cursor: pointer;
}
.EmployeeSearchList {
    position: absolute;
    top: 53px;
    background: #fff;
    left: -1px;
    right: -1px;
    z-index: 999;
    cursor: pointer;
    border: 1px solid #c7c7c7;
    display: none;
    box-shadow: 0 2px 6px -1px rgb(83, 163, 254,0.4);
    max-height: 243px;
    height: auto;
    overflow: auto;
    border-radius: 4px;
}
.EmployeeSearchList li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #c7c7c7;
    padding: 10px;
}
.EmployeeSearchList .EmpCard span.avatar {
    border: 2px solid #764FB7;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
}
.NewSearchBox i.fa-times-circle {
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: -3px;
}
.NewSearchBox.Valueselected i.fa-times-circle{top: 1px;}
.Employee-Sections .Emp-Details{padding: 0;margin-bottom: 20px;}
.Employee-Sections .Emp-Head{display: block;margin: 0px 0px 20px;font-weight: bold;font-size: 15px;}
.Employee-Sections .Emp-Details label{display: block;font-weight: bold;}
.Employee-Sections .Emp-Details span{display: block;}
.NominationForm .NomineeForm {margin: 0;padding: 20px 20px 0;border-bottom: 1px solid #d4d4d4;}
/*.Create-PIP{padding: 20px;}*/
.CreatePIP-Sub{padding: 20px 20px 0;/*background: #e9f2fd;*/border-bottom: 1px solid #D4D4D4;}
.PIP-Name{font-weight: bold;font-size: 16px;margin: 5px 0px 20px;}
.PlanName-Section{padding: 0;margin-bottom: 20px;}
.PlanName-Section .PIP-field{display: block;width: 430px;}
.Feedback-Section{background: #f3f3f3;border-radius: 4px;margin-bottom: 15px;padding: 0px}
.FeedbackView{padding: 15px;}
.FeedbackView .PlanName-inner{position: absolute;right: 23%;transform: translate(0, -50%);padding: 20px 0px;top: 50%;}
.FeedbackView .PlanName-Action{position: absolute;right: 11px;transform: translate(0%, 0);padding: 20px 5px;}
.Feedback-Section .col-md-4{padding-left: 0;}
.FeedbackEdit .SelectedDiv{width: initial;}
.FeedbackEdit .bootstrap-select{width: 100% !important;}
.FeedbackEdit .NewSearchBox i{margin: 19px 0px 0 0;}
a:hover{color: #764FB7;}
/*.Feedback-Section .ActionBtn {position: absolute;right: 0;transform: translate(0%, 0);padding: 20px 5px;}*/
.Feedback-Section .ActionBtn a{font-size: 22px;display: inline-block;vertical-align: middle;}
.Review-List{margin-top: 10px;}
.Review-List li.boolean {padding: 0 15px 0px 0px;display: inline-block;}
.boolean span.UICheckbox{top: 8px;}
.boolean .UICheckbox input{left: 2px;top: -8px;margin-top: 0px;width: 17px;height: 17px;}
.boolean .UICheckbox .checked{background: #fff;border: 1px solid #764FB7;top: -8px; border-radius: 50%;
width: 17px;height: 17px;}
.b-t-1{border-top: 1px solid #d4d4d4;}
.boolean .UICheckbox .checked i{margin: -1px 0 0px 2px;float: left;color: #764FB7;font-size:0.857rem;line-height: 18px;}
.boolean label{padding: 0 10px 0 25px;}
.boolean .UICheckbox small {
    border-radius: 50%;
    width: 17px;
    height: 17px;
    border-color: #bbbbbb;top: -8px;
}
input.DatePickerBox{width: 132px;margin: 10px 25px 0px 0px;
display: block;}
.ButtonsAction{padding: 20px;clear: both;}
.norecords {
    color: #808080;
    font-size: 13px;
    padding: 30px 10px;
    border: 1px dashed #c7c7c7;
    border-radius: 7px;
    margin-top: 10px;
}
.Note-Section{padding: 20px;}
.Note-Section .norecords{margin: 0px 0px 0px;padding: 150px 10px;}
.b-b-0{border-bottom: 0px !important;}
/*Employee directory popup start*/
/*Employee directory popup end*/
/*initiate pip*/
.p-18 {
    padding: 18px !important;
}
.EmployeeDetailsSection{
    background: #fff;
    border-radius: 4px;
}
.OtherInfo {
    border-left: 1px solid #d4d4d4;
    padding: 0px 10px 0px 20px;min-height: 80px;
}
/*.OtherInfo.middle-info{position: absolute;right: 30%;transform: translate(0, -50%);
    padding: 20px 10px 20px 15px;top: 50%;}
.OtherInfo.right-info{position: absolute;right: 0;transform: translate(0, -50%);top: 50%;
    padding: 20px 10px 20px 15px;}*/
.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: #181c32;
    margin-left: 5px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}
.EmployeeDetailsSection .NameDetails{margin: 0px 0 0 20px;
    line-height: 16px;height: auto;}
.ProvideFeedbackGrid .SetGoalsAction {
    margin: 10px 0;
}
.FeedbackFormActions a.active {
    color: #764FB7;
    font-weight: bold;
}
.FeedbackFormActions a {
    color: #acacac;
}
.Export {
    display: inline-block;
    color: #764FB7;
}
.Export i {
    margin: 3px 6px 0 0;
    float: right;
    cursor: pointer;
}
.fa.fa-file-excel-o {
    color: #207245;
    margin-left: 5px;
}
.FormActions .btn {
    margin-left: 16px;
}
.NormalAccordian {
    background: #fff;
}
.AccordianHeader {
    cursor: pointer;
}
.AccordianHeader, .Description, .GridHeader, .GridRow {
    border-bottom: 1px solid #d4d4d4;
}
.NewAccordianContainer h3 {
    font-size: 16px;
    margin: 0;
    margin-right: 120px;
}
.NormalAccordian .AccButton {
    top: 18px;
}
.AccButton {
    font-size: 16px;
    color: #434343;
    transform: rotate(180deg);
}
.AccButton, .AccordianHeader small {
    position: absolute;
    right: 20px;
    top: 27px;
}
.AccordianHeader.closed {
    border: 0;
}
.closed .AccButton, .InnerAccordianclosed .AccButton {
    transform: rotate(0deg);
}
.InnerAccordian {
    border: 0px solid #e0e0e0;cursor: pointer;
    margin: 20px;
    border-radius: 4px;}
.NormalAccordian .Inner-head{border-bottom: 1px solid #d4d4d4;padding: 20px;}
.InnerAccordian-Content{background: #f3f3f3;margin: 20px;border-radius: 4px;padding: 20px;}
.section-container {
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    margin-top: 15px;
}
.section-container .each-section {
    border: 1px solid rgb(230, 230, 230);
    border-radius: 4px;
    margin-bottom: 20px;
    background-color: #fff;
}
.section-container .each-section .section-head {
    padding: 1.285rem;
    cursor: pointer;font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 500;
    font-size: 1.285rem;
}
.section-container .section-head {
    position: relative;
}
.section-container.section-title {
    text-transform: capitalize;
    font-weight: 600;
    line-height: 28px;
    vertical-align: middle;font-size: 16px;position: relative;
}
.section-container .section-title a {
        font-weight: 500;
    font-size: 15px;
    font-family: 'Roboto Slab';
    color: #181c32;
    text-transform: capitalize;
}
.section-container .section-head .section-title .pull-right.fa-angle-up {
    margin-top: -5px;
}
.section-container .each-section .section-content {
    padding: 20px;border-top: 1px solid #c7c7c7;
}
.section-container .section-content .sub-section {
    margin-bottom: 20px;
    background-color: rgb(245,245, 247);
}
.section-container .sub-section .sub-section-head {
   /* border-bottom: 1px solid #d4d4d4;*/
    padding: 16px;background: #fff;border-radius: 4px 4px 0 0;cursor: pointer;    font-weight: 500;
    font-size: 14px;
    font-family: 'Roboto Slab';
}
.section-container .sub-section .sub-section-head .sub-section-title {
    text-transform: capitalize;
    font-weight: 600;position: relative;
    margin-bottom: 0px;
}
.section-container .sub-section .sub-section-head .sub-section-title .accordion-toggle-styled 
.icon-DownArrow{right: 8px;top: 8px;}
/*.section-container .sub-section-title .fa-2x {
    margin-top: -6px;
}*/
.section-container .sub-section .sub-section-head .sub-section-description-container .sub-section-description {
    width: 95%;
    float: left;
}
.section-container .sub-section .sub-section-contents {
    background-color: #fff;
    padding: 0px;border-radius: 0px 0px 5px 5px;
}
.section-container .each-question {
   /* background-color: rgb(245,245, 247);
    padding: 10px 20px;*/
   /* border: 1px solid rgb(216, 219, 224);*/
    /*border-radius: 4px;*/    
margin-bottom: 20px;padding: 16px;border-top: 1px solid #d4d4d4;
}
.section-container .each-question:last-child{margin-bottom: 0px;}
.section-container .each-question .question-heading {
    font-weight: 700;
    margin-bottom: 5px;
    color: #353535;
}
.section-container .sub-section-title a {
    color: #353535;text-transform: capitalize;
}
textarea {
    resize: none;
}
textarea:hover{border: 1px solid #353535;}
.FeedbackContent {
    background: #f7f7f7;box-shadow: none !important;
    padding: 0px 0px 0px 0px !important;
    border-radius: 4px;
    position: relative;
}
.OtherFeedback .WallDateWise .FeedbackContent .FeedbackBy {
    border-bottom: 1px solid #d4d4d4;
}
.OtherFeedback .FeedbackBy {
    display: table;
    padding: 18px 20px 18px 20px;
    margin: 0px !important;width: 100%;
}
.OtherFeedback .OuterBorder {
    margin: 0px 15px 0px 0px;
    float: left;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    padding: 0px;
}
.OtherFeedback .FeedbackBy .OuterBorder .avatar {
    width: 100% !important;
    height: 100% !important;
    display: inline-block;
    line-height: 45px;
}
.OtherFeedback .WallDateWise .FeedbackContent .FeedbackBy .avatar {
    margin: 0px 15px 0px 0px !important;
}
.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: 0px !important;
    margin-right: 10px;
    font-weight: bold;
    border: 2px solid #fff;
}
.OtherFeedback .FeedbackBy .WidthOutRating {
    border-right: 0px !important;
}
.OtherFeedback .employee-details, .OtherFeedback .avatar-content, .OtherFeedback .ActionItems, .OtherFeedback .avatar {
    vertical-align: middle;
    display: table-cell;
    position: inherit;
}
.OtherFeedback .avatar-content {
    border-right: 1px solid #d4d4d4;
    margin-bottom: 20px;
    width: 80%;
}
.GiverName {
    display: block;
    max-width: 100%;
}
.OtherFeedback .GiverName a {
    font-weight: bold;
    color: #764FB7;
    cursor: unset!important;
}
.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;
}
.OtherFeedback .WallDateWise .FeedbackContent .FeedbackBy:last-child {
    border-bottom: 0px;
}
.EmployeeDetailsSection .Planfields{border-top: 1px solid #d4d4d4;padding: 15px 20px 10px !important;}
.EmployeeDetailsSection .Planfields .SubPlanName{display: inline-block;font-weight: bold;font-size: 17px;}
.EmployeeDetailsSection .Planfields .PlanName{color: #868686;display: inline-block;}
.EmployeeDetailsSection .Planfields .WhiteBtn{font-weight: normal;}
.GoingProcess .page-header,.ClosedReview .page-header{font-size: 20px;}
/*.EndPIP-Btn{color: #764FB7;background: #f3f3f3;border: 1px solid #d4d4d4;margin-left: 15px;box-shadow: none;}
.EndPIP-Btn:hover{color: #764FB7;}*/
.score-panel{background-color:#e8e8fb;
    display: table;
    opacity: 1;
    z-index: 1000;
    width: 100%;
    border-radius: 4px;
    padding: 15px;margin: 20px 0;}
    .score-panel > div {
    float: left;
}.feedback-progress label {
    width: 100%;
    margin: 0;
    vertical-align: middle;
}
.score-panel label {
    color: #000;
    margin: 0;
    display: block;
}
.feedback-progress .progress {
    width: 50%;
    float: left;margin: 8px 6px 0 0px;
  }
  .feedback-progress {
    width: 50%;
    display: table-cell;
}
.feedback-progress.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size:0.857rem;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.feedback-progress span {
    line-height: 35px;
    color: #000000;
    font-size: 20px;
}
.score-panel .score-value {
    width: 10%;
    vertical-align: bottom;
    margin-right: 5%;
    display: table-cell;
}
.score-value span {
    padding-top: 4px;
    font-size: 22px;
    color: #000;
}
.RecommenTable tr td:first-child {
    text-align: left;
    width: 40%;
}
.RecommenTable tbody tr td label {
    font-weight: 600;
    margin-bottom: 0px;
}
.RecommenTable tr td:last-child {
    text-align: left;
    width: 60%;
}
.Boxshadow input[type="text"] {
    height: 42px;
    outline: none;
}
.Valueselected.NewSearchBox {
    height: 62px;
    background: #e9f2fd;
}
.FeedbackEdit {/*background: #edf6ff;*/border-radius: 4px;}
.FeedbackEdit .NewSearchBox{background: #fff;width: 100%;}
.FeedbackEdit .view_employee{width: 100%;}
.view_employee a:hover{text-decoration: underline;}
.FeedbackEdit .NewSearchBox input{width: 90%;}
.FeedbackBtn {padding: 15px 15px 0;margin: 15px 0;border-top: 1px solid #d4d4d4;}
/*employee directory start*/
#modal-dialog .modal-header {
    padding: 12px 20px 15px 20px;
}
#modal-dialog .modal-body {
    background: #fff;border-radius: 4px;border-bottom: 1px solid #d4d4d4;
}
#modal-dialog .Applied {
    right: 50px;
    top: -16px;
    width: 266px;
    display: inline-block;
    margin-top: 23px;
}
#modal-dialog .Applied span {
    background: #d0e6fd;
    border: 1px solid #b3d4f5;
    padding: 8px 10px;
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 165px;
    position: absolute;
    top: -11px;
    margin-left: 5px;
}
#modal-dialog .Applied a {
    color: #90a1b1;
    margin: 0 0 0 16px;
}
#modal-dialog .Applied a {
    color: #90a1b1;
    margin: 0 0 0 16px;
}
#modal-dialog .funnel_icon {
    padding: 10px 0 20px;
}
#modal-dialog .funnel_icon .theme-org-panel {
    top: 70px;
}
.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;
}
.theme-org-panel.active {
    right: 0px;
}
.Employee_Avatar {
    float: right;
    border: 2px solid #764FB7;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
}
.grid_table .Employee_Avatar span {
    height: 32px;
    width: 32px;margin: 0px;-webkit-border-radius: 50%;display: inline-block;padding: 0px;
}
#modal-dialog .funnel_icon a.bg_funnel {
    padding: 12px 15px 8px 15px;border-radius: 6px 0px 0px 6px;
}
#modal-dialog .funnel_icon a.bg_funnel i {
    color: #fff;
}
#modal-dialog .employee-directory {
    padding-bottom: 10px;
}
#modal-dialog .employee-directory .new-modal .LocationTreeDIV .searchDiv {
    padding: 10px 20px 0;background: #fff;
}
#modal-dialog .new-modal .searchDiv .form-control {
    font-size: 14px;
    padding: 6px 10px 8px;
}
#modal-dialog.modal .new-modal .slimScrollDiv{width: 96% !important;padding-right: 0;}
#modal-dialog .theme-org-btn {background: #764FB7;
    position: absolute;
   left: -55px;
    width: 55px;
    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);
}
/*#modal-dialog .grid_table #datatable_wrapper {
    border-top: 1px solid #e2e7eb !important;
}*/
#modal-dialog .OuterBorderEmpty{margin: 0;
    border: 2px solid #cccccc;float: right;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;}
#modal-dialog .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;}
#modal-dialog .modal-dialog .grid_table .dataTables_filter {
    position: absolute;
    top: 0px;
}
#modal-dialog .modal-dialog .grid_table .scrolledTable{margin-top: 64px;border-top: 1px solid #c7c7c7;}
#modal-dialog .grid_table .dataTables_filter {
    border-bottom: 0px;
}
#modal-dialog .grid_table #datatable thead tr th {
    padding: 12px 12px 0px;
}
#modal-dialog #datatable tbody td {
    padding: 14px 0px 14px 14px;
}
#modal-dialog .grid_table .Employee_Avatar span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#modal-dialog .grid_table .new-btnblue {
       color: #181c32;
}
#modal-dialog #datatable_wrapper .btn .icon-if_plus_214640 {
    margin-left: -5px;
    margin-right: 3px;
}
#modal-dialog .dataTables_length, div.dataTables_info {
    padding: 16px 0 16px 13px !important;margin-top: 0px;
}
#modal-dialog .NewDatatable .dataTables_filter label{width: 220px;}
#modal-dialog .grid_table .dataTables_wrapper .dataTables_length label {
    margin-bottom: 0px;
}
#modal-dialog div.dataTables_wrapper div.dataTables_length select {
    width: 60px !important;
}
#modal-dialog div.dataTables_wrapper div.dataTables_length select:hover{border: 1px solid #764FB7;}
#modal-dialog .dataTables_length .form-control {
    padding: 0px 5px 6px;
}
#modal-dialog .grid_table .dataTables_paginate {
    border-top: 1px solid #d4d4d4;padding: 12px 17px 0px 20px;
}
#modal-dialog .funnel_disable {
    display: none;
}

#modal-dialog .NewDatatable .tooltip{width: 130px;}
#modal-dialog .NewDatatable .tooltip .tooltip-inner{white-space: inherit;width: 130px;}
input.form-control.input-sm:hover, input.form-control.input-sm:focus, input.search-input.form-control:hover {
    border: 1px solid #53a3fe;
}
.LocationTreeDIV .jstree-children li a {
    width: 80%;
}
#modal-dialog .new-modal .modal-title {
    padding: 10px 20px 10px;
}

#modal-dialog div.dataTables_wrapper div.dataTables_info{padding: 23px 0px 23px 6px !important;color: #353535;font-weight: 500;}
/*employee directory end*/
.ActionLinkBtns .WhiteBtn{margin: 10px 8px 0 0px;}
/*goals library css start*/
#GoalsLibrary .modal-body {
    background: #fff;
}
#GoalsLibrary .tab-content {
    padding: 15px 0px;
}
#GoalsLibrary .selectpicker {
    background: #fff;
    box-shadow: 0 0px 7px #dcdada;
    border: 1px solid #fff !important;
    width: 100%;
}
#GoalsLibrary .SearchGoals label {
    margin: 6px 10px 0 20px;
    font-weight: bold;
}
#GoalsLibrary .new-btnblue {
    height: 34px;
    min-width: 90px;
    margin: 0 0 0 10px;
}
#GoalsLibrary .ExpandCollapse {
    float: left;
    cursor: pointer;
    margin: 4px 5px 0 0px;
}
#GoalsLibrary .SectionList i.icon-if_plus_214640, #GoalsLibrary .SectionList i.icon-if_minus_214643 {
    color: #1c8efe;
}
#GoalsLibrary .SectionName {
    display: inline-block;
}
#GoalsLibrary .SectionList ul li label {
    font-weight: bold;
    max-width: 90%;
}
#GoalsLibrary .SectionList label {
    margin: 3px 0 0 30px;
}
.SectionList ul ul {
    margin: 10px 0 0 50px;
}
.SectionList ul ul li {
    margin: 0 0 10px 0;
}
/*goals library css end*/
.RecommenTable input{width:26%;}
.RecommenTable input[type='checkbox']{width:auto;}
.RecommenTable textarea {
    width: 60%;
}
.RecommenTable textarea {border-radius: 4px;padding: 8px;resize: none;}
.RecommenTable .character {
    display: inline-block;
    font-size: 0.785rem;
    color: rgb(125,125,125);
    font-style: italic;
    float: right;
    width: 54%;
}
.RecommenTable  .commands_text .bootstrap-select{margin: 0px;}
/*configuration css*/
.Configure-Section h2 {
    font-size: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    font-weight: normal;
}
.Configuration-article {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;margin: 0 auto;float: none;
}
.Configuration-article .action {
    padding: 20px 30px;
}

.formtitle {
    border-bottom: 1px solid #c7c7c7;
}
.Configuration-article .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle, 
.Configuration-article .btn-group button.multiselect{height: 36px;}
.formtitle span {
    background: #764FB7;
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    text-align: center;
    line-height: 78px;
}
.formtitle span i {
    font-size: 30px;
}
.formtitle label {
    margin: 21px 0 0 20px;
    font-size: 15px;
    color: #764FB7;
    font-weight: bold;
}
.Configuration-article .action label {
    font-weight: bold;
    display: inline;
    margin: 6px 7px 0 0px;
}
.Configuration-article .linklabel {
   /* background: #e9f4ff;    */border: 1px solid #D4D4D4;
    border-left: 0;
    border-right: 0;
}
.mandatory {
    display: inline-block;
    color: #ef0707;
}
.Instruction-field{border-radius: 4px;
    width: 50%;
    padding: 8px}
.DurationDays{display: inline-block;margin-left: 10px;font-size: 16px;}
.DaysInput{display: inline-block;width: 50px;}
.MultiselectLabel {
    margin: 20px 0 0 23px;
    display: inline-block;
}
.MultiselectRelation li {
    width: 33%;
    display: inline-block;
    margin-top: 10px;
}
.MultiselectRelation li label {
    font-weight: normal !important;
    margin: 3px 0 0 30px !important;
    cursor: pointer;display: inline;
}
.ScoreValue .Rule input{width: 68px;}
.Delete-Action{display: inline-block;vertical-align: middle;margin-top: 5px;}
.Delete-Action a{font-size: 20px;
    vertical-align: middle;
    display: table-cell;}
.b-t-1{border-top: 1px solid #d4d4d4;}
.RuleHeader, .RuleHeader div, .Rule div, .Rule{padding: 0px;}
.RuleTextarea textarea {
    height: 42px;
    resize: none;
    border-radius: 4px;
    width: 90%;
    line-height: 22px;
    padding: 5px 5px 5px 8px;
    float: left;
}
.Intitatives ul {
/*    border: 1px solid transparent;*/
    border: 1px solid #d4d4d4;    margin: 10px 0px 0px !important;
    padding: 10px;
    width: 50%;
    margin-left: 5px;background: #fff;border-radius: 4px;
}
.Intitatives small.placeholder {
    position: absolute;
    left: 15px;
    color: #aeaeae;
    font-size: 12px;
    top: 8px;
}
.Intitatives ul:focus{outline: none;border: 1px solid #764FB7;}
.Intitatives ul:hover{border: 1px solid #764FB7;}
.Intitatives:focus{outline: none !important;border: 0;}
.Intitatives li:focus{outline: none;border: 0;}
.Intitatives li {
    list-style: disc;
    display: none;
    margin-left: 15px;
}
.Intitatives span {
    cursor: pointer;
    display: inline-block;
}
/*configuration css end*/
#ClosePop.confirm-model.modal.fade .modal-dialog, #ExtendPop.confirm-model.modal.fade .modal-dialog,
#EndPIP.confirm-model.modal.fade .modal-dialog, #AcknowledgePIP.confirm-model.modal.fade .modal-dialog{
    min-width: 500px !important;
    width: 500px !important;
}
#ClosePop.confirm-model .modal-body,#ExtendPop.confirm-model .modal-body,
#EndPIP.confirm-model .modal-body,#AcknowledgePIP.confirm-model .modal-body{
    background: #fff;
    /* color: #3f4a59; */
    padding: 20px 20px;
}
#ExtendPop .modal-body .DatePickerBox {margin: 10px auto 0 !important;}
.nomineecard .Information .EmpImage{float: left;}
.section-title .fa, .sub-section-title .fa {
    line-height: 20px;
}
.grid_table .section-description{width: 250px;line-height: 20px;}
 .section-description a {
    font-size:0.857rem;
    color: #337ab7;
    float: right;
    display: table-cell;
}
.Note-Section .NoteList{padding: 5px 20px 0;}
.Note-Section .NoteList li{list-style: disc;}
.NomineeInfo .norecords{padding: 88px 10px;}
/* View PIP */

.ViewPIPPlan span.Readonly{ display:block;}
.PlanName-Section label.Readonly{ width:100px; }
.PlanName-Section label.Readonly b{ margin-bottom:8px; display:block;}
.action .Review-List .boolean label{font-weight: normal;}
.ReadBoolean .boolean span{display: none;}
.ReadBoolean .boolean label{padding: 0px;}
.Review-List.ReadBoolean{margin-top: 0px;}
.Re-Nominate{margin-top: 20px;background: #fff;border-radius: 4px;padding: 0px;}
.Re-Nominate.ReNominatePad{padding-bottom: 5px;}
.MultiselectRelation .UICheckbox small{top: 0px;}
.MultiselectRelation .UICheckbox input{left: 2px;top: -4px;}
.Re-Nominate .PlanName-Section .NominateBtn {margin-top: -5px;}
.RecommenTable table .btn-group{margin-left: 0px !important;}
.AveragePIP{display: inline-block;float: right;}
.ScoreBg{ display:inline-block; background:#e8e8fb; border-radius:30px; padding:4px 16px;}
.ImproveingBtn{color: #434343; font-weight:bold !important;padding:4px 8px 4px 8px;font-weight: normal;
cursor: default;display: inline-block;}
/* .ForBelow{background: #fc5276;}
.BelowExpection{background: #f8a577;}
.PartiallyMet{background: #66b0f8;}
.MetExpectation{background: #44ce83;} */
.AveragePIP .PIPScore{display: inline-block;font-weight: bold; color:#764FB7;font-size: 20px;vertical-align: middle;}
.AveragePIP a .icon-Overdue{font-weight: bold;font-size: 18px;vertical-align: middle;}
#ScoreHistory .modal-body{padding: 0px;background: #fff;border-radius: 0px 0px 5px 5px;border-bottom: 1px solid transparent;}
#ScoreHistory .modal-body table .ScoreTitle th{width: 50%;text-align: center;background: #e9f4ff;font-weight: normal;}
#ScoreHistory.modal.fade .modal-dialog {
    max-width: 60% !important;min-width: 60% !important;width: 60% !important;
}
#ScoreHistory .modal-body table{margin-bottom: 0px;}
#ScoreHistory .modal-header{background: #f3f3f3;border-radius: 5px 5px 0 0;}
#ScoreHistory .modal-body table tr td:nth-child(2){font-weight: bold;font-size: 17px;}
.Average-Txt{color: #868686;
    display: inline-block;}
.DescriptionTxt a:hover{text-decoration: underline;}
.SetGoalsAction .WhiteBtn{font-weight: normal;}
.Chartdiv #Score-History{
  width: 100%;
  height: 360px;
  margin: 20px auto !important;
}
.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 .demo {
  opacity: 0.3;margin: 5px 0px;
}
.Chartdiv .fusioncharts-div .LabelName{border-bottom: 1px solid #d4d4d4;padding: 10px;height: auto;width: 100%;}
.Chartdiv .fusioncharts-div .ScoreHead{padding: 10px 10px;height: auto;width: 100%;}
.Chartdiv .fusioncharts-div b{font-size: 24px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.Chartdiv .fusioncharts-div .Scorevalue{
font-size: 16px;display: inline-block;vertical-align: middle;font-weight: normal;}
.ScoreDropdown .bootstrap-select{float: right !important;
    margin: 20px 20px !important;
    box-shadow: 0 0px 8px #dcdada;
    border-radius: 4px;width: 170px !important;}
.FeedbackView .EmpImg{float: left;}
.Chartdiv #chart-container1{position: unset !important;}

.AchievedHistory .AchievedFeedback{ margin:0;}
.AchievedHistory .AchievedFeedback input{ margin:0;}

/* Related feedback */
/*related feedback*/
.RelatedFeedback {
    position: fixed;
    right: 0;
    top: 0; bottom:0;
    z-index: 1050;
}
.RelatedFeedback .RelatedBtn{ position: absolute;
    left: -100px;
    top: 300px;
    -webkit-transition: left .5s;
    transition: left .5s;
    padding: 8px;
    padding: 0px;background:  #fff;color: #764FB7;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -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: #181c32;font-weight: bold;float: left; margin: 0px 0 0 0px;}
.RelatedFeedback .CurrentFeedback{padding: 10px;border-bottom: 1px solid #d4d4d4;}
.RelatedFeedback .CurrentFeedback:last-child{border-bottom: 0px;}
.RelatedFeedback .CurrentFeedback .CycleHead{border:1px solid #e8e8fb;border-radius: 4px;padding: 8px;
margin-top: 10px;background: #e8e8fb; line-height:normal; display:table;}
.RelatedFeedback .CurrentFeedback .CycleHead:hover {border-color: #add3f9;}
.RelatedFeedback .CurrentFeedback .bootstrap-select.btn-group.pull-right{width: 200px !important;}
.CategoryBox{ background:#f2f2f2; padding:10px; text-align:center; border-radius: 4px;}
.CategoryBox strong{ display:inline-block; text-align:center; font-size:20px; color:#764FB7; cursor:pointer;}
.CategoryBox strong:hover{ text-decoration:underline;}
.CategoryBox span{ display:block;}
.RelatedFeedback .RightArrow{cursor: pointer;}
.RelatedFeedback .RightArrow {/* position: absolute; */color: #764FB7;font-size: 26px;right: 10px;
z-index: 99;top:1px;}

.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;}

.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;}
.hiddenplan{ display:none;}
.BadgeValue {
    border-radius: 20px;
    width: auto;
    background: #764FB7;
    color: #fff;
    display: inline-block;
    padding: 4px 12px;
    text-align: center;
}
.CycleHead .col-md-9,.CycleHead .col-md-3{ display:table-cell; vertical-align:middle; float:none;}
.section-content .WallDateWise{padding:0;}

/** CFPopup **/
#PerformancePopup .FeedbackContent,#FeedbackPopup .FeedbackContent{ padding:20px !important;}
#FeedbackPopup .wallcontent { margin-right:0 !important;}
#PerformancePopup .AwardImage{ width:80px; height:80px; line-height:80px;}

/* Feedback popup css */
.FeedbackSection.active{ }
.CurrentFeedback .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ height: 35px;
    float: right;
    margin-top: 0px;}
#PerformancePopup .DateCal{ background:#fff;}
#PerformancePopup h3{ margin: 0 0 24px;
    font-size: 20px;
    padding: 20px 0 0 60px;}
#PerformancePopup .ArrowBtn {
    background: #fff;
    border: 1px solid #c7c7c7;
    padding: 3px 14px;
    border-radius: 8px;
    font-size: 24px;
    color: #764FB7;
    font-weight: bold;
    float: left;
    position:absolute;
	left:20px; top:13px;
}
#PerformancePopup .ArrowBtn:hover{ border: 1px solid #764FB7; }
#PerformancePopup .WallDateWise{ padding:0;}
#PerformancePopup .OuterBorderImg{ width:60px; height:60px;}
#PerformancePopup .EmpImage{ width:60px;}
#PerformancePopup .NameDetails{ width:calc(100% - 80px) !important; }
#PerformancePopup  .CycleName .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ margin-top:0;}
#ScoreAnalysis .ScoreChart{ padding:0px;}
.pastFeedback a.accordion-toggle-styled{background: #fff;
    position: relative;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Roboto Slab';
    color: #353535;
    transform: inherit;}
    .pastFeedback .panel-default > .panel-heading .accordion-toggle-styled.collapsed .icon-DownArrow {
    transform: inherit;
}
.pastFeedback .accordion-toggle-styled .icon-DownArrow {
    transform: rotate(180deg);
    margin-top: -3px;
}
.pastFeedback .accordion-toggle-styled .icon-DownArrow {
    font-size: 9px;
    position: absolute;
    right: 0px;
    top: 8px;
    font-weight: 500;
}
.FeedbackView .EmpName{width: 70%;}
.DescriptionTxt a{display: block;clear: both;}
.DescriptionTxt .status{    background: #BCF5E1;
    border: 1px solid #0AD88E;display: inline-block;
    width: auto;
    clear: both;
    margin-top: 4px;
    border-radius: 19px;
    padding: 4px 8px;
    color: #353535;
    font-size: 11px;
    font-weight: 700;}
.status.Waitingacknowledge {
           background: #FBDAD0;
    border: 1px solid #F4987B;
}
.status.Notstated {
    background: #CAF1FD;
    border: 1px solid #67D6F9;
}
.status.Inprogress {
   background: #FFEAC3;
    border: 1px solid #FFC65A;
}
.status.Overdue {
       background: #FBD0D5;
    border: 1px solid #FC6969;
}
@media (max-width: 1000px){
#header span.language_setting ~ ul.navbar-right {margin: 0;}
.AveragePIP{margin-top: 10px;display: block;}
.Interim-Feedback .Configuration-article{width: 100%;}
}
@media (min-width: 1025px){
#modal-dialog #datatable tbody td div span img { margin-left: 0px;}
#modal-dialog.modal.fade .modal-dialog {max-width: 860px !important;}}
@media (max-width: 1200px){
	/*.grid_table {
    overflow-x: hidden;
}*/
.NomineeInfo {
    display: none;
}
.approve_promotion .col-md-9 {
    width: 100% !important;
}
.ActionButtons {
    display: block;
    position: fixed;
    top: 300px;
    background: #fff;
    box-shadow: 0 0px 18px #dcdada;
    right: 0px;
    z-index: 999;
    border-radius: 4px;
}
.ActionButtons li {
    padding: 10px;
    border-bottom: 1px solid #d4d4d4;
}
.ActionButtons img {
    width: 30px;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) { 
  .Intitatives small.placeholder{top: 21px;}

}
@-moz-document url-prefix() { 
   .Intitatives small.placeholder{top: 20px;}
   .Intitatives ul{padding: 20px 0;}
}



/* New Related Feedback Popup changes */
.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);}
.modal.left .modal-content, .modal.right .modal-content{height:100%;overflow-y:auto; border-radius:0px;}
.modal.left .modal-body, .modal.right .modal-body{padding:15px 15px 15px 25px;background:#fff;}
.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.fade.in .modal-dialog{right:0;}
 .modal-content{border:none;}
 .right .modal-header{padding:15px 25px 20px; background:#fff; border:0;}
 .right .modal-header h4{font-size:21px;}
/* .RelatedFeedback{height:500px; top:100px;} */
.RelatedSection{ width:600px;}
.CycleHead{ display:table-row;}
.CycleHead .col-md-8,.CycleHead .col-md-3,.CycleHead .col-md-1{display:table-cell; float:none; vertical-align:middle;}

.GoingProcess .NewDatatable div.dataTables_wrapper div.dataTables_filter{padding: 0px;}
.ClosedReview .NewDatatable .dataTables_length,.GoingProcess .NewDatatable .dataTables_length{padding: 10px 15px 0 !important;}
.NewDatatable .grid_table .dataTables_filter,.NewDatatable .grid_table .dataTables_length {padding: 0px;}
.ClosedReview .page-header{margin-top: 20px;}
.grid_table .section-description .show-less{display: block !important;}
table.dataTable.nowrap th:first-child, table.dataTable.nowrap td:first-child{min-width: 0;padding: 0px;}
table.dataTable.nowrap th, table.dataTable.nowrap td{min-width: 120px;}
#modal-dialog table.dataTable.nowrap th:last-child,#modal-dialog table.dataTable.nowrap td:last-child{min-width: 70px;}
table.dataTable.nowrap th.RecommenWidth{min-width: 145px;}
table.dataTable.nowrap td.ActionCell{position: relative;}
.NomineeForm h5{font-size: 15px;}
.FeedbackEdit .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle,.FeedbackEdit .btn-group button.multiselect{height: 42px;}
.Employee-Search .modal-dialog .grid_table .dataTables_filter {
    position: absolute;
    top: -22px;border-bottom: 0px;
}
.Employee-Search .grid_table .dataTables_filter, .grid_table .dataTables_length {
    padding: 15px 20px;
}
.accordion-toggle-styled .icon-DownArrow {
    font-size: 9px;
    position: absolute;
    right: 20px;
    top: 24px;
    font-weight: 500;
}

.section-container .section-title a.toggle_button .icon-DownArrow,.accordion-toggle-styled.collapsed .icon-DownArrow{transform: rotate(180deg);margin-top: -3px;}
.section-container .section-title a .icon-DownArrow{}
.b-b-1{border-bottom: 1px solid #D4D4D4;}
.b-t-1{border-top: 1px solid #D4D4D4;}
/*.Interim Feedback CSS start*/
.Interim-Feedback .Configuration-article .action .SerachArea .CheckAll label{margin: 10px 7px 0 30px;font-weight: normal;
cursor: pointer;padding-bottom: 12px;}
.Interim-Feedback .Configuration-article .action .SerachArea .CheckAll label.active{font-weight: bold;}
.Interim-Feedback .Configuration-article .action .SerachArea .CheckAll .UICheckbox small{top: 9px;}
.Interim-Feedback .Configuration-article .action .SerachArea .UICheckbox input{top: 4px;left: -5px;}
.Interim-Feedback .Configuration-article .action .SerachArea{margin: 0px 20px 7px 20px;}
.Interim-Feedback .Configuration-article .action .HintActions{display: inline-block;vertical-align: middle;font-size: 18px;margin-left: 5px;}
.Interim-Feedback .Configuration-article .action .lcs_wrap{height: 22px;}
 .Interim-Feedback .Configuration-article .action.Checkbox-Section label{vertical-align: middle;}
.Interim-Feedback .Configuration-article .action .lcs_cursor{z-index: 8;}
.Interim-Feedback .Configuration-article .action{border-bottom: 1px solid #c7c7c7}
.Interim-Feedback .Configuration-article .action:last-child{border-bottom: 0px;}
.confirm-model.modal.fade .modal-dialog {
    min-width: 500px !important;
    width: 500px !important;
}
/*.Interim Feedback CSS end*/