/* Wall */
.CFWall-Left .wallcontent{ /*border-left:1px solid #ccc; margin:0 10px 0 50px;*/ border: 0px;margin: 0px;}
.FeedbackContent{ background:#fff; padding:20px 20px 20px 20px;border-radius: 5px 5px 5px 5px; position:relative;}
.WallDateWise{ position:relative; padding:0 0 0 0px;}
.DateCal{ position:absolute; left:-50px; text-align:center; top:0; width:100px; background:#f3f3f3; padding:5px;
color: #757c87;display: none;}
.OuterBorder{   margin: 0px 15px 15px 0px;float: left; border: 2px solid #cccccc;  display: inline-block;  width: 56px;  height: 56px;  border-radius: 50%;}
.FeedbackBy .avatar{width:52px; height:52px; display: inline-block; border-radius: 50%; text-align: center;color: #764FB7;
background: #ededed; font-size: 24px; line-height: 50px;margin-right: 10px; font-weight:bold;border: 2px solid #fff;}

.GiverName{ display:table-cell; max-width:100%;color: #3f4a59;}
.GiverName a{color:#764FB7;}
.GiverName a:hover{color:#461F87; cursor:default;}
.GiverName label{color:#05b717;margin: 0px;font-weight: 600;letter-spacing: 1px;}
.FeedbackBy{ position:relative; padding:0 100px 0 0px;border-bottom:1px solid #e0e0e0;}
.ActionItems{ position:absolute; top:0; right:0;}
.ActionItems a{font-size: 20px;vertical-align: middle;display: inline-block;}
.ActionItems span{ display:block;margin-top: 49px;color: #9fa4ac;}
.Displaytable{ display:table; margin-top: 20px; width:100%;} 
.FeedbackDetails{ display:block;margin-bottom: 0px;}
.ContentFeedback{padding-left: 20px;}
.AwardAvator span{ border-radius: 4px; border:1px solid #f7f7f7;width:132px; height:102px;background:#f7f7f7;display: table-cell;vertical-align:middle !important;}
.AwardAvator{width:132px; height:102px; vertical-align:top !important; text-align:center;}
.AwardAvator img{ max-height:75px; max-width:75px;}
.FeedbackDetails .AwardAvator,.FeedbackDetails .ContentFeedback{ display:table-cell;vertical-align: top;}
.ReplayContainer{border-top:1px solid #e0e0e0; margin-top:20px; padding-top:20px;}
.ReplayContainer ul{ width:80%; margin:0px 20px 0 auto;}
/*.ReplayContainer li{ margin:0 0 10px 0;}*/
.ReplayContainer .avatar { float:left;}
.ReplayContainer .ViewContent, .ReplayContainer .RepltHide, .ViewMore, .HideSection{display: none;}
.ReplayContainer li.SelfComment .avatar{ float:right;}
.ReplayContainer li div{    margin-left: 0;
    background: transparent;
    padding: 0;}
/* .ReplayContainer li div{ background:#e3f1ff;padding: 13px 0px 13px 15px;border-radius: 4px;
border: 1px solid #c8e1fa; margin:5px 0 6px 58px;color: #434343;} */
.ReplayContainer li.SelfComment div{ margin-right: 58px; margin-left:0px;/*text-align: right;*/
color: #fff;background: #764FB7; margin-top:0px;border: none;}
.ReplayContainer ul .SelfName{ padding-bottom:0px;}
.SelfComment .SelfName{padding-bottom: 9px;}
.avatar img{height: 44px;width: 44px;border-radius: 50%;float: left;/*margin: 0px 15px;*/}
.SelfName span{color: #9fa4ac;}
.SelfName span, .Selector, .FeedbackContent .ViewMore, .view_content, .ActionItems span, .DateCal{font-size: 12px;}
.ContentFeedback p{margin: 0px !important;}
.ReplayContainer .ReplyText a{text-transform: uppercase;margin-top: 20px;margin-bottom:0px;color: #764FB7;
letter-spacing: 1px;display: inline-block;}
.ReplayContainer .ReplyText a:hover{ font-weight:bold;}
.icon-Reply_Icon{font-size: 12px;}
.icon-Tag_Goals_Icon{font-size: 26px;}
.Pad_Reply{padding-bottom: 17px !important;}
.avatar-content p{margin: 0px;color: #a6a9ad;}
.avatar-content p .fa-globe{color: #a6a9ad;}
.avatar-content{margin-bottom: 18px;}
.avatar-content .Selector{text-transform: capitalize;margin-top: 4px;}
.avatar-content .Selector a{margin-right: 8px;}
.FeedbackContent .ViewMore{margin: 0px 20px 20px 0px;}
.FeedbackContent .ViewMore a{color: #764FB7;margin-top: 8px;}
.BottomSection{background: #cfe6fd;padding: 12px 10px;position: relative;border-radius: 0px 0px 5px 5px; margin:-5px 0 0;}
.BottomSection span{display: inline;float: left;margin: 0px 0px;}
.BottomSection input{width: 100%;height: 35px;border-color: #bcdcfc;}
.BottomSection .avatar img{width: 40px;height: 40px;}
.BottomSection .btn-post{background: #764FB7;color: #fff;padding: 5px 0px;float: right;
  position: absolute;right: 10px;bottom: 12px;width: 80px;display: inline-block;text-transform: uppercase;letter-spacing: 1px;}
  .emoji-wysiwyg-editor{min-height: 32px !important;border-radius: 4px !important;}
.BottomSection .TextField{margin: 0px 90px 0 52px;}
.BottomSection .Delete_Circle{display: inline-block;
    position: absolute;
    right: 108px;
    top: 50%;
    color: #90a1b1;
    font-size: 16px;
    margin-top: -8px;} 
.summery_text .dropdown-menu li a{text-transform: capitalize;}
.BottomSection .avatar img{margin-top: -4px;}
.dot-wall{border: 1px solid #576674;border-radius: 50%;width: 8px;height: 8px;position: absolute;background: #576674;
 left: -4px;top: 50%;display: none;}
 .wall-award{text-align: center;background: #48a2f9; margin-bottom: 30px;padding: 15px;text-transform: uppercase;
 	border-radius: 4px; cursor:pointer;}
 .wall-award:hover{ font-weight:bold; background:#764FB7;}
  .wall-award .award_btn{color: #fff;}
  .award_list .list-group{margin-bottom: 0px;}
 .award_list .list-group .summery_text{color: #656e7a;padding-top: 14px;border-top: none;
  text-transform: uppercase;}
 .award_list .list-group-item{padding: 15px 0px;}
 .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
 .FeedbackContent, .wall-award, .award_list, .summery-wall{box-shadow: 0px 0px 7px #cdc9c9 !important;
  -webkit-box-shadow: 0px 0px 7px #cdc9c9 !important;}
  .BottomSection{display: none;}
  .BottomSection{box-shadow: 0px 2px 7px #cdc9c9 !important;-webkit-box-shadow: 0px 2px 7px #cdc9c9 !important;}
 .award_list ul li label a {color: #764FB7;font-weight: bold;}
 .award_list ul li label:hover a,.award_list .list-group-item:hover .badge{color: #461F87;}
 .award_list .list-group-item .badge{background: #fff;font-size: 15px;color: #764FB7;line-height: 1;padding: 3px 0px;}
 .view_content{display: block;text-align: center;padding-bottom: 20px;}
.bootstrap-select .btn.btn-default.dropdown-toggle:hover{border:1px solid #1c8efe;}
  .View_less{display: block;text-align: center;padding-bottom: 15px; color:#764FB7;}
 .View_less:hover{ font-weight:bold;color: #461F87;}
  .ContentFeedback h4{font-size: 14px; text-transform:uppercase;}
.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle, .btn-group button.multiselect{padding: 5px 12px;margin: -7px auto 0px;vertical-align: top;height: 32px;}
 .btn .caret{margin-left: 10px;}
 .bootstrap-select.btn-group .dropdown-menu{min-height: auto;}
 li.list-group-item.BorderNone::after{height: unset;}
/*  .ReplayContainer ul li div img{width: 20px;height: 20px;vertical-align: middle;margin: -3px 0px 0px 0px;} */
 .TextField :-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a5abb2;font-size: 16px;font-weight: normal;
}
.summery-wall{border-radius: 4px;}
.summery-wall .panel-default > .panel-heading{border-radius: 5px 5px 0px 0px;border: 1px solid #fff;
  border-bottom: 1px solid #e6e6e6;background: #fff;}
  .summery-wall .panel-default > .panel-heading:hover{border: 1px solid #1c8efe;border-radius: 4px;}
.summery-wall .panel-title{font-size: 14px;font-weight: 600;}
 .TextField ::-moz-placeholder { /* Firefox 19+ */
  color: #a5abb2;font-size: 13px;font-weight: normal;
}
 .TextField :-ms-input-placeholder { /* IE 10+ */
  color: #a5abb2;font-size: 13px;font-weight: normal;
}
.TextField :-moz-placeholder { /* Firefox 18- */
  color: #a5abb2;font-size: 13px;font-weight: normal;
}
.TextField textarea{width: 100%;height: 35px;resize:none;}
.list-group-item:first-child{border-top-left-radius: 0px;border-top-right-radius: 0px;}
.list-group-item:last-child{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}
.award_list{background: #fff;padding: 0px 15px;border-radius: 4px;}
.award_list li label{max-width: 75%;font-weight: 700;margin-bottom: 0px;}
.BorderNone::after{background: transparent;}
.list-group-item{border-left: none;border-bottom: none;border-right: none;}
.BorderSection{border-radius: 4px;}
.ViewMode{display: none;}
a:hover{color: #764FB7;}
.BorderNone{border-bottom: none;}
.BorderNone .FeedbackDetails{margin-bottom: 0px;}
.ActionItems a i{color:#a6a9ad;}
.ActionItems a i:hover{color:#461F87;}
.Selector .icon-Restrict, .Selector .icon-Private{color: #a6a9ad;font-size: 16px;}
.icon-Public_Icon{font-size: 14px;}
.VideoSection .avatar a{/* margin-right: 15px; */font-size: 25px;float: left;margin-top: 5px;}
.VideoSection  a.SampleFile{margin: 9px 0px 0px 12px;}
.VideoSection .avatar img{width: 100px;}
.VideoSection label{margin-bottom: 0px;}
.TagGoals .icon-TagGoal{font-size: 20px;}
 .NotificationMsg{background: #def2d6;padding: 15px;color: #535c68;border: 1px solid #c3daba;border-radius: 4px;}
.NotificationMsg a i{color: #6f9b5d;font-size: 20px;}
.NotificationMsg a{vertical-align: middle;}
.icon-Public_Icon{color: #a6a9ad;}
/*li.list-group-item::after{content: "";width: 100%;background: #e0e0e0;height: 2px;display: block;margin: 20px auto;}*/
 .VideoSection{margin-top: 20px;}
 .VideoSection .avatar{display: inline-block}
 .VideoSection .avatar img{margin-right: 15px;}
 .VideoSection .file-view{background: linear-gradient(to bottom, #eee, #ddd);
    width: 44px;
    border-radius: 4px;
    height: 44px;
    display: inline-block;
    float: left;}
 .VideoSection .avatar .media-image{margin-right: 0;border-radius: 0}
/*.VideoSection label{font-weight: bold;}*/
.ReplayContainer ul .SelfName{padding-left: 0px;}
.ReplayContainer ul .SelfName label{margin-bottom: 0px;}
.VideoSection p{margin: 0;color: #a1a1a1;}
.TagGoals{margin-top: 20px;display: table;}
.TagGoals .GoalsIcon{/* margin-right: 10px; */color: #a6a9ad;vertical-align: middle;display: inline-block;}
.TagGoals .GoalsIcon .icon-My-OKR-icon{font-size: 24px;color: #a6a9ad;margin-top: 3px;display: inline-block;}
.TagGoals .GoalsIcon .icon-My-OKR-icon:before{color: #a6a9ad;}
.GoalsIcon .icon-Tag_Goals_Icon{color: #a6a9ad;
    margin-top: 3px;
    display: inline-block;}
.TagGoals a{color: #764FB7;display: table-cell; width:100%;}
.TagGoals .TaggedSection{color: #764FB7;display: table-cell; width:100%;}
.TagGoals .TaggedSection:hover{color: #461F87;}
.GoalsIcon .icon-Objective{ font-size:24px;}
.icon-Restrict{font-size: 14px !important;}
.ActionItems .icon-more{font-size: 16px;color: #9fa4ac;margin-right: -4px;}
.ActionItems .btn{background: transparent;}
.MobileAppBanner { background: #fff; border: 1px solid #bcdcfc; padding:20px 15px; color: #3575b5;}
.MobileAppBanner p{ font-weight:bold; font-size:18px; line-height:26px;}
.MobileAppBanner a{ display:block; text-align:center;}
.MobileAppBanner img{ width:150px;}
/* Archives */
.Archives{ background:#fff; box-shadow:0px 0px 7px #cdc9c9; -webkit-box-shadow:0px 0px 7px #cdc9c9; border-radius: 4px;}
.Archives h3{ font-size:15px; color:#656e7a; text-transform:uppercase; margin:0 0; font-weight:normal; font-weight:normal;  cursor:pointer;}
.Archives h3 .fa{ right:0px; top:-4px;font-size: 22px;}
.ArchivesContainer{ display:block; border-top:1px solid #e0e0e0; margin:10px 0 0;}
.CustomScrollUI{max-height:300px; height:auto; overflow-y:auto;  margin:10px 0 0; padding:0 15px 0 0;}
.CustomScrollUI::-webkit-scrollbar { width: 6px;}
.CustomScrollUI::-webkit-scrollbar-track,.CustomScrollUI::-moz-scrollbar-track, 
.CustomScrollUI::-o-scrollbar-track { /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; */

 box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.CustomScrollUI::-webkit-scrollbar-thumb{
  background-color: darkgrey;
  outline: 1px solid slategrey; border-radius: 10px;
}
.ui-state-default{background:none; border:none; font-size:12px; padding:0 !important;}
.ui-accordion-content {border:0;}
.ui-accordion .ui-accordion-header{ padding:10px 10px !important;  margin:0 !important; border-radius:4px; color:#8b8b8b; font-weight:bold; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{ background:none; right:0; left:inherit !important; text-indent:inherit; }
li.Year{ border-bottom:1px solid #e0e0e0;}
.ui-accordion .ui-accordion-header.ui-accordion-header-active,li.Year:hover a.ui-accordion-header{background-color:#e8e8fb !important; color:#764FB7;}
.ui-accordion .ui-accordion-content{ padding:0px 0 10px 10px; margin:0 0 0 12px;}
.ui-accordion .ui-accordion-content li{padding:10px 0; border-bottom:1px solid #e0e0e0; font-size:12px; }
.ui-accordion .ui-accordion-content li a{color:#828282;}
.ui-accordion .ui-accordion-content li:last-child{ border:0;}
.ui-accordion-content li a.active,.ui-accordion-content li:hover a{color:#764FB7; font-weight:bold; background-color:none !important;}
.AccIcons{position:absolute; right:15px;}
.CustomDaterange label{display:block;}
/*.ArchivesContainer input.DatePickerBox{ font-size: 12px;
    padding-left: 30px !important;
    width: 118px !important;}*/
    .bootstrap-select.btn-group .btn .filter-option{line-height: 21px;}
/* Filter */
.FilterBtn{ width:145px;}
.FilterSection{ padding:10px 20px 0px;box-shadow: 0px 0px 7px #cdc9c9 !important;
    -webkit-box-shadow: 0px 0px 7px #cdc9c9 !important; background:#fff; border-radius: 4px;}
.chartdiv{  padding:10px 0 30px;}
.DailyProgress{}
.ChartGrid{ float:left; width:100%; padding:0 5px 30px 15px; -webkit-box-sizing: initial !important; moz-box-sizing:  initial !important; box-sizing:initial !important; border-bottom:1px solid #e0e0e0; margin:0 -5px 20px;}
.pagination-new li a{margin-left:0; border-radius:0px !important; -moz-border-radius:0px; -webkit-border-radius:0px; color:#3f4a59;}
.pagination-new previous,.pagination-new next{background:#eeeeee !important; color:#b2b0b1;} 
.pagination-new li.active a,.pagination-new li a:focus,.pagination-new li a:hover{ background:#fae2e0;border:1px solid #f15b5a;  color:#3f4a59;}
.paging_simple_numbers{ text-align:right;}
.hidecompleted{ width:120px; position:absolute; right:0; top:16px; margin-right:18px; }
.hidecompleted:hover label{color:#1c8efe;}
.hidecompleted:hover .UICheckbox small{ border-color:#1c8efe;}
.hidecompleted label{ float:left; margin:0 5px 0 0;}
.selected-filters{  float:right;}
.selected-filters span{ margin:0 5px; position:relative; color:#764FB7; font-size:16px; background-color:#e8e8fb;
 border:1px solid #b3d4f5; border-radius:4px; padding:5px 30px 5px 11px;}
 .selected-filters span:hover{border-color:#764FB7;}
.selected-filters small{color:#764FB7;display: block;line-height: 16px;}
.selected-filters a.delete,.selected-filters a.cyclename{ position:absolute; right:8px; top:13px; color:#90a1b1; font-size:16px;}
.selected-filters a.delete:hover{color:#6a6b6c;}
.selected-filters span.scroll_tab_left_finisher,.selected-filters span.scroll_tab_right_finisher{ background-color:transparent; border:0;}
.scroll_tab_left_button,.scroll_tab_right_button{ border-radius:50%; top:13px !important;}
.scroll_tab_right_button{right: -10px !important;}
.scroll_tab_last{ margin-right:0px !important;}
.scroll_tab_first{ margin-left:0px !important;}
.scroll_tab_inner{margin:0 0px 0px 10px !important;}
.dataTables_filter{border-top:1px solid #e0e0e0; text-align:left !important;}
.dataTables_paginate.paging_simple_numbers{ border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.theme-org-panel .new-modal .theme-org-panel .LocationTreeDIV .searchDiv, .theme-org-panel .modal-footer{background: #fff;}
.theme-org-panel .new-modal .modal-title {
    padding: 10px 20px 10px;
}
.EmpName table{table-layout:fixed;}
.theme-org-panel .jstree-default .jstree-anchor{margin-left:0;}
  /*tab view css start*/
  /*model popup start*/
#meeting-summery  .FeedbackContent{border-radius: 5px !important;}
#meeting-summery .modal-header{padding: 20px 30px;background: #fff;border-bottom: none;font-size: 1.142rem;}
#meeting-summery .modal-body{padding: 0px 20px 30px 30px; background: #fff;}
#meeting-summery .WallDateWise{margin-bottom: 10px; padding-left:3px !important;}
.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;}
.modal.left .modal-body, .modal.right .modal-body {padding: 15px 15px 80px;}
/*Right*/
  .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-radius: 0;border: none;
  }
  #meeting-summery .new-modal .slimScrollDiv{width: 100% !important;}
  /*model popup end*/
  .tab-wall {display: none;}
  .summery-wall .panel{background: #fff;border-radius: 4px;}
  .summery-wall .CFWall-right{padding: 0px;}
  .summery_text .btn-group.bootstrap-select{width: 125px !important;float: right;}
.wall-award-section .award_list ul li{font-weight: normal;}
  /*media query start*/
@media (min-width: 768px) and (max-width: 1200px){
 .tab-wall {display: block;}
 .FullView{display: none;}
 .RedeemPoints{width: 100%;
    margin: 0 auto 30px;
    padding-left: 150px;}
	.RedeemPoints h3{padding-top:22px;}
}
@media (min-width: 1001px) and (max-width: 1024px){
.MediaSection .col-md-4{width: 35%; }
}
  /*tab view css end*/
/*media query start*/
@media (min-width: 768px) and (max-width: 1200px){
  .avatar-content .GiverName{margin-bottom: 30px;display: table-cell;}
/*   .FeedbackBy .avatar{margin: 0px 15px 44px;} */
 /* .wall-award-section{margin-top: 30px;}*/
   li.list-group-item.BorderNone::after{height: unset;}
   .modal.right .modal-dialog{min-width: auto;}
   .CFWall-Left .wallcontent{margin-right: 0px;}
   .CFinPerformance .CFWall-Left{width: 100%;}
}

/*media query end*/
.each-question-wrapper .feedback-messages .wallcontent .FeedbackBy .avatar{width: 50px;height: 50px;font-size: 18px;
  line-height: 48px;margin: 3px 15px 0px 0px;}
.AddFeedbackButton{    margin-left: -1px;
    background: transparent;
    padding: 0 0 28px 0;}
.AddFeedback{ border: 1px solid #764FB7;
    display: block;
    padding: 13px 0 !important;
    margin: 0 0 0px 0px;
    border-radius: 4px;
    color: #764FB7; font-weight:bold;
    background: #fff;text-transform: uppercase;    background: linear-gradient(174.67deg, #9152C3 0%, #594AAA 100%);
    font-weight: bold;
    color: #fff;}
.AddFeedback:hover{ background: linear-gradient(174.67deg, #9152C3 0%, #594AAA 100%); font-weight:bold; color:#fff;}
#vertical_tab div.dataTables_wrapper div.dataTables_filter{text-align:left !important; padding:10px 20px;}
#vertical_tab .table th{ padding:10px 15px;}
#vertical_tab .table td{ padding:6px 15px;}
#vertical_tab .FilterBy{ left:270px; top:14px;}
.FilterBy span{    background: #d0e6fd; display:inline-block;
    padding: 8px;
    border: 1px solid #b3d4f5;
    border-radius: 4px;
    color: #333;}
.FilterBy span:hover{border-color:#1c8efe; cursor:pointer;}
.FilterBy span a{color:#90a1b1; margin:0 0 0 2px;}
.Search_Div small {
    top: 9px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
display: none;}
/* .SubCat,.Cat-1,.Cat-2{ display:none;}
.SubCat h5{ color:#333; font-weight:bold; margin:0 0 10px 0;}
.Awards img{ height:30px; width:auto; margin:0 0 0 30px; display:inline-block; float:left;} 
.Awards label{ display:inline-block; width:70%; margin:0 0 0 10px !important;}
.Awards .UICheckbox small{ /* top:15px; */
.AwardList li{ width:100%; margin:0 0 20px 0;}
.AwardList li:last-child{ margin:0;}
.AwardList li li div{ display:table-row;}
.AwardList li li small{ top:7px;}
.AwardList li li img{ width:30px; height:auto; margin:0 0 0 30px; float:left;}
.AwardList li li label{display:table-cell; vertical-align:middle; float:none;  margin:0; }
.AwardList li li label.NameAward{ width:80%;}
.AwardList li li label.AwardImg{ width:70px; }
/*feedback wall*/
.MediaSection .LargeImage, .MediaSection .SmallImage{text-align: center;}
.MediaSection .LargeImage .avatar img{width: 100%;height: auto; cursor:default;}
.MediaSection .LargeImage .avatar a, .MediaSection .LargSmallImageeImage .avatar a{margin-right: 0px;}
.award_list .text-blue{display: block;text-align: center;padding-bottom: 20px;}
.Archives_tablet .Pos_relative{font-weight: bold;color: #333;font-size: 14px;}
.Archives_tablet .Archives{padding: 13px 15px;}
.Archives_tablet .ArchivesContainer{display: none;}
.VideoSection a.SampleFile i{ color:#337ab7;}
.fa-file-excel-o:before{color:#207245;}
.fa-file-pdf-o:before{color:#e12025;}
.fa-file-word-o:before{}
.VideoSection.col-md-4 .avatar{ float:left; margin-right:10px;}
.VideoSection.col-md-4 div{ max-width:130px; float:left; line-height:16px;}
.VideoSection.col-md-4 div label{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:4px 0 4px 0;}
.VideoSection.col-md-4 div .tooltip-inner{ font-size:12px;}
.TextField .emoji-wysiwyg-editor:focus {
    outline: none; border:0;
}
/*.SelfName label a:hover{text-decoration: underline;}*/
.RepltHide .SelfName .ReplyEdit{background: transparent;border: none;margin: 0;padding: 0;color: #a6a9ad;
  font-size: 20px;line-height: 21px;}
.RepltHide .SelfName .ReplyEdit a{color: #a6a9ad;vertical-align: middle;display: inline-block;}
.RepltHide .SelfName .ReplyEdit a:hover{color: #764FB7;}
.RepltHide .SelfName span{padding-right: 30px;padding-top: 4px;}
.Archives:hover{border: 1px solid #1c8efe;}
.SelfComment .SelfComment{padding: 0;
    margin-top: 10px;}
    .SelfName label a{color: #764FB7;font-weight: 500;margin-bottom: -8px;}
.SelfComment .SelfComment span{padding-top: 4px;}
.ReplayContainer li div.SelfName{background: transparent;border:none;}
.row.MediaSection{border-top: 1px solid #e0e0e0;margin: 20px 0px 0px 0px;}
.wallcontent  .FeedbackContent .TagGoals{border-top: 1px solid #e0e0e0;padding-top: 20px;width: 100%;}
.GiverName .Selector span a:hover{text-decoration: none;}
.Archives{border: 1px solid transparent;}
.SelfName label a{line-height: 25px;}
.SelfComment .SelfName label a{line-height: 20px;}
.ReplayContainer .RepltHide .SelfName{margin-bottom: 5px;}
.ReplayContainer .RepltHide .SelfComment .SelfName{margin-bottom: 10px;}
.CFWall-Left .BottomSection .Delete_Circle{display: inline-block;position: absolute;right: 108px;
  top: 50%;color: #90a1b1;font-size: 16px;margin-top: -8px;}
.emoji-wysiwyg-editor{height: 0px;}
.emoji-wysiwyg-editor{background: #fff;height: auto !important;overflow: hidden !important;}
.emoji-button{background: url(../images/smiley.png) no-repeat right 0px;width: 25px;display: inline-block;
  height: 20px;position: absolute;top: 50%;left: 69px;margin-top: -8px;}
 .emojis-wysiwyg{outline: none;}
 .SelfComment .p-r-15{overflow: hidden;}
 .ReplayContainer li.SelfComment div.clear{margin: 0px; padding: 0px;}
.ReplayContainer .RepltHide .SelfComment .SelfName{margin: 0px;
    width: 100%;
    display: inline-block;}
.ReplayContainer .RepltHide .SelfComment .SelfName label{float: right;
    margin-right: 58px;}
  .ReplayContainer .RepltHide .OuterBorderImg {border: 2px solid #764FB7;
    width: 44px;
    height: 44px;
    margin: 0 10px 0 0 !important;
    border-radius: 50%;
    padding: 0; float: left;}
   .ReplayContainer  .RepltHide .OuterBorderImg .avatar{border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 100%;
    height: 100%;}
    .ReplayContainer .RepltHide .OuterBorderImg .avatar img{width: 100%;
    height: 100%;
    border: 0;
    margin: 0;}
   .ReplayContainer .RepltHide .SelfComment .OuterBorderImg{float: right;}
   .BottomSection .OuterBorderImg{border: 2px solid #764FB7;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0; float: left;margin: -4px 0 0;}
    .BottomSection .OuterBorderImg .avatar{border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 100%;
    height: 100%;}
  .BottomSection .OuterBorderImg .avatar img{width: 100%;
    height: 100%;
    border: 0;
    margin: 0;}
    #meeting-summery .modal-dialog .WhiteBg{background: transparent;padding:0px;border: none;}
/* RedeemPoints */
.RedeemPoints{box-shadow:0px 0px 7px #cdc9c9; margin:0 0 30px 0; padding-right:10px; border-radius: 4px; position:relative; padding-left:136px; height:152px; margin:9px 0 25px; background:#fff;}
.RedeemPoints img{position: absolute;
    left: 0;
    top: 0; width:130px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;}
.RedeemPoints h3 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #656e7a;
    padding-top:16px;
}
.page-sidebar-minified .RedeemPoints span{margin:20px 0;}
.RedeemPoints span{ display:block; font-size:32px; color:#764FB7; font-weight:bold; margin:13px 0;}
.RedeemPoints .new-btnblue{ width:auto; font-weight:normal; font-size:12px; padding:0 8px; height:32px; line-height:32px;}
#RedeemPoints .modal-content{ height:500px;}
#RedeemPoints .modal-dialog{ width:800px; max-width:inherit !important;}
#RedeemPoints .close{ position:absolute; top:15px; right:20px; z-index:999;}
.LeftSidePan{ width:150px; background:#5753ff; height:550px; float:left;}
.LeftSidePan span{ position:absolute; left:49px; top:190px;}
.LeftSidePan span img{ width:150px;}
.RightSidePan{ background:#f3f3f3; width:650px; float:left; height:550px; }
.RightSidePan .plain-tab{ background:#f3f3f3;}
.RightSidePan .tab-content{ background:#f3f3f3; margin:0 0 0 40px; }
.RightSidePan .tab-overflow{margin:0 0 0 40px;}
.redeemcount{ font-size:38px; font-weight:bold; color:#764FB7; margin:20px 0 30px; display:block;}
.RedeemTextbox{width:125px; }
.RedeemTextbox input{ width:100%; box-shadow:0 0px 18px #dcdada; height:34px;}
.RedeemGift{width:240px;}
.RedeemGift .btn.btn-default.dropdown-toggle{margin:0; box-shadow:0 0px 18px #dcdada;height:34px;}
#history-tab .NewDatatable thead th{min-width:inherit; padding:12px;}
div#redeem-tab{ margin:40px 0 0 40px;}
#history-tab{ padding:10px 0 0 40px;}
#history-tab .grid_table{ border:0 !important;}
#history-tab .NewDatatable table.table-bordered.dataTable td{ padding:12px;}
.RightSidePan .NewDatatable table.table-bordered.dataTable{ width:97%;}
#history-tab #DataTables_Table_0_filter{ margin:0; border:0;}
.GroupAvatar .icon-group{color:#764FB7; line-height:51px;}
.plusothers{ font-weight:bold; }
.GiverName  .plusothers:hover{text-decoration:underline; cursor:pointer;}
#MoreEmployee.new-modal.modal.fade .modal-dialog{ max-width:800px !important;}
#MoreEmployee .PaginationNew{padding:0 20px 10px;}
.NameDetails label{font-size:14px;}
.EmployeeListPopup ul{ margin:0px auto; width:98%;}
.EmployeeListPopup ul li{ margin-bottom:10px; text-align:center; width:33.3%; float:left; padding:0px; }
.EmployeeListPopup ul li .Information{     background: #f7f7f7;
    border-radius: 4px;
    display: inline-block;
    padding: 10px;
    width: 96%;
    text-align: left;}
.EmployeeListPopup .NameDetails{margin:0px 0 0 10px; line-height:15px; width:calc(100% - 70px);}
.EmployeeListPopup ul li:last-child{ margin-bottom:0px;border-bottom:0px;}
.EmployeeListPopup .NameDetails span{font-size: 13px;margin-bottom: 3px;}
.EmployeeListPopup .OuterBorderImg{ width:50px; height:50px; padding:1px;}
.EmployeeListPopup .OuterBorderEmpty {
    border: 2px solid #cccccc;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.EmployeeListPopup .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;
}
#MoreEmployee .modal-content{ border-radius: 4px;}
#MoreEmployee.new-modal .slimScrollDiv{width:100% !important;}
.EmployeeListPopup{padding:18px 0 5px;}
@media (max-width: 1370px) and (min-width: 1200px){	
	.page-sidebar-minified .RedeemPoints h3{font-size:14px; padding-top:16px;}
	.RedeemPoints h3{font-size:13px; padding-top:23px;}
	.page-sidebar-minified .RedeemPoints .new-btnblue{font-size:12px; line-height:32px;}
	.RedeemPoints .new-btnblue{font-size:11px; line-height:31px;}
}

/* New changes */
.CommentAction a {
    color: #764FB7;
    margin-left: 10px;
}
.CommentAction a i.icon-Reply_Icon:before {
    color: #434343;
}
.CommentAction a:hover, .CommentAction a:hover i.icon-Reply_Icon:before {
    color: #461F87;
}
.NewReplyContainer{display:none;}
.NewReplyContainer ul {
    width: 90%;
    float: right;
	margin:0;
}
.NewReplyContainer li {
    margin-top: 20px;
    width: 100%;
    float: left;
}
.ReplyBox .ReplyEmp, .RepliedBox .ReplyEmp {
    float: left;
    margin-right: 10px;
}
.RepliedBox .ReplyEmp {margin-top: 26px;}
.OuterBorderImg {
    width: 40px;
    height: 40px;
    background: #fff;
}
.OuterBorderImg a {
    display: inline-block;
    cursor: default;
}
.NewReplyContainer .TextField {
    position: relative;
    width: calc(100% - 50px);
    float: left;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
}
.NewReplyContainer .TextField:hover{ border-color:#353535;}
.TextField .emoji-wysiwyg-editor {
    display: block;
   /*  margin-top: 30px; */
    border-radius: 0px 0px 5px 5px;
    /* border-top: 1px solid #e3e3e3; */
    padding: 8px;
    min-height: 35px;
    height: auto;
}
.SelfReply .ReplyEmp {
    margin: 0 0 0 10px;
}
.SelfReply .DeleteReply, .SelfReply .EditReply {
    color: #777;
    font-size: 18px;
    margin: 0 15px 0 0;
    float: left;
}
.TextField .emoji-wysiwyg-editor:hover{ border:1px solid #fff;}
.ReplyEmp .OuterBorderEmpty {
    width: 40px;
    height: 40px;
    line-height: 35px;
	    border: 2px solid #cccccc;
    display: inline-block; border-radius:50%;
}
.OuterBorderEmpty .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.RepliedBox .RepliedComment {
    width: calc(100% - 50px);
    float: left;
    background: #e8e8fb;
    padding: 16px;
    border-radius: 4px;
    color: #434343;
}
.SelfReply .RepliedComment {
    background: #ededed;
}
.RepliedField label {
    color: #764FB7;
    font-weight: bold;
}
.SelfReply .RepliedField label{ float:right; margin-right:50px;}
.RepliedField span {
    float: right;
	color:#777;
}
.SelfReply .RepliedField span{float:left;}
.ReplyPostAction{display:none;}
.OpenReply:hover{color: #461F87; text-decoration: underline;}
.Opened, .Opened:hover {
    color: #777;
}
.Opened .fa-caret-down {
    font-size: 16px;
    float: left;
    margin: 1px -5px 0 0;
}
.TextField .HEmoji {
    height: 45px;
    background: #f5f5f5;
    border-bottom: 1px solid #e3e3e3;
   display: none; 
    border-radius: 5px 5px 0 0;
}
.NewReplyContainer .emoji-button {
    background: url(../images/smiley.png) no-repeat 6px 6px #fff;
    width: 32px;
    display: inline-block;
    height: 32px;
    position: absolute;
    top: 14px;
    right: 6px;
    margin-top: -8px;
    left: inherit;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
    display: none;
}
.emoji-wysiwyg-editor.placeholder {
    color: #777;
}
.RepliedBox .DeleteReply, .RepliedBox .EditReply {
    color: #777;
    font-size: 18px;
    margin: 0 0px 0 15px;
    float: right;
}
.RepliedBox .DeleteReply:hover, .RepliedBox .EditReply:hover {
    color: #461F87;
}
.Attachments audio{ width:70%; height:50px;}
.AwardContainerNew{ background-color:#f7f7f7;  padding:20px; width:100%; margin-top:20px;border-radius: 4px; }
.AwardNameImg{/* background-image:url('../images/AwardBannerImg.svg'); background-repeat:no-repeat; background-position:right;  */ min-height:240px; padding-top:30px;}
.Imagecel{width:280px; float:right; margin-top:-15px;}
.AwardImage{ width:150px; height:150px; float:left; box-shadow:0px 3px 10px #909093; background: #fff;  border-radius: 50%; text-align: center;
 display: inline-block;   line-height: 150px;  }
.AwardText{  float: left; margin-top:18px; margin-left:20px; width:calc(100% - 500px);}
.AwardText span{ display:block; color:#434458; font-weight:bold; font-size:24px; border-bottom:1px solid #d2d5d8; padding-bottom:10px; margin-bottom:15px; line-height: 32px;}
.AwardImage img{ width:80%; height:80%; border-radius:50%;}
.Congrats img{ width:250px;}
.AwardDesc{text-align:center;}
.AwardDesc .EditerSection { position:relative; display:inline-block; padding:0 46px;  margin:20px auto; max-width:90%; font-style:italic; font-weight:bold; color:#565656;}
.AwardDesc .ContentFeedback {text-align:left; width:90%; margin:0 auto;}
.AwardDesc span{ color:#f68700; font-size:64px; position:absolute;  font-style:normal;}
.AwardDesc .top{ top:12px; left:0;}
.AwardDesc .bottom{ bottom:-30px; right:0;}
.TabView{display:none; text-align:center;}
.TabView img{ height:300px;}
.TaggedSection{vertical-align: middle;line-height: 18px;}
.TaggedSection .TaggedGoals{display: block;color: #808080;font-size: 13px;}
/*add continuous feedback css start*/
.AddFeedback-Popup .AddFeedback:hover{border: 0px;}
.AddFeedback-Popup .AddFeedback{background: #fff !important;border: 0px;text-transform: initial;margin: 0 0 0px 0px;font-weight: normal;
color: #434343;}
/*.AddFeedback-Popup .AddFeedback .col-md-7{width: 850px;}
.AddFeedback-Popup .steps{padding: 0 0 30px 60px;}*/
#modal-dialog .modal-content{border-radius: 4px;}
.AddFeedback-Popup .modal-content{overflow: hidden;background: #f3f3f3;}
.AddFeedback-Popup .ProvidedBy input.DatePickerBox {width: 140px !important;}
.AddFeedback-Popup .NewSeachBox input{width: 248px !important;}
.AddFeedback-Popup .icon-Public_Icon{font-size: 13px;}
#Recording-Popup .modal-content{border-radius: 4px;}
.FeedbackBy .avatar{margin: 0px;}
.Displaytable{border-bottom: 0px;}
.Overflow-Auto{overflow: hidden;}
.Insert_Image .modal-dialog.ScrollFunction {
    right: 0 !important;
    position: inherit !important;
    height: inherit;
    left: 0;
    margin: auto !important;
    top: 100px;
    min-width: 500px !important;
    width: 500px !important;border-radius: 4px;
}
.Insert_Image .modal-dialog.ScrollFunction .modal-body{padding: 15px 15px;}
.Insert_Image .modal-dialog.ScrollFunction .modal-content{border-radius: 4px;}
.form-group.note-group-image-url label {
    width: 100%;
}
.form-group.note-group-image-url input {
    width: 100% !important;
    height: 36px;
}
.emoji-dialog {
    z-index: 9999;
    left: inherit !important;
    right: 40px;
    margin-top: -10px;
    width: 150px;
    padding: 5px;
    box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.6);
}
.emoji-list {
    max-height: 200px;
}
.m-0-l {
    margin-left: 0;
}
.m-0-r {
    margin-right: 0;
}
.emoji-dialog .col-xs-3 {
    padding: 5px;
    text-align: center;
    line-height: normal;
}
.emoji-dialog .col-xs-3 a {
    display: inline-block;
    width: 100%;
}
.emoji-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
}
#modal-dialog .modal-dialog .grid_table .dataTables_filter{top: -25px;border-top: 0px;}
.AddFeedback-Popup .FeedbackDetails .AwardAvator,.AddFeedback-Popup .FeedbackDetails .ContentFeedback{vertical-align: middle;}
.AddFeedback-Popup {vertical-align: middle;width: 90px;
    height: 90px;border: 0px solid #e0e2e4;}
.AddFeedback-Popup .AwardAvator span{border-radius: 4px;
    border: 1px solid #e0e2e4;
    width: 90px;
    height: 90px;
    background: #fff;
    display: table-cell;
    vertical-align: middle !important;}
.AddFeedback-Popup .FeedbackDetails .AwardAvator{width: 100px;border: 0 !important;
     height: 90px; 
    vertical-align: top !important;
    text-align: center;}
/*  .AddFeedback-Popup.modal.right .modal-body{padding: 15px 0px 0px;}*/
  /*objective popup css*/
/*  .modal#AlignedObjectivesPopup .modal-dialog {
    width: 60%;min-width: 600px;
}*/
/*.modal#AlignedObjectivesPopup .modal-dialog {
    max-width: inherit !important;
    position: fixed;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {
    height: 100%;
    background: #f3f3f3;
    overflow-y: auto;
    border-radius: 0px;
}
.modal.right.AlignedObjectivesPopup .modal-body {
    padding: 20px 20px 0px;background: #f3f3f3;
    border-radius: 0px;
}*/
/*.AligntoHeader .ArrowBtn {
    background: #fff;
    border: 1px solid #e0e2e4;
    padding: 4px 15px;
    border-radius: 8px;
    font-size: 30px;
    color: #764FB7;
    font-weight: bold;
    float: left;
    margin: -3px 12px 0 0;
}*/
.AlignedObjectivesPopup .AligntoHeader h3.Aligned-head {
    padding-top: 8px;
    font-weight: bold;
    font-size: 18px;
}
.AligntoHeader h3 {
    border: 0;
    margin: 0;
}
.DetailedView {
    background: #fff;
/*    box-shadow: 0 0px 18px #dcdada;*/
    border-radius: 4px;
}
.AlignedObjectivesPopup .DetailedView .RightPan, .AlignedObjectivesPopup .CreateObjective .RightPan {
    width: 100%;
    /*padding: 15px;*/
}
/*.AlignedInfo {
    background: #edf6ff;
    border: 1px solid #d7e7f8;
    border-radius: 4px;
    padding: 15px;
}*/
.modal.AlignedObjectivesPopup {overflow-y: auto !important;}
.AlignedObjectivesPopup .modal-content{border-radius: 4px;}
.AlignedObjectivesPopup .AlignedObjective {
    width: 100%;
}
.DetailedView .AlignedObjective {
    display: inline-block;
    position: relative;
}
.modal.fade.AlignedObjectivesPopup .modal-dialog{max-width: 800px !important;}
.AlignedObjectivesPopup .OtherAlignedObjective h3, .AlignedObjective h3 {
    border: 0px;
    font-weight: bold;
}
.OtherAlignedObjective h3, .AlignedObjective h3 {
    font-size: 16px;
    margin: 0;
    position: relative;
    padding: 0 50px 0 28px;
    line-height: 20px;
}
.AlignedObjectivesPopup .OtherAlignedObjective h3 i {
    top: -1px;
}
.OtherAlignedObjective h3 i.icon-Team-objective-01, .AlignedObjective h3 i.icon-Team-objective-01 {
    font-size: 22px;
    left: -2px;
}
.OtherAlignedObjective h3 i, .AlignedObjective h3 i {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 24px;
}
span.objectivetype {
    margin: 0px 0px 5px 0;
    display: block;
    font-weight: normal;
    font-size: 15px;
    color: #777;
}
.Objectivetag, .ObjectKeyresults small {
    color: #777;
}
.tagslist {
    width: 40%;
    display: inline-block;
}
.Objectivetag .fa.fa-tag {
    font-size: 16px;
    margin: 1px 6px 0 0;
    float: left;
}
.fa.fa-tag {
    font-size: 22px;
    color: #a6a6a6;
}
.updateddate {
    color: #777;
    font-size: 15px;
}
.OtherAlignedObjective .status {
    font-size: 12px;
}
.inprogress {
    background: #fac443;
}
.status, .status:hover {
    color: #fff;
    font-size: 13px;
    padding: 3px 13px;
    float: right;
    border-radius: 30px;
    margin: -4px 0 0 0;
    line-height: 20px;
}
.OtherAlignedObjective .Objectiveprogress {
    height: 12px;
    width: calc(100% - 60px);margin: 4px 0 6px;
}
.Objectiveprogress {
    height: 14px;
    border-radius: 30px;
    margin: 4px 0 6px;
    width: 60%;
    float: left;
    background: #dbdbdb;
}
.Objectiveprogress .progress-bar, .ui-slider-range {
    background: repeating-linear-gradient(-45deg, #59abfa, #59abfa 4px, #6fb8fc 4px, #6fb8fc 8px);
}
.OtherAlignedObjective .ProgressPercentage {
    font-size: 15px;
    margin-left: 9px;
}
.AlignedObjective .ProgressPercentage {
    height: 12px;
/*    font-size: 16px;*/
    margin-left: 9px;
}
.ProgressPercentage {
    float: left;
    color: #5aacfb;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 0 15px;
}
.AlignedInfo p, .ObjectiveType p {
    color: #8b8b8b;
    font-size: 15px;
    margin: 0 0 10px 0;
}
.TargetText label {
    font-weight: bold;
    font-size: 14px;
    display: block;
}
.TargetText p {
    color: #777;
}
.p-l-45 {
    padding-left: 45px;
}
.bottom-circle{display: none;}
/*.AlignedObjective .bottom-circle {
    bottom: -39px;
    right: 1px;
    background: #edf6ff;
}
.bottom-circle {
    border: 1px solid #d7e7f8;
    width: 50px;
    height: 25px;
    display: inline-block;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    position: absolute;
    z-index: 99;
    bottom: -24px;
    right: 15px;
    border-top: 0;
    background: #fff;
    text-align: center;
}
.bottom-circle .icon-Arrow {
    display: inline-block;
    margin: -3px 0 0 0;
    font-size: 16px;
    transform: rotate(180deg);
}*/
.ObjectKeyresults, .contributors {
    border-top: 1px solid #e3e3e3;
    padding: 20px 0 15px;
}
.AlignedObjectivesPopup .AlignedInfo .OtherAlignedObjective .KeyResultsIcon {
    margin: 0 0px 15px 0px;
}
.ObjectKeyresults .KeyResultsIcon {
    display: inline-block;
}
.KeyResultsIcon, .ContributorsIcon {
    margin: 0 0px 15px 20px;
    color: #777;
    display: block;
}
.KeyResultsIcon i {
    float: left;
    font-size: 22px;
    color: #a2a2a2;
    margin: -4px 5px 0 0px;
}
.AlignedObjectivesPopup .AlignedInfo .OtherAlignedObjective .ObjectKeyresults ul {
    margin: 0 20px 0 0px;
}
.AlignedObjectivesPopup .OtherAlignedObjective .ObjectKeyresults ul li {
    margin: 0 0 10px 0px;
    line-height: normal;
    list-style-type: none;
    border: 0px;
    padding: 0px;
    background: transparent;
}
.OtherAlignedObjective li {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d7e7f8;
    padding: 15px;
    margin: 15px 0 0;
}
.ObjectKeyresults li {
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 10px;
    float: left;
    width: 100%;
    margin: 0 0 15px;
}
.display-table {
    display: table;
}
.ObjectKeyresults .display-cell, .ReadOnly .Key-Results li .display-cell {
    width: 66px;
}
.display-cell {
    display: table-cell;
    vertical-align: top;
    float: none;
}
.ProgressKeyresult.yellow {
    border-color: #f3ec3a;
}
.ProgressKeyresult {
    width: 56px;
    float: left;
    font-weight: bold;
    font-size: 13px;
    border-radius: 50%;
    height: 56px;
    text-align: center;
    line-height: 50px;
    border-width: 4px;
    border-style: solid;
}
.KeyResultsName {
    width: calc(100% - 80px);
    display: table-cell;
    vertical-align: middle;
    margin-left: 10px;
}
.ObjectKeyresults h4 {
    font-size: 15px;
    margin: 0 0 5px;
    color: #454545;
    line-height: 20px;
    font-weight: normal;
	max-height:60px; overflow:hidden;
}
a.MoreContent {
    display: block;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    margin: -2px 5px 0 0px;
    font-weight: bold;
}
.KeyResultsName.active h4{ max-height:inherit; overflow:visible;}
.KeyResultsName.active a.MoreContent{ margin-top:-10px;}
a.MoreContent:hover{ text-decoration:underline;}
.Objectivetag, .ObjectKeyresults small {
    color: #777;
}
.AlignedObjectivesPopup .TargetValue {
    color: #777;
}
.AlignedObjectivesPopup .TargetValue b {
    color: #434343;
}
.ApprovalSection {
    border-top: 1px solid #e3e3e3;
    padding: 10px 0;
}
.ApprovalSection .Ownerlabel {
    color: #777;
    margin: 0 0px 10px 0px;
    float: left;
}
.EmpImage {
    float: left;
}
.List_contributors .OuterBorderImg, .Ownedby .OuterBorderImg, .ownedbyinfo .OuterBorderImg, .ApprovalSection .OuterBorderImg {
    width: 50px;
    height: 50px;
}
.ApprovalSection .OuterBorderImg {
    width: 40px;
    height: 40px;
    background: #fff;
}
.ApprovalSection .Ownerlabel {
    color: #777;
    margin: 0 0px 10px 0px;
    float: left;
}
.OtherAlignedObjective a {
    color: #764FB7;
    font-weight: bold;
}

.ApprovalSection .OuterBorderImg a {
    display: inline-block;
    cursor: default;
    width: 100%;
    height: 100%;
}
.OuterBorderImg img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
}
.ApprovalSection .NameDetails span {
    margin-bottom: 3px;
    font-size: 14px;
    color: #777;
}
#RedeemPoints .new-btnblue {
    min-width: 90px;
    width: auto;
    height: 36px;
}
#RedeemPoints .modal-dialog .grid_table .dataTables_filter{position: inherit;}
#RedeemPoints .NewDatatable .dataTables_filter label{
  margin: 0px;
 /*objective popup css*/
}
.dropzone:hover{border: 2px dashed #353535 !important;}
#RedeemPoints .modal-body, #RedeemPoints .grid_table{background: transparent;}
#RedeemPoints  .grid_table .dataTables_paginate{background: transparent;border: 0px;}
#RedeemPoints .grid_table .dataTables_filter, #RedeemPoints .grid_table .dataTables_length{padding: 15px 0px 15px 0px;}
#RedeemPoints .RightSidePan .tab-content{padding-right: 15px;}
.FeedbackBy .OuterBorder{margin: -8px 15px 15px 0px;}
.Archives h3{font-family: 'DM Sans', sans-serif !important;font-size: 14px;}
.ReplayContainer .NewReplyContainer li div.OuterBorderImg{border-radius: 50%;}
.NewReplyContainer .OuterBorderEmpty .EmptyImg{line-height: 33px;}
#meeting-summery .ReplayContainer li div.p-r-15 img{width: 20px;margin-top: -5px;}
#meeting-summery .ReplayContainer li div.p-r-15{margin-left: 70px;color: #353535;padding: 13px 0px 13px 15px;background: #e3f1ff; }
.ReplyBox .ReplyEmp,.RepliedBox .ReplyEmp,.SelfReply .ReplyEmp,.ReplayContainer .NewReplyContainer .ReplyPostAction,.ReplayContainer .NewReplyContainer .RepliedField,.ReplayContainer .NewReplyContainer .emoji-wysiwyg-editor{border: 0px;}
@media (max-width: 1370px) and (min-width: 1100px){
	.Imagecel{width:220px; }
	.AwardText{width:calc(100% - 410px);}
}
@media (max-width: 1020px) and (min-width: 768px){
	.TabView{display:block; margin:0 auto; width:80%;}
	.Imagecel{ display:none;}
	.AwardText{width:calc(100% - 200px);}
	.AwardNameImg{min-height:210px;}
}