.modal.right .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); width: 60%;}
.modal.right .modal-content{ height:100%;background:#f3f3f3; overflow-y:auto; border-radius:0px;}
.modal.right.fade .modal-dialog{right:-94%; margin:0; -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; margin:0;}
.modal.right .modal-body{ background:#f3f3f3; border-radius:0px; padding:20px; } 
/* CheckIns */
.modal-title{line-height:normal;}
.CheckIns .Objecttitle:hover{background:#f3f3f3; cursor:pointer;}
.CheckIns .Objecttitle h3{ border-bottom:0px;font-weight:bold; padding-bottom:0; margin:0px;}
.CheckIns h5{ margin:0px 0 20px 0px; color:#808080; font-size:15px;}
.ObjectiveList.active{ box-shadow: none; border-radius:5px; margin-bottom: 20px;}
.IndividualCheckIn .ObjectiveList.active{ margin-bottom:0px;}
.ObjectiveList.active .Objecttitle{background:#f3f3f3; border-radius:5px; cursor:default; -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;}
.CheckIns .ObjectiveList .status{ position:absolute; top:24px; right:24px;}
.CheckIns .ObjectiveList.active .status{ right:40px;}
.CheckIns .OuterBorderImg,.CheckIns .OuterBorderEmpty{width: 46px; height: 46px;}
.CheckIns .OuterBorderEmpty{line-height:30px;}
.ReplyBox .OuterBorderImg,.ReplyBox .OuterBorderEmpty{width: 36px; height: 36px;}
.ReplyBox .OuterBorderEmpty{line-height:30px;}
/* .CheckIns.modal.right .modal-body{ height:93%; overflow:hidden; position:relative;} */
/* .CheckIns.modal.right .modal-body,.CheckIns.modal.right .modal-content{ background:#fff; overflow-y:hidden; height:100%; padding:0; } */
.CheckIns.modal.right .modal-content{overflow-y:hidden;}
.CheckIns.modal.right .modal-body{ height:93%; overflow-y:scroll; background:#fff; }
.CheckIns.modal.right .modal-dialog{ border-radius:5px;}
.unread{ background:#edf6ff; border:1px solid #c0dcf8; box-shadow:none;}
.CheckIns .ObjectiveList p{ margin-bottom:0px;}
.unread:after{ content:""; position:absolute; width:15px; height:15px; display:inline-block; border-radius:30px; background:#5A4D9F; top:40%; right:-7px; border:1px solid #fff;}
.RemoveSelected{ position:absolute; top:0; bottom:0; right:0; border-left:1px solid #ccc; padding:0px 6px 0px; font-size:26px; display:none;}
.RemoveSelected i{ position:relative; top:40%;}
.fixed .RemoveSelected i{top:30%;}
.CheckIns .ObjectiveList.active .RemoveSelected,.SelectedGoal .RemoveSelected{ display:block; background:#c8e0f8; border-radius:0px 5px 5px 0;}
.CheckIns .ObjectiveList.active .RemoveSelected:hover,.SelectedGoal .RemoveSelected:hover{background:#a5cdf6; color:#5A4D9F;}
/* .IndividualCheckIn{position:absolute; width:100%; background:#fff; right:-100%; top:0; bottom:0; z-index:999;} */
.IndividualCheckIn .Scroll_Container{padding:0 20px 0 15px;}
/* .padding .CommentSection { padding-top:100px !important;}  */
/* .IndividualCheckIn .Objecttitle{ border-bottom:1px solid #e3e3e3;} */
.icon-CheckIn{    font-size: 20px; float: left;margin: 1px 5px 0 0;}
.BackButtonSection .ArrowBtn,.BackButtonSection .ArrowCloseBtn{    background: #5A4D9F;  color: #fff;  width:38px; height: 35px;  display: inline-block;  border-radius: 5px;
    font-size: 26px;   text-align: center;   line-height: 36px;}
.BackButtonSection span{font-size:16px;}
.CheckIns .icon-Objective{ font-size:24px;}
.IndividualCheckIn .col-md-7 p{margin-bottom:0px; color:#808080;}
.CFCommentList {box-shadow:0 0px 18px #dcdada; padding:20px; border-radius:5px;}
.CommentCount{ display:flex; color:#808080; margin-bottom:0px; margin-top:20px;align-items: center;}
.CommentSection .ProvidedSec{ width:30%; float:left;}
.CommentSection .CommentsBlock{ width:70%; float:left;}
.CommentsBlock .emoji-icon-inline{ width:20px; height:20px;}
.CommentCount .icon-Continuous-feedback{cursor: pointer;font-size: 23px;color: #764FB7;margin-right: 6px;}
.LabelName{ color:#808080;display:block; position:relative;}
/* .LabelName a{position:absolute; color:#808080; font-size:18px;}
.LabelName a:hover{color:#5A4D9F;}
.LabelName a.EditComments{right:30px;}
.LabelName a.DeleteComments{right:0px; top:-2px;} */
.ReplyAction{ border-top:1px solid #e3e3e3; margin:0 -20px; clear:both; padding:20px;}
.CommentReply{color:#808080;}
.CommentAction a{color:#764FB7; margin-left:10px;}
.CommentAction a i.icon-Reply_Icon:before{color:#764FB7;}
.CommentAction a:hover,.CommentAction a:hover i.icon-Reply_Icon:before{color: #461F87;}
.CheckInList{ display:inline-block; /* height:100%; */ width:100%;}
.CheckInList .Scroll_Container{ padding:10px 35px 0 20px;}
.CheckInList .slimScrollBar{ right:15px !important;}
.CheckInList .slimScrollRail{right:18px !important;}
.NewComment{box-shadow:none;}
/* .ReplyEmp .OuterBorderEmpty{ width:40px; height:40px; line-height:35px;} */
.ReplyEmp .OuterBorderEmpty a{ font-size:22px;line-height: 38px !important;}
.IndividualCheckIn {display:none; /* padding:20px; */}
.ViewMoreCmts{ display:none;}
.ViewMoreCmtsBtn,.MoreRepliesBtn{font-weight:bold; margin:20px 0px 0px 4px; float:left;}
.ViewMoreCmtsBtn{color: #5A4D9F;border-bottom: 2px solid transparent;padding: 0px;float: none;}
.MoreRepliesBtn:hover{ text-decoration:underline; color:#461F87;}
.ViewMoreCmtsBtn:hover{ border-color:#461F87;  color:#461F87;}
.ViewMoreCmtsBtn i.fa.fa-2x.fa-angle-down{ vertical-align:middle; margin:-2px 0px 0 0; font-size:22px;}
.dropzone{ width:100%; float:right; }
.CommentBtnAction { display:none;}
.RepliedBox .DeleteReply,.RepliedBox .EditReply{ color:#808080; font-size:18px; margin:0 0px 0 15px; float:right;}
.SelfReply .DeleteReply,.SelfReply .EditReply{ color:#808080; font-size:18px; margin:0 15px 0 0; float:left;}
.RepliedBox .DeleteReply:hover,.RepliedBox .EditReply:hover{color:#5A4D9F;}
/* Emoji Section */
.OKRReplyContainer{ display:none;}
.OKRReplyContainer ul{ width:90%; float:right;}
.OKRReplyContainer li{ margin-top:20px; width:100%; float:left;}
.OKRReplyContainer .TextField{ position:relative; width:calc(100% - 50px);  float:left; border:1px solid #e3e3e3; border-radius:5px;}
/* .OKRReplyContainer .emoji-wysiwyg-editor:hover, .OKRReplyContainer .emoji-wysiwyg-editor:focus{border:1px solid #5A4D9F; outline:none;} */
.OKRReplyContainer .TextField.active,.OKRReplyContainer .TextField:hover{border:1px solid #5A4D9F;}
.OKRReplyContainer .emoji-button {background: url(../images/smiley.png) no-repeat 8px 6px #fff; width:35px;opacity: 0.8;background-size: 18px;
 display: inline-block;  height:32px; position: absolute; top:14px;  right:6px;  margin-top: -8px; left:inherit; border:1px solid #e0e0e0; border-radius:5px; text-align:center; display:none;}
.emoji-wysiwyg-editor{ display:block; border:0; border-radius:0px 0px 5px 5px; /* border-top:1px solid #e3e3e3; */ padding:14px 12px; min-height:42px; height:auto;}
.emoji-wysiwyg-editor.placeholder{color:#808080;}
.emoji-wysiwyg-editor:focus, .emoji-wysiwyg-editor:hover{border:0; /* border-top:1px solid #e3e3e3; */ outline:none; }
.emoji-menu{z-index:9999 !important;    left: inherit !important;   right: 57px; }
.ReplyBox .ReplyEmp,.RepliedBox .ReplyEmp{ float:left; margin-right:10px;}
.emoji-wysiwyg-editor:focus{ outline:none;}
.RepliedBox .RepliedComment{width:calc(100% - 56px); float:left; background:#edf6ff; padding:16px; border-radius:5px; color:#434343; }
.RepliedBox .ReplyEmp{ margin-top:26px;}
.RepliedField{ color:#808080; }
.RepliedField span{ float:right; margin-right:4px;}
.RepliedField label{ font-weight:bold; color:#5A4D9F; margin-bottom:10px;}
.SelfReply .RepliedField label{ float:right; margin-right:62px;}
.SelfReply .RepliedField span{float:left;}
.CloseReply{ color:#808080;}
.SelfReply .ReplyEmp{margin:0 0 0 10px;}
.SelfReply .RepliedComment{background:#ededed;}
.OpenReply:hover{ color:#461F87; text-decoration:underline;}
.Opened,.Opened:hover{ color:#808080;}
.Opened .fa-caret-down{ font-size:16px; float:left; margin:1px 8px 0 0;}
.ReplyPostAction{ display:none;}
.CheckIns .Insert_Image .modal-dialog{right: 0 !important; position: inherit !important; height: inherit;left: 0;
    margin: auto !important;
    top: 100px;}
.NewComment { padding:0;}
.Insert_Image .modal-dialog {
    min-width: 500px !important;
    width: 500px !important;
}
.Insert_Image .modal-body { padding:20px !important;}
.Insert_Image .browse{ position:relative;}
.Insert_Image .browseblock input[type="file"]{ height:35px; border-radius:5px; line-height:35px;  position:absolute; opacity:0; z-index:999; top:45px; width:96%;}
.Insert_Image .browse .btn {
    position: absolute;
    top: 0px;
    right: 0px; height:36px;
    background: #f3f3f3;
    color: #4a4a4a;
    font-weight: 400; line-height:25px;
    border-radius: 0px 5px 5px 0px;
    border-left: 1px solid #e0e0e0;
}
.CommentCount .icon-CheckIn{opacity:0.8; font-size:22px;}
.CheckIns .note-editable{min-height:35px; height:auto !important;    border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.CheckIns .note-editable p{ margin-bottom:0; }
.note-editable:hover{border:1px solid #53a3fe;}
.note-toolbar .btn.btn-default{color:#828181; width:35px; height:32px; margin-left:5px; text-align:center;}
.note-toolbar .btn.btn-default:hover{ background:#e9f2fd;color:#5A4D9F; border-color:#ccc;}
.note-toolbar .btn-group{ margin-right:0px !important;}
.note-toolbar .fa.fa-smile-o{font-size:18px; margin:2px 0 0;}
.note-toolbar .note-icon-picture{font-size:15px;}
.note-toolbar.panel-heading{ padding:5px 8px 7px; border:0px;  border-bottom:1px solid #e6e6e6;text-align:right; display:none;}
.note-editor .note-editing-area .note-editable{border:0px; border-radius:5px;}
.note-editor.note-frame:hover{border:1px solid #353535;}
.note-editor.active .note-editing-area .note-editable:hover,.note-editor.active  .note-editing-area .note-editable:focus{border:0px;}
.note-editor.note-frame{ border:1px solid #e0e0e0;}
.form-group.note-group-image-url label{ width:100%;}
.form-group.note-group-image-url input{ width:100% !important; height:36px;}
.emoji-wysiwyg-editor[contenteditable=true]:empty:before{
  content: attr(placeholder);
  pointer-events: none;
  display: block; /* For Firefox */
}
.Recoring-Link {
    border: 1px solid #e0e0e0;
    display: block;
    padding: 13px 0;
    margin: 10px 0px 0px;
    border-radius: 5px;
    color: #676666;
    background: #fff;
    text-align: center; position:relative;
}
.Recoring-Link:hover {
    color: #5A4D9F;
	border-color: #5A4D9F;
}
.DropFile-Close .icon-CloseIcon {
    position: absolute;
    top: -13px;
    right: -15px;
    cursor: pointer !important; 
}
.dz-started .DropFile-Close{ display:block;}
#CheckinAll .Info-Section,#CheckinIndividual .Info-Section{ margin:10px 0 15px 0; width:100%; display:none;}
.Info-Section .icon-info-icon{ margin-top:2px;}
.TextField .HEmoji{height:45px; background:#f5f5f5; border-bottom:1px solid #e3e3e3; display:none; border-radius:5px 5px 0 0;}
.note-editor.active{ border:1px solid #5A4D9F;}
.note-editor.active .note-editing-area .note-editable{border:0px;}
.note-editor.note-frame{ margin-bottom:20px;}
.note-editor.note-frame .note-placeholder{    padding: 10px 14px;
    line-height: 19px;}
/* Emoji Summernote */
.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;
}
.emoji-dialog .col-xs-3:hover {
    background: #ebebeb;
}
.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;
}
.m-0-r {
    margin-right: 0;
}
.m-0-l {
    margin-left: 0;
}
.PMInfo{float:left; margin:8px 0 10px; clear:both;}
.PMInfo label{ color:#808080; font-weight: normal; display:block; margin:0;}
.PMInfo a{ color:#5A4D9F; font-weight:bold;}
.NoComments{ border:1.5px dashed #c4c4c4; padding:20px; border-radius:5px; height:340px; display:table; width:100%; vertical-align:middle; color:#808080;}
.NoComments p{display:table-cell; vertical-align:middle;}
.RepliedBox.MoreReplies{ display:none !important;}
.open .RepliedBox.MoreReplies{ display:block !important;}
#Recording-Popup .modal-body{ background:#fff;}
/* Emoji ENds */
.dropzone {display:none; margin-bottom:20px; margin-top:0px;}
#CheckinIndividual .IndividualCheckIn{ right:0; display:block !important;}
/* .IndividualCheckInBtn,.withoutObj{ position:absolute; right:120px; top:18px;cursor:pointer; z-index:999; opacity:0.7;} */
.IndividualCheckInBtn{opacity:1; /*color:#808080;*/color: #5A4D9F;margin-right: 2px;}
.IndividualCheckInBtn:hover,.withoutObj:hover{opacity:1; color:#5A4D9F;}
.IndividualCheckInBtn i{ cursor:pointer; font-size:26px;
  color: #764FB7;/*background: #ddeeff;padding: 6px;border-radius: 5px;color: #48a6fe;*/}
.IndividualCheckInBtn i:hover{/*background-color: #b9d5f1;*/color: #461F87;}
/* .Notify:after {
    content: "";
    width: 10px;
    height: 10px;
    background: red;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    right: 0;
    border: 2px solid #fff;
} */
.Drop-File{ width:35px; height:32px; color:#828181; background:#fff; border:1px solid #e0e0e0; border-radius:5px; position:absolute; right:90px; top:21px; text-align:center; position:absolute; z-index:9; line-height:32px; font-size:18px;display:none; }
.Drop-File:hover{ background:#e9f2fd; color:#5A4D9F; }
.ListofGoals .Drop-File{ top:27px;}
.DropFile-Close {
    z-index: 1023;
    float: right;
    font-size: 11px;
    margin: 0px;
    cursor: pointer !important;
    
    color: #a5a5a5;
}
.dz-started .DropFile-Close{ display:none;}
.ScrollFunction .modal-body{ overflow-y:hidden !important; padding:0px !important;}
.IndividualCheckIn{ overflow-y:scroll; height:100%; padding-top:20px; }

.IndividualCheckIn {-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;}
.fixed{position:fixed; top:49px; left:0; right:0; z-index:99; width:98.2%; height:60px; }
.fixed .Objectivetag,.fixed .col-md-7,.fixed .col-md-5{display:none;} 
.fixed .RemoveSelected{border-radius:0px !important;}
/** Voice recorder **/
#formats, #pauseButton{ display:none;}

#recordingsList {
    padding: 0;
}

#recordingsList audio {
    width: 95%;
    height: 35px;
	float:left;
	outline:none;
}

#recordingsList li .Delete-Section
{
	float:left; font-size:18px; 
   color:#828181; margin:8px 0px 0 16px;

}
#recordingsList li .Delete-Section:hover{ color:#333; }
#recordingsList li { list-style-type:none; margin-top:20px; float:left; width:100%;}
.Contols-Records{ display:none;}
.PostCmtBtn{ box-shadow:none !important;}
/* Checkins in goals */
.GoalList li,.SelectedGoal{     background: #fff;
    border-radius: 4px; padding:16px;
    box-shadow: 0 0px 18px #dcdada;
    margin-bottom: 20px; cursor:pointer;}
.GoalList li:hover{background:#edf6ff;}
.GoalList li h3,.SelectedGoal h3{color:#5A4D9F; margin:0; border:0; font-weight:bold;font-size: 14px;}
.GoalList li h3:hover,.SelectedGoal h3:hover{color:#5A4D9F;}
.GoalList li p,.SelectedGoal p{margin-bottom: 0px;padding-top: 4px;}
.CheckIns .EmpImage {
    float: left;
}
.CheckInBtn:hover{ text-decoration:underline;color:#5A4D9F;}
.VideoSection .file-view {
    background: linear-gradient(to bottom, #eee, #ddd);
    width: 44px;
    border-radius: 5px;
    height: 44px;
    display: inline-block;
    float: left;
    cursor: pointer;
	max-width: 130px;
    font-size: 14px;
    line-height: 16px;
}
.fa-file-excel-o:before {
    color: #207245;
}
.VideoSection .avatar{margin-right:8px; float:left;}
.VideoSection .avatar a{ float:left; margin:5px 0px 0px 12px; font-size:25px;}
.VideoSection div{ float:left; color:#808080; font-size:14px;}
.VideoSection div label{ margin-bottom:0px;}
.Attachments audio{ width:100%; height:50px; outline:none;}
.SelectedGoal{background:#edf6ff; padding-right:30px;}
.each-question .IndividualCheckInBtn{top:13px; right:66px;}
.Insert_Image .modal-body{ padding:20px !important;}
/** Check INs **/
.InReviewCheckin{ right:20px;}
.CheckInReview .CFCommentList { margin-top:20px !important;}
.CheckInReview.CheckIns .status{ right:20px !important;}
.CheckInDetailView{top: 14px;
    right: 224px;}
.ReviewCheckin{ right:148px;}
	/* .LabelName a{position:absolute; color:#808080; font-size:18px;}
.LabelName a:hover{color:#5A4D9F;}
.LabelName a.EditComments{right:30px;}
.LabelName a.DeleteComments{right:0px; top:-2px;} */
.ActionCmts{position:absolute; right:0; top:-4px;}
.ActionCmts a{color:#808080; font-size:18px; float:left;}
.ActionCmts a:hover{color:#5A4D9F;}
.ActionCmts a.DeleteComments{ margin-left:10px;}
.ActionCmts a.EditComments{ margin-left:10px;}
.ProvidedCmtDate{font-size:14px; float:left; }