.NewEditableGrid.FixedGrid{  position:relative;}
.NewEditableGrid.FixedGrid ul{overflow-x:auto;  /* margin-left:250px; */ border-spacing:0 15px;  }
.NewEditableGrid.FixedGrid li{ display:table-row; position:relative;}
.NewEditableGrid.FixedGrid li .ColDiv{ display:table-cell; vertical-align:middle;}
.Header .EmployeeCard,.Header .ColDiv{border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.NewEditableGrid ul{ overflow:hidden;}
.NewEditableGrid li{ white-space:nowrap;  margin-bottom:10px; margin-right:0;}
.NewEditableGrid li:first-child{ margin-bottom:5px;}
.NewEditableGrid li.Header{ padding:0;}
.NewEditableGrid  li:nth-child(even) .ColDiv,.NewEditableGrid  li:nth-child(even) .EmployeeCard{ background:#f2f2f2;}
.NewEditableGrid li:last-child{ margin-bottom:0;}
.Header .HeaderText{ font-weight:bold; margin:0;}
.ColDiv,.EmployeeCard {
    display: inline-block;background:#fff;min-height:80px;   white-space:normal; margin-right:-10px; vertical-align:top; border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;padding:15px 10px;
}
.Header .EmployeeCard{ display:table-cell; vertical-align:middle;}
.EmployeeCard .UICheckbox input{ left:-5px;}
.selectpicker li {
    margin: 0; padding:0;
}
.NewEditableGrid li:nth-child(even) .loader{ background:#f2f2f2;}
.ColDiv .loader{ display:none; position: absolute;
    background: #fff;
    width: 270px;
    z-index: 99;
    font-size: 7px;
    text-align: left;}
.SerachArea { height:40px;}
.animate{animation: slidefromleft 1s ease-in; -webkit-animation: slidefromleft 1s ease-in; }
/* .Header .ColDiv, .Header .EmployeeCard{min-height:48px; } */
.Header .EmployeeCard{ padding-left:0; border-left:0px; border-radius:0px; margin:0; }
.Formrow .EmployeeCard{margin-left:10px;}
.Formrow .EmployeeCard .UICheckbox { margin:-26px 0 0 -20px;}
.EmployeeDetails .OuterBorderImg{ padding:0;}
.NewEditableGrid.FixedGrid .EmployeeCard{ /* position:absolute;  left:10px;*/  width:250px; }
.EmployeeCard{ position:inherit; border-left:1px solid #e6e6e6; border-radius:5px 0 0 5px;}
.EmployeeCard .OuterBorderImg{ width:40px; height:40px; padding:0;  float:left;}
.Header .UICheckbox small{ top:0;}
.Header .EmployeeCard label{ /* margin:0px 0 0 28px;  */font-weight:bold; padding-left:36px;}
/* .Header .EmployeeCard  .UICheckbox,.Header .EmployeeCard  label{ position:relative; transform:translateY(-50%); top:50%;} */
.NewEditableGrid  .EmpDetails{ width:120px; float:left; padding:0; margin-left:10px; line-height:20px; text-align:left;}
.NewEditableGrid  .EmpDetails label{ font-weight:bold; color:#1d90fd; display:block; margin:0;}
.NewEditableGrid  .EmpDetails span{ display:block; font-size:14px;}
.Editall{position:absolute; right:10px;  margin-top:-16px; box-shadow: 0 0px 7px #dcdada;
    display: inline-block; background:#f0f3f8;
    text-align: center; border:1px solid #8ecaff;
    color: #626364;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 10px; 
    border-radius: 5px;}
.Animate{ display:none; position:absolute;  color:#1d90fd; left:1px; font-weight:bold; background:#f0f3f8; padding:5px;  border-radius:5px; border:1px solid #8ecaff;}
.Animate .OuterBorderImg{ width: 30px; display:none;
    height: 30px;
    padding: 0;
    line-height: 14px;}
.ImportBtn,.ExportBtn{ box-shadow:0 0px 7px #dcdada; height:35px; line-height:35px; padding:0 20px; display:inline-block; border-radius:5px;}
.ImportBtn i,.ExportBtn i{ display:inline; font-size:13px; margin:0 3px 0 0;}
.ImportBtn i:before{-webkit-transform: rotate(180deg); display:inline-block;
    -ms-transform: rotate(180deg);
transform: rotate(180deg);}
/* Tabbed Panel Style */
.NewTabbedPanel{ background:#fff; padding:15px 15px 0; box-shadow:0px 0px 7px #cdc9c9; border-radius:5px; }
.NewTabbedPanel ul.scroll_tabs_container{height:30px;}
.NewTabbedPanel .ContentSection {
    display: none;
}
.NewTabbedPanel .ContentSection.active {
    display: block;
}
.NewTabbedPanel .scroll_tab_left_button {
    right: 0px; left:inherit !important;
}
.scroll_tab_right_button,.scroll_tab_left_button{ top:0 !important;}
.NewTabbedPanel .scroll_tab_inner{ left:0 !important; right:70px !important;}
.NewTabbedPanel .tab-content{ padding:0;} 
.NewTabbedPanel .scroll_tab_inner li a{color:#868686;}
.NewTabbedPanel .scroll_tab_inner li a:hover{color:#1c8efe;}
.NewTabbedPanel .scroll_tab_inner li.active a{ color:#1c8efe;}
.formenabled li.Formrow,.formenabled .Header{ filter: blur(2px); pointer-events: none;}
.blur{ filter: blur(2px); pointer-events: none;}
.formenabled li.Formrow.opened{ filter:inherit; pointer-events: inherit;}
.PaginationNew li{ padding:0; margin:0;}
.PaginationNew li.active{ border:0 !important;}
.Formrow.selected .EmployeeCard,.Formrow.selected .ColDiv{border-color:#53a3fe; background:#deefff !important;}
/* Tabbed Panel Style ENDS*/
/* Editable Section */
.RightCol{float:left; width:70%;}
.LeftCol{ float:left; width:30%;}
.Editableview{ display:none; white-space:normal; border:1px solid #c7c7c7;; border-radius:5px; position:relative;}
.CloseEditableView{ position:absolute; top:14px; right:14px; font-size:10px;color:#939190; display: inline-block; width: 16px; height: 16px;  text-align: center;  z-index: 999; }
.EditableFields{ clear:both; background:#f0f3f8; font-size:13px; padding:15px; border-radius:0 0 5px 5px; position:relative;}
.Information{ width:300px; float:left; padding:15px 0 0 15px; margin-top:30px; }
.Information span{ font-size:14px;}
.Information a{ font-size:14px; font-weight:bold;}
.Score{ width:150px; float:left; padding:15px 10px 15px 0;}
.EmployeeDetails{ display:table; width:100%;}
.EditableFields h4{ font-size:15px; margin:0 0 10px;}
.EditableFields .mask{ position: absolute; top: 0; left: 0;  right: 0; bottom: 0; background: rgb(0,0,0,0.3); display:none;  z-index: 99;}
.Labelname{color:#939190; margin:0 0 5px;}
.BasicInfo{ display:table-cell; width:460px; border-right:1px solid #e6e6e6;}
.Dropdown{ width:100%; box-shadow:0px 0px 7px #cdc9c9; background:#fff; border-radius:5px; position:relative; border:1px solid #f0f3f8;}
.Dropdown:hover{border:1px solid #353535;}
.Dropdown div{ display:block; padding:10px 30px 10px 10px;  margin:0; cursor:pointer;}
.Dropdown b{display:block; font-weight:bold;}
.Dropdown p{margin:0;}
.Dropdown a{ width:30px; background:#e8e8fb; font-size:14px; position:absolute; top:0; right:0; bottom:0; text-align:center; font-size:20px; border-radius:0px 5px 5px 0;  }
.Dropdown a i{ position:relative; transform:translateY(-50%); top:53%;left: 38%;
    display: flex;}
.OtherInformations{ width:calc(100% - 470px); display:table-cell; margin-left:10px; padding-left:15px; position:relative;  vertical-align:top;}
.OtherInformations ul{ padding:15px 0 0;}
.OtherInformations li{ width:48%; display:inline-block; height:40px; margin:0 0 1.714rem !important; font-size:13px !important; line-height:normal;}
.ExperienceDetails{ display:block; clear:both; border-top:1px solid #e6e6e6; padding:10px 5px 0 15px;}
.ExperienceDetails li{ width:32%; display:inline-block; font-size:13px !important; line-height:normal;}
.OtherInformations li label,.ExperienceDetails li label{ color: #353535;
    display: block;
    margin-bottom: 0.428rem;
    font-size: 0.785rem;
    font-weight: 700;
    text-transform: capitalize;}
.OtherInformations li span,.ExperienceDetails li span{ display:block; font-weight:bold;}
.ScoreList{ background-color: #e6e5fb;border: 1px solid #b4d4f5; border-radius:5px;  text-align:center; line-height:normal; padding:10px 0;}
.ScoreList label{ font-size:13px; font-weight:bold; display:block;}
.ScoreList small{background:#e5edf5; display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; border-radius:5px; }
.ScoreList small.active{background:#cce7fd;}
.ScoreList small i{color:#dce1e6; font-size:12px;}
.ScoreList small.active i{color:#764FB7; }
.CellDropdown,.HeaderText{ min-width:250px; width:auto; max-width:300px; display:block; font-size:14px;}
.CellDropdown label{position:relative; padding-right:15px;  cursor:pointer; width:90%; max-height:40px;}
.CellDropdown label:hover,.CellDropdown label:hover a{ color:#461F87;}
.CellDropdown label a{ position:absolute; right:0; font-size:20px; color:#a8a8a8; top:0; bottom:0;}
.CellDropdown label a i{ position:relative; transform:translateY(-50%); top:50%;}
.ScoreBanner{ background:#fcfdfe; padding:15px; border-radius:5px; box-shadow:0px 0px 7px #cdc9c9;}
.ScoreBanner label{ display:block;}
.ScoreBanner input{ width:70px; font-weight:bold; font-size:15px;}
.ShowAll,.ShowLess{ font-size:13px; font-weight:bold; margin-bottom:10px; display:block; }
.ShowAll:hover,.ShowLess:hover{ text-decoration:underline; color:#461F87;}
.OtherInformations .show{ position:absolute; left:0; right:0px; background:#fff; z-index:999; padding-left:15px; box-shadow: 0px 2px 5px #cdc9c9; border-radius: 0px 0px 5px 5px;  }
.OverallScore{ font-size:18px; color:#764FB7; font-weight:bold; font-size:22px;}
.TextBox{     
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    min-height: 55px; line-height:18px;}
.TextBox:hover{ border-color:#461F87;}
.TextBox p{ margin:0;}
.potentialReason,.CriticalReason{ display:none;}
.EditableCmts textarea{ width:100%; resize:none; min-height:75px;  border-radius:4px; border:1px solid #c7c7c7; padding:10px;}
.PreviousComments{ width:70%; float:left; }
.EditableCmts textarea:hover{border-color: #353535;}
.CommentList{background:#fff; box-shadow:0px 0px 7px #cdc9c9; border-radius:5px; padding:15px; position:relative; margin-bottom:15px; }
.CommentList:last-child{ margin-bottom:0px;}
.CommentList .Information{ margin:0; padding:0;}
.CommentList .NameDetails { margin:8px 0 0 8px;}
.CommentList .OuterBorderImg{ width:32px; height:32px; padding:0px;}
.CommentList p{ clear:both; font-size:14px; margin:0;}
.CommentList small{ position: absolute; right:15px; font-size: 13px; font-style: italic;}
/* Editable Section ENDS **/
/** Dropdown List **/
.ScoreValueList{ max-width:400px; min-width:260px; width:auto; box-shadow:0px 0px 7px #cdc9c9; border-radius:5px; background:#fff;  font-size:14px; display:none; position:absolute; z-index:999;}
.ScoreValueList li{ border-bottom:1px solid #e6e6e6; padding:5px 10px;}
.ScoreValueList li:last-child{ border:0;}
.ScoreValueList li:hover{background:#deefff; cursor:pointer;}
.ScoreValueList label{ display:block; position:relative; padding:10px 34px 0 11px; color:#a8a8a8; font-weight:bold; font-size:12px; }
.ScoreValueList label i{ position:absolute; right:15px; top:10px; font-size:18px; color:#a8a8a8;}
.ScoreValueList.Editable label{ display:none;}
/** Score History **/
.ScoreHistory{ background:#fff; border-radius:5px; box-shadow:0 0px 18px #dcdada; padding:20px;}
.ScoreHistory li {background-color: #e6e5fb;
    border: 1px solid #b4d4f5;
    padding: 12px; white-space:normal;
    border-radius: 5px;
    margin: 10px 0 0;
    position: relative;
}
.ScoreHistory li small {
    position: absolute;
   /* color: #461F87;*/
    font-size: 20px;
    right: 14px;
}
.ScoreHistory h3 {
    font-size: 14px;
    text-transform: none;
    color: #764FB7;;
    margin: 0;
    line-height: 22px;
}
.ScoreHistory h3 span{ font-size:16px;}
.ScoreHistory p {
    color: #434444;
    margin: 5px 0 0;
}
.ScoreHistory .head img {
    float: left;
}
.ScoreHistory .head span {
    display: inline-block;
    color: #434444;
    font-weight: bold;
    float: left; font-size:16px;
    margin: 5px 0 0 10px;
}
.ScoreHistory .head a {
    right: 0;
    font-size: 13px;
    color: #764FB7;
    font-weight: bold;
    top: 5px;
}
/** Right Popup **/
/*Performance Model*/
.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:5px 15px 15px 25px;background:#f3f3f3;}
.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 0px; background:#f3f3f3; border:0; box-shadow:none;}
 .right .modal-header h4{font-size:21px;}
 .background{background:#fff;box-shadow:0 0px 18px #dcdada;border-radius:5px; margin:10px 0 0;}
 .CycleName{display:table;margin:20px auto 0;}
 .CycleName label{background:#eceff6;border-width:1px 0px 1px 1px;border-color:#d6d9de;border-style:solid;padding:5px 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 #e0e0e0;border-bottom:1px solid #e0e0e0;display:table;width:100%;}
.nomineecard .EmpImage{ float:left;}
.nomineecard .Information{border-right:1px solid #e0e0e0;display:table-cell;float:none;vertical-align:top; width:50%;}
.nomineecard .NameDetails{height:inherit; width: calc(100% - 75px); float:left;}
.CycleDetails{display:table-cell;float:none;vertical-align:top;}
.CycleDetails p{color:#1c1c1c;}
.CycleDetails li{color:#858585;line-height:22px;}
.CycleDetails .export-option{right:15px;top:10px;color:#1c1c1c;}
.fa-file-excel-o{color:rgb(145,195, 131);}
.fa-file-pdf-o{color:rgb(185, 40, 43);}
.pastFeedback #collapseOne1 .table tr td:first-child{width:30%;text-align:right;}
.pastFeedback .progress{width:120px;}
.pastFeedback .progress-bar{background:#5cb85c;}
.modal .new-modal .slimScrollDiv{padding-right:20px;width:100% !important;}
/* Feedback Tab */
.panel-default .panel-body{color:#1c1c1c;}
.panel-default > .panel-heading{background:#f3f3f3; font-weight:bold;}
.panel-default > .panel-heading .panel-title{font-size:15px;}
.obtained-scores {
    background-color: #fff;
    color: black;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 5px;
}
.obtained-scores .individual-scores {
    padding: 15px 30px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid rgb(230,230,230); display:table;
}
.each-score {
    width: 20%;
    text-align: center;
    display: table-cell;
	vertical-align::middle;
}
.each-score .score-value {
    font-size: 30px; line-height:30px;
    width: 100%;
    color: rgb(0,172,74);
}
.each-score .score-value .fa{font-size:18px;}
.each-score .score-label {
    font-weight: 500;
    width: 100%;margin:0;
}
.ActionButtons{display:none;}
/* Comments Popup */
.CommentsFields textarea{width:100%; resize:none; border-radius:5px; min-height:75px; overflow-y:auto; max-height: 300px; padding: 8px 12px; transition: transform .2s; }
.question-message.col-md-4 {width:50%;margin-bottom: 1.714rem;padding-left: 0px;}
.NewForm.ViewForm .FormIndividual{width: 50%;float: left;}
.training-view-mode .table-section{margin-top: 10px;}
.NewForm.ViewForm .FormIndividual input.check_box{width: auto;}
.performance-tabs .tab-pane .panel .panel-title{font-weight: 500;
font-size: 15px;}
.ScoreHistory .icon-Arrow-right{font-size: 12px;}