@zimyo/engage 0.1.19-pms → 0.1.20-hrms

package/dist/style.css

@@ -1 +1,1642 @@
-.overview__container__bg{width:100%!important;overflow:scroll;font-style:normal;padding:10px!important;background-color:#fafbfc;display:flex;flex-direction:column;gap:1rem}.avatar_container{display:flex;align-items:center;padding:4px 8px;background:#fff;border:1px solid #E8E8EA;border-radius:4px;font-weight:600;font-size:12px;color:#172b4d;margin-left:8px;gap:.5rem}.images__structure{display:flex;flex-flow:wrap;column-gap:20px;margin-top:15px}.images__structure img{width:100px;height:100px;object-fit:cover;border:1px solid #eee;background-color:#f2f2f2;margin-bottom:20px}.all__upload__images{margin:1rem 0rem;position:relative;box-shadow:#0000000d 0 1px 2px;width:100px;height:100px;border:1px solid #333}.pdfView__preview{margin:20px 0;position:relative;padding:8px;width:243px;height:auto;background:#fff;border:1px solid #E8E8EA;border-radius:4px;display:flex}.pdfView__preview button{cursor:pointer;padding:0;background:#0000004d;box-shadow:#00000014 0 4px 12px;color:#fff;border:none;position:absolute;width:24px;height:24px;border-radius:50px;right:-10px;top:-10px}.main__upload__box{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem;width:100%}.input-date{height:40px;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form_error{display:flex;align-items:center;gap:.5rem;font-size:13px;color:red;margin-top:10px;margin-left:5px}.form_error p{margin:0!important;color:red}.one__icons__bottom{display:flex;align-items:center;margin-left:30px}.one__icons__bottom>p{margin-right:20px;display:flex;align-items:center;font-weight:400;font-size:12px;color:#615e69}.one__icons__bottom>p>span{display:flex;align-items:center;justify-content:center}.one__icons__bottom>p>span>svg{width:14px;height:14px;color:#615e69;margin-right:10px}.overlay{position:fixed;display:flex;width:100%;height:100%;inset:0;cursor:pointer;align-items:center;justify-content:center;background-color:#fff;z-index:999}.overlay-component{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transform:-webkit-translate(-50%,-50%);transform:-moz-translate(-50%,-50%);transform:-ms-translate(-50%,-50%);background-color:#fff0;z-index:999}.toggle-button-group{background:#f3f3f3;border-radius:4px;padding:0;text-transform:capitalize}.toggle-button-group>button{padding:7px 20px!important;font-weight:400;font-size:14px;line-height:18px;text-align:center;color:#615e69;border-radius:4px!important;margin:2px;border:none!important;text-transform:capitalize}._container_xleeg_1{overflow:auto;display:flex;flex-direction:column;gap:1rem}._badges_container_xleeg_15{gap:.5rem;display:flex;flex-direction:column}._badges_container_title_xleeg_29{font-size:14px;font-weight:600}._active_badge_xleeg_39{border:1px solid rgba(10,122,255,.2);border-radius:8px}._badge_card_xleeg_49{display:flex;flex-direction:row;align-items:center;padding:8px;gap:10px;width:100%;background:#fff;border-radius:8px}._badge_card_xleeg_49 h3{font-style:normal;font-weight:600;font-size:14px;line-height:17px;margin:0 0 4px;padding:0;color:#172b4d}._badge_card_xleeg_49 p{font-style:normal;font-weight:400;font-size:12px;line-height:15px;margin:0;padding:0;display:flex;align-items:center;color:#a5a3a9}._badge_card_xleeg_49:hover{cursor:pointer}._feedback__appreciation_goeig_1{text-align:center}._feedback__appreciation_goeig_1>h3{font-style:normal;font-weight:600;font-size:14px;line-height:17px;color:#172b4d}._feedback__appreciation_goeig_1>p{word-break:break-all}._feedback__rating_goeig_35{display:block;padding:12px;background:#fff;border:1px solid #EBECF0;border-radius:4px;margin-bottom:20px}._feedback__rating_goeig_35 h4{font-weight:600;font-size:14px;line-height:24px;display:flex;align-items:center;color:#172b4d;margin:0;padding:0}._feedback__rating_goeig_35>p{font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#172b4d;word-break:break-all}._icon__appriciate_goeig_93{margin-right:17px;align-items:center;display:flex;justify-content:center}._box__appriciate_goeig_107{display:flex}._box__top_appriciate_goeig_115{display:flex;width:100%;align-items:center;justify-content:"center"}._box__top_appriciate_goeig_115 h3{padding:0;margin:0;font-size:18px;line-height:20px;font-weight:600;cursor:pointer}._box__top_appriciate_goeig_115 p{padding:0;margin:7px 0 0;font-size:15px;color:#615e83;font:600}._summury__box_outline_goeig_163{background:#fff;border:1px solid #e8e8ea;border-radius:4px;margin-bottom:20px;padding:25px 20px}._dashboard_container_1wv1g_1{padding:1rem;overflow:auto;display:flex;flex-direction:column;gap:1rem;width:100%}._dashboard_heading_1wv1g_21{font-style:normal;font-weight:700;font-size:18px;line-height:34px;color:#172b4d}._meeting_analytics_container_1wv1g_37{box-sizing:border-box;padding:5px 20px 20px;width:100%;background:#fff;box-shadow:0 4px 12px #00000014;border-radius:8px;flex:none;order:0;flex-grow:0}._meeting_analytics_card_1wv1g_63{box-sizing:border-box;position:relative;width:100%;height:100%;min-height:97px;background:linear-gradient(255.86deg,#4c8bff33 -89.77%,#fff0 -89.75%),#fff;border:1px solid #f5f5f5;box-shadow:0 4px 12px #00000014;border-radius:4px;padding:24px;flex:none;order:0;flex-grow:0;z-index:0}._meeting_analytics_card_1wv1g_63>._stick_1wv1g_103{position:absolute;width:34px;height:2px;left:-16px;top:34px;border-radius:0 0 4px 4px;transform:rotate(-90deg);flex:none;order:1;flex-grow:0;z-index:1}._meeting_analytics_card_icon_1wv1g_131{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:4px;width:35px;height:35px;border-radius:200px;margin-right:8px;margin-bottom:10px}._meeting_analytics_card_label_1wv1g_157{font-style:normal;font-weight:600;font-size:12px;line-height:18px;margin-top:12px;color:#615e83}._chart_card_1wv1g_175{background:#fff;box-shadow:0 0 8px #00000014;border-radius:8px;height:400px;padding:24px 32px}._feedback__rating_1gyue_5{display:block;padding:12px;background:#fff;border:1px solid #EBECF0;border-radius:4px;margin-bottom:20px}._feedback__rating_1gyue_5 h4{font-weight:600;font-size:14px;line-height:24px;display:flex;align-items:center;color:#172b4d;margin:0;padding:0}._feedback__rating_1gyue_5>p{font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#172b4d;word-break:break-all}._previeww__color_1gyue_65{font-weight:400;font-size:14px;line-height:100%;display:flex;align-items:center;color:#4c8bff;margin-top:4px;cursor:pointer}._skill__btns_1gyue_87{display:inline-block;padding:2px 6px;width:auto;height:24px;background:#e6ecff;border-radius:4px;font-weight:400;font-size:14px;line-height:20px;color:#4c70ff}._item__centerdirector_1gyue_113{display:flex;align-items:center}._custom-descriptions-title_1f3e0_19{font-weight:600;font-size:16px;line-height:24px}._custom-descriptions-item-label_1f3e0_49{font-weight:400;font-size:14px;line-height:19px;letter-spacing:.02em;color:#4f4f4f}._custom-descriptions-item-content_1f3e0_67{font-weight:600;font-size:14px;line-height:24px;display:flex;align-items:center;color:#172b4d}._schedule__employee_1u98z_3{display:flex;align-items:center;padding:4px 8px;background:#fff;border:1px solid #E8E8EA;border-radius:4px;font-weight:600;font-size:12px;color:#172b4d;margin-left:8px}._skill__btns_1u98z_29{display:inline-block;padding:2px 6px;width:auto;height:24px;background:#e6ecff;border-radius:4px;font-weight:400;font-size:14px;line-height:20px;word-break:break-all;color:#4c70ff}._item__centerdirector_1u98z_59{display:flex;align-items:center}._closeRatingicon_1u98z_69{color:#757575;margin-left:10px;margin-top:5px;cursor:pointer}._footer__upload_assets_1u98z_83{opacity:.5!important;padding-right:15px}._meeting__details_1ojge_1{padding:30px}._meeting__details__topbox_1ojge_9{clear:both}._meeting__details__topbox_1ojge_9 h3{font-style:normal;font-weight:600;font-size:20px;line-height:27px;color:#172b4d;padding:0;margin:0;display:flex;align-items:center}._meeting__details__topbox_1ojge_9 ._meeting-desc_1ojge_41{word-wrap:break-word}._meeting__details__topbox_1ojge_9 h3 span{font-style:normal;font-weight:400;font-size:14px;line-height:22px;margin-left:10px}._meeting__details__topbox_1ojge_9 p{font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#a5a3a9}._bottom_create_loaction_1ojge_83{display:flex}._bottom_create_loaction_1ojge_83>p{font-size:12px;line-height:22px;display:flex;align-items:center;color:#b3b3b3;padding-right:10px;margin-right:10px}._bottom_create_loaction_1ojge_83>p:not(:last-child){border-right:1px solid #B3B3B3}._bottom_create_loaction_1ojge_83>p>span{font-weight:400;font-size:14px;line-height:22px;display:flex;align-items:center;color:#615e69;margin-left:10px}._date__time__box_1ojge_141{clear:auto;display:flex}._date__time__box_1ojge_141>p{display:flex;justify-content:center;align-items:center;padding:6px 12px;height:28px;background:#fff;border:1px solid #EBECF0;border-radius:4px;font-weight:400;font-size:12px;line-height:16px;color:#615e69;margin-right:24px}._date__time__box_1ojge_141>p>span>svg{color:#615e69;width:14px;height:14px;margin-right:10px;float:left}._connected__meeting_1ojge_199{display:flex;align-items:center;font-weight:400;font-size:14px;line-height:19px;color:#615e69}._connected__meeting_1ojge_199>span{display:flex;align-items:center;justify-content:center}._connected__meeting_1ojge_199>span>svg{color:#615e69;width:20px;height:20px}._connected__meeting_1ojge_199 span{color:#172b4d;margin-left:10px}._remarks__meeting_1ojge_251{clear:both;padding:12px;isolation:isolate;background:#fff;border:1px solid #EBECF0;border-radius:8px;margin-top:30px}._remarks__meeting_1ojge_251 h4{justify-content:space-between;font-weight:600;font-size:14px;line-height:20px;display:flex;align-items:center;color:#172b4d;margin:0 0 15px}._remarks__meeting_1ojge_251 h4 span{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px;height:20px;background:#fff;border:1px solid #EBECF0;border-radius:4px;font-weight:400;font-size:12px;line-height:16px;color:#172b4d}._remarks__meeting_1ojge_251 p{font-weight:400;font-size:14px;line-height:19px;color:#172b4d;margin:0;padding:0;word-break:break-all}._previeww__color_1ojge_351{font-weight:400;font-size:14px;line-height:100%;display:flex;align-items:center;color:#4c8bff;margin-top:4px;cursor:pointer}._comment__users__meeting_1ojge_373{display:flex;align-items:center;justify-content:flex-start;font-weight:600;font-size:16px;line-height:21px;color:#172b4d;margin-top:15px}._comment__users__meeting_1ojge_373>span{font-style:normal;font-weight:400;font-size:14px;line-height:19px;margin-left:6px;color:#afafaf}._editor__remarks_1ojge_413{height:auto;background:#fff;border:1px solid #A5A3A9;border-radius:8px;margin-top:30px;padding:4px}._editor__bottom_1ojge_431{display:flex;justify-content:space-between;padding:15px}._editor__bottom_1ojge_431 span{float:left;cursor:pointer}._editor__bottom_1ojge_431 span>svg{opacity:.5}._one__to__one__card_1q41x_1{display:block;padding:12px;width:100%;height:78px;background:#fff;border:1px solid #EBECF0;border-radius:4px}._one__to__one__card__top_1q41x_21{display:flex;justify-content:space-between;align-items:center}._one__to__one__icon_1q41x_33{display:flex;flex-direction:row;align-items:flex-start;padding:4px;width:20px;height:20px;background:#f6faff;border-radius:20px;margin-right:12px}._one__to__one__icon_1q41x_33>svg{color:#4c8bff;width:12px;height:12px}._one__to__one__card__top_1q41x_21 h3{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#172b4d;margin:0;padding:0;word-break:break-all}._one__to__one__card__top_1q41x_21 h3 span{font-weight:400;font-size:14px;line-height:22px;margin-left:12px;display:flex;align-items:center;color:#fac800}._face__to__face_1q41x_115{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px;background:#fff;border:1px solid #EBECF0;border-radius:4px;font-weight:400;font-size:12px;line-height:16px;color:#172b4d}._one__to__one__reschedule_1q41x_145{font-weight:400;font-size:14px;line-height:18px;height:20px!important;cursor:pointer;align-items:center;text-align:center;letter-spacing:.1px;color:#335aff!important}._one__to__one__cancel_1q41x_169{font-weight:400;font-size:14px;line-height:18px;height:20px!important;cursor:pointer;align-items:center;text-align:center;letter-spacing:.1px;color:red!important}._popover-list_zfaw8_1 li:hover{color:#335aff;background-color:#335aff0d}._popover-list_zfaw8_1 li{padding-block:3px}.membercard__heading{font-size:20px;font-weight:700;display:flex;margin-bottom:10px}.membercardheading__icon{color:#0a7aff;margin-right:20px}.schedule__employee__heading{align-items:center;font-weight:400;font-size:14px;line-height:18px;color:#757575}.schedule__employee{display:flex;align-items:center;padding:4px 8px;background:#fff;border:1px solid #e8e8ea;border-radius:4px;font-weight:600;font-size:12px;color:#172b4d;margin-left:8px}.modalheading__inputs{font-style:normal;font-weight:600;font-size:14px;line-height:18px;margin-top:5px;color:#101010}.moreDot{position:absolute;z-index:9;top:21px;right:7px}.memberLinkcard{text-align:center;flex-direction:column;align-items:center;display:flex}.add_skill{font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-transform:capitalize;cursor:pointer;display:flex;align-items:center;text-align:center;letter-spacing:.1px;color:#335aff;margin-left:15px;white-space:nowrap}.item__centerdirector{display:flex;align-items:center}.skill__btns{display:inline-block;padding:2px 6px;width:auto;height:24px;background:#e6ecff;border-radius:4px;font-weight:400;font-size:14px;line-height:20px;word-break:break-all;color:#4c70ff}.closeRatingicon{color:#757575;margin-left:10px;margin-top:5px;cursor:pointer}.appreciation__card{display:flex;flex-direction:row;align-items:center;padding:8px;gap:10px;width:100%;background:#fff;border-radius:8px}.appreciation__card__header{font-weight:400;font-size:16px;line-height:100%;margin-top:0;margin-bottom:15px;text-transform:capitalize;color:#000}.appreciation__card h3{font-style:normal;font-weight:600;font-size:14px;line-height:17px;margin:0 0 4px;padding:0;color:#172b4d}.appreciation__card p{font-style:normal;font-weight:400;font-size:12px;line-height:15px;margin:0;padding:0;display:flex;align-items:center;color:#a5a3a9}.appreciation__card:hover{cursor:pointer}.form-error{font-size:13px;color:red;padding:0;margin:9px 0 0;float:left;text-transform:capitalize}.footer__upload_assets{opacity:.5!important;border-right:1px solid #a3a2a2;padding-right:15px}.main__upload__box{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%}.all__upload__images{margin:1rem .5rem;position:relative;box-shadow:#0000000d 0 1px 2px;width:70px;height:70px;border:1px solid #333}.all__upload__images>img{width:100%;height:100%}.all__upload__images button{cursor:pointer;padding:0;background:#0000004d;box-shadow:#00000014 0 4px 12px;color:#fff;border:none;position:absolute;width:24px;height:24px;border-radius:50px;right:-10px;top:-10px}.pdfView__preview{margin:.5rem 10px;position:relative;padding:8px;width:243px;height:auto;background:#fff;border:1px solid #e8e8ea;border-radius:4px;display:flex}.pdfView__preview p{font-weight:400;font-size:14px;line-height:25px;display:flex;align-items:center;padding:0;margin:0;color:#262626}.pdfView__preview>button{cursor:pointer;padding:0;background:#0000004d;box-shadow:#00000014 0 4px 12px;color:#fff;border:none;position:absolute;width:24px;height:24px;border-radius:50px;right:-10px;top:-10px}.previeww__color{font-weight:400;font-size:14px;line-height:100%;display:flex;align-items:center;color:#4c8bff;margin-top:4px;cursor:pointer}.feedback_alert{background-color:#fff1e6;font-size:14px;padding:10px;width:100%;margin-top:20px}.pip__intiate__container{padding:0 20px 0 0;height:calc(100vh - 250px);overflow:auto;margin-top:1rem}.pip__initiate__details{gap:1rem;display:flex}.pip__initiate__employee__heading{color:#757575;font-weight:600;font-size:14px;line-height:18px}.pip__initiate__employee__heading span,.admin__pip__initiate__employee__heading span{font-weight:400}.pip__initiate__employee__name{color:#172b4d;font-weight:600;font-size:12px;line-height:12px}.pip__intiate__employee__container{width:max-content;padding:.3rem;border:1px solid #e8e8ea;border-radius:4px;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.pip__initiate__details__dateheading{font-weight:600;font-size:14px;line-height:18px}.pip__initiate__body1,.pip__initiate__body2{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.pip__initiate__add__dates{color:#00f;justify-content:flex-start;font-size:14px;font-style:normal;font-weight:400}.pip__initiate__title{display:flex;align-items:center;gap:.2rem}.pip__initiate_errors{color:#f40b0b;font-size:.75rem;font-weight:400;line-height:1.66;margin:4px 14px 0 4px;text-align:left}.pip__view__details__container{width:100%;height:calc(100vh - 250px);padding:1.5rem;overflow-y:auto;padding-bottom:0}.pip__view__details__container__heading{gap:.75rem;display:flex}.pip__view__details__subheading{font-size:14px;font-weight:400;color:#615e69}.pip__view__details__status__chip{font-weight:400;font-size:14px;border-radius:4px;margin-left:.75rem;background-color:#e0b4001a!important;color:#e0b400!important;font-weight:var(--font-weight-regular)!important;font-size:12px!important;min-width:4rem}.pip__view__details__performance__plan{display:flex;margin-top:1.5rem;gap:1rem;flex-direction:column;flex-wrap:wrap}.pip__view__details__performance__plan__heading{font-weight:600;font-size:14px;color:#172b4d}.pip__view__details__history__conatiner{width:100%;margin-top:1.5rem}.pip__view__details__history{border-radius:8px;background-color:#fff}.pip__view__details__history__date{background:#4c70ff;box-shadow:0 4px 12px #00000014;border-radius:8px;color:#fff;padding:4px 12px;width:110px;text-align:center;display:flex}.pip__details__history__timelinecontent{display:flex;flex-direction:column;gap:1rem;margin-bottom:3.5rem}.pip__details__history__timelinecontent__heading{font-size:14px;font-weight:600}.pip__details__history__timelinecontent__subheading{font-size:12px;font-weight:400;color:#615e69;width:100%;text-align:left;padding:5px;margin:0}.pip__details__timeline__date__content{display:flex;flex-direction:column;gap:.3rem;align-items:center}.pip__view__details__feedback__editor{height:auto;background:#fff;border:1px solid #a5a3a9;border-radius:8px;margin-top:1.75rem;padding:4px;margin-bottom:1.5rem}.editor__bottom{display:flex;justify-content:space-between;padding:15px}.editor__bottom span{float:left;cursor:pointer}.editor__bottom span>svg{opacity:.5}.pip__view__details__footer{display:flex;justify-content:flex-end;position:sticky;gap:1.5rem;margin-top:15px}.bottom_text_pad{padding:0px 1.5rem}.editor__remarks{height:auto;background:#fff;border:1px solid #a5a3a9;border-radius:8px;margin-top:30px;padding:4px}._templateModal__main_1x3oq_1{height:80vh;overflow:auto;padding:1rem;box-shadow:#80808026 0 3px 8px}._templateModal__notification_slug_1x3oq_15{padding:.5rem;border:1px solid #ececec;border-radius:4px}._templateModal_form_1x3oq_27{display:flex;flex-direction:column;gap:20px}._templateModal__slugTitle_1x3oq_39{color:#231f2080}
+.overview__container__bg {
+    width: 100% !important;
+    overflow: scroll;
+    font-style: normal;
+    padding: 10px !important;
+    background-color: #fafbfc;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.avatar_container {
+    display: flex;
+    align-items: center;
+    padding: 4px 8px;
+    background: #FFFFFF;
+    border: 1px solid #E8E8EA;
+    border-radius: 4px;
+    font-weight: 600;
+    font-size: 12px;
+    color: #172B4D;
+    margin-left: 8px;
+    gap: 0.5rem;
+}
+
+.images__structure {
+    display: flex;
+    flex-flow: wrap;
+    column-gap: 20px;
+    margin-top: 15px;
+}
+
+.images__structure img {
+    width: 100px;
+    height: 100px;
+    object-fit: cover;
+    border: 1px solid #eee;
+    background-color: #f2f2f2;
+    margin-bottom: 20px;
+}
+
+
+.all__upload__images {
+    margin: 1rem 0rem;
+    position: relative;
+    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+    width: 100px;
+    height: 100px;
+    border: 1px solid #333;
+}
+
+.all__upload__images>img {
+    width: 100%;
+    height: 100%;
+}
+
+.all__upload__images button {
+    cursor: pointer;
+    padding: 0px;
+    background: rgba(0, 0, 0, 0.3);
+    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
+    color: white;
+    border: none;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    border-radius: 50px;
+    right: -10px;
+    top: -10px;
+}
+
+.pdfView__preview {
+    margin: 20px 0px;
+    position: relative;
+    padding: 8px;
+    width: 243px;
+    height: auto;
+    background: #FFFFFF;
+    border: 1px solid #E8E8EA;
+    border-radius: 4px;
+    display: flex;
+}
+
+.pdfView__preview p {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 25px;
+    display: flex;
+    align-items: center;
+    padding: 0;
+    margin: 0;
+    color: #262626;
+}
+
+
+.pdfView__preview button {
+    cursor: pointer;
+    padding: 0px;
+    background: rgba(0, 0, 0, 0.3);
+    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
+    color: white;
+    border: none;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    border-radius: 50px;
+    right: -10px;
+    top: -10px;
+}
+
+.main__upload__box {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 1rem;
+    width: 100%;
+}
+
+
+.input-date {
+    height: 40px;
+    padding: 10px;
+    font-size: 14px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing: border-box;
+}
+
+
+.form_error {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 13px;
+    color: #ff0000;
+    margin-top: 10px;
+    margin-left: 5px;
+}
+
+.form_error p {
+    margin: 0 !important;
+    color: #ff0000;
+}
+
+.one__icons__bottom {
+    display: flex;
+    align-items: center;
+    margin-left: 30px;
+}
+
+.one__icons__bottom>p {
+    margin-right: 20px;
+    display: flex;
+    align-items: center;
+    font-weight: 400;
+    font-size: 12px;
+    color: #615E69;
+}
+
+.one__icons__bottom>p>span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.one__icons__bottom>p>span>svg {
+    width: 14px;
+    height: 14px;
+    color: #615E69;
+    margin-right: 10px;
+}.overlay {
+    position: fixed;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    cursor: pointer;
+    align-items: center;
+    justify-content: center;
+    /* background-color: rgba(0,0,0,0.5); */
+    background-color: #ffff;
+    z-index: 999;
+}
+
+.overlay-component {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    transform: -webkit-translate(-50%, -50%);
+    transform: -moz-translate(-50%, -50%);
+    transform: -ms-translate(-50%, -50%);
+    background-color: rgba(255, 255, 255, 0);
+    z-index: 999;
+}.toggle-button-group {
+  background: #f3f3f3;
+  border-radius: 4px;
+  padding: 0px;
+  text-transform: capitalize;
+}
+
+.toggle-button-group > button {
+  padding: 7px 20px !important;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  text-align: center;
+  color: #615e69;
+  border-radius: 4px !important;
+  margin: 2px;
+  border: none !important;
+  text-transform: capitalize;
+}
+._container_146t7_1 {
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+._badges_container_146t7_8 {
+    gap: 0.5rem;
+    display: flex;
+    flex-direction: column;
+}
+
+
+._badges_container_title_146t7_15 {
+    font-size: 14px;
+    font-weight: 600;
+}
+
+._active_badge_146t7_20 {
+    border: 1px solid rgba(10, 122, 255, 0.2);
+    border-radius: 8px;
+}
+
+._badge_card_146t7_25 {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 8px;
+    gap: 10px;
+    width: 100%;
+    background: #FFFFFF;
+    border-radius: 8px;
+}
+
+
+._badge_card_146t7_25 h3 {
+    font-style: normal;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 17px;
+    margin: 0px 0px 4px 0px;
+    padding: 0;
+    color: #172B4D;
+}
+
+._badge_card_146t7_25 p {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 15px;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    color: #A5A3A9
+}
+
+._badge_card_146t7_25:hover {
+    cursor: pointer;
+}._feedback__appreciation_eow5e_1 {
+    text-align: center;
+}
+
+._feedback__appreciation_eow5e_1>h3 {
+    font-style: normal;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 17px;
+    color: #172B4D;
+}
+
+._feedback__appreciation_eow5e_1>p {
+    word-break: break-all;
+}
+
+
+._feedback__rating_eow5e_18 {
+    display: block;
+    padding: 12px;
+    background: #FFFFFF;
+    border: 1px solid #EBECF0;
+    border-radius: 4px;
+    margin-bottom: 20px;
+}
+
+._feedback__rating_eow5e_18 h4 {
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 24px;
+    display: flex;
+    align-items: center;
+    color: #172B4D;
+    margin: 0;
+    padding: 0;
+}
+
+._feedback__rating_eow5e_18>p {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #172B4D;
+    word-break: break-all;
+}
+
+._icon__appriciate_eow5e_47 {
+    margin-right: 17px;
+    align-items: center;
+    display: flex;
+    justify-content: center;
+}
+
+._box__appriciate_eow5e_54 {
+    display: flex;
+}
+
+._box__top_appriciate_eow5e_58 {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: 'center';
+}
+
+._box__top_appriciate_eow5e_58 h3 {
+    padding: 0px;
+    margin: 0px;
+    font-size: 18px;
+    line-height: 20px;
+    font-weight: 600;
+    cursor: pointer;
+}
+
+._box__top_appriciate_eow5e_58 p {
+    padding: 0px;
+    margin: 7px 0px 0px 0px;
+    font-size: 15px;
+    color: #615E83;
+    font: 600;
+}
+
+._summury__box_outline_eow5e_82 {
+    background: #fff;
+    border: 1px solid #e8e8ea;
+    border-radius: 4px;
+    margin-bottom: 20px;
+    padding: 25px 20px;
+}._dashboard_container_ub43h_1 {
+    padding: 1rem;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    width: 100%;
+}
+
+
+._dashboard_heading_ub43h_11 {
+    font-style: normal;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 34px;
+    color: #172b4d;
+}
+
+._meeting_analytics_container_ub43h_19 {
+    box-sizing: border-box;
+    padding: 20px;
+    padding-top: 5px;
+    width: 100%;
+    background: #ffffff;
+    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
+    border-radius: 8px;
+    flex: none;
+    order: 0;
+    flex-grow: 0;
+}
+
+._meeting_analytics_card_ub43h_32 {
+    box-sizing: border-box;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 97px;
+    background: linear-gradient(255.86deg,
+            rgba(76, 139, 255, 0.2) -89.77%,
+            rgba(255, 255, 255, 0) -89.75%),
+        #ffffff;
+    border: 1px solid #f5f5f5;
+    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
+    border-radius: 4px;
+    padding: 24px;
+    flex: none;
+    order: 0;
+    flex-grow: 0;
+    z-index: 0;
+}
+
+._meeting_analytics_card_ub43h_32>._stick_ub43h_52 {
+    position: absolute;
+    width: 34px;
+    height: 2px;
+    left: -16px;
+    top: 34px;
+    border-radius: 0px 0px 4px 4px;
+    transform: rotate(-90deg);
+    flex: none;
+    order: 1;
+    flex-grow: 0;
+    z-index: 1;
+}
+
+._meeting_analytics_card_icon_ub43h_66 {
+    display: inline-flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    padding: 4px;
+    width: 35px;
+    height: 35px;
+    border-radius: 200px;
+    margin-right: 8px;
+    margin-bottom: 10px;
+}
+
+._meeting_analytics_card_label_ub43h_79 {
+    font-style: normal;
+    font-weight: 600;
+    font-size: 12px;
+    line-height: 18px;
+    margin-top: 12px;
+    color: #615e83;
+}
+
+._chart_card_ub43h_88 {
+    background: #ffffff;
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
+    border-radius: 8px;
+    height: 400px;
+    padding: 24px 32px 24px 32px;
+}
+
+
+
+._feedback__rating_1ihre_3 {
+    display: block;
+    padding: 12px;
+    background: #FFFFFF;
+    border: 1px solid #EBECF0;
+    border-radius: 4px;
+    margin-bottom: 20px;
+}
+
+._feedback__rating_1ihre_3 h4 {
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 24px;
+    display: flex;
+    align-items: center;
+    color: #172B4D;
+    margin: 0;
+    padding: 0;
+}
+
+._feedback__rating_1ihre_3>p {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #172B4D;
+    word-break: break-all;
+}
+
+
+._previeww__color_1ihre_33 {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 100%;
+    display: flex;
+    align-items: center;
+    color: #4C8BFF;
+    margin-top: 4px;
+    cursor: pointer;
+}
+
+._skill__btns_1ihre_44 {
+    display: inline-block;
+    padding: 2px 6px;
+    width: auto;
+    height: 24px;
+    background: #E6ECFF;
+    border-radius: 4px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+    color: #4C70FF;
+}
+
+._item__centerdirector_1ihre_57 {
+    display: flex;
+    align-items: center;
+}._custom-descriptions_17b5o_1 {
+    /* Default styles for the Description component */
+
+}
+
+._custom-descriptions-bordered_17b5o_6 {
+    /* Default styles for the bordered Description component */
+}
+
+._custom-descriptions-title_17b5o_10 {
+    /* Default styles for the title of Description component */
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 24px;
+}
+
+._custom-descriptions-view_17b5o_17 {
+    /* Default styles for the view container of Description component */
+}
+
+._custom-descriptions-item_17b5o_21 {
+    /* Default styles for each item within Description component */
+}
+
+._custom-descriptions-item-label_17b5o_25 {
+    /* Default styles for the label of each item within Description component */
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    letter-spacing: 0.02em;
+    color: #4F4F4F;
+}
+
+._custom-descriptions-item-content_17b5o_34 {
+    /* Default styles for the content of each item within Description component */
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 24px;
+    display: flex;
+    align-items: center;
+    color: #172B4D;
+}
+._schedule__employee_9whs1_2 {
+    display: flex;
+    align-items: center;
+    padding: 4px 8px;
+    background: #FFFFFF;
+    border: 1px solid #E8E8EA;
+    border-radius: 4px;
+    font-weight: 600;
+    font-size: 12px;
+    color: #172B4D;
+    margin-left: 8px;
+}
+
+._skill__btns_9whs1_15 {
+    display: inline-block;
+    padding: 2px 6px;
+    width: auto;
+    height: 24px;
+    background: #E6ECFF;
+    border-radius: 4px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+    word-break: break-all;
+    color: #4C70FF;
+}
+
+
+._item__centerdirector_9whs1_30 {
+    display: flex;
+    align-items: center;
+}
+
+._closeRatingicon_9whs1_35 {
+    color: #757575;
+    margin-left: 10px;
+    margin-top: 5px;
+    cursor: pointer;
+}
+
+._footer__upload_assets_9whs1_42 {
+    opacity: 0.5 !important;
+    padding-right: 15px;
+}
+._meeting__details_75256_1 {
+    padding: 30px;
+}
+
+._meeting__details__topbox_75256_5 {
+    clear: both;
+}
+
+._meeting__details__topbox_75256_5 h3 {
+    font-style: normal;
+    font-weight: 600;
+    font-size: 20px;
+    line-height: 27px;
+    color: #172B4D;
+    padding: 0px;
+    margin: 0px;
+    display: flex;
+    align-items: center;
+}
+
+._meeting__details__topbox_75256_5 ._meeting-desc_75256_21 {
+    word-wrap: break-word;
+}
+
+._meeting__details__topbox_75256_5 h3 span {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 22px;
+    margin-left: 10px;
+}
+
+._meeting__details__topbox_75256_5 p {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
+    color: #A5A3A9;
+}
+
+
+._bottom_create_loaction_75256_42 {
+    display: flex;
+}
+
+._bottom_create_loaction_75256_42>p {
+    font-size: 12px;
+    line-height: 22px;
+    display: flex;
+    align-items: center;
+    color: #B3B3B3;
+    padding-right: 10px;
+    margin-right: 10px;
+}
+
+._bottom_create_loaction_75256_42>p:not(:last-child) {
+    border-right: 1px solid #B3B3B3;
+}
+
+._bottom_create_loaction_75256_42>p>span {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 22px;
+    display: flex;
+    align-items: center;
+    color: #615E69;
+    margin-left: 10px;
+}
+
+
+._date__time__box_75256_71 {
+    clear: auto;
+    display: flex;
+}
+
+._date__time__box_75256_71>p {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 6px 12px;
+    height: 28px;
+    background: #FFFFFF;
+    border: 1px solid #EBECF0;
+    border-radius: 4px;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
+    color: #615E69;
+    margin-right: 24px;
+}
+
+._date__time__box_75256_71>p>span>svg {
+    color: #615E69;
+    width: 14px;
+    height: 14px;
+    margin-right: 10px;
+    float: left;
+}
+
+._connected__meeting_75256_100 {
+    display: flex;
+    align-items: center;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #615E69;
+}
+
+._connected__meeting_75256_100>span{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+._connected__meeting_75256_100>span>svg {
+    color: #615E69;
+    width: 20px;
+    height: 20px;
+}
+
+._connected__meeting_75256_100 span {
+    color: #172B4D;
+    margin-left: 10px;
+}
+
+._remarks__meeting_75256_126 {
+    clear: both;
+    padding: 12px;
+    isolation: isolate;
+    background: #FFFFFF;
+    /* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.06); */
+    border: 1px solid #EBECF0;
+    border-radius: 8px;
+    margin-top: 30px;
+}
+
+._remarks__meeting_75256_126 h4 {
+    display: flex;
+    justify-content: space-between;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 20px;
+    display: flex;
+    align-items: center;
+    color: #172B4D;
+    margin: 0px 0px 15px 0px;
+}
+
+._remarks__meeting_75256_126 h4 span {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    padding: 4px 8px;
+    height: 20px;
+    background: #FFFFFF;
+    border: 1px solid #EBECF0;
+    border-radius: 4px;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
+    color: #172B4D;
+}
+
+._remarks__meeting_75256_126 p {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #172B4D;
+    margin: 0px;
+    padding: 0px;
+    word-break: break-all;
+}
+
+
+._previeww__color_75256_176 {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 100%;
+    display: flex;
+    align-items: center;
+    color: #4C8BFF;
+    margin-top: 4px;
+    cursor: pointer;
+}
+
+._comment__users__meeting_75256_187 {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 21px;
+    color: #172B4D;
+    margin-top: 15px;
+}
+
+._comment__users__meeting_75256_187>span {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    margin-left: 6px;
+    color: #AFAFAF;
+}
+
+._editor__remarks_75256_207 {
+    height: auto;
+    background: #FFFFFF;
+    border: 1px solid #A5A3A9;
+    border-radius: 8px;
+    margin-top: 30px;
+    padding: 4px;
+}
+
+._editor__bottom_75256_216 {
+    display: flex;
+    justify-content: space-between;
+    padding: 15px;
+}
+
+._editor__bottom_75256_216 span {
+    float: left;
+    cursor: pointer;
+}
+
+._editor__bottom_75256_216 span>svg {
+    opacity: 0.5;
+}._one__to__one__card_ec5u0_1 {
+    display: block;
+    padding: 12px;
+    width: 100%;
+    height: 78px;
+    background: #FFFFFF;
+    border: 1px solid #EBECF0;
+    border-radius: 4px;
+}
+
+._one__to__one__card__top_ec5u0_11 {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+._one__to__one__icon_ec5u0_17 {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    padding: 4px;
+    width: 20px;
+    height: 20px;
+    background: #F6FAFF;
+    border-radius: 20px;
+    margin-right: 12px;
+}
+
+._one__to__one__icon_ec5u0_17>svg {
+    color: #4C8BFF;
+    width: 12px;
+    height: 12px;
+}
+
+._one__to__one__card__top_ec5u0_11 h3 {
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 24px;
+    display: flex;
+    align-items: center;
+    color: #172B4D;
+    margin: 0;
+    padding: 0;
+    word-break: break-all;
+
+}
+
+._one__to__one__card__top_ec5u0_11 h3 span {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 22px;
+    margin-left: 12px;
+    display: flex;
+    align-items: center;
+    color: #FAC800;
+}
+
+._face__to__face_ec5u0_58 {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    padding: 4px 8px;
+    background: #FFFFFF;
+    border: 1px solid #EBECF0;
+    border-radius: 4px;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
+    color: #172B4D;
+}
+
+._one__to__one__reschedule_ec5u0_73 {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 18px;
+    height: 20px !important;
+    cursor: pointer;
+    align-items: center;
+    text-align: center;
+    letter-spacing: 0.1px;
+    color: #335AFF !important;
+}
+
+._one__to__one__cancel_ec5u0_85 {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 18px;
+    height: 20px !important;
+    cursor: pointer;
+    align-items: center;
+    text-align: center;
+    letter-spacing: 0.1px;
+    color: #FF0000 !important;
+}._popover-list_qotm2_1 li:hover {
+  color: #335aff;
+  background-color: rgba(51, 90, 255, 0.05);
+}
+
+._popover-list_qotm2_1 li {
+  padding-block: 3px;
+}
+.pip__intiate__container {
+  padding: 0px 20px 0px 0px;
+  height: calc(100vh - 250px);
+  overflow: auto;
+  margin-top: 1rem;
+}
+
+.pip__initiate__details {
+  gap: 1rem;
+  display: flex;
+}
+
+.pip__initiate__employee__heading {
+  color: #757575;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 18px;
+}
+.pip__initiate__employee__heading span {
+  font-weight: 400;
+}
+
+.admin__pip__initiate__employee__heading span {
+  font-weight: 400;
+}
+
+.pip__initiate__employee__name {
+  color: #172b4d;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 12px;
+}
+.pip__intiate__employee__container {
+  width: max-content;
+  padding: 0.3rem;
+  border: 1px solid #e8e8ea;
+  border-radius: 4px;
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.pip__initiate__details__dateheading {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 18px;
+}
+
+.pip__initiate__body1 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-top: 0.5rem;
+}
+
+.pip__initiate__body2 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-top: 0.5rem;
+}
+
+.pip__initiate__add__dates {
+  color: blue;
+  justify-content: flex-start;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+}
+
+.pip__initiate__title {
+  display: flex;
+  align-items: center;
+  gap: 0.2rem;
+}
+
+.pip__initiate_errors {
+  color: #f40b0b;
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.66;
+  margin-bottom: 0;
+  margin-left: 4px;
+  margin-right: 14px;
+  margin-top: 4px;
+  text-align: left;
+}
+
+.pip__view__details__container {
+  width: 100%;
+  height: calc(100vh - 250px);
+  padding: 1.5rem;
+  overflow-y: auto;
+  padding-bottom: 0px;
+}
+
+.pip__view__details__container__heading {
+  gap: 0.75rem;
+  display: flex;
+}
+
+.pip__view__details__subheading {
+  font-size: 14px;
+  font-weight: 400;
+  color: #615e69;
+}
+
+.pip__view__details__status__chip {
+  font-weight: 400;
+  font-size: 14px;
+  border-radius: 4px;
+  margin-left: 0.75rem;
+  background-color: #e0b4001a !important;
+  color: #e0b400 !important;
+  font-weight: var(--font-weight-regular) !important;
+  font-size: 12px !important;
+  min-width: 4rem;
+}
+
+.pip__view__details__performance__plan {
+  display: flex;
+  margin-top: 1.5rem;
+  gap: 1rem;
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+
+.pip__view__details__performance__plan__heading {
+  font-weight: 600;
+  font-size: 14px;
+  color: #172b4d;
+}
+
+.pip__view__details__history__conatiner {
+  width: 100%;
+  /* max-height: 250px;
+ overflow-y:auto; */
+  margin-top: 1.5rem;
+}
+
+.pip__view__details__history {
+  border-radius: 8px;
+  background-color: #fff;
+  /* overflow: auto;
+        height: calc(100vh - 350px); */
+}
+
+.pip__view__details__history__date {
+  background: #4c70ff;
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
+  border-radius: 8px;
+  color: #fff;
+  padding: 4px 12px;
+  width: 110px;
+  text-align: center;
+  display: flex;
+}
+
+.pip__details__history__timelinecontent {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  margin-bottom: 3.5rem;
+}
+
+.pip__details__history__timelinecontent__heading {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.pip__details__history__timelinecontent__subheading {
+  font-size: 12px;
+  font-weight: 400;
+  color: #615e69;
+  width: 100%;
+  text-align: left;
+  padding: 5px;
+  margin: 0px;
+}
+
+.pip__details__timeline__date__content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+  align-items: center;
+}
+
+.pip__view__details__feedback__editor {
+  height: auto;
+  background: #ffffff;
+  border: 1px solid #a5a3a9;
+  border-radius: 8px;
+  margin-top: 1.75rem;
+  padding: 4px;
+  margin-bottom: 1.5rem;
+}
+/* Modal Css */
+.membercard__heading {
+  font-size: 20px;
+  font-weight: 700;
+  display: flex;
+  margin-bottom: 10px;
+}
+
+.membercardheading__icon {
+  color: #0a7aff;
+  margin-right: 20px;
+}
+
+.schedule__employee__heading {
+  align-items: center;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  color: #757575;
+}
+
+.schedule__employee {
+  display: flex;
+  align-items: center;
+  padding: 4px 8px;
+  background: #ffffff;
+  border: 1px solid #e8e8ea;
+  border-radius: 4px;
+  font-weight: 600;
+  font-size: 12px;
+  color: #172b4d;
+  margin-left: 8px;
+}
+
+.modalheading__inputs {
+  font-style: normal;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 18px;
+  margin-top: 5px;
+  color: #101010;
+}
+
+.moreDot {
+  position: absolute;
+  z-index: 9;
+  top: 21px;
+  right: 7px;
+}
+
+.memberLinkcard {
+  text-align: center;
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+
+.add_skill {
+  font-style: normal;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 20px;
+  text-transform: capitalize;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  letter-spacing: 0.1px;
+  color: #335aff;
+  margin-left: 15px;
+  white-space: nowrap;
+}
+
+.item__centerdirector {
+  display: flex;
+  align-items: center;
+}
+
+.skill__btns {
+  display: inline-block;
+  padding: 2px 6px;
+  width: auto;
+  height: 24px;
+  background: #e6ecff;
+  border-radius: 4px;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+  word-break: break-all;
+  color: #4c70ff;
+}
+
+.closeRatingicon {
+  color: #757575;
+  margin-left: 10px;
+  margin-top: 5px;
+  cursor: pointer;
+}
+
+.appreciation__card {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 8px;
+  gap: 10px;
+  width: 100%;
+  background: #ffffff;
+  border-radius: 8px;
+}
+
+.appreciation__card__header {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 100%;
+  margin-top: 0px;
+  margin-bottom: 15px;
+  text-transform: capitalize;
+  color: #000000;
+}
+
+.appreciation__card h3 {
+  font-style: normal;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 17px;
+  margin: 0px 0px 4px 0px;
+  padding: 0;
+  color: #172b4d;
+}
+
+.appreciation__card p {
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 15px;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  color: #a5a3a9;
+}
+
+.appreciation__card:hover {
+  /* border: 1px solid rgba(10, 122, 255, 0.2);
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02); */
+  cursor: pointer;
+}
+
+.form-error {
+  font-size: 13px;
+  color: #ff0000;
+  padding: 0px;
+  margin: 9px 0px 0px 0px;
+  float: left;
+  text-transform: capitalize;
+}
+
+/* upload Images/Pdf */
+.footer__upload_assets {
+  opacity: 0.5 !important;
+  border-right: 1px solid #a3a2a2;
+  padding-right: 15px;
+}
+
+.main__upload__box {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  width: 100%;
+}
+
+.all__upload__images {
+  margin: 1rem 0.5rem;
+  position: relative;
+  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+  width: 70px;
+  height: 70px;
+  border: 1px solid #333;
+}
+
+.all__upload__images > img {
+  width: 100%;
+  height: 100%;
+}
+
+.all__upload__images button {
+  cursor: pointer;
+  padding: 0px;
+  background: rgba(0, 0, 0, 0.3);
+  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
+  color: white;
+  border: none;
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  border-radius: 50px;
+  right: -10px;
+  top: -10px;
+}
+
+.pdfView__preview {
+  margin: 0.5rem 10px;
+  position: relative;
+  padding: 8px;
+  width: 243px;
+  height: auto;
+  background: #ffffff;
+  border: 1px solid #e8e8ea;
+  border-radius: 4px;
+  display: flex;
+}
+
+.pdfView__preview p {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 25px;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+  color: #262626;
+}
+
+.pdfView__preview > button {
+  cursor: pointer;
+  padding: 0px;
+  background: rgba(0, 0, 0, 0.3);
+  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
+  color: white;
+  border: none;
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  border-radius: 50px;
+  right: -10px;
+  top: -10px;
+}
+
+.previeww__color {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 100%;
+  display: flex;
+  align-items: center;
+  color: #4c8bff;
+  margin-top: 4px;
+  cursor: pointer;
+}
+
+.feedback_alert {
+  background-color: #fff1e6;
+  font-size: 14px;
+  padding: 10px;
+  width: 100%;
+  margin-top: 20px;
+}
+
+.pip__intiate__container {
+  padding: 0px 20px 0px 0px;
+  height: calc(100vh - 250px);
+  overflow: auto;
+  margin-top: 1rem;
+}
+
+.pip__initiate__details {
+  gap: 1rem;
+  display: flex;
+}
+
+.pip__initiate__employee__heading {
+  color: #757575;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 18px;
+}
+.pip__initiate__employee__heading span {
+  font-weight: 400;
+}
+
+.admin__pip__initiate__employee__heading span {
+  font-weight: 400;
+}
+
+.pip__initiate__employee__name {
+  color: #172b4d;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 12px;
+}
+.pip__intiate__employee__container {
+  width: max-content;
+  padding: 0.3rem;
+  border: 1px solid #e8e8ea;
+  border-radius: 4px;
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.pip__initiate__details__dateheading {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 18px;
+}
+
+.pip__initiate__body1 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-top: 0.5rem;
+}
+
+.pip__initiate__body2 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-top: 0.5rem;
+}
+
+.pip__initiate__add__dates {
+  color: blue;
+  justify-content: flex-start;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+}
+
+.pip__initiate__title {
+  display: flex;
+  align-items: center;
+  gap: 0.2rem;
+}
+
+.pip__initiate_errors {
+  color: #f40b0b;
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.66;
+  margin-bottom: 0;
+  margin-left: 4px;
+  margin-right: 14px;
+  margin-top: 4px;
+  text-align: left;
+}
+
+.pip__view__details__container {
+  width: 100%;
+  height: calc(100vh - 250px);
+  padding: 1.5rem;
+  overflow-y: auto;
+  padding-bottom: 0px;
+}
+
+.pip__view__details__container__heading {
+  gap: 0.75rem;
+  display: flex;
+}
+
+.pip__view__details__subheading {
+  font-size: 14px;
+  font-weight: 400;
+  color: #615e69;
+}
+
+.pip__view__details__status__chip {
+  font-weight: 400;
+  font-size: 14px;
+  border-radius: 4px;
+  margin-left: 0.75rem;
+  background-color: #e0b4001a !important;
+  color: #e0b400 !important;
+  font-weight: var(--font-weight-regular) !important;
+  font-size: 12px !important;
+  min-width: 4rem;
+}
+
+.pip__view__details__performance__plan {
+  display: flex;
+  margin-top: 1.5rem;
+  gap: 1rem;
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+
+.pip__view__details__performance__plan__heading {
+  font-weight: 600;
+  font-size: 14px;
+  color: #172b4d;
+}
+
+.pip__view__details__history__conatiner {
+  width: 100%;
+  /* max-height: 250px;
+ overflow-y:auto; */
+  margin-top: 1.5rem;
+}
+
+.pip__view__details__history {
+  border-radius: 8px;
+  background-color: #fff;
+  /* overflow: auto;
+        height: calc(100vh - 350px); */
+}
+
+.pip__view__details__history__date {
+  background: #4c70ff;
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
+  border-radius: 8px;
+  color: #fff;
+  padding: 4px 12px;
+  width: 110px;
+  text-align: center;
+  display: flex;
+}
+
+.pip__details__history__timelinecontent {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  margin-bottom: 3.5rem;
+}
+
+.pip__details__history__timelinecontent__heading {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.pip__details__history__timelinecontent__subheading {
+  font-size: 12px;
+  font-weight: 400;
+  color: #615e69;
+  width: 100%;
+  text-align: left;
+  padding: 5px;
+  margin: 0px;
+}
+
+.pip__details__timeline__date__content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+  align-items: center;
+}
+
+.pip__view__details__feedback__editor {
+  height: auto;
+  background: #ffffff;
+  border: 1px solid #a5a3a9;
+  border-radius: 8px;
+  margin-top: 1.75rem;
+  padding: 4px;
+  margin-bottom: 1.5rem;
+}
+
+.editor__bottom {
+  display: flex;
+  justify-content: space-between;
+  padding: 15px;
+}
+.editor__bottom span {
+  float: left;
+  cursor: pointer;
+}
+.editor__bottom span > svg {
+  opacity: 0.5;
+}
+
+.pip__view__details__footer {
+  display: flex;
+  justify-content: flex-end;
+  position: sticky;
+  gap: 1.5rem;
+  margin-top: 15px;
+}
+
+.bottom_text_pad {
+  padding: 0px 1.5rem;
+}
+
+.editor__remarks {
+  height: auto;
+  background: #ffffff;
+  border: 1px solid #a5a3a9;
+  border-radius: 8px;
+  margin-top: 30px;
+  padding: 4px;
+}
+._templateModal__main_1buad_1 {
+  height: 80vh;
+  overflow: auto;
+  padding: 1rem;
+  box-shadow: rgba(128, 128, 128, 0.15) 0px 3px 8px;
+}
+
+._templateModal__notification_slug_1buad_8 {
+  padding: 0.5rem;
+  border: 1px solid #ececec;
+  border-radius: 4px;
+}
+
+._templateModal_form_1buad_14 {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+._templateModal__slugTitle_1buad_20 {
+  color: rgba(35, 31, 32, 0.5);
+}