/*meeting css start*/
.ApprovaReject .SerachArea{background: transparent;border-radius: 0px;padding: 0px;}
.NoMeeting p{font-weight: 700;color: #2d2d2d;}
.CreateMeetingBtn{text-transform: uppercase;font-size: 13px;}
.Employee-Table .JoinLink{border-radius: 4px;border: 1px solid #5A4D9F;padding: 6px 10px;color: #5A4D9F;font-weight: 700;
    font-size: 12px;letter-spacing: 0.25px;text-transform: uppercase;display: inline-block;width: 100px;text-align: center;}
.Employee-Table .JoinLink:hover{text-decoration: none;background: #5A4D9F;color: #fff;}
.ParticipantsPics ul li:first-child{margin: 0px;}
.ParticipantsPics ul li{float: left;margin-left: -12px;}
.ParticipantsPics .OuterBorderImg,.ParticipantsPics .OuterBorderEmpty{width: 30px;height: 30px;line-height: 24px;}
.ParticipantsPics .OuterBorderEmpty .EmptyImg{font-size: 16px;cursor: default;}
.ParticipantsPics .OuterBorderEmpty .EmptyImg:hover{text-decoration: none;}
.ParticipantsPics .TotalCount{text-align: center;width: 32px;height: 32px;background: #5A4D9F;border-radius: 50%;color: #fff;
    vertical-align: middle;border: 2px solid #fff;padding: 2px;font-weight: 700;line-height: 22px;font-size: 13px;}
.Meeting_Grids .Employee-Table .table#example1 .ActionCell{width: 50px;min-width: 50px !important;}
.Meeting_Grids .SerachArea .SortBy {margin-right: -13px;}
.Meeting_Grids .Employee-Table .table td.ActionCell:last-child {
    border-bottom: 1px solid #e0e0e0;
}
.Meeting_Grids .Employee-Table .table .ActionCell {
    width: 36px;
    min-width: 36px !important;
    box-shadow: none;margin-top: -1px !important;
}
.ApprovaReject .Meeting_Grids table td .icon:hover{text-decoration: none;}
.Info_Rating {
    position: absolute;
    display: none;
    z-index: 999;
}   
.Info_Rating .tooltipdiv {
    background: #fff none repeat scroll 0 0;
    right: -8px;
    top: 25px;
    position: absolute;
    text-align: left;
    line-height: 22px;
    width: 150px;
    border: 0px solid #dcdada;
    box-shadow: 0 0px 7px #888888;
    border-radius: 5px;
}
.Info_Rating .tooltipdiv ul {
    padding: 8px;
    margin: 0;
    display: flow-root;
}
.Info_Rating .tooltipdiv ul li:first-child {
    border-radius: 5px 5px 0px 0px;
}
.Info_Rating .tooltipdiv ul li {
    float: left;
    width: 100%;
    margin-bottom: 4px;
}
.Info_Rating .tooltipdiv ul li:last-child{margin-bottom: 0px;}
.Info_Rating .tooltipdiv ul li a {
    color: #353535;
    width: 100%;
    display: block;
    padding: 5px 8px;
    line-height: 22px;
}
.Info_Rating .tooltipdiv ul li a:hover {
    background: #5A4D9F;
    border-radius: 5px;
    color: #fff;
}
.Standard-Picker {
    top: 0px;
    right: 14px;
}
.Standard-Picker .Quarters-Cards li .Eligible label {
    float: none;
    color: #434343;
    margin: 0;
}
.Standard-Picker .UICheckbox small {
    width: 18px;
    height: 18px;
    border: 1px solid #c0c0c0;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 2px;
    border-radius: 5px;
    text-align: center;
    line-height: 18px !important;
    box-shadow: none;
    margin-left: 0px;
}
.Meeting_Grids .SortBy .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 110px;}
.CreateMeetings.modal.right .modal-dialog{width: 550px;background: #fff;}
.CreateMeetings.modal.right .modal-header,.CreateMeetings.modal.right .modal-body,.CreateMeetings.modal.right .modal-content{background: #fff;}
.CreateMeetings .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.TagField, .TargetTypeNumber{width: calc(100% - 30px);}
.CreateMeetings .TimingFields .btn-group.bootstrap-select{display: inline-block;width: 130px !important;margin:0px 0px 0px 10px;}
.Form-Section {padding: 20px 25px 0px 20px;}
.FormIcon{margin: 10px 10px 0 0;font-size: 18px;}
.Datepickercontainer .FormIcon{font-size: 24px;}
.AddParticipants-fields .FormIcon{font-size: 20px;}
.RecurringField .icon-Recurring{font-size: 18px;}
.RecurringField .FormIcon{margin: 10px 18px 0 0;}
.MeetingType .btn-group .dropdown-menu.open .selectpicker li:first-child,.OKRS-Fields .btn-group .dropdown-menu.open .selectpicker li:first-child{display: none;}
.Form-Section .Label{color: #000;font-weight: 700;font-size: 14px;}
.RecurringField .bootstrap-select.btn-group{width: 130px !important;margin-bottom: 0px;}
.RecurringField .boolean label {padding: 6px 10px 0px 30px;}
.RecurringField .boolean{display: inline-block;margin-left: 20px;}
.AddParticipants{border-radius: 6px;border: 0.8px solid #F7F7F7;background: #FFF;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
 margin: 0px 8px 0px 30px;}
.AddParticipants .Participants-Lists li{display: inline-block;width: 100%;padding: 10px;}   
.AddParticipants .Participants-Lists li .Name{margin:-1px 0px 0px 32px;} 
.AddParticipants .Participants-Lists li .Name span{display: inline-block;margin: 4px 0px 0px 8px;}
.AddParticipants .Participants-Lists li .Status,.AddParticipants .MarkAll .Status{display: inline-block;float: right;font-size: 13px;font-weight: 500;}
.Participants-Lists .EmpImage .OuterBorderImg{width: 30px;height: 30px;}
.AddParticipants .Participants-Lists li .Available,.MultiEmployeeSearchList .Status.Available{color: #63B64C;}
.AddParticipants .Participants-Lists li .Offline,.MultiEmployeeSearchList .Status.Offline{color: #9A9A9A;}
.AddParticipants .Participants-Lists li .Busy,.MultiEmployeeSearchList .Status.Busy{color: #C1423F;}
.AddParticipants .Participants-Lists li .NoResponse,.MultiEmployeeSearchList .Status.NoResponse{color: #E0A639;}
.Participants-Lists li:nth-child(odd){background: #F7F7F7;}
.Participants-Lists li:nth-child(even){background: #fff;}
.Participants-Footer{padding: 15px 15px 20px;}
.MarkAll{padding: 15px 10px;}
.AddParticipants .Participants-Lists li .Organizer{color: #4D4D4D;font-weight: 600;border-radius: 5px;border: 0.8px solid #D9D9D9;
padding: 1px 6px;font-size: 12px;margin-left: 10px;display: inline-block;}
.AddParticipants .MarkAll .Status{color: #5A4D9F;font-weight: 700;}
.AddParticipants .MarkAll .Name{margin:2px 0px 0px 30px;} 
.Participants-Lists{margin-right: 20px;}
.AddParticipants .slimScrollBar{right: 8px !important;}
.AddParticipants .slimScrollRail{right: 11px !important;}
.Meeting-Details .Form_label{color: #575757;font-size: 14px;display: block;margin-bottom: 0px;}
.Meeting-Details .Form_Name{color: #181C32;font-weight: 700;font-size: 14px;margin-top: 5px;display:inline-block;}
.RightPannel .AddParticipants{margin: 15px 0px 0px;}
.RightPannel .AddParticipants .Participants-Lists li .Name{margin: 0px;}
.RightPannel .AddParticipants .Participants-Lists li{padding: 12px 15px;}
.RightPannel .AddParticipants .Participants-Lists li .Status{margin-top: 4px;}
.Meeting-cards{display: flex;border-radius: 6px;border: 0.8px solid #e0e0e0;background: #FFF;align-items: center;margin: 25px 0px 20px;}
.Meeting-cards div{width: 25%;border-right: 0.8px solid #ECECEC;padding: 10px;}
.Meeting-cards div:last-child{border-right: 0px;}
.Agenda-Section,.Action-Section{border-radius: 6px;border: 0.8px solid #e0e0e0;margin: 20px 0px 0px;}
.Agenda-Lists{padding: 16px;border-top: 0.8px solid #e0e0e0;}
.Agenda-Section .Agenda-Label{display: inline-block;margin: 0px;padding: 0px 15px;height: 40px;line-height: 40px;font-weight: bold;font-size: 14px;}
.Agenda-Lists ul{list-style: none;padding: 0;margin: 0;}
.Agenda-Lists ul li{margin-left: 5px;display: inline-flex;padding-top: 12px;color: #212529;width: 100%;}
.Agenda-Lists ul li::before{ content: "•";color: #5A4D9F;font-size: 20px;}
.Agenda-Lists ul li span{margin-left: 10px;display: inline-block;}
.Agenda-Section .bootstrap-select.btn-group{margin-bottom: 0px;width: 130px !important;}
.Agenda-Section .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border: 0 !important;padding: 0px 15px !important;box-shadow: none;}
.Details-Btns .new-btnblue,.Details-Btns .new-btn{min-width: auto;margin-top: -5px;}
.Agenda-Section .bootstrap-select.btn-group .btn .filter-option{font-weight: bold;}
.daterangepicker.opensright:after,.daterangepicker.opensright:before{display: none;}
.DateRangeSection .Label, .DateRangeStandard .Label{color: #a6a1a1;font-weight: 500;}
.Intitatives li:first-child{margin-top: 6px;}
.ActionItems .Intitatives li,.Intitatives li{margin-bottom: 8px;}
.ActionItems .Intitatives li:last-child,.Intitatives li:last-child{margin-bottom: 0px;}
.FloatingLabel.Intitatives label{left: 15px;}
.Intitatives ul{margin-left: 0px;width: 100%;height: auto;max-height: 200px;overflow-y: auto;}
.ActionItems .Intitatives ul{margin-left: 0px;width: 100%;padding: 10px 15px;}
.ActionItems .Intitatives li::before{display: inline-block;content: ""; width: 14px;height: 14px;margin-right: 8px;color: #e0e0e0;  
border: 1px solid #D4D4D4; vertical-align: middle; border-radius: 50%;border-radius: 3px;}
.ActionItems .Intitatives li{list-style: none;margin-left: 0px;}
.FloatingLabel.Intitatives.active label.placeholder {left: 10px;}
.ActionItems ul li .Eligible label{margin: 2px 0px 0px 30px;}
.Add_Participants{width: calc(100% - 31px);}
.MultiselectEmployeeNameDiv,.MultiselectEmployeeAvatarDiv{width: 100%;}
.MultiselectEmployeeNameDiv.active label.placeholder, .MultiselectEmployeeNameDiv.opened label.placeholder {
    top: -10px;
    left: 10px;
    padding: 0 5px;
    font-size: 12px;
    background: #fff;
}
.MultiEmployeeSearchList li .Name label{margin-bottom: 0px;}
.MultiEmployeeSearchList .EmpCard .Name, .MultiEmployeeSearchListAV .EmpCard .Name{margin: 0px 0 0 0;}
/*.MultiEmployeeSearchList .OuterBorderImg, .MultiEmployeeSearchListAV .OuterBorderImg {
    width: 30px;
    height: 30px;
}*/
.MultiEmployeeSearchList .Status{display: inline-block;float: right;font-size: 13px;font-weight: 500;color: #63B64C;margin: 5px 35px 0px 0px;}
.AddParticipantlink{font-size: 13px;font-weight: bold;margin: 10px 0 0;}
.AddParticipantlink:hover{text-decoration: underline;color: #5A4D9F;}
.OKRS-Fields .btn-group.bootstrap-select{width: 100% !important;}
/*.MultiselectEmployeeNameDiv.opened.AddListshow .MultiEmployeeSearchList{display: block !important;}*/
.AddParticipantlink .icon-plus:before{color: #5A4D9F;font-size: 11px;}
.ActionItems input[type=checkbox]:checked + label.strikethrough{text-decoration: line-through;}
.ActionItems{border-radius: 4px;border: 0.8px solid #e0e0e0;padding: 15px;margin-top: 10px;}
/*meetings css end*/
.ActionItems ul {list-style: none;padding-left: 0;height: auto;overflow-y: auto;max-height: 200px;}
.ActionItems li {display: flex;align-items: center;gap: 10px;margin-bottom: 10px;padding-left: 24px;position: relative;}
/*.ActionItems li.show-checkbox::before {content: "☐";font-size: 18px;cursor: pointer;}*/
/*.ActionItems li.show-checkbox.checked::before {content: "☑";}*/
.ActionItems li.show-checkbox::before{font-size: 18px;cursor: pointer;content: '' !important;
    font-family: icomoon !important;
    font-size: 14px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 15px !important;
    border: 1px solid #c0c0c0;
    border-radius: 3px;}
.ActionItems li.show-checkbox.checked::before {content: '\e239' !important;
    font-family: icomoon !important;
    font-size: 14px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 15px !important;
    border: 1px solid #c0c0c0;
    border-radius: 3px;color: #a6a1a1;}
.ActionItems li[contenteditable] {outline: none;min-width: 200px;padding: 0px;}
.ActionItems li.checked[contenteditable] {color: #a6a1a1;}
.ActionItems li span{color: #434343;}
.Meeting-Details .ActionItems li{color: #212529;}
.ActionItems li:hover::before{border: 1px solid #764FB7;}
.Agenda-Section .ActionItems{border:0px;border-top: 0.8px solid #e0e0e0;padding: 15px;margin-top: 0px;border-radius: 0px;}