.AddFeedback{ background:#fff; border:1px solid #e0e2e4; border-radius:5px; padding:30px 0px 0px 0px !important;margin-top: 30px;}
.AddFeedback .col-md-7{ margin:0 auto; float:none; width:790px;}
.AddFeedback h2{ text-transform:capitalize; color:#434444; font-size:14px; margin:0 0 12px 0;}
.steps{ border-left:1px solid #e0e2e4; padding:0 0 30px 120px; position:relative;}
.StepNo{ position:absolute; left:-25px; top:0px; color:#fff; background:#764FB7; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; font-size:18px; font-weight:bold;}
.NewSearchBox{ width:625px; border:1px solid #e0e2e4; border-radius:5px; height:55px; position:relative; padding:0 14px}
.Valueselected.NewSearchBox{height: 74px; background:#f7f7f7;}
.NewSearchBox input{width:520px; border:none; height:100%; background-repeat: no-repeat; 
  background-image: url(../images/personal-circular-symbol.png); background-position: 1px; background-size: 28px;
   padding:0 0 3px 40px;}
.NewSearchBox input:focus,.NewSearchBox input:hover{ outline: none; border:none;}
.NewSearchBox.focus{ border:1px solid #764FB7;}
.edit_list{margin-top: 6px !important;}
  .NewSearchBox i.icon-CloseIcon:hover {
    color: #6b6b6b;
}
.AddCommentBox form:active, .AddCommentBox form:hover{border: 1px solid #764FB7;}
 .AddFiles:hover, .AddFiles:active, .NewSearchBox:hover{border: 1px solid #764FB7;}
.NewSearchBox i{ color:#a5a5a5; width:15px; float:right; font-size:16px; margin:22px 0px 0 0; cursor:pointer;}
.NewSearchBox i.icon-CloseIcon{ margin:24px 0px 0 0; font-size:11px;}
.EmployeeSearchList{ position:absolute; top:53px; background:#fff; left:-1px; right:-1px; z-index:999;
cursor: pointer; border:1px solid #e0e2e4; display:none; box-shadow:0 2px 6px -1px rgb(83, 163, 254,0.4);
max-height: 305px;height: auto;overflow: auto;border-radius: 5px;}
.EmployeeSearchList li{width:100%; float:left; border-bottom:1px solid #e0e2e4; padding:10px;}
.SelectedDiv{display:none; width:530px; float:left; margin: 10px 0 0 0px;}
.icon-Public_Icon:active{color: #fff;}
.category label{ margin-bottom:0px; font-weight:bold;}
.category li .slick-slide .awardframe label{color:#434444;font-weight: bold;}
ul.category{ width:625px; border:1px solid #e0e2e4; border-radius:5px; display:inline-block;}
.category li{ width:100%; float:left; padding:0px; border-bottom:1px solid #e0e2e4;position: relative;}
.category li.active,.tags li.active{ background:#f7f7f7;}
.category li:last-child{ border-bottom:0px;}
.AwardsList.active .CategoryContent{  display:block;}
.CategoryContent{  display:none; padding:20px;min-height: 0px;}
.category li .CatTitle{ padding:16px 20px 14px 10px;}
.category li .CatTitle:hover{background:#f7f7f7;cursor: pointer;}
.category li.active{border: 1px solid #e0e2e4;border-radius: 5px;border-right: 0;}
ul.category.BorderNone,.DropdownTags.BorderNone{border: 0;}

/*.category li.active .CatTitle:hover{background:#764FB7;}*/
.category li.active .CatTitle{background:#f7f7f7; color:#fff;padding: 16px 37px 14px 10px;}
.category li.active label{color: #764FB7;font-weight: bold;}
.category li.active p, .category li.active .icon-Public_Icon{ color: #808080;}
.CatTitle p{ clear:both; padding: 6px 0 0 30px; margin:0; color:#9fa0a0;}
.CatTitle p span i{padding-right: 4px;}
.EmpGoal .CategoryContent{ color:#82868b;}
.EmpGoal .CategoryContent span{ border:1px solid #d1d3d5; padding:10px; width:160px; display:inline-block; border-radius:5px; margin:0 0px 0 10px;}
.regular.slider{ width:80%; margin:0px auto;}
.AwardHeader{ padding:15px;}
li.active .AwardHeader label{color:#764FB7;}
.slick-slide span{ height:130px; display:table-cell; vertical-align:top; text-align:center; padding:15px 0; 
	width:100px; position:relative;border: 1px solid transparent;}
.slick-slide span.active, .slick-slide span:hover{  background:#fff; border:1px solid #e0e2e4; border-radius:5px;}
.category li .slick-slide span.active label, .category li .slick-slide span:hover label{  color:#764FB7;font-weight: bold;}
.slick-slide label{ display:block; text-align:center; padding:10px 0 0;}
.slick-slide span small{ color:#764FB7; font-size:16px; top:4px; right:5px; position:absolute; display:none;}
.slick-slide span.active small{ display:block;}
.slick-slide{outline: none;}
/* acordian new design */
#accordion .panel-heading{ background:#fff; border:1px solid #e0e2e4; border-radius:0; border-top-left-radius:5px; border-top-right-radius:5px;}
#accordion .panel-title{ color:#764FB7; }
#accordion .panel-body{ border-top:0px; color:#434444; border-radius:0; border-bottom-left-radius:5px;
 border-bottom-right-radius:5px; padding:15px 15px 15px 19px;}
#accordion .panel-inverse{ margin-bottom:20px;}
#accordion .panel-title .accordion-toggle{ padding:18px;}
#accordion,.note-editor,.DropdownTags { width:625px;}
.TagsSection h4{ margin:5px 10px 10px; color:#353535; font-size:16px;}
.TagsSection h5{ color:#764FB7; font-size:16px; margin:1px 0 5px 0;}
.TagSet{ padding:10px 0px 0 0; width:100%; float:left;}
.Employees-Goals-Tag .TagSet{padding: 10px 0px 0 0px;}
.category .UICheckbox small.checked{ background:#fff;}
.Multicheck-director .UICheckbox small.checked{background: #764FB7;color: #fff;}
.Multicheck-director .CheckboxDiv .UICheckbox small.checked i,.Multicheck-director .UICheckbox small.checked i{color: #fff;}
.TagSet .UICheckbox small,.CatTitle .UICheckbox small{ border-radius:50%;}
.category .UICheckbox small.checked i,.tags .UICheckbox small.checked i{color: #764FB7;
    font-size: 11px;
    margin: 0 0 0 0px;
}
.Employees-Goals-Tag .tags li .tag_set{padding: 15px 0 15px 15px;}
.Employees-Goals-Tag h4{margin: 5px 15px 10px;}
/*.category .UICheckbox small{line-height: 13px;}*/
.tags{ margin:0;}
.tags li .tag_set{padding: 15px 15px 15px;clear: both;position: relative;}
.tags li{ padding:0; width:100%; float:left; border-bottom:1px solid #e0e2e4;position: relative;}
.tags li:hover{ background:#f7f7f7; cursor:pointer;}
.tags p{ line-height:18px; margin:0;word-break: break-word;/*width: 95%;*/} 
.ProvidedBy label{color: #434444; float:left;}
.TagsSection{display: none;} 
/* new dropbox container */
.DropdownTags{border:1px solid #e0e2e4; float:left;border-radius: 5px;}
.tags li:last-child{border-bottom: 0px;}
.Dropbox .ScrollBox{ position:absolute; box-shadow:0 4px 6px 0 rgba(32,33,36,0.28); background:#fff; left:0; right:0; display:none; z-index:999;}
.Dropbox ul li{ padding:15px; border-bottom:1px solid #e0e2e4; cursor:pointer;}
.Dropbox ul li:hover{ background:#f7f7f7;}
.Dropbox.active {box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);}
.OKR-Tag-Section .Dropbox.active{box-shadow: none;}
.OKR-Tag-Section .Dropbox span, .OKR-Tag-Section .Dropbox label{cursor: default;}
.Dropbox span{ display:block; padding:15px; border-bottom:1px solid #e0e2e4; cursor:pointer;}
.Dropbox label{color:#764FB7; font-size:16px; font-weight:bold; margin:0; width:95%; text-overflow:ellipsis; 
  overflow:unset; white-space:pre-line;; cursor:pointer;}
.Dropbox i{ float:right; color:#764FB7; font-size:26px; margin:-3px 0 0; cursor:pointer;}

.EmpCard span.avatar{float:left; width:40px; height:40px;border: 2px solid #764FB7;display: inline-block;width: 40px;height: 40px;border-radius: 50%;
padding: 2px;cursor: pointer;margin-top: 7px;}
.EmployeeSearchList .EmpCard span.avatar{border: 2px solid #764FB7;display: inline-block;width: 40px;height: 40px;border-radius: 50%;
padding: 2px;cursor: pointer;}
.EmpCard span img{ width:100%; height:100%; border-radius:50%;}
.EmpCard span.Name{float:left; line-height:18px;width: 78%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.EmpCard span label{color:#434444; font-weight: 700; margin:2px 0 -4px 0;width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.EmpCard span small{color:#9fa0a0; font-size:14px; }

/* Upload Photo */
.browse {  position: relative;}
.browse .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #f3f3f3;
    color: #4a4a4a;
    font-weight: 400;
    border-radius: 0px;
    border-left: 1px solid #d4d4d4;
}
.browseblock input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: 9;
    height: 38px; width:575px; cursor:pointer;
}
.browseblock input[type="text"]{ width:100%; height:36px;}
.CommentBox,.view_employee { width:625px;}
.AddCommentBox form{ position:relative;}
.AddCommentBox .emoji-button{background:url('../images/smiley.png') no-repeat right 0px; width: 25px;
display: inline-block; height: 20px; position:absolute; bottom: 10px; right:12px;}
.emoji-wysiwyg-editor{ height:100px !important; max-height:100px;}
.emoji-wysiwyg-editor:focus{outline: none;}
.dropzone .dz-preview.dz-image-preview,.dropzone .dz-preview.dz-file-preview{border:1px solid #d4d4d4; padding:4px;
width:136px;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details{ border:0 !important;}
.dropzone.dz-started{ padding:10px 30px 40px 30px !important;}
.dropzone.dz-started .dz-message{ display:block !important; position:absolute;bottom:14px; left:0; right:0; font-weight:bold; margin:0;}
.AddFiles{ border:1.5px dashed #d2dbe3; padding:30px; text-align:center;  margin-top:20px;cursor: pointer;
  border-radius: 5px;position: relative;}
  .AddFiles .HiddenInput{display: block;opacity: 0;position: absolute;left: 0;right: 0;width: 100%;height: 62px;top: 0;}
.AddFiles a{color:#764FB7; font-size:16px;}
.AttchedFiles{ background:#f7f7f7; border:1px solid #bcdcfc; border-radius:5px; padding:10px;}
.AttchedFiles:hover{ border-color:#8cc0f5;}
.AttchedFiles i{ color:#03b3a7; font-size:20px; margin:4px 10px 0 0px;}
.AttchedFiles span{ line-height:normal;width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.AttchedFiles  .fa-file-image-o{margin-right: 15px;}
.AttchedFiles .icon-CloseIcon{color: #a5a5a5;width: 15px;float: right;font-size: 11px;cursor: pointer;margin-top: 12px;}
/*.ProvidedBy label{ display:block;}*/
.UICheckbox small.checked{border-color:transparent;}
.CatTitle .UICheckbox small.checked,.tags .UICheckbox small.checked{border-color:#b4b6b7; line-height:14px;}
/*view employee directory start*/
.funnel_icon .search_width{width: 250px !important;}
#modal-dialog .modal-body{background: #fff;}
#modal-dialog .employee-directory{ padding-bottom:10px;}
.funnel_icon .theme-org-panel{top: 66px;}
#Employee-Directory .funnel_icon .theme-org-panel.active {
    min-width: 300px !important;
    width: inherit;
    max-width: 600px;
}
.theme-org-panel .theme-org-btn{display: none !important;}
.theme-org-panel.active .theme-org-btn{left: -55px;}
/*.funnel_icon.Expand-Org .theme-org-panel{top: 0px !important;bottom: 0px;width: 100%;box-shadow: none !important;}*/
.new-modal .modal-title{padding: 10px 20px 10px;}
.theme-org-panel .new-modal .modal-footer{padding: 20px;}
.modal-header{padding: 12px 20px 15px 20px;}
.input-sm{padding: 5px;}
div.dataTables_wrapper div.dataTables_length select{width: 60px !important;}
.new-modal .modal-title, .new-modal .LocationTreeDIV .searchDiv, .new-modal .modal-footer{background: #fff;}
/*view employee directory end*/
.ProvidedBy input{padding:16px 10px;margin-top: 10px;}
.ProvidedBy input:hover{border: 1px solid #d4d4d4;}
/*.btn_top a:hover{border-color:#764FB7; }*/
.btn_top a.blue:hover{color:#fff !important;}
.AttchedFiles .fa-times-circle{color: #a4a5a8;}
.AddCommentBox form{border: 1px solid #d4d4d4;border-radius: 5px;overflow-x: auto;}
.EmployeeSearchList li:hover {background: #f7f7f7;}
.CommentBox .countdown{font-style: italic;font-size: 13px;padding-top: 6px;display: inline-block;color: #9fa0a0;}
.fa-2x{font-size: 24px;}
.LoaderContainer{ display:none;}
.NewSearchBox  .SearchBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #9fa4ac;font-size: 14px;}
.NewSearchBox  .SearchBox::-moz-placeholder { /* Firefox 19+ */
  color: #9fa4ac;font-size: 14px;text-indent: 30px;}
 .NewSearchBox  .SearchBox:-ms-input-placeholder { /* IE 10+ */
  color: #9fa4ac;font-size: 14px;text-indent: 30px;}
 .NewSearchBox  .SearchBox:-moz-placeholder { /* Firefox 18- */
  color: #9fa4ac;font-size: 14px;text-indent: 30px;}
.modal-dialog .grid_table .dataTables_filter{position:absolute; top:-26px;}
.funnel_icon{ padding:10px 0 20px;}
#upload_link{
    text-decoration:none;
}
#upload{
    display:none
}
.panel-title .accordion-toggle.accordion-toggle-styled i:before {
    content: '\e204';
}
.panel-title .accordion-toggle.accordion-toggle-styled.collapsed i:before {
    content: '\e203';
}
.new-modal .searchDiv .form-control{font-size: 14px;padding: 6px 10px 8px;}
.funnel_icon a.bg_funnel{border-radius: 6px 0px 0px 6px;background: #764FB7;}
.funnel_icon a.bg_funnel:hover{background: #0b73d9;}
.theme-org-btn{width: 55px;left: 45px;}
.funnel_icon a.bg_funnel{padding: 12px 15px 8px 15px;}
.dataTables_length, div.dataTables_info{padding: 19px 20px 17px !important;}
.grid_table .dataTables_info{padding: 24px 10px 18px 10px !important;}
.grid_table  .dataTables_wrapper  .dataTables_length label{margin-bottom: 0px;}
.grid_table .dataTables_paginate{padding: 12px 17px 0px 20px;}
.grid_table #datatable thead tr th{padding: 12px;}
.grid_table .dataTables_filter, .grid_table .dataTables_length{padding: 15px 20px;}
#datatable tbody td{padding: 10px 0px 10px 14px !important;}
#modal-dialog  .scrolledTable{margin-top: 60px;}
#datatable_wrapper .new-btnblue{height: 32px;}
.blue,.blue:hover,.blue:focus{ background:#764FB7; color:#fff !important; border-color:#764FB7;}
/*#datatable_wrapper .btn{padding: 6px 17px 6px 17px;}
#datatable_wrapper .btn .icon-if_plus_214640{margin-left: -5px;margin-right: 3px;}*/
#datatable tbody td div span img{margin-left: 0px;}
#modal-dialog .grid_table #datatable tbody td a.btn.new-btn:hover{color: #fff;}
 .NotificationMsg{color: #535c68; font-size:14px; font-style:italic; margin:25px 0 0;}
 #modal-dialog .modal-dialog .grid_table .dataTables_filter{top: -7px;}
 #modal-dialog #datatable tbody td{border-top: 1px solid #C7C7C7;}
 .NotificationMsg label{   display: block;
    font-weight: bold;
    margin: 0;
    font-style: normal;}
.CommentsSection .Note{font-size:18px; font-style:italic;border: none;margin: 0px 0px 10px;font-size: 14px;
color: #CD853F;padding: 0;background: transparent;}
/* Wall */
.CFWall-Left .wallcontent{ border-left:1px solid #ccc; margin:0 0 0 50px;}
.FeedbackContent{ background:#fff; padding:20px;border-radius: 5px 5px 0px 0px;}
.WallDateWise{ position:relative; padding:0 0 0 70px;}
.DateCal{ position:absolute; left:-50px; text-align:center; top:0; width:100px; background:#f3f3f3; padding:5px;
font-size: 15px;color: #757c87;}
.FeedbackBy .avatar{width:58px; height:58px; display:inline-block;border-radius: 50%;text-align: center;color: #fff;
background: #f96c4b;font-size: 22px;margin: 0px 15px 0px;float: left;line-height: 58px;}
.GiverName{ display:block; max-width:100%; }
.GiverName a{color:#1e8efe;}
.GiverName label{color:#05b717;}
.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;}
.ActionItems span{ display:block;font-size: 14px;margin-top: 40px;color: #9fa4ac;}
.Displaytable{ display:table;border-bottom:1px solid #e0e0e0;margin-top: 30px;}
.FeedbackDetails{ display:block;margin-bottom: 30px;}
.ContentFeedback{padding-left: 20px;}
.FeedbackDetails .AwardAvator,.FeedbackDetails .ContentFeedback{ display:table-cell;vertical-align: middle;}
.ReplayContainer ul{ width:80%; margin:0px 20px 0 auto;}
.ReplayContainer li{ margin:0 0 10px 0;}
.ReplayContainer .avatar { float:left;}
.ReplayContainer li.SelfComment .avatar{ float:right;}
.ReplayContainer li div{ margin-left: 70px;background:#e3f1ff;padding: 13px 0px 13px 15px;border-radius: 5px;;border: 1px solid #c8e1fa;}
.ReplayContainer li.SelfComment div{ margin-right: 70px; margin-left:0px;text-align: right;padding-right: 13px;color: #fff;
background: #764FB7}
.avatar img{height: 50px;width: 50px;border-radius: 50%;float: left;/*margin: 0px 15px;*/}
.ReplayContainer li div.SelfName{background: transparent;border:none;}
.SelfName label a{color: #764FB7;font-weight: 600;font-size: 16px;}
.SelfName span{color: #9fa4ac;font-size: 14px;}
.ContentFeedback p{margin-bottom: 30px;}
.ReplayContainer .ReplyText{text-transform: uppercase;margin-top: 30px;margin-bottom:0px;color: #a6a9ad;letter-spacing: 1px;}
.avatar-content p{margin: 0px;color: #a6a9ad;}
.avatar-content p .fa-globe{color: #a6a9ad;}
.avatar-content{margin-bottom: 30px;}
.avatar-content .Selector{text-transform: uppercase;}
.avatar-content .Selector a{margin-right: 8px;}
.FeedbackContent .ViewMore{font-size: 15px;margin: 0px 20px 20px 0px;}
.FeedbackContent .ViewMore a{color: #764FB7;}
.BottomSection{background: #cfe6fd;padding: 20px 10px;position: relative;border-radius: 0px 0px 5px 5px;}
.BottomSection span{display: inline;float: left;margin: 0px 10px;}
.BottomSection input{width: 100%;height: 35px;border-color: #bcdcfc;}
.BottomSection .btn-post{background: #764FB7;color: #fff;font-size: 16px;padding: 6px 0px;float: right;
  position: absolute;right: 19px;top: 19px;width: 70px;display: inline-block;}
.BottomSection .TextField{margin: 0px 89px 0 80px;}
.BottomSection .avatar img{margin-top: -8px;}
.dot-wall{border: 1px solid #576674;border-radius: 50%;width: 8px;height: 8px;position: absolute;background: #576674;
 left: 66px;top: 50%;}
 .wall-award{text-align: center;background: #764FB7;margin-bottom: 30px;padding: 15px;text-transform: uppercase;border-radius: 5px;}
  .wall-award .award_btn{color: #fff;font-size: 16px;}
 .award_list .list-group .summery_text{color: #656e7a;padding-top: 20px;}
 .award_list .list-group-item{padding:0px 15px;}
 .FeedbackContent, .wall-award, .award_list, .BottomSection{box-shadow: 0px 0px 5px #aaaaaa !important;
  -webkit-box-shadow:0px 0px 5px #aaaaaa !important;}
 .award_list ul li{color: #3f4a59;font-weight: bold;}
 .award_list .list-group-item .badge{background: #fff;font-size: 24px;color: #f96c4b;}
 .view_content{display: block;text-align: center;padding-bottom: 30px;
  color: #764FB7;font-size: 15px;}
 .btn.btn-default.dropdown-toggle{padding: 7px 12px;margin: -10px auto;}
 .btn .caret{margin-left: 10px;}
 li.list-group-item.BorderNone::after{height: unset;}
 .TextField :-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a5abb2;font-size: 16px;
}
 .TextField ::-moz-placeholder { /* Firefox 19+ */
  color: #a5abb2;font-size: 16px;
}
 .TextField :-ms-input-placeholder { /* IE 10+ */
  color: #a5abb2;font-size: 16px;
}
.TextField :-moz-placeholder { /* Firefox 18- */
  color: #a5abb2;font-size: 16px;
}
.modal-body, .grid_table{border-radius: 5px;background: #fff;}
.Insert_Image .modal-body{padding: 0px;}
.Insert_Image .modal-body .form-group{padding: 15px;margin-bottom: 0px;}
.Insert_Image .modal-body .form-group.note-group-image-url{padding-top: 5px;}
.Insert_Image .modal-dialog{min-width: 500px;width: 500px;}
.Insert_Image .modal-footer{text-align: center;border: 0px; padding:10px 0px 20px;}
.Insert_Image .new-btnblue{width: auto;}
.Insert_Image .modal-body input{border-radius: 5px;height: 35px;}
.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;}
.award_list li label{max-width: 75%;}
.BorderNone::after{background: transparent;}
.list-group-item{border: none;}
.BorderSection{border-radius: 5px;}
.ViewMode{display: none;}
.TextField input{display: block;}
/*li.list-group-item::after{content: "";width: 100%;background: #e0e0e0;height: 2px;display: block;margin: 20px auto;}*/
.awardframe.active label{color: #764FB7 !important;}
.Employee_Avatar span{margin: 0px;}
input.form-control.input-sm:hover, input.form-control.input-sm:focus, input.search-input.form-control:hover{border: 1px solid #764FB7;}
#confirmation .modal-body { background:#fff; padding:30px 20px;}
.slick-slide img{ display:inline-block; height:55px;}
.prevArrow,.nextArrow{ position:absolute; top:43px; cursor:pointer;}
.prevArrow{ right:-27px;}
.nextArrow{ left:-35px;}
@-moz-document url-prefix() {
.modal-dialog #datatable_wrapper{ margin-top:1px;}
.modal-dialog #datatable_wrapper thead{ position:relative; top:-1px;}
}
.Applied{right: 50px;top: -22px;width: 266px;
    display: inline-block;margin-top: 23px;}
.Applied span{    
    background: #d0e6fd;
    border: 1px solid #b3d4f5;
    padding:8px 10px;
    border-radius: 5px;
        display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 165px;position: absolute;
    top: -11px;margin-left: 5px;
    }
.Applied a{color: #90a1b1;    margin: 0 0 0 16px;}
.note-editor.note-frame .note-statusbar{display:none;}
/* Editor */
.m-0-l { margin-left: 0; }
.m-0-r { margin-right: 0; }
.emoji-dialog {
    width: 150px;right: 142px;
    padding: 5px;
    position: absolute;
	box-shadow:0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12);
	border:0;left: unset;
}
.emoji-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
}
.emoji-icon-inline {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.emoji-list {
    max-height: 200px;
    overflow-y: auto;
}
.emoji-dialog .col-xs-3{padding:5px; text-align:center; line-height:normal;}
.emoji-dialog .col-xs-3:hover{ background:#ebebeb;}
.emoji-dialog .col-xs-3 a{ display:inline-block; width:100%;}
.note-popover .popover-content, .panel-heading.note-toolbar { padding:12px 10px 12px; border:0;text-align:right;
 border-bottom:1px solid #e6e6e6;}
.note-editor.note-frame .note-editing-area .note-editable{border:0;color:#434343;
  border-radius: 0px 0px 5px 5px;line-height: 1em;}
.note-editor .note-btn-group{ margin:0;}
.note-editor .note-btn-group .btn.btn-default{ background:none; border:0; color:#828181; margin:0; padding:5px;}
.fa-smile-o{ font-size:18px;}
.note-editor.note-frame{ border:1px solid #c7c7c7; margin-bottom:10px;}
 .note-editor.note-frame:hover{border: 1px solid #764FB7;}
.note-icon-picture{ float:left; margin:-1px 0px 0 4px;font-size: 15px;}
.note-editor .note-toolbar .btn.btn-default:hover {
    background: #f7f7f7;
    color: #764FB7;
}
.tags .tag_set .UICheckbox {position: absolute;top: -5px;display: block;height: 100%;
    border-radius: 0px 5px 5px 0;bottom: 0;left: 0;padding: 0px 6px 0px;}
.tags .tag_set .UICheckbox small{position: relative;top: 40%;left: -28px;}
.note-editable{ min-height:100px; max-height:500px; height:inherit !important; overflow-x:inherit important;}
#emoji-dropdown h2{ font-size:16px;}
.dropzone .dz-preview .dz-progress{ display:none;}
/*media query start*/
@media (min-width: 768px) and (max-width: 1200px){
  .avatar-content .GiverName{margin-bottom: 30px;display: block;}
  .FeedbackBy .avatar{margin: 0px 15px 44px;}
  .wall-award-section{margin-top: 30px;}
   li.list-group-item.BorderNone::after{height: unset;}
   .CFWall-Left .wallcontent{margin-top: 20px;}
   #datatable tbody td div span img{margin-left: 0px;}
}
@media (min-width: 1025px){
  .modal.fade .modal-dialog {max-width: 860px !important;}
  #file-upload .modal-dialog{max-width:700px !important;}
}

/*media query end*/
/** Dropzone **/
.dropzone {
  border: 2px dashed #d4d4d4 !important;
padding: 30px !important;
text-align: center;
margin-top: 20px;
cursor: pointer;
border-radius: 5px;
position: relative; }
.dropzone .dz-default span{color:#764FB7 !important;}
.dropzone:hover{border: 2px dashed #764FB7 !important;}
.dropzone .dz-message {
  font-weight: 400; }
.dropzone .dz-message .note {
  font-size: 0.8em;
  font-weight: 200;
  display: block;
  margin-top: 1.4rem; }
}
.dropzone .dz-preview .dz-error-mark{display: none !important;}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark{display: none !important;}
.dropzone .dz-image{width:75px !important;height:75px !important;border-radius: 5px !important; margin:0 auto;}
.dropzone .dz-preview .dz-remove{margin-top:10px;}
.dropzone .dz-preview .dz-image img{width:60%; margin:15px auto 0;}
.AddFeedback .category .EmpGoal .UICheckbox small{line-height: 13px;}
.grid_table .dataTables_scrollHead {border-bottom: 1px solid #e2e7eb !important;}
.grid_table #datatable_wrapper{border-top: 1px solid #e2e7eb !important;}
.grid_table .dataTables_filter{border-bottom: 0px;}
/*.grid_table .dataTables_paginate{border-top: 0px;}*/
.ProvidedBy .NewSeachBox{ width:250px; border:1px solid #e0e0e0; height:36px; border-radius:5px; display:inline-block;
 margin:10px 50px 0 0;box-shadow: none;}
.NewSeachBox input{ margin:0; width: 248px !important; border: 1px solid transparent;}
.NewSeachBox input:focus,.NewSeachBox input:hover{ border:0; outline:none;}
.NewSeachBox .fa {
    float: right;
    margin: 0;
    color: #909090;
    font-size: 14px;
    cursor: pointer;position: absolute;
    right: 8px;
    top: 12px;
}
.NewSeachBox .ScrollBox {
    background: #fff;
    left: -1px;
    right: -1px;
    top: 32px;
    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;
}
.NewSeachBox i.icon-Not_Started {
    float: right;
    margin: 9px 10px 0 0;
    cursor: pointer; color: #909090;position: absolute;
    right: -4px;
    top: 3px;
}
.NewSeachBox .ScrollBox ul {
    max-height: 200px;
    height: auto;
    overflow-y: auto;
    margin-right: 1px;
}
.NewSeachBox ul li {
    padding: 8px 10px;
    cursor: pointer;
}
@media (max-width: 1200px) and (min-width: 768px){
.grid_table {
     overflow-x: hidden; 
    }
}
/* Audio Upload */
#recordingsList{ padding:0;}
#recordingsList li{ list-style-type:none;margin-top: 10px;}
#recordingsList li a{display:none;}
#formats,#pauseButton{display:none;}
#recordingsList audio{ width:95%; height:50px;}
#recordingsList audio:focus{outline: none;}
.ProvidedBy input:hover, .ProvidedBy .NewSeachBox:hover{border: 1px solid #764FB7;}
.ProvidedBy .NewSeachBox:hover input{border: 1px solid transparent;}
.Notification-Msg .note {border: none;margin: 0px;font-size: 14px;color: #CD853F;
font-style: italic;line-height: 18px;padding: 15px 10px 10px;}
.Notification-Msg .note .NoteText {font-weight: bold;text-transform: uppercase;color: #CD853F;}
.confirm-model.modal.fade .modal-dialog {min-width: 500px !important;width: 500px !important;}
.confirm-model .modal-body { background: #fff;/* color: #3f4a59; */padding: 20px 20px;}
#Import-Popup .ImportFiles {margin: 20px 0px 15px;}
#Import-Popup .ImportFiles p {
    padding-right: 5px;
    font-weight: normal;
    color: #434343;
}
#Import-Popup .ImportFiles p, #Import-Popup .ImportFiles input {
    display: inline-block;
}
#Import-Popup .browseblock {
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
}

#Import-Popup .browseblock > input {
    opacity: 0;
    position: absolute;
    z-index: 9;
    height: 38px;
    cursor: pointer;
}
#Import-Popup .browse {
    position: relative;
    width: 285px;
}
#Import-Popup .browseblock .browse input {
    width: 100% !important;
    height: 36px;
    outline: none;
}

#Import-Popup .browse .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #f3f3f3;
    color: #4a4a4a;
    font-weight: 400;
    border-radius: 0px;
    border-left: 1px solid #d4d4d4;
}
#Import-Popup .ReviewButton .DownFields {
    border: 1px solid #29aaff;
    color: #29aaff;
    font-size: 16px;
    padding: 7px 12px 6px;
}
#Import-Popup .model-footer {
    padding: 20px 20px 20px;
}
.grid_table .dataTables_paginate{border-top: 1px solid #e0e0e0;}
#modal-dialog .TabSection .tab-overflow{padding: 4px 25px 0;}
.Employee_Avatar{border: 2px solid #c7c7c7; display: inline-block;width: 48px;height: 48px;border-radius: 50%;
padding: 2px;cursor: pointer;}
#Import-Popup{padding: 0px 30px;}
#Import-Popup .RecordFields span {
    display: inline-block !important;
}
#Import-Popup .Invalid {
    color: #e35544;
}
#Import-Popup .Valid {
    color: #1aab1b;
}
#Import-Popup .browseblock:hover {
    border: 1px solid #764FB7 !important;
    border-radius: 5px;
}
.employee-directory .new-modal .LocationTreeDIV .searchDiv {
    padding: 10px 20px 0;
}
.view_employee a:hover{text-decoration: underline;}
/*#modal-dialog .grid_table .new-btnblue{color: #353535 !important;}*/
/*#modal-dialog .grid_table .new-btnblue{min-width: 80px;width: auto;}*/
.tab-content  .Applied{top: 47px;}
.tab-content  .funnel_icon .theme-org-panel{top: 59px;}
.modal-dialog .tab-content  .grid_table .dataTables_filter{top: 42px;}
div.dataTables_wrapper div.dataTables_length select:hover{border: 1px solid #764FB7;}
#modal-dialog .tab-content #Employee-Filter{height: 547px;}
#modal-dialog .tab-content #Import-Popup{height: 537px;}
#modal-dialog .model-footer{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -50%);}
.Slash-Symbol{font-size: 16px;display: inline-block;vertical-align: middle;color: #764FB7;}
.Employee-Directory.modal.fade .modal-dialog{max-width: 960px !important;}
.CommentsSection .Note .NoteText {font-weight: bold;text-transform: uppercase;color: #CD853F;}
.ProvidedBy .view_employee{width: auto;}

/* Multiselect Employee with Avatar */
.MultiselectEmployeeAvatarDiv {width:575px; }
/*OKR objective*/
.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;color: #a6a6a6;
}
.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);
}
.ProgressPercentage {
    float: left;
    color: #5aacfb;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 0 15px;
}
.ObjectiveList p {
    font-size: 13px;
    color: #777;
}
.updateddate {
    color: #777;
    font-size: 15px;
}
.OKR-Tag-Section .tags .tag_set .ObjectiveList {width: 98%;margin-bottom: 0px;cursor: pointer;}
.OKR-Tag-Section .tags .tag_set .ObjectiveList .OKR-GoalsHead{width: 90%;display: inline-block;}
.ObjectiveList  .status {
    position: absolute;
    right: 20px;
    top: 2px;
}
.status, .status:hover {
    color: #fff;
    font-size: 13px;
    padding: 3px 13px;
    float: right;
    border-radius: 30px;
    margin: -4px 0 0 0;
    line-height: 20px;
}
.inprogress {
    background: #fac443;
}
.notstarted {
    background: #fc5276;
}
.completed {
    background: #44ce83;
}
.AddFeedback .Objecttitle .col-md-7{width: 58.33333333%;float: left;}
.Objectiveprogress .progress-bar, .ui-slider-range {
    background: repeating-linear-gradient(-45deg, #59abfa, #59abfa 4px, #6fb8fc 4px, #6fb8fc 8px);
}
.ObjectiveList h5{position: relative;
    padding-left: 27px !important;
    font-size: 18px;
    color: #454545;
    margin: 0;
    padding-right: 100px;}
.ObjectiveList h5 .icon-Objective{position: absolute;
    left: 0;
    top: 0px;}
/*OKR objective end*/
.Voice-Notes{margin: 20px 0px 0px;}
.voicegif{width: 150px;height: 150px;}
.Drop-File{position: absolute;right: 90px;top: 46px;z-index: 99;color: #828181;width: 35px;
    height: 32px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    line-height: 32px;
    font-size: 18px;}
.Drop-File i{font-size: 17px;}
.Drop-File:hover {
        background: #f7f7f7;
    color: #764FB7;
}
.DropFile-Close{z-index: 1023;float: right; font-size: 11px;margin: 0px;cursor: pointer !important;display: inline-block;
color: #a5a5a5;}
.DropFile-Close .icon-CloseIcon{position: absolute;top: -13px;right: -15px;cursor: pointer !important;}
.Recoring-Link{border: 1px solid #e0e0e0;display: block;padding: 12px 0 13px;margin: 10px 0px 0px;
border-radius: 5px;color: #676666;font-weight: bold;background: #fff;text-align: center;width: 625px;
height: 40px;font-weight: normal;line-height: 16px;} 
.Recoring-Link .fa-microphone{margin-right: 5px;}
.Recoring-Link:hover{color: #764FB7;border-color: #764FB7;}
#recordingsList li .Delete-Section{display: block;position: relative;}
.Delete-Voice{float: right;position: absolute;right: 0px;top: -39px;font-size: 20px;color: #828181;}
.Delete-Voice:hover{color: #764FB7;}
.dz-started .DropFile-Close{display: none;}
.Close-Circle i{position: relative;
    right: 12px;
    top: 45%;
    color: #a5a5a5;
    font-size: 26px;
    cursor: pointer;
    z-index: 99;
}
.DropdownTags .Close-Circle i{right: 0px;}
.Employees-Goals-Tag .tags .Close-Circle i, .OKR-Tag-Section .tags .Close-Circle i, .Awards-Section
.tags .Close-Circle i {right: -3px;
    font-size: 26px;
    color: #764FB7;
    position: relative;
    top: 50%;transform: translateY(-50%);}
.Overflow-Auto{overflow: auto;}
.Goals-Labels{margin-bottom: 0px;cursor: pointer;width: 93%;}
.category .Close-Circle{background: #e8e8fb;border-radius: 0px 5px 5px 0;top: 0px;bottom:0px;right: 0px;z-index: 99;
padding: 0px 4px 0px;}
.category .Close-Circle i{top: 50%;right: 0px;color: #764FB7;transform: translateY(-50%);}
.category .Close-Circle:hover{background: #a5cdf6;color: #764FB7;}
.Close-Circle{position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0px 6px 0px;
    font-size: 26px;}
.tags li.CloseTag .Close-Circle{display: inline-block;
    position: absolute;top: 0;display: block;background: #e8e8fb;border-radius: 0px 5px 5px 0;bottom: 0;right: 0;
padding: 0px 6px 0px;font-size: 26px;}
.tags li.CloseTag .Close-Circle:hover{background: #a5cdf6;color: #764FB7;}
.tags li.CloseTag .tag_set{width: 96.2%;border-right: 1px solid #e0e0e0;padding: 15px 10px 15px 15px;display: inline-block;
    vertical-align: middle;background: #edf6ff;border-radius: 5px 0px 0px 5px;}
.Single-Employee.NewSearchBox i.fa-times-circle{font-size: 22px;position: absolute;
    right: 15px;top: 5.7px;}
.Awards-Section .Displaytable{margin: 0px 0px 0px 30px;border: 0px;}
.Awards-Section .ContentFeedback p{margin-bottom: 0px;width: 100%;font-size: 15px;padding-bottom: 0px;}
.Awards-Section .Displaytable .AwardAvator .Star-Award{width: 100%;max-height: 55px;max-width: 55px;}
.Awards-Section .FeedbackDetails{margin-bottom: 0;}
.Awards-Section .tags li .tag_set{padding: 15px 27px 15px 15px;cursor: pointer;}
.OKR-Tag-Section .tags{margin: 0;}
.Awards-Section .ContentFeedback{padding-left: 6px;}
.tags li.active{border-bottom: 0px;}
.OKR-Tag-Section .tags li.active{border: 1px solid #e0e2e4;border-radius: 5px;border-right: 0;}
.AwardAvator {
    width: 100px;
    /*height: 102px;*/
    vertical-align: top !important;
    text-align: center;
}
.AwardAvator span {
   border-radius: 5px;
    border: 1px solid #e0e2e4;
    width: 90px;
    height: 90px;
    background: #fff;
    display: table-cell;
    vertical-align: middle !important;
}
.AddFeedback .Info-Section, .AddFeedback .btn_top, .MultiselectEmployeeAvatarDiv{width: 625px;}
.animate-control .Stopgif{display: inline-block;vertical-align: middle;padding-right: 3px;}
.note-editor .note-btn-group .btn.btn-default{right: -7px;
    top: -19px;
    z-index: 99;
    color: #828181;
    width: 35px;
    height: 32px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    line-height: 22px;
    font-size: 18px;}
.note-editor .note-btn-group.note-insert .btn.btn-default{right: 29px;top: -19px;line-height: 20px;}
.Employees-Goals-Tag .tags .Close-Circle i{top: 50%;
    transform: translateY(-50%);}
.TagSet.Destroy-Scroll{padding: 10px 0px 0 0;}
.Destroy-Scroll .slimScrollDiv, .Destroy-Scroll .Scroll_Container{height: auto !important;}
.Destroy-Scroll .slimScrollRail, .Destroy-Scroll .slimScrollBar {display: none !important;}
.TagsSection .Destroy-Scroll .slimScrollDiv{margin: 0px;}
.tags .tag_set .UICheckbox input{top: 40%;position: relative;}
.TagSet .slimScrollBar, .TagSet .slimScrollRail{margin: 5px 6px 5px 0;}
.TagSet .slimScrollRail{height: 98% !important;}
.Awards-Section .tags li.active{border: 1px solid #e0e2e4;border-radius: 5px;border-right: 0;}
.tags.Full_width, .tags.Award-Width, .tags.Goals-Width{width: 97%;}
.Destroy-Scroll .Scroll_Container .tags{width: 100%;}
.Destroy-Scroll .tags .tag_set .ObjectiveList, .Destroy-Scroll .tags .tag_set .OKR-GoalsHead a{cursor: default;}
.Awards-Section .Destroy-Scroll .tags li .tag_set, .Destroy-Scroll .Goals-Labels, .Destroy-Scroll .TagsSection h5,
.category.BorderNone li.active .CatTitle,.Destroy-Scroll .tags li.CloseTag .tag_set{cursor: default;}
.Awards-Section .tags li.activeAward{border: 1px solid #e0e2e4;
    border-radius: 5px;background: #f7f7f7;}
.tags li.activeAward .Close-Circle {
    display: inline-block;
    display: block;
    background: #e8e8fb;
    border-radius: 0px 5px 5px 0;;
}
.DropdownTags .ScrollBox .slimScrollDiv, .DropdownTags .ScrollBox .Scroll_Container
{height: auto !important;max-height: 203px !important;}
.eventnone {
   pointer-events: none;
}
.CursorDrop{cursor: no-drop;}
.eventnone input, .eventnone.NewSearchBox,.eventnone.Recoring-Link, .ProvidedBy input.eventnone, 
.ProvidedBy .eventnone.DatePickerBox{
    background-color: rgb(235, 235, 228);
    color: #767676;pointer-events: none;
}
.mandatory {
    display: inline-block;
    color: #ef0707;
}
.AddFeedback .tooltip {
  position: relative;
  display: inline-block;opacity: 1;font-size: 13px;z-index: 99;
}
.AddFeedback .CommentAction .tooltip, .AddFeedback .category .tooltip{position: absolute;}
.AddFeedback .tooltip .tooltiptext {
  visibility: hidden;font-size: 12px;
  width: 120px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  bottom: 112%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.AddFeedback .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

.AddFeedback .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.btn_top div{display: inline-block;}
.TagEmployees.tooltip .tooltiptext{bottom: 130%;}
#modal-dialog .tooltip.top{padding: 5px;}
.MultiselectEmployeeAvatarDiv .plusothers{
   text-align: center;
    display: block;
    clear: both;
    margin: 5px 0px 15px;
    text-transform: none;
    font-size: 16px;
    padding: 6px 20px;
    line-height: 26px;
    height: 40px;}
/*.MultiselectEmployeeAvatarDiv .plusothers:hover{text-decoration: underline;}*/
.note-editable * {
    background: none !important;
    color: #434343 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
/*more employee popup start*/
#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:11px; text-align:center; width:33.3%; float:left; padding:0px;position: relative;}
.EmployeeListPopup ul li .delete{position: absolute;top: 26px;right: 17px;color: #90a1b1;font-size: 20px;}
.EmployeeListPopup ul li .Information{     background: #e1f0ff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px;
    width: 96%;
    text-align: left;vertical-align: middle;}
.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: #0876cb;
    background: #ededed;
    font-size: 22px;
    line-height: 43px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
#MoreEmployee .modal-content{ border-radius:5px;}
#MoreEmployee.new-modal .slimScrollDiv{width:100% !important;}
.EmployeeListPopup{padding:15px 0 5px;}
#MoreEmployee .NewSeachBox{margin: 15px 0px 0px 13px;}
#MoreEmployee .NewSeachBox i{position: unset;}
#MoreEmployee .NewSeachBox .fa-search{margin: 9px 12px 0 0;}\

.AddFeedback .SelectedNameAV .EmpCard{display: inline-block;width: 100%;}
.EmpCard span .tooltip{position: fixed;font-size: 13px;}
.LocationTreeDIV .searchDiv small {
    top: 18px;
    right: 24px;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
}
.new-modal .LocationTreeDIV form{background: #fff;padding: 10px 0 10px;}
.theme-org-panel .employee-directory .jstree {
    margin: 0;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after, .jstree-default .jstree-checked > .jstree-checkbox:after {
    font-family: 'icomoon' !important;
    background: #764FB7;
    content: "\e239";
    display: inline-block;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    border-radius: 5px;
    bottom: 4px;
    top: 4px;
    left: 4px;
    line-height: 19px;
}
.jstree-default .jstree-checkbox:before {
    border: 1px solid #e0e0e0;
    left: 4px;
}
.LocationTreeDIV .UICheckbox small.checked{
    background: #764FB7;
    border: 1px solid #764FB7;
    line-height: 24px;
}
.LocationTreeDIV .UICheckbox small.checked i {
    font-size: 12px;
}
/*more employee popup end*/
/*sentimental score css*/
.Sentiment-Section{text-transform: capitalize;
    float: right;}
.Sentiment-Section .Sentiment-Images {
    display: inline-block;
    border: 1px solid #e0e0e0;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    margin-left: 15px;
    height: 37px;margin-top: -15px;
}

.Sentiment-Section .Sentiment-Images img {
    width: 20px;
    opacity: 0.7;
    margin: 0;
}
.Sentiment-Section .Sentiment-Images img.active {
    width: 25px;
    opacity: 1;
    margin: 0;
    cursor: pointer;
}
.ScoreHelp {
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
    opacity: 0.8;margin-top: -12px;
}
.ScoreHelp .fa {
    font-size: 18px;
    margin: 13px 0 0 4px;
    color: #1e8efe;cursor: pointer;
}
.Score {
    float: left;
    margin: 0px 0 0 0;
    font-weight: bold;
}
#ScorePopup .modal-content {
    padding-bottom: 10px;
    border-radius: 5px;
}
#ScorePopup table {
    border: 1px solid #e3e3e3;
    border-bottom: 0px;
}
#ScorePopup img {
    width: 40px;
    height: 40px;
}
#ScorePopup tr td:first-child, #ScorePopup tr th:first-child {
    text-align: center;
}
#ScorePopup td, #ScorePopup th {
    padding: 10px;
}
#ScorePopup td label {
    color: #333;
    font-weight: bold;
    font-size: 13px;
    margin: 5px 0 0 0;display: block;
}
#ScorePopup td {
    border-top: 1px solid #e3e3e3;
}
#ScorePopup tr td:first-child, #ScorePopup tr th:first-child {
    text-align: center;
}
.GradeSection {
    position: absolute;
    display: none;
    z-index: 999;
}
.GradeSection .triangle-left {
    border-left: 0px solid transparent;
    border-top: 15px solid #e0e0e0;
    border-right: 0px solid transparent;
    height: 0;
    left: -214px;
    position: absolute;
    top: -63px;
    z-index: 9999;
    box-shadow: 0 16px 10px -17px rgb(220, 218, 218);
}
.GradeSection .inner-triangle {
    border-left: 10px solid transparent;
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: -12px;
    width: 0;
}
.GradeSection .tooltipdiv {
    padding: 15px 15px 9px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #fff none repeat scroll 0 0;
    right: 152px;
    top: -153px;
    position: absolute;
    text-align: center;
    line-height: 22px;
    width: 130px;
    border: 0px solid #d4d4d4;
}
.GradeSection .tooltipdiv img {
    margin-bottom: 8px;
    width: 40px;
}
.GradeSection .Grade-Text {
    text-transform: uppercase;
    margin: 0px;
    font-weight: bold;
    font-size: 13px;
}
.BackBtn {
    border: 1px solid #e0e0e0;
    width: 44px;
    height: 38px;
    text-align: center;
    line-height: 36px;
    font-size: 30px;
    border-radius: 5px;
    float: left;
}

.SelectedNameAV .EmpCard{width: 100%;}
.NoAward-Section{padding: 20px;text-align: center;}
.DisplayNone{display: none !important;}
.PostClear .tooltiptext{display: none;}
.PostClear .eventnone{pointer-events: unset;}
.PostClear .tooltip.CursorDrop{cursor: pointer !important;}
.PostClear .btn[disabled]{cursor: pointer;opacity: 1;}
.AddFeedback .PostClear .tooltip{position: static;}
#confirmation.modal.fade .modal-dialog {
    min-width: 500px !important;
    width: 500px !important;
}
#confirmation.modal .modal-content{border-radius: 5px;}
#confirmation.modal .modal-footer{text-align: center;border: 0px;padding-top: 10px;}
#confirmation.modal .modal-body{padding: 20px 20px;}
.CategoryDecsription{color:#434343 !important;}
.CommentBox .dropzone:hover{border: 2px dashed #353535 !important;}
.Multicheck-director .UICheckbox small{top: -5px;}
.Multicheck-director .UICheckbox input{left: 3px;top: -8px;}
.Employee-Search .grid_table #datatable{border-top: 1px solid #C7C7C7;}
.ChooseAll{position: absolute;right: 16px;top: 10px;}
.Multicheck-director .CheckAll .UICheckbox small{top: -6px;}
.Multicheck-director .ActionRow.Disable{cursor: not-allowed;}
.Multicheck-director  .ActionRow.Disable a{box-shadow: none;pointer-events: none;
    opacity: .65;}
#modal-dialog.Employee-Search .grid_table thead tr th{padding: 12px 12px 7px !important;}
#modal-dialog.Employee-Search .dataTables_length,.Employee-Search div.dataTables_info{padding: 15px 0 0 13px !important;}
/*.Employee-Directory .funnel_icon .theme-org-panel {
    display: none;
}*/
.Employee-Directory .panel-body.grid_table.Multicheck-directory {
    margin: 16px;
    border: 0px solid #e6e6e6;
    border-radius: 5px;
    box-shadow: 0 0px 8px #dcdada;
    background: #fff;width: auto;
}
.SelectedUsers ul .SelectedList {
    padding: 15px;
}
.SelectedUsers ul .SelectedList a {
    display: inline-block;
    margin-left: 10px;
}
.SelectedUsers ul .SelectedList .ToggleBtn {
    margin: 0px;
    float: right;
}
.Employee-Directory .grid_table .dataTables_wrapper {
    border-top: 1px solid #e2e7eb !important;
}
.Employee-Directory .grid_table .dataTables_filter {
    padding: 17px 0px 10px;
}
.Employee-Directory .grid_table .scrolledTable {
    height: 354px;
    border-radius: 5px;
}
.Employee-Directory .grid_table .dataTables_length {
    padding: 17px 20px 10px;margin-top: 0px;

}
.Employee-Directory .grid_table.Multicheck-directory .dataTables_paginate {
    border-top: 0px;
}
.Employee-Directory div.dataTables_wrapper div.dataTables_filter label {
    background: #fff;
    height: 35px;
    float: left;
    border-radius: 5px;
    box-shadow: 0 0px 8px #dcdada;
    border: 1px solid #fff;
}
.Employee-Directory div.dataTables_wrapper div.dataTables_filter label:hover{border: 1px solid #764FB7;}
.Employee-Directory .dataTables_filter label i {
    position: absolute;
    right: 10px;
    top: 10px;
}
.Employee-Directory .dataTables_wrapper label input.input-sm {
    width: 240px !important;
    border-radius: 5px;
    border: 0px;
    padding: 3px 10px 0px !important;margin: 0 0 0 0px;
}
.Employee-Directory .ChooseAll{position: absolute;right: 15px;top: -5px;}
.Employee-Directory  #datatable tbody td{border-top: 1px solid #ddd;}
.Employee-Directory .dataTable tbody td {
    padding: 9px 0px 9px 14px;
}
.Employee-Directory .OuterBorderImg {
    width: 40px;
    height: 40px;
    border: 2px solid #764FB7;
    display: inline-block;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
    background: #fff;
    float: right !important;
}
.jstree-default .jstree-clicked,.jstree-anchor.jstree-hovered {
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
}
.Employee-Directory .OuterBorderEmpty {
    width: 42px;
    height: 42px;
    line-height: 38px;
    float: right !important;
}
.Employee-Directory .grid_table .scrolledTable tbody tr:last-child td {
    border-bottom: 1px solid #ddd;
}
.Employee-Directory.modal.fade .modal-dialog {
    max-width: 860px !important;
}
.Employee-Directory .OuterBorderEmpty .EmptyImg {
    line-height: 38px;
}
.Employee-Directory .UICheckbox small{top: -4px;}
.Employee-Directory .UICheckbox input{top: -7px;left: 2px;}
.Employee-Directory .grid_table #datatable thead tr th {
    padding: 12px 12px 8px;
}
.Employee-Directory .CheckAll .UICheckbox small{top: -6px;left: 4px;}
@media (min-width: 768px) and (max-width: 991px){
.AddFeedback .Info-Section, .AddFeedback .btn_top, .Recoring-Link, #accordion, .note-editor, .DropdownTags, .NewSearchBox{width: 570px;}
ul.category,.MultiselectEmployeeAvatarDiv{width: 570px;}
.Drop-File{right:92px;}
.CommentBox, .view_employee{width: 570px;}
}
@media (max-width: 1000px){.AddFeedback .col-md-7 {
    width: 691px !important;
}}
/*#modal-dialog .modal-dialog{position: relative;}*/