/* My Team */
.SortSection a{color:#566a8f; margin:12px 8px 0 0;}
.SortSection label{ margin:12px 7px 0 0; font-weight:400; color:#566a8f;}
.SortSection{ border-left:1px solid #d3d5dc; height:45px; padding:0 0 0 10px;}
.SmallSortBtn{ display:none;}
.SmallSortBtn .btn{padding:2px 9px; color:#5a5a5a; }
.ActionHeader .SearchContainer input[type="text"]{ border:none; background-image:url("../images/SearchIcon.png"); background-repeat:no-repeat; background-position:right 10px; margin:8px 13px 0 0; padding:3px 25px 3px 7px; color:#566a8f; font-size:14px; border-radius:20px; -webkit-border-radius: 20px;  outline:none; height:30px; line-height:30px;
  /* Firefox 1-3.6 */  -moz-border-radius:20px;   }
.ActionHeader .SearchContainer input[type="text"]:focus {
    width: 300px;
    animation: expand .2s;
    -webkit-animation: expand .2s;
    border-bottom:1px solid #d3d5dc;
}
 
.icon-compensation i{background-image:url("../images/icon-sprite.png"); background-repeat:no-repeat; height:20px; background-position:3px -108px;}
.icon-compensation:hover i{background-image:url("../images/icon-sprite.png"); background-position:3px -137px;}
.navbar-right{ margin:10px 0 0 0;}
.ActionHeader{ background:#eceff6; height:58px; border-color:#d3d5dc; border-width:0px 1px 1px; border-style:solid; padding:0 0 0 10px;}
.EmpActive span{ line-height:44px;}
.panel-body{border:1px solid #e6e6e6; border-top:0px;}
.dropdown.advancedsearch > a{padding:17px 0;}
.panel-body.grid_table.b-t-0{border-top: 0px;border-radius: 5px;}
.Select_Box {
    background: #ffffff url("../images/dropdown.png") no-repeat scroll  180px 11px;
    border: 1px solid #d6d3d3;
    cursor: pointer;
    height: 28px;
    line-height: 32px;
    margin: 10px 10px 0 0;
    padding: 0 8px;
    position: relative;
    width: 198px;
}
.Select_Box span{line-height:30px; color:#566a8f; font-size:14px;}
.Select_Box ul{ background: #ffffff ; padding:0; 
    border-color:#d5d5d5; display:none;
    border-style: solid;
    border-width: 0 1px 1px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: 27px;
    z-index: 2;}
    
.Select_Box ul li {
    border-bottom: 1px solid #d5d5d5;
    font-size: 14px;color:#566a8f; 
    line-height: normal;
    padding: 6px 8px; list-style:none;
}
.Employee_Info{ margin-bottom:20px; position:relative;}
.Employee_Info span img{border-radius: 50%;height: 100%;width: 100%;}
.Employee_detail{display:inline-block; margin-left:10px; width:65%; vertical-align:middle;}
.Employee_detail div{ line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.EmpName a{color: #1c1c1c ; font-size: 14px;font-weight:600;}
.EmpName span{background: #00ac49;border-radius: 50%; display: inline-block;  height: 11px;  margin: 0 4px 0 0;  width: 11px;}
.EmpName span.inactive{background:#e22720;}
.EmpDesignation{color:#1e1e1e; font-size:14px;}
.CompanyName,.EmpEmail,.EmpEmail a{ font-size:14px; color:#1e1e1e;}
.EmpEmail i{ font-size:14px;}
.CompanyName i{ font-size:14px;}
.CompanyName i,.EmpEmail i{margin:0px 4px 0 0px;color:#5f5f5f;}
.MoreOption{ text-align:center; margin:10px 0;}
.MoreOption a{border: 1px solid #e6e6e6;  color: #505050;  display: inline-block;  font-size: 15px;  padding: 5px 0 3px;  text-align: center;    width: 300px;}

.panel-heading-btn .btn{font-size: 19px;  height: 22px;  line-height: 18px; width: 18px; color:#fff;}
.ActionIcons{position:absolute; top:6px; right:16px; }
.ActionIcons a{color:#764FB7; font-size:16px;}
.Advanced_Search{/* background:url("../images/icon-sprite.png") no-repeat 0px -181px; */ background:none; width:14px; height:17px; display:inline-block; opacity:1;}
.Advanced_Search.open{opacity:0.5;}
.Employee_Avatar span { /*border: 2px solid #dadada;*/ border-radius: 50%;-webkit-border-radius:50%; -moz-border-radius: 50%; display:inline-block;  height: 60px;padding: 0px; width: 60px; margin:5px 0 0;}
.Advanced_Search_container{  display:none; background:#eceff6; border-width:0px 1px 1px 1px; border-style:solid; border-color:#d3d5dc; }
.Advanced_Search_container .col-md-4{padding:6px 5px; border-right:1px solid #d3d5dc; margin:0;}
.Advanced_Search_container .combobox-container,input[type="text"].LocationTree { width:52% !important; float:left; }
.Advanced_Search_container label{ width:38%; margin:0 10px 0 0; text-align:right; line-height:32px; color:#566a8f; float:left; font-weight:400; font-size:14px;}
.Advanced_Search_container .col-md-12{ border-top:1px solid #d3d5dc;}
.Advanced_Search_container .col-md-12 a {  color: #566a8f;  font-weight:700; font-size:14px; border-left: 1px solid #d3d5dc; padding: 10px 15px;}
.Advanced_Search_container .col-md-12 a:hover,.Add_Employee:hover{background:#d7e0f0;}
.Advanced_Search_container .dropdown-menu{ width:51%; min-width:inherit;}
.combobox-container .dropdown-menu > li > a{ margin:0;}
.ActionHeader span.InactiveColor{ color:#b2b2b2;}
input[type="text"].LocationTree{ padding:5px 5px 5px 27px; border:1px solid #d6d3d3; background:#fff url("../images/TreeIcon.png") no-repeat 4px 7px; height:32px !important; line-height:34px;}
.jstree-children li span {display: inline-block;  height: auto !important; line-height: 20px; white-space: normal !important;
    width: 80%;word-wrap: break-word !important;}
.jstree-children li a{ width:80%;}
.jstree-anchor > .jstree-themeicon{ float:left;}
.jstree-default .jstree-anchor{ height:auto !important;}
.panel-heading-btn .excelicon{ background:url("../images/icon-sprite.png") no-repeat 0px -240px; width:20px; height:22px; display:inline-block;}
.Managefieldsicon{background:url("../images/icon-sprite.png") no-repeat 0px -268px; width:20px; height:17px; display:inline-block;}
.Myteam-personalize .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:115px;}
.Myteam-personalize label{ width:120px; font-size:14px;}
.w95{ width:115px !important;}
.w95 span{ font-weight:500;}
.showrecords .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:65px;}
.SortSection .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:150px;  margin:12px 10px 0 0 !important;}
.SortSection .btn.btn-default.dropdown-toggle{ padding:5px 25px 5px 5px;}
.small label{margin:0 0 0 10px; color:#566a8f;}
.small:hover label{color:#fff;}
.InPagination label{font-weight:normal;}
.HirarchyIcon{border-left: 1px solid #d3d5dc;
    height: 45px;
    text-align: center;}
  /*   width: 45px; */
/* .HirarchyIcon:hover{ background-color: #d7e0f0;} */
.HirarchyIcon a.PageLink{/* background: rgba(0, 0, 0, 0) url("../images/icon-sprite.png") no-repeat scroll 0 -358px;
    width: 25px; */display: inline-block;
    height: 27px;
    margin: 13px 3px 0;
}
 .bootstrap-select-searchbox input[type="text"]{width: 100% !important;}
 .Employee_Info .Boxshadow { border-radius:4px; background:#fff;}
 .panel{ background:none;}
 .Myteam-personalize .showrecoreds .bootstrap-select{ background-color:transparent !important; width:50% !important;}
/*  .CF_Link{color: #764FB7;  position: absolute;  right:62px;  top: 3px;  font-size:18px; } */

 .new_filter{ background:#fff;}
 .AlphaSearch{margin:0 0 20px 0; text-align:center;}
 .AlphaSearch li{ display:inline-block; width:30px; height:30px; text-align:center; margin:8px 0 0 5px; line-height:28px; border-radius:3px; background:#fff; color:#1e1e1e; cursor:pointer;}
 .AlphaSearch li.active{background:#764FB7; color:#fff; }
 /*grid css start*/
 .grid_table .Employee_Avatar span img{width: 100%;height: 100%;border-radius: 50%;}
 .grid_table {border-top: 1px solid #e6e6e6 !important;}
 .grid_table .new-btnblue{color: #fff !important; width: auto;font-weight: normal;}
 .grid_table .Employee_Avatar span{height: 40px;width: 40px;}
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, 
 .table > tbody > tr > td, .table > tfoot > tr > td{padding: 10px;}
 .funnel_icon a.bg_funnel{padding: 14px 15px 10px 15px;background: #764FB7;border-radius: 3px 0px 0px 3px;} 
  .funnel_icon a.bg_funnel i{color: #fff;}
  #OrgUnit .modal-content{float: right;}
  #OrgUnit.modal{top: 45px;left: 515px;}
  .funnel_icon .theme-org-panel{top: 70px;}
/*.theme-org-panel.active .theme-panel-content{position: fixed;right: 300px;z-index: 1020;}*/
/*.theme-org-panel .theme-panel-content{right: 33px;}*/
.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: 400px;border-bottom-left-radius: 4px;
/*    -webkit-transition: all .2s ease; -moz-transition: all .2s ease;transition: all .2s ease;*/}
.theme-org-btn {position: absolute;left: 40px;width: 60px;padding: 10px 0;line-height: 18px;font-size: 14px;
    font-weight: 500;color: #fff;border-radius: 4px 0 0 4px;text-align: center;
    -webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);}
.theme-org-panel.active .theme-org-btn{left: -60px;}
.theme-org-panel.active{right: 0px;}
.funnel_disable{display: none;}
@media (min-width: 768px) and (max-width: 1200px){
     .grid_table{width: 100%;overflow-x: scroll;}
}
/*employee feedback status*/
.GridSplit{position: relative;}
.grid_table>h2{position: absolute;padding-left: 15px;font-size: 18px;text-transform: uppercase;}
 .gridDiv.grid_table{margin: 0 -5px 0 -25px !important;border: 1px solid #D4D4D4;border-radius: 4px;}
 .GridSplit .dataTables_wrapper table.dataTable{margin: 0px !important;}
 .ChartGrid{border-bottom: transparent !important;margin: 0 -5px 0px !important;}
 .GridSplit .table > thead > tr > th, .GridSplit .table > tbody > tr > th, .GridSplit  .table > tfoot > tr > th, 
 .GridSplit  .table > thead > tr > td, .GridSplit  .table > tbody > tr > td, .GridSplit  .table > tfoot > tr > td{padding: 10px 17px;}
 .dataTables_filter{border-bottom: 1px solid #D4D4D4;}
 .dataTables_filter label{margin-top: 7px;}
 .dataTables_length, div.dataTables_info{margin-top: 0px;padding: 17px 20px !important;}
 .grid_table .table > thead > tr > th{color: #181c32;;}
 .dataTables_length .form-control{padding: 5px 5px 6px;}
 input.form-control.input-sm:hover,  input.form-control.input-sm:active{border: 1px solid #764FB7;}
  input.form-control.input-sm{border: 1px solid #D4D4D4;}
.GridSplit .grid_table>h2{margin-top: 26px;}
.gridDiv.grid_table.Overall_Grid{margin: 0 -15px 0 -15px !important;}
.grid_table .table > thead > tr > th{padding:10px;}
.Load_More .load_btn{border: 1px solid #D4D4D4;padding: 6px 20px;border-radius: 5px;color: #764FB7;
    margin-top: 20px;display: inline-block;font-weight: bold;}
.Load_More .load_btn span{color: #AAAAAA;font-weight: normal;}
.Load_More{text-align: center;}
.load_view{display: none;}
.Load_More .load_btn .fa-angle-down{vertical-align: middle;padding: 0px 0px 0px 10px;color: #764FB7;}
.last_update, .FilterSection{margin-bottom: 13px;}
.overall_pad{padding: 10px 20px 20px 20px !important;}
.LastUpdated {color:#666;margin: 0 auto 7px; display: inline-block;transition: 0.3s;}
.LastUpdated i{ color:#aaa; margin-left:5px; cursor:pointer;float: left;margin: 2px 0 0 7px;font-size: 16px;}
.LastUpdated>span{float: left;}
i.icon-update-arrows.rotate_icon:hover, i.icon-update-arrows.rotate_icon:active{
    transform: rotate(360deg);transition: 0.8s;color: #764FB7;-webkit-transform: rotate(360deg);}
    .FilterSection .new-btnblue{margin-top: 5px !important;}

/*new my team start*/
.NewMyTeam .card-article p, .NewMyTeam .card-article h4 a, .NewMyTeam .card-article .card-section a{width: 100%;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewMyTeam .row > [class*="col-"]{padding: 0 10px; margin:0 0 20px 0;}
.MyTeamPerformace .cycle-section{ margin: 14px 0px 10px !important;padding-left: 15px !important;}
.MyTeamPerformace .relation-section{margin: 29px 0px 0px !important;padding-left: 15px !important;}
.NewMyTeam .card {background: #FFFFFF;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 0.285rem;transition: 0.3s;text-align: center;padding: 5px 5px 15px;}
.NewMyTeam .card:hover {box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);}
.NewMyTeam .card-section label{width: 100% !important;color: #6b6a6a !important;text-align: center !important;}
.NewMyTeam .card-section span{display: inline-block !important;color: #6b6a6a !important;}
.NewMyTeam .card-article {padding: 2px 5px 0px;}
.NewMyTeam .card-article h4{margin: 7px 0px 4px;line-height: 16px;}
.NewMyTeam .card-article h4 a{color: #764FB7;font-size: 14px;display: block;margin-bottom: 0px;}
.NewMyTeam .card-article h4 a:hover,.NewMyTeam .card-article a:hover{color: #461F87;}
.NewMyTeam .card-article a{margin-bottom: 13px;}
.NewMyTeam .card-article a:hover{ text-decoration:underline;text-decoration-thickness: 3px;}
.NewMyTeam .card-article .card-section a.EmptySpace{text-decoration: none;}
.NewMyTeam .card-article p{margin: 0px;}
.NewMyTeam .card-article a {margin-top: -3px;}
.NewMyTeam .card-article span{color: #000;margin: 4px 0px 5px;display: block;}
.NewMyTeam .card-article label{margin-bottom: 0px;width: 50%; overflow: hidden;text-overflow: ellipsis;
vertical-align: middle;white-space: nowrap;color: #000;text-align: right;font-size: 13px;}
.NewMyTeam .card-img{width: 100%; height: 100%;border-radius:50%;text-align: center;border: 1px solid #fff;}
.NewMyTeam .card-section{margin: 7px 0px 12px 0px;}
.NewMyTeam .card-section ul b{color: #000000;display: inline-block;text-align: left;font-size: 14px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 50%;vertical-align: middle;padding-left: 5px;}
.NewMyTeam .cardfooter-parent{display:table;width: 100%;}
.NewMyTeam .card-footer{border-top: 1px solid #d7d8dd;background: #f7f7f7;height: 64px;border-radius: 0px 0px 5px 5px;
display:  table-cell;width: 100%;vertical-align: middle;}
.NewMyTeam .card-footer a span{display: table-row;line-height: 15px; font-weight:normal; font-size: 12px;}
.NewMyTeam .card-footer a span small{display:table-cell; height:15px; vertical-align:middle;font-size: 12px; 
    text-align:center;line-height: 14px;}
.NewMyTeam .card-footer a{color: #353535;vertical-align: middle;}
.NewMyTeam .card-footer a:hover{color: #461F87;}
.NewMyTeam .card-footer a i.fa{font-size: 20px;}
.NewMyTeam .card-footer a .icon-comment-icon, .NewMyTeam .card-footer a .icon-speedometer-icon{font-size: 22px;}
.NewMyTeam .card-section span, .NewMyTeam .card-article a{display: block;color: #000;}
.NewMyTeam .card-article a{color: #764FB7;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewMyTeam .card-section ul li{text-align: center;cursor: default;line-height: 16px;}
.NewMyTeam .card-footer .card-footer-section a{padding: 0px 5px; display:table; width:100%;}
.NewMyTeam .card-footer .card-footer-section p{color: #9ea1b0; font-weight: normal;font-size: 12px;}
.card-footer .card-footer-section:last-child{border-right: 0px;}
.card-footer .card-footer-section:last-child a .icon-Performance{display: block;}
.NewMyTeam .card-footer .card-footer-section .NoAction{margin-top: 11px;}
.NewMyTeam .card-footer .icon-Engagement {font-size: 24px;vertical-align: middle;}
.NewMyTeam .card-footer i{ height:25px;}
.NewMyTeam .card .OuterBorderEmpty{margin: 15px 0px 0px 0px;border: 2px solid #cccccc;display: inline-block;
    width: 60px;height: 60px;border-radius: 50%;}
.NewMyTeam .card .OuterBorderEmpty .EmptyImg{width:100%; height:100%; display: inline-block;border-radius: 50%;
    text-align: center;color: #764FB7;background: #ededed;font-size: 22px;line-height: 53px; 
    font-weight:bold; cursor:pointer;border: 2px solid #fff;}
.NewMyTeam .card-footer .icon-Performance{font-size: 24px;}
.NewMyTeam .card-footer .icon-Restrict{font-size: 15px;}
.NewMyTeam .card .OuterBorderImg{margin: 15px 0px 0px 0px;border: 2px solid #764FB7;display: inline-block;
 width: 60px;height: 60px;border-radius: 50%;padding: 2px;cursor:pointer;}
.card-footer .card-footer-section{border-right: 1px solid #d7d8dd;margin-top: 0px;font-weight:bold;padding: 0px}
.SearchingContainer  .navbar-form .form-control{width: 100%;}
.AssumeIcon{position: absolute;right: 24px;top: 14px;color: #90a1b1;font-size: 22px;}
.AssumeIcon:hover{color: #1c8efe;}
.SearchingContainer .Advanced_Search .icon-Filter{color: #566a8f;display: block;margin-top: 13px;font-size: 18px;}
.SearchingContainer .form-group{margin: 0px 12px 0 0;}
.Advanced_Search_container.filter_search .col-md-4{border-right: 0px;}
.Advanced_Search_container.filter_search .dropdown-menu{width: 100%;}
.filter_search.Advanced_Search_container .LocationTreeDIV{border: 0px;}
.showrecords {color: #000;}
.PaginationDiv  .pagination{display: block !important;}
.NewMyTeam .pagination > .active > a:hover{background: #242a30 !important;border-color: #242a30 !important;color: #fff;}
.grid_table.b-t-0{border-top: 0px;}
.Cycle-Aside{margin-top: 30px !important;}
.SerachArea .SortBy{display: inline-block;color: #5d5c5c;}
.SerachArea .SortBy label{float: left;margin: 7px 6px 0 12px;font-size: 14px;}
.TabMode{display: none;}
.StatusDrop .btn-group .dropdown-menu{width: 200px;}
@media (min-width: 768px) and (max-width: 1024px){
  .TabMode{display: block;}  
  .NewSeachBox {width: 200px;}
  .NewSeachBox input {width: 168px !important;}
  .TabMode .WhiteBtn{padding: 0 8px;font-size: 13px;}
  .SerachArea .WhiteBtn{padding: 0 8px;font-size: 13px;}   
  .SortBy small{width: 30px;}
  .SerachArea .Manage-Btn, .SerachArea .Bulk-Link{display: none;}
}
@media (min-width: 1000px) and (max-width: 1170px){
  .TabMode{display: block;} 
   .SerachArea .WhiteBtn{padding: 0 15px;}   
  .SerachArea .Manage-Btn, .SerachArea .Bulk-Link{display: none;}
}
@media (min-width: 1170px) and (max-width: 1275px){
  .SerachArea .WhiteBtn{padding: 0 8px;}  
  .NewSeachBox{width: 250px;}
  .NewSeachBox input{width: 223px !important;}
  .SortBy small{width: 34px;}
}
@media (min-width: 768px) and (max-width: 800px){
.SerachArea .SortBy .bootstrap-select{width: 140px !important;}
}
/*.navbar-form .form-control{width: 100%;}*/
.filter_search .LocationTreeDIV form, .filter_search .LocationTreeDIV ul.jstree-container-ul{background: #f3f3f3 !important;}
input:hover, .form-control:focus, button.multiselect.dropdown-toggle.btn.btn-default:hover, 
.Pos_relative.LocationTreeDIV:hover{border: 1px solid #53a3fe;outline: none;}
.panel-inverse .panel-heading{border-radius: 5px 5px 0px 0px;}
:root .SearchingContainer .form-group{margin: 0px 23px 0px 0px \0/IE9;}/*Ie9*/
_:-ms-fullscreen, :root .SearchingContainer .form-group{margin: 0px 23px 0px 0px;}/*IE10 and IE11*/
_:-ms-lang(x), .SearchingContainer .form-group{margin: 0px 23px 0px 0px;} /*IE10 and IE11*/
_:-ms-lang(x)::backdrop, .SearchingContainer .form-group{margin: -34px 23px 0px 0px;} /*Edge*/
/*media query start*/
@media (min-width: 900px) and (max-width:1200px){
 .NewMyTeam .row .col-md-3{ width:33.3%;}
}
.tooltip-inner {
    white-space: pre-line;word-break: break-word;
}
.Deactivated .card .OuterBorderImg,.Deactivated .card .OuterBorderEmpty{ border:2px solid #f57878;}
.Deactivated .card-footer{background:#fee6e6;}
/*new my team end*/
#Recommendation .MultiselectList  .slimScrollBar {height: 239.726px !important;}
/*My team goals status start*/
.MyTeamGoals{background: #fff;padding: 20px 15px;}
.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 span{display: block;font-size: 24px;font-weight: bold;}
.MyTeamGoals .TeamGoals-Article .TeamGoals-Section label{font-size: 13px;margin-bottom: 2px;line-height: 16px;}
.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 div{padding: 10px;border-radius: 5px;}
.MyTeamGoals .TeamGoals-Article .TeamGoals-Section:last-child{/*padding: 0px;*//*width: 93px;*/}
.MyTeamGoals .TeamGoals-Article .Goald-Icon{font-size: 38px;bottom: 5px;right: 17px;position: absolute;
line-height: 50px;width: 50px;height: 50px;opacity: 0.4;}
.MyTeamGoals .rTable .rTableRow.TableHead{background: #ebeef5;}
.MyTeamGoals .rTable  .rTableCell .BtnComments{background: #3479b2;color: #fff;font-size: 12px;margin-top: 5px;}
.MyTeamGoals .rTable  .rTableCell .BtnComments i{margin-right: 3px;font-size: 18px;vertical-align: middle;}
.MyTeamGoals .rTable  .rTableCell{vertical-align: middle;padding: 15px 13px;}
.MyTeamGoals .rTableCell .OuterBorderImg{border: 2px solid #764FB7;display: inline-block;width: 55px;
height: 55px;border-radius: 50%;padding: 2px;vertical-align: top;}
.MyTeamGoals .rTableCell .OuterBorderImg img{width: 100%;height: 100%;border-radius: 50%;border: 1px solid #fff;}
.MyTeamGoals .rTableCell .Employee-Avatar{display: inline-block;vertical-align: middle;margin-left: 8px;
width: 200px;white-space: normal;word-break: break-word;}
.MyTeamGoals .rTableCell .Employee-Avatar label a{color: #764FB7;font-weight: bold;}
.MyTeamGoals .rTableCell .Employee-Avatar label {margin-bottom: 0px;}
.MyTeamGoals .rTableCell .Employee-Avatar span{display: block;color: #6b6a6a;font-weight: normal;
   /* vertical-align: middle;*/}
.MyTeamGoals .rTableCell .OuterBorderEmpty{border: 2px solid #cccccc;display: inline-block;width: 55px;height: 55px;
border-radius: 50%;vertical-align: top;}
.MyTeamGoals .rTableCell .OuterBorderEmpty .EmptyImg{width: 100%;height: 100%;display: inline-block;
border-radius: 50%;text-align: center;color: #764FB7;background: #ededed;font-size: 22px;line-height: 50px;
font-weight: bold;vertical-align: middle;border: 2px solid #fff;}
.MyTeamGoals .Employee-Avatar .View_Goals{font-size: 13px;color: #764FB7;font-weight: bold;}
.MyTeamGoals .Employee-Avatar .View_Goals i{margin-right: 3px;}
.MyTeamGoals .Employee-Avatar .View_Goals:hover{text-decoration: underline;}
.b-t-0{border-top: 0px !important;}
.MyTeamGoals .rTableCell{min-width: 122px;}
.EmployeeTable{margin: 0px 6px;}
.MyTeamGoals .rTableCell:first-child{white-space: nowrap;}
.GoalsEditable .NewSeachBox .ScrollBox {
    background: #fff;
    left: 1px;
    right:0px;
    top: 25px;
    z-index: 99;
    box-shadow: 0 4px 6px 0 rgba(32,33,36,0.28);
    display: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #1c8efe;
    border-top: 0;
    background-color: white;
}
.GoalsEditable .NewSeachBox .ScrollBox ul {
    max-height: 200px;
    height: auto;
    overflow-y: auto;
    margin-right: 1px;
}
.GoalsEditable .NewSeachBox.active {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.GoalsEditable .NewSeachBox ul li {
    padding: 8px 10px;
    cursor: pointer;
}
.GoalsEditable .NewSeachBox ul li:last-child {
    border: none;
}
.GoalsEditable .NewSeachBox i.icon-Not_Started {
    float: right;
    margin: 0px;
    cursor: pointer;
}
.GoalsEditable .NewSeachBox i {
    color: #c0c0c0;
    position: absolute;
    right: 8px;
    top: 1px;   
}
.GoalsEditable .NewSeachBox input {
    height: 32px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 180px;
}   
.GoalsEditable.Editable label{margin: 12px 7px 0 0;
    font-weight: 400;
    color: #566a8f;}

@media (min-width: 768px) and (max-width: 1000px){
 .MyTeamGoals .rTableCell .Employee-Avatar {width: 230px;}
.MyTeamGoals .rTableCell{min-width: 125px;}
}
@media (min-width: 991px) and (max-width: 1023px){
   .ActionHeader .SortSection{display: none;}
}
@media (min-width: 768px) and (max-width: 1023px){
.MyTeamGoals .Goals-Aside label{width: 80px;}
}

/*My team goals status end*/

/* My Team Performance Sample Start*/
.MyTeamPerformace .card-footer .card-footer-section a.btn{background: #fff;padding: 12px 0px 9px;
    margin: -2px 0px 0px 9px;width: 24px;text-align: center;border: 1px solid #d7d8dd;}
.MyTeamPerformace .card-footer .col-sm-5.card-footer-section{width: 44.666667%;}
.MyTeamPerformace  .col-md-6.Cycle-Aside{width: 45%;}
.MyTeamPerformace  .col-md-6.cycle-section{width: 55%;}
/*.MyTeamPerformace .card-article p{color: #949292;}*/
.MyTeamPerformace .card-article span{color:#000; font-size:14px;}
.MyTeamPerformace .card-article{text-align: center;margin-left: 10px;}
.MyTeamPerformace .card .OuterBorderImg{/* margin-left:20px; */margin-top: 0px}
.MyTeamPerformace .row .InfoCycle{ margin:0 0 15px 0;}
.MyTeamPerformace .card .row .col-md-6:nth-child(1){border-right:1px solid #eeeeee;}
.MyTeamPerformace .card .row .col-md-6:nth-child(2),.MyActionItems .cycle-section{text-align: left;font-size:13px; border:0;line-height: 18px;}
.MyTeamPerformace .card .row .col-md-6:nth-child(2) p,.MyActionItems .cycle-section p{margin:0px;color:#443f3f;line-height: normal;}
.MoreLink{ border-top:1px solid #d7d8dd; font-size:13px; margin:6px 0 0; padding:4px 0px 4px 0px; text-align:center; clear:both; display:none; }
.MyTeamPerformace .card-footer .MoreLink a i.fa{ font-size:13px;}
.MoreLink a{ padding:0; font-weight:normal;}
.more{ border:0 !important;}
.more a{ font-weight:normal; margin:10px 0 0; line-height:normal; white-space:normal;}
.NewMyTeam .card-footer .dropdown-menu li a{margin:0; padding:5px 10px !important;word-wrap: break-word;
    white-space: normal;line-height: 18px;}
.NewMyTeam .card-footer .dropdown-menu a:hover{     background: #e8e8fb;
    font-weight: 700;border-radius: 4px;color: #353535;}
.MyTeamPerformace .dropdown-menu{ left:auto; right: -8px;top: -1px;bottom: auto;overflow-y: auto;
}
.ArrowMenu{position: absolute;right: 15px;top:15px;/*padding: 14px 15px 15px;*/font-size: 12px;}
.MyTeamPerformace .col-md-4:last-child{ border:0;}
.MyTeamPerformace.NewMyTeam .card-footer.TwoCardSection .card-footer-section > a{padding: 0px 30px;}
/*.MyTeamPerformace.NewMyTeam .card-footer{height: 52px;}*/
/*.MyTeamPerformace .card .card-footer-section span small{width: 170px;overflow: hidden;display: inline-block;text-overflow: ellipsis;
white-space: nowrap;}*/
.MyTeamPerformace .card .col-md-12.card-footer-section span small{max-width: 340px;width: auto;}
.MyTeamPerformace  .card .col-md-6.col-sm-6 span{ margin-bottom:0px;width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;display: inherit;}
 .MyTeamPerformace  .card .col-md-6.col-sm-6 p{width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;display: inherit;}
.card-footer-section .dropdown-menu{z-index: 1040;border-radius: 4px;padding: 10px;}
.StatusDrop{display: inline-block;margin-left: 7px;float: left;}
.SerachArea .bootstrap-select .selectpicker{height: auto;}
.SerachArea .bootstrap-select div.dropdown-menu{overflow-y: auto !important;}
.Eligible label {
    margin: 1px 0 0 30px;
    color: #6d6d6d;
    font-size: 14px;
}
.Eligible {
    display: inline-block;
    margin: 6px 20px 11px 0px;
}
.FilterSection {background: #fff;
    box-shadow: 0 0px 18px #dcdada;
    border-radius: 5px;
    padding: 12px 20px 0px !important;}
/* My Team Performance Sample End*/

/*My Goals Performance start*/
.GoalsPerformance{padding: 0px;background: transparent;margin: 0px -5px;}
/*My Goals Performance end */

/* My team training */
.PendingCourse{ margin:5px 0; font-size:13px; color:#000;}
.PendingCourse span a{ font-size:18px; color:#764FB7; font-weight:bold; display:block; margin:0;}
@media (min-width: 768px) and (max-width: 799px){
.PaginationDiv .showrecords {font-size: 14px;}
.PaginationDiv .pagination {font-size: 14px;}
.pagination > li > a, .pagination > li > span{padding: 4px 6px;}
}
@media (min-width: 899px) and (max-width: 1366px){
.pagination > li > a, .pagination > li > span{padding: 6px 12px;}
}
/*New Search and Filter*/
.SearchFilter .input-group{width: 230px;float: left;margin: 0px 15px 0px 0px;}
.SearchFilter .input-group .NewSearch{border-radius: 5px 0px 0px 5px !important;height: 34px;}
.SearchFilter .input-group .input-group-btn button{color: #333;background-color: #fff;border-color: #ccc;}
.SearchFilter .btn.themebtn:hover{background: #0d79e2;border-color: #0d79e2;}
.SearchFilter .btn.themebtn{background: #764FB7;border-color: #764FB7;}
.SearchFilter .btn.themebtn .icon-Filter{margin-right: 3px;}
.SearchFilter .input-group button.btn.btn-default:active, .SearchFilter .input-group button.btn.btn-default:hover
{border: 1px solid #53a3fe;}
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .SearchingContainer.SearchFilter input{width: 220px !important;}
}
@media only screen and (min-width: 1024px) and (max-width: 1060px){
    .SearchingContainer.SearchFilter .input-group{width: 192px !important;}
}

.MyTeamActionHead.ActionHeader .pull-left.SortSection{border-left: 0px;padding: 0px;}
.MyTeamActionHead.ActionHeader .pull-left.SortSection .btn-group {width: 200px !important;}
.MyTeamGoals .EmployeeTable .TableHead .rTableHead{vertical-align: middle;cursor: pointer;text-align: center;
text-transform: uppercase;}
.MyTeamGoals .EmployeeTable .TableHead .rTableHead img{
    width: 12px;height: 12px;
}
.MyTeamGoals .rTableCell .Employee-Avatar.Employee_view {display: block;text-align: center;margin-top: 10px;
    margin-left:15px;}
.MyTeamGoals .EmployeeTable .Empleft{padding-right: 15px;}
.MyTeamGoals .Employee-Avatar .View_Goals{color: #676666;line-height: 24px;text-transform: capitalize;
    width: 100px;}
.MyTeamGoals .Employee-Avatar .View_Goals:hover{color: #fff;text-decoration: none;}
@media (max-width: 1000px){
.MyTeamActionHead.ActionHeader .pull-left.SortSection {
    display: block;
}
}
@media (max-width: 1023px) and (min-width: 991px){
 .MyTeamActionHead.ActionHeader .pull-left.SortSection {
    display: block;
}
}

/** My Action items **/
.ActionItemList .slimScrollRail{width:1px !important; right:2px !important;}
.MyActionItems .card{ display:table; padding:4px 0; width:100%; table-layout:fixed; height:126px; }
.MyActionItems .card-article{line-height:normal;}
.MyActionItems .card-article p{ margin:1px 0 5px 0;}
.MyActionItems .card .row{display:table-row;}
.ActionItemList .row > [class*="col-"]{ margin-bottom:10px; display:table-cell; float:inherit; vertical-align:middle; padding:4px 20px 0;}
.MyActionItems .card .OuterBorderImg{ width:50px; height:50px; margin:0;   }
/* .MyActionItems .cycle-section{ width:33.3% !important;} */
.noaction a{cursor:default; color:#b0b0b0;}
.slimScrollBar{background:#bfbfbf !important; opacity:1 !important;}
.slimScrollBar:hover{background:#a7a6a6 !important; }
.MyActionItems .cycle-section,.MyActionItems .action-items{ border-left:1px solid #eee;}
.MyActionItems .action-items{ padding:0 7px 0 20px !important;}
.action-items ul{ margin-right:5px;}
.action-items li{margin:4px 0; font-size:0; line-height:normal; display:inline-block;}
.action-items li:last-child{ margin:0;}
.action-items a{ color:#764FB7; font-size:14px; display:inline-block;}
.action-items a:hover{ font-weight:600;}
.action-items a::after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
@media (max-width: 1250px){
    .ActionItemList .col-md-6.col-lg-6.col-sm-12{ width:100%;}
}
.noaction a,.noaction a:hover{ color:#b0b0b0; font-size:13px; font-weight:normal;}
.loaderItems{min-height: 100px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%;}
.NewMyTeam .card-footer i.fa-spin{ height:inherit; margin:50px 0 0; float:none; font-size:16px; margin:40px 0 0;}
.card-footer li{ display:none;}
.CheckAll.hovered label {
    color: #764FB7;
}
.CheckAll.hovered small {
    border: 1px solid #764FB7;
}
.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:hover, .sidebar .nav > li.active > a:focus{background: #78c46c;}
/*.sidebar .nav .sub-menu li.active a,.sidebar .nav .sub-menu li.focus a{background: #d5ecd1;}*/
.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: 17px;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: -8px;top: 25px;position: absolute;padding: 10px;
text-align: left;line-height: 22px;width: 200px;border: 0px solid #dcdada;box-shadow: 0 0px 7px #888888;border-radius: 5px;}   
.Info_Rating .tooltipdiv ul {padding: 0px;margin: 0;}
.Info_Rating .tooltipdiv ul li {float: left;width: 100%;}
.Info_Rating .tooltipdiv ul li a {color: #434343;width: 100%;display: block;padding: 6px;font-weight:500;line-height: 18px;}
.Info_Rating .tooltipdiv ul li:last-child {border-bottom: 0px;}
/*.Info_Rating .tooltipdiv ul li:hover a {color: #fff;}*/
.Info_Rating .tooltipdiv ul li:hover a{background: #e8e8fb;border-radius: 5px;color: #434343;font-weight: bold;}
.SortBy .FilterIcon{border-bottom: 2px solid transparent;vertical-align: middle;margin: 3px 10px 0px 0px;
display: inline-block;text-align: center;}
.SortBy .FilterIcon:hover{border-bottom: 2px solid #461F87;}
/*.SortBy .CustomMens .dropdown-toggle{background: #fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 0.285rem;}*/
.MyTeamPerformace.NewMyTeam .card {padding: 0px;}
.CustomMens.btn-group .icon-if_plus_214640{vertical-align: middle;}
/*.SortBy .CustomMens .dropdown-toggle:hover,.SortBy .CustomMens .dropdown-toggle:focus{border: 1px solid #353535;}*/
.TeamTraing.NewMyTeam .card{padding: 0px;}
.TeamTraing.NewMyTeam .card-article p{margin-bottom: 10px;}
.TeamTraing.NewMyTeam .card-footer a{color: #764FB7;}
.TeamTraing.NewMyTeam .card-footer a:hover{color: #461F87;}
.SortBy .CustomMens .btn.dropdown-toggle span{ display: inline-block;vertical-align: middle;}
.SortBy .CustomMens .btn.dropdown-toggle .icon-DownArrow {margin-top: 5px !important;font-size: 0.5rem;}