@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--background-color: "#1f1f1f";--text-color: "white"}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.container{position:fixed;width:100%;height:100%;display:flex;flex-direction:row;background-color:#000}.left-container{width:20%;height:100%}.right-container{width:80%;height:100%}.nav-container{width:100%;display:flex;justify-content:space-between;background-color:#1f1f1f;color:#fff;align-items:center;height:70px;gap:35px}.name-search{display:flex;justify-content:space-between;align-items:center;flex:1;margin:30px}.search-container{position:relative}#search-field{padding:7px 30px;border-radius:10px;background-color:#1f1f1f;border:1px solid white;color:#fff}.search-icon{position:absolute;left:10px;top:25%;color:#fff;list-style:none}.profile-notification{display:flex;justify-content:center;align-items:center;gap:20px}.profile-container{display:flex;justify-content:center;align-items:center}.profile-content{margin:10px 40px 10px 10px;cursor:pointer}.night_mode{height:20px;width:20px;cursor:pointer}@media (min-width: 768px) and (max-width: 1023px){.nav-container{height:65px;gap:25px;padding:0 15px}.name-search{margin:20px}#search-field{padding:6px 25px;font-size:.95rem}.profile-content{margin:8px 20px 8px 8px}}@media (max-width: 767px){.nav-container{flex-direction:column;height:auto;padding:10px;gap:15px}.name-search{flex-direction:column;margin:10px;width:100%}#search-field{width:100%;padding:5px 20px;font-size:.9rem}.search-icon{left:8px;top:30%}.profile-notification{width:100%;justify-content:space-around}.profile-content{margin:5px 10px 5px 5px}}.count-task{display:flex;flex-direction:column;color:#fff}.count_container{display:flex;justify-content:space-between;align-items:center;border:1px solid grey;padding:15px 40px;border-radius:10px;gap:20px;background-color:#1f1f1f;color:#fff}.count_logo{height:30px;width:30px;display:flex;justify-content:center;align-items:center;border:1px solid black;padding:4px;border-radius:50%;background-color:#a3a0a0}.count_title{display:flex;color:#fff}.right-container-main{width:100%;height:100%}.count_task_container{display:flex;width:100%;padding:10px;color:#000;justify-content:space-evenly;margin-top:10px}.progress_count_container{color:#000;display:flex;gap:40px;margin:10px 50px 0;padding:10px 0;justify-content:space-evenly;align-items:center}.cardTaskOverview_container{display:flex;flex-direction:column;gap:10px}.cards_grid{display:flex;flex-direction:row;justify-content:space-evenly;gap:50px;height:449px;overflow-y:auto;scrollbar-width:none;scrollbar-color:#ccc transparent;margin:5px 50px 0}.cards_grid::-webkit-scrollbar{width:8px}.cards_grid::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.cards_grid::-webkit-scrollbar-thumb:hover{background-color:#aaa}.cardTaskOverview_container{display:flex;gap:20px;justify-content:space-evenly}.progress_count{display:flex;width:500px;justify-content:space-between;align-items:center;border:1px solid black;padding:10px 40px;flex:1;font-weight:400;border-radius:10px}.content_count{display:flex;gap:20px}.count_task{padding:1px 5px;border:2px solid black;border-radius:2px}.card_container{display:flex;height:259px;overflow:hidden;flex:1;flex-direction:column;border:1px solid white;padding:20px;border-radius:10px;gap:10px;color:#fff;background-color:#1f1f1f;margin-bottom:10px}.card_logo{display:flex;justify-content:space-between}.overview_logo{display:flex;border:1px solid white;justify-content:center;align-items:center;border-radius:5px;padding:3px;gap:5px}.priorty-container{display:flex;justify-content:space-between;align-items:center}.comment_logo_container{display:flex;gap:10px}.priority_div{font-size:14px;padding:0 5px;border-radius:5px}.scroller{overflow:scroll}.task-overview-container{display:flex;justify-content:space-around;margin:0 50px;gap:40px}.task-column{width:30%;height:65vh;border-radius:10px;box-shadow:2px 2px 10px #0000001a;overflow:scroll}.task-column::-webkit-scrollbar{width:0px}.task-heading{text-align:center;margin-bottom:15px;font-size:18px;font-weight:700}.in-process{color:orange}.completed{color:green}.incomplete{color:red}.view_task_container{color:#fff;display:flex;flex-direction:column;margin:10px;padding:5px;gap:.8rem}.view_all_task{height:76vh;display:flex;flex-direction:column;border:1px solid #343b4f;border-radius:10px;overflow:hidden}.view_task_heading{color:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px}.all_task_table{display:flex;flex-direction:column}.task_table_heading{display:grid;grid-template-columns:450px 240px 150px 150px 100px;padding:15px 40px}.task_rows{display:grid;grid-template-columns:450px 190px 200px 180px 100px;align-items:center;padding:10px 40px;box-shadow:inset 0 0 0 .25px #3341a5;position:relative}.task_rows:nth-child(odd){background-color:#000}.task_rows:nth-child(2n){background-color:#1f1f1f;color:#fff}.transparent-red-overlay{position:relative}.transparent-red-overlay:before{pointer-events:none;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ff00004d;z-index:1}.green-overlay{position:relative}.green-overlay:before{pointer-events:none;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#014810;opacity:.5;z-index:1}.yellow-overlay{position:relative}.yellow-overlay:before{pointer-events:none;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#5c3b00;opacity:.5;z-index:1}.task_comment_container{display:flex;justify-content:center;align-items:center;gap:10px}.profile-icons{display:flex;align-items:center}.profile-img{width:25px;height:25px;border-radius:50%;border:1px solid grey;margin-left:-10px;box-shadow:0 2px 4px #0000001a}.profile-icons img:first-child{margin-left:0}.edit_delete_div{display:flex;gap:15px}.group_profile_div,.comment_icon_div{display:flex;justify-content:center;align-items:center}.comment_icon_div p{padding:5px}.row_per_page_div{display:flex;gap:10px}.back_forward_icons{text-align:center;align-items:center;margin:3px;padding:3px;width:20px;height:20px;color:#fff;border:1px solid grey;border-radius:3px;background-color:#343b4f}.change_page_div{display:flex;justify-content:space-between;align-items:center;gap:100px}.row_per_page_div :last-child{padding:0 3px;border:1px solid #eae4e4;border-radius:3px;background-color:#343b4f}.table_heading_items_div{display:flex;align-items:center;gap:5px}.line_hover{position:absolute;height:4px;background-color:#fff;left:0;top:37px;right:0;transition:width .3s ease-in-out}.page_navigator{display:flex;justify-content:space-between;align-items:center;padding:2px 30px;border-radius:10px}.task_status_nav>div{position:relative}.task_status_nav>div:hover .line_hover{display:block}.task_status_nav{display:flex;gap:20px;padding:0 20px;list-style:none}.task_status_item{position:relative;cursor:pointer;text-align:center}.task_status_item li{padding:10px}.line_hover{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease-in-out}.task_status_item.active .line_hover,.task_status_item:hover .line_hover{width:100%}.high_priority{color:red;border-radius:5px;text-align:center}.medium_priority{color:#ff0;padding:5px;border-radius:5px;text-align:center}.low_priority{color:green;padding:5px;border-radius:5px;text-align:center}.pending_div{display:flex;width:90px;justify-content:center;align-items:center;border:1px solid #dcf402;color:#dcf402;padding:1px 5px;border-radius:5px}.pending_status{background-color:#aeb9e1;color:#fff;border-radius:5px;display:flex;align-items:center;gap:5px}.in_progress_status{background-color:#dcf40233;color:#ff0;border-radius:5px;display:flex;align-items:center;gap:5px}.completed_status{background-color:#13f38a;color:green;border:1px solid;border-radius:5px;display:flex;align-items:center;gap:5px}.scrollable-task-table{overflow-y:scroll}.scrollable-task-table::-webkit-scrollbar{width:0px}.DeleteTasks_icon{cursor:pointer;z-index:10}.DeleteTasks_icon:hover{color:red}.TaskDetails_view{z-index:10}.TaskDetails_view:hover{cursor:pointer;color:#3341a5}.createNewTask_container{color:#fff;height:100%;display:flex;flex-direction:column;align-items:center;padding:10px;box-sizing:border-box;margin:10px}.createNewTask_heading{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.createNewTask_buttons button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;margin-left:10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.createNewTask_buttons button:hover{background-color:#2980b9}.createNewTask_form .Schedule_Task_div{display:flex;justify-content:center;gap:50px;align-items:center;width:100%;padding:10px;border-radius:5px;color:#fff;font-weight:600}.createNewTask_form{width:100%;max-width:950px;height:550px;display:flex;flex-direction:column;gap:15px;border:1px solid grey;padding:10px;border-radius:10px;background-color:#1f1f1f}.createNewTask_form>div{display:flex;justify-content:space-between;gap:5px}.createNewTask_form label{font-size:14px;font-weight:600;color:#ecf0f1;display:flex;align-items:start;gap:5px}.createNewTask_form input,.createNewTask_form textarea,.createNewTask_form select{width:80%;padding:8px;border:1px solid #343b4f;border-radius:5px;background-color:#1f1f1f;color:#fff;font-size:14px}.createNewTask_form .btn_createTasksComp{background-color:#3341a5;color:#fff;border:none;padding:10px 60px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-left:350px}.btn_createTasksComp:hover{background-color:#3341e9}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.one_two_icon{color:#fff;background-color:#3341e9;border:1px solid grey;border-radius:50%;padding:1px 4px;font-size:12px}.freq_btn{display:flex;width:80%;padding:10px;border-radius:5px;background-color:#1f1f1f;color:#fff;font-size:14px;gap:20px;flex-wrap:wrap}.freq_btn div{display:flex;gap:5px}.freq_btn div label{font-weight:500}.freq_btn button{margin-left:0;padding:6px 15px;background-color:#4e4b4b}.selected_input_file{position:relative}.createNewTaskSchedule_selectedfiles{position:absolute;left:283px;margin:5px;display:flex}.createNewTaskSchedule_selectedfiles ul{list-style:none;display:flex;flex-wrap:wrap;padding:5px;gap:5px;border-radius:5px}.createNewTaskSchedule_selectedfiles ul li{background-color:#6a6969;padding:2px;border-radius:5px}.date_picker{width:80%}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10}.popup-content{padding-top:10px;border-radius:10px;width:800px;box-shadow:0 0 10px #0000004d}.popup-content h3{margin:10px}.cancel_popup_div{display:flex;justify-content:space-between;align-items:center}.team_member_search_heading{color:#fff;display:flex;justify-content:start;align-items:center;margin:5px 15px}.team-search-container{position:relative}#team-search-field{padding:7px 30px;border-radius:10px;background-color:#1f1f1f;border:1px solid white;color:#fff;margin-left:250px;border:1px solid grey}.team-search-icon{position:absolute;left:260px;top:25%;color:#fff;list-style:none}.view_team_member_div{color:#fff;display:flex;flex-direction:column;justify-content:space-between;justify-items:center;margin:0 20px;padding:10px 10px 0}.view_team_member_nav{display:flex;justify-content:space-around;align-items:center;margin:5px 50px;background-color:#1f1f1f;padding:10px 20px;border-radius:5px}.contact_details_div{margin:2px;font-size:15px;color:#c6c6c6}.card_component_div{height:520px;padding:10px;display:grid;grid-template-columns:auto auto auto;overflow-y:scroll;gap:5px}.card_component_div::-webkit-scrollbar{width:0px}.view_team_members_div{width:360px;height:240px;color:#fff;padding:15px 20px;display:flex;flex:1;flex-direction:column;gap:10px;justify-content:start;background-color:#1f1f1f;margin:5px;border-radius:5px}.card_profile{width:100%;display:flex;justify-content:space-between;align-items:center}.viewTeamMembers_profile_div{display:flex;justify-content:center;align-items:center;gap:5px}.sales_div{display:flex;justify-content:center;align-items:center;gap:2px;border:1px;background-color:#57c3ff;border-radius:2px;padding:0 3px}.card_heading{display:flex;justify-content:start;align-items:center;font-weight:bolder}.threeDots{position:relative}.deleteAdmin{display:none;position:absolute;right:0%;margin-left:10px;background-color:gray;color:#fff;padding:5px 6px;border-radius:2px;cursor:pointer;border:1px solid black}.threeDots:hover .deleteAdmin{display:block}.vtm_delete_btn:hover{color:red}.vtm_edit_btn:hover{color:#00f}.disabled_button_pagination{background-color:gray;text-align:center;align-items:center;margin:3px;padding:3px;width:20px;height:20px;color:#fff;border:1px solid rgb(103,101,101);border-radius:3px}.addNewMembers_container{color:#fff;margin:10px;padding:10px}.addNewMembers_container h3{margin:10px}.addNewMember_form_container{padding:15px 55px;display:flex;flex-direction:column;justify-content:center;border:1px solid grey;border-radius:10px;background-color:#1f1f1f}.profile_photo_div{padding-bottom:20px;display:flex;align-items:start;column-gap:10px}.profile_photo_edit_div{margin-left:70px}.addNewMembers_inputField_div{display:flex;justify-content:space-evenly;gap:200px}.addNewMembers_inputField_div>div{display:flex;flex-direction:column;flex:1;gap:20px}.addNewMembers_inputField_div>div>div{display:flex;justify-content:space-between}.addNewMembers_inputField_div>div>div>input{padding:10px 40px;background-color:#1f1f1f;border:1px solid #343b4f;color:#fff}.shortDesciption_field{margin:10px 0;display:flex;align-items:center;gap:27px}.shortDesciption_field textarea{width:84%;height:70px;margin-left:42px;background-color:#1f1f1f;border:1px solid #343b4f;color:#fff}.addNewMember_btn{display:flex;justify-content:center;align-items:center;margin:10px}.addNewMember_btn button{padding:9px 50px;background-color:#3341a5;color:#fff}.addNewMember_btn button:hover{background-color:#3341e9}.notification_container{margin:10px;padding:10px}.notification_row_div{width:100%;height:560px;overflow-y:scroll;border:1px solid grey;border-radius:10px;padding:10px}.notification_row_div::-webkit-scrollbar{width:0px}.notificationCard_container{width:100%;height:70px;display:flex;justify-content:start;align-items:center;color:#fff;margin-bottom:10px;position:relative}.notificationCard_img{border:2px solid white;border-radius:50%;margin:10px;padding:3px;display:flex;justify-content:center;align-items:center}.notification_time{position:absolute;right:0;top:0;font-size:small;color:#aeb9e1}.profileAccountSettings_container{color:#fff;margin:40px;height:100%;display:flex;flex-direction:column;align-items:center}.profile_cover_background{width:1066px;height:132px;background-color:#734900;border-radius:10px;position:relative}.profile_div{position:absolute;left:430px;top:220px}.profileAccountSettings_form{margin-top:50px;width:500px;display:flex;flex-direction:column;justify-content:start}.profileAccountSettings_form>div{display:flex;justify-content:space-between;align-items:start;margin:10px}.profileAccountSettings_form>div>input,textarea{padding:6px 20px;border-radius:5px;width:60%;background-color:#1f1f1f;border:1px solid #343b4f;color:#fff}.profileAccount_btn{margin-left:275px;padding:5px 30px;background-color:#3341a5;color:#fff;font-weight:700;border-radius:3px}.bulk_task_container{color:#fff;display:flex;flex-direction:column;margin:20px;padding:15px;background-color:#1f1f1f;width:95%;height:100%;border-radius:10px}.title{font-size:24px;font-weight:700;margin-bottom:16px}.subtitle{font-size:20px;font-weight:600;margin-bottom:8px}.form-section{margin-bottom:24px}.form-grid{display:flex;gap:10px;flex-wrap:wrap}.input{padding:8px;border:1px solid #4a5568;border-radius:4px;background-color:#1f1f1f;color:#fff}.add-task-button{background-color:#4299e1;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.add-task-button:hover{background-color:#2b6cb0}.task-table{width:100%;border-collapse:collapse;border:1px solid #4a5568}.task-table th,.task-table td{border:1px solid #4a5568;padding:8px;text-align:center}.priority-high{color:#f56565}.priority-medium{color:#ecc94b}.priority-low{color:#48bb78}.file-input-container{position:relative;display:inline-block}.file-input{opacity:0;position:absolute;z-index:-1}.task-table-container{max-height:405px;overflow-y:scroll;border-radius:8px;margin-bottom:5px}.task-table-container::-webkit-scrollbar{width:0px}.CalenderViewWeek_container{margin:20px}.task-calendar{margin:20px;display:flex;justify-content:center}.calendar-table{width:100%;border-collapse:collapse;border-spacing:0;border:none}.calendar-table th,.calendar-table td{padding:15px 10px;text-align:center}.calendar-table th{font-weight:700;background-color:#1f1f1f}.day{background-color:#1f1f1f;color:#f0f0f0}.task-title{font-weight:700;background-color:#f8f9fa}.task-item{display:flex;justify-content:center;align-items:center;width:100%;height:30px;background-color:currentColor;color:#fff;font-size:10px;overflow:hidden;border-radius:4px}.color-blue{background-color:#00f;color:#fff}.color-red{background-color:red}.color-pink{background-color:#cd8893;color:#fff}.color-yellow{background-color:#676709}.color-green{background-color:green}.date-navigator{display:flex;align-items:center;justify-content:center;background-color:#1f1f1f;padding:6px;gap:20px;border-radius:10px}.nav-button{background-color:#555;border:none;border-radius:8px;padding:7px 13px;color:#fff;font-size:13px;cursor:pointer;transition:background-color .3s}.nav-button:hover{background-color:#777}.date-range{color:#fff;font-size:13px}.calenderView_heading{height:50px;color:#fff;display:flex;justify-content:space-between;align-items:center}.table_Week_container{max-height:550px;width:100%;overflow-y:auto}.calenderView_heading{color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:5px;cursor:pointer;transition:background .3s;margin:10px}.click-to-go-back{color:#aaa;font-style:italic}.task_day_navigate{display:flex;justify-content:center;align-items:center;gap:10px;padding:6px;background-color:#1f1f1f;border-radius:10px}.task_day_navigate p{font-size:small}.calendar-table{color:#fff}.table_day_container{max-height:550px;width:100%;overflow-y:auto}.create_department_container{margin:20px}.create_department_header{color:#fff}.create_department_form{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:40px;padding:50px}.create_department_form div{width:100%;display:flex;justify-content:space-between}.create_department_form div input{width:60%;background-color:#1f1f1f;border:1px solid #343b4f;border-radius:5px;padding:10px;color:#fff}.create_department_form div label{color:#fff}textarea{width:60%;height:75px;background-color:#1f1f1f;color:#fff}.create_department_btn{display:flex;justify-content:center;align-items:center;margin-top:80px}.create_department_btn button{padding:10px 30px;background-color:#3341a5;color:#fff}.assignAdmin_para{color:#fff;margin-left:420px;margin-top:-30px}.createDepartment_div{background-color:#1f1f1f;margin:20px;border-radius:10px;padding:30px 10px}.department_list_container{color:#fff;margin:10px 20px;border:1px solid grey;border-radius:10px;overflow:hidden}.department_list_heading{padding:10px;display:flex;justify-content:space-between;align-items:center}.Department_table_heading{color:#fff}.Department_table_heading{display:flex;flex-direction:column;justify-content:space-between}.departmentList_table_heading{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#000}.Departmentlist_scrollar{height:480px;overflow-y:scroll}.Departmentlist_scrollar::-webkit-scrollbar{width:0px}.back_forward_icons{cursor:pointer}.page_navigator{color:#fff}.departmentTable_container{height:60px;display:flex;justify-content:space-between;align-items:center;padding:20px 30px}.departmentTable_container:nth-child(odd){background-color:#000}.departmentTable_container:nth-child(2n){background-color:#1f1f1f}.department_details_container{color:#fff;margin:20px}.department_details_div{padding:10px 30px;margin:10px 0;border-radius:10px;position:relative;display:flex;flex-direction:column;gap:20px;background-color:#1f1f1f}.department_details_div div{display:flex;justify-content:start}.department_details_div div p{width:70%}.department_details_div div label{width:30%;font-weight:700}.admin_profile_div{display:flex;justify-content:flex-start;align-items:center;gap:5px}.admin_in_charge{height:40px;width:120px;display:flex;align-items:center;border:1px solid white;border-radius:10px;background-color:#915c00;padding:5px}.admin_in_charge div{margin-right:10px}.admin_in_charge img{width:30px;height:30px;border-radius:50%}.departmentDetials_edit_btn{position:absolute;top:10px;right:20px;border:1px solid white;padding:5px;border-radius:5px;gap:5px;cursor:pointer;display:flex;align-items:center}.departmentDetails_profile_name{display:flex;flex-direction:column}.department_people_table_heading{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#1f1f1f}.DepartmentMemberTable_scrollar{height:300px;overflow-y:scroll}.DepartmentMemberTable_scrollar::-webkit-scrollbar{width:0px}.departmentMemberTable_container{display:flex;height:60px;overflow:hidden}.departmentMemberTable_container:nth-child(odd){background-color:#000}.departmentMemberTable_container:nth-child(2n){background-color:#1f1f1f}.departmentMemberTable_div{width:100%;display:grid;grid-template-columns:190px 190px 240px 150px 250px 100px;align-items:center;padding:10px;gap:20px}.departmentMemberTable_profile_name{width:200px;display:flex;justify-content:start;align-items:center;margin-right:100px}.taskDetails_container{color:#fff;margin:20px}.task_detail_description_content{width:100%;height:275px;padding:10px;border:1px solid white;border-radius:10px;overflow:hidden;overflow-y:scroll}.task_detail_description_content::-webkit-scrollbar{width:0px}.activity_div{display:flex;justify-content:start;align-items:center;gap:20px;margin:10px}.chat-container{padding:10px;height:200px;overflow-y:scroll;border-radius:5px 5px 0 0}.chat-message{display:flex;height:auto;align-items:center;word-wrap:break-word;margin-bottom:6px;padding:2px;border-radius:5px;color:#000;box-shadow:0 2px 4px #0000001a}.chat-message.own{align-self:flex-end;color:#fff;flex-direction:row-reverse}.chat-message.received{color:#fff;align-self:flex-start;color:#000}.profile-image{width:30px;height:30px;border-radius:50%;margin-right:3px}.message-details{display:flex;width:10%;overflow:hidden}.message-details-name-id{color:#fff;display:flex;flex-direction:column;justify-content:center;font-size:8px}.sender-info{margin-bottom:4px;font-weight:700}.message-text{display:inline-block;word-break:break-word;overflow-wrap:break-word;max-width:100%;white-space:pre-wrap;padding:5px 10px;font-size:.7rem}.no-messages{text-align:center;color:#999}.chat-input-container{display:flex;align-items:center;padding:8px;border-top:1px solid grey;border-radius:0 0 5px 5px}.chat-input{flex:1;padding:8px;font-size:1rem;border:1px solid #ccc;border-radius:5px 0 0 5px;outline:none}.send-button{padding:9px 20px;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer;transition:background-color .3s ease}.send-button:hover{background-color:#0056b3}.bubble{padding:8px 12px;border-radius:15px;background-color:#c6c4c433}.message-time{font-size:10px;text-align:right;color:#fff}.message-text{font-size:16px;color:#fff}.sidebar{height:100vh;background-color:#1f1f1f;text-align:start;display:flex;flex-direction:column;color:#fff;overflow-y:auto}.sidebar-logo{display:flex;margin:20px;gap:3px}.notification_link{display:flex;gap:10px;padding:10px}.notification_link:hover{background-color:#3341a5}.bell_count{display:flex;justify-content:center}*::-webkit-scrollbar{scroll-behavior:smooth}.sidebarItems{margin:5px 0;list-style:none;width:100%}.sidebar-list{display:flex;justify-content:space-between;align-items:center;padding:3px 10px}.list-icon{display:flex;justify-content:center;align-items:center;gap:10px}.custom-link{text-decoration:none;color:#fff}.sub_list{display:block;margin-left:40px;margin-right:40px;padding:1px}.sub_list li{padding:5px;margin:2px;border-radius:4px;background-color:#333;color:#fff;list-style:none;cursor:pointer}.sub_list li:hover{background-color:#3341a5}@media (min-width: 768px) and (max-width: 1023px){.sidebar-list{padding:3px 8px}.list-icon{gap:8px}.sub_list{margin-left:30px;margin-right:30px}.sub_list li{padding:5px;margin:2px}}@media (max-width: 767px){.sidebar-list{flex-direction:column;padding:3px 5px}.list-icon{gap:5px}.sub_list{margin-left:20px;margin-right:20px}.sub_list li{padding:4px;margin:1px;font-size:.9rem}}.heading_signup{height:70px;background-color:#1f1f1f;color:#fff;display:flex;justify-content:start;align-items:center;font-size:xx-large;font-weight:bolder;padding-left:70px}.signup_div_1{margin:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.signup_div_2{display:flex;flex-direction:column;gap:2.5rem;margin:.5rem;padding:15rem;justify-content:center;align-items:center;border:2px solid black;text-align:center;width:24rem;height:24rem;border-radius:.75rem;background-color:#1f1f1f}.sign_heading{font-weight:700;font-size:26px}.sign_form{display:flex;flex-direction:column;gap:1.25rem;padding:.75rem;margin:.5rem}.signup_input{padding:.5rem 3rem;border-radius:.75rem}.input_password{position:relative}.input_password button{border-radius:.5rem;font-weight:100;position:absolute;right:.5rem;top:.6rem}.signup_btn{padding:.6rem 2rem;border-radius:.75rem;background-color:#3341a5;border:none;color:#fff;font-weight:700;transition:background-color .3s ease}.signup_btn:hover{background-color:#00f}.hide_icon_btn{border:none}.hide_icon{text-decoration:none;width:1rem;height:.9rem;opacity:.5;cursor:pointer}.login_link_div{padding:2px}.login_link_div p .login_link{text-decoration:none;color:orange}.login_link_div p .login_link:hover{color:#ff8c00}.confirm_password_error{color:red;margin:1px}.login_parent{position:fixed;height:100vh;width:100vw;background-color:#000}.animate_loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}