/* =================================
UNUSED CSS CODE
================================= */

/* HR DATA PAGE */
.data-export-changes { gap: 5px; }
.tooltip-question, .tooltip-question2 { font-weight: 900; font-size: 14px; }

/* GRADE COMPARISION AND 1:1 PAGE */
.table-scroll-box { overflow: auto; max-height: 600px; }
.table-scroll-box::-webkit-scrollbar { height: 7px; width: 7px; }
.table-scroll-box::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; margin: 50px; }
.table-scroll-box::-webkit-scrollbar-thumb { background: #455460; border-radius: 10px; }
.table-scroll-box::-webkit-scrollbar-thumb:hover { background: #455460; }
.table-scroll-box .table-scroll-box-head { position: sticky; top: 0; background-color: #f8f8f8; }

/* AI MODAL [ AILMPACT PAGE ] */
.ai_modal.inner { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; padding-top: 50px; padding-bottom: 30px; }
.ai_modal .inner .inner-box { position: relative; border-radius: 4px; background: #F5F5F5; height: 200px; display: flex; flex-direction: column; align-items: center; }
.ai_modal .inner .inner-box span { color: #FFF; font-family: 'Lexend', sans-serif; font-size: 14px; font-weight: 500; border-radius: 4px; background: #455460; padding: 5px; margin-top: -10px; }
.ai_modal .inner .inner-box p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #262F36; font-family: 'Lexend', sans-serif; font-size: 60px; font-weight: 500; }
.ai_modal .modal-title { color: #455460; font-family: 'Lexend', sans-serif; font-size: 24px; font-weight: 500; margin-left: -25px; }
.ai_modal .modal-header { border-bottom: 1px solid #B5B5B5; padding-bottom: 20px; margin-left: 25px; margin-right: 25px; }
.head-area-container .head-area { display: grid; grid-template-columns: 1fr 2fr 2fr 1fr; padding: 10px; cursor: pointer; }
.head-area-container .head-area p { color: #455460; font-family: 'Lexend', sans-serif; font-size: 12px; font-weight: 600; display: flex; align-items: center; margin-bottom: 0; }
.head-area-container .head-area span { color: #455460; font-family: 'Lexend', sans-serif; font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.head-area-container .head-area .progress-bar { background-color: #455460 !important; }
.head-area-container .head-area .progress { height: 20px !important; border-radius: 4px; }
.content-area { display: none; }
.content-area-inner { display: grid; grid-template-columns: 1fr 2fr 2fr 1fr; background: #fff; border-bottom: 1px solid #E8E8E8; }
.content-area-container .content-area-inner { padding: 10px; }
.content-area-container .content-area-inner p:first-child { text-decoration: none; padding-left: 18px; }
.content-area-container .content-area-inner p { color: #455460; font-family: 'Lexend', sans-serif; font-size: 12px; font-weight: 300; text-decoration-line: underline; display: flex; align-items: center; margin-bottom: 0; }
.content-area-container .content-area-inner span { display: flex; align-items: center; justify-content: flex-end; }
.task-accordian { border-radius: 10px; border: 1px solid #E8E8E8; background: #F6F6F6; margin-bottom: 10px; }
.task-accordian-heading { border-radius: 10px; background: #455460; padding: 10px; display: grid; grid-template-columns: 1fr 2fr 2fr 1fr; margin-bottom: 10px; }
.task-accordian-heading p { color: #FFF; text-align: center; font-family: 'Lexend', sans-serif; font-size: 12px; font-weight: 700; margin-bottom: 0; }
.task-accordian .down-nav-arrow img { rotate: 90deg; }
.right-task { display: flex; justify-content: flex-end; }
.taskDataDisplay { overflow-x: auto; height: 200px; margin-bottom: 10px; }
.taskDataDisplay::-webkit-scrollbar { height: 7px; width: 7px; }
.taskDataDisplay::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; }
.taskDataDisplay::-webkit-scrollbar-thumb { background: #455460; border-radius: 10px; }
.taskDataDisplay::-webkit-scrollbar-thumb:hover { background: #455460; }
.no-data-text { text-align: center; padding-top: 15px; padding-bottom: 15px; color: #b9b9b9; font-weight: 600; font-size: 20px; }
div[role="circle-progress-bar"] { --size: 150px; --fg: #262F36; --bg: #CAEAFA; --pgPercentage: var(--value); animation: growProgressBar 3s 1 forwards; width: var(--size); height: var(--size); border-radius: 50%; display: grid; place-items: center; background: radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0); color: var(--fg); margin-top: 15px; font-family: 'Lexend', sans-serif; font-size: 20px; font-weight: 500; }
div[role="circle-progress-bar"]::before { counter-reset: percentage var(--value); content: counter(percentage) '%'; }

@keyframes growProgressBar {
    0%, 33% { --pgPercentage: 0; }
    100% { --pgPercentage: var(--value); }
}
@property --pgPercentage { syntax: '<number>'; inherits: false; initial-value: 0; }

@media only screen and (max-width: 767px) {
    .ai_modal.inner { grid-template-columns: 1fr 1fr; }
    .model-focus-breadcrumb { flex-wrap: wrap; }
}
@media only screen and (max-width: 450px) {
    .ai_modal .inner { grid-template-columns: 1fr; }
}

/* COMMON CODE */
.site-breadcrumb { visibility: hidden; }
.breadcrumb-head-org-chart { flex-wrap: wrap; }

/* Tool Tip */
@media (max-width: 767px) {
    .select-identifier-btn button { width: 215px; }
    .as-is-org-btn .team-selector button { padding: 10px 15px !important; }
    .org-chart-brd-pos ul { margin-top: 0; }
}
@media (max-width: 475px) {
    .highlight-dropdown span { font-size: 12px; }
}
@media (max-width: 340px) {
    .select-identifier-btn button { width: 185px; }
}
@media (max-width: 1800px) {
    /* FREE PIVOT PAGE */
    .scroll-container2 { overflow-y: auto; overflow-x: hidden; }
}

/* =================================
        USED CSS CODE
   ================================= */

/* COMMON CODE */
.bootstrap-select .dropdown-menu .dropdown-item .text:hover { white-space: normal; }
.currency-dropdown .dropdown-menu { max-height: 200px; }
.currency-dropdown .dropdown-menu .inner::-webkit-scrollbar { height: 7px; width: 7px; }
.currency-dropdown .dropdown-menu .inner::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; }
.currency-dropdown .dropdown-menu .inner::-webkit-scrollbar-thumb { background: #455460; border-radius: 10px; }
.currency-dropdown .dropdown-menu .inner::-webkit-scrollbar-thumb:hover { background: #455460; }
#chart-container { overflow: auto; }
#chart-container::-webkit-scrollbar { display: none; }
.no-data-div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.no-data-div img { width: 150px; opacity: 0.5; }
.free-pivot-chart .no-data-div, .span-layer-chart .no-data-div { left: 40%; }
.geography-chart .no-data-div { top: 65%; }
.geography-band-inner .no-data-div { top: 65%; left: 40%; }
.progress-flex-inner .no-data-div { top: 65%; }
.am5exporting-menu.am5exporting-valign-top, .am5exporting-icon.am5exporting-valign-top, .am5exporting-list.am5exporting-align-top { top: -6px !important; }
#PositionStatusVal ul, #recruitmentStatusVal ul { margin-top: 10px; }
.no-user-found { padding-top: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.no-user-found span { font-style: italic; font-size: 36px; padding-top: 50px; opacity: 0.5; }
#activeUserDetails thead th { width: 500px; }
#activeUserDetails { margin-top: 10px; }
.activity-dashboard-btns .bmd-form-group { padding-top: 0; }
.activity-dashboard-btns input { border: none; background: transparent; cursor: pointer; }
.activity-dashboard-btns input:focus { outline: none; }
.activity-dashboard-btns .filter-option-inner-inner { color: #000; }
.activity-dashboard-btns .filter-option-inner-inner::after { border-top: 7px solid #000 !important; }
.activity-dashboard-btns .bootstrap-select .dropdown-menu { top: 38px !important; }
.chart-activity .am5exporting-list.am5exporting-align-right { max-height: 300px; overflow: auto; }
.chart-activity .am5exporting-list.am5exporting-align-right::-webkit-scrollbar { height: 7px; width: 7px; }
.chart-activity .am5exporting-list.am5exporting-align-right::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; }
.chart-activity .am5exporting-list.am5exporting-align-right::-webkit-scrollbar-thumb { background: #455460; border-radius: 10px; }
.chart-activity .am5exporting-list.am5exporting-align-right::-webkit-scrollbar-thumb:hover { background: #455460; }
#activityPopup .top-data-table, #top10activityPopup .top-data-table { padding-bottom: 10px; }
#activityPopup .table.table thead th, #top10activityPopup .table.table thead th { width: 500px; }
#activityPopup .table.table thead, #top10activityPopup .table.table thead { position: sticky; top: 0; }
.view-table { cursor: pointer; }
#activityPopup .top-data-table .table, #top10activityPopup .top-data-table .table { max-height: 600px; }
.top-data-table .table-responsive { padding-bottom: 35px; }
.top-data-table .table-responsive::-webkit-scrollbar-track { margin: 100px; }
#functionFilter { display: none; }
#activityFilter .view-table { float: none; }
.client-activity-container .user-details-left img { background-color: #fff; }
#activeAdminUserDetails { margin-top: 10px; }
#activeAdminUserDetails thead th { width: 500px; }
.chat-inside-ans .client-image { display: none; }
.select-chat-msg { display: none; }
.reply-ans .chat-inside-popup-show { visibility: hidden; }
.people-box { height: 500px; overflow: auto; margin-top: 10px; margin-bottom: 10px; }
.people-box::-webkit-scrollbar { height: 7px; width: 7px; }
.people-box::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #aca9a9; border-radius: 10px; border: 5px solid #b4b4b4; }
.people-box::-webkit-scrollbar-thumb { background: #262F36; border-radius: 10px; }
.people-box::-webkit-scrollbar-thumb:hover { background: #262F36; }
#addChat .client-user { padding-top: 10px; padding-bottom: 0px; cursor: pointer; }
#addProject .dropdown-menu .show { max-height: 200px; }
.dropdown-loader { padding: 10px; font-size: 14px; color: #555; display: none; }
.dropdown-loader p { font-size: 16px; margin-bottom: 0; }

/* PROJECT PAGE SCROLLBAR DESIGN */
.other-q5-user-link .bootstrap-select .dropdown-menu.show { max-height: 300px; }
.other-q5-user-link .bootstrap-select .inner.show::-webkit-scrollbar { height: 7px; width: 7px; }
.other-q5-user-link .bootstrap-select .inner.show::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; }
.other-q5-user-link .bootstrap-select .inner.show::-webkit-scrollbar-thumb { background: #455460; border-radius: 10px; }

/* FREE PIVOT PAGE */
.scroll-container2 { max-height: 100%; overflow-y: auto; overflow-x: hidden; }
.scroll-container2::-webkit-scrollbar { height: 7px; width: 7px; display: none; }
.scroll-container2::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; }
.scroll-container2::-webkit-scrollbar-thumb { background: #455460; border-radius: 10px; }
.scroll-container2::-webkit-scrollbar-thumb:hover { background: #455460; }

/* Structure analysis Charts Maximise & Minimise */
.full-screen { display: block !important; }
.maximize-container .full-screen { display: block; }
.maximize-container .span-chart-border { display: none; }

/* ERROR MESSAGE DESIGN */
#error-table::-webkit-scrollbar-track { margin: 10px; }
#error_msg .table-responsive { padding-bottom: 20px; }
#error_msg { position: relative; }
#error_msg table.table tbody td, table.table tbody th { border: 1px solid #E8E8E8; }
#error-table thead th { width: 1200px; }
#error-table thead th:nth-child(2) { text-align: left !important; }
#error_msg .download-error-table { position: absolute; right: 45px; top: -137px; height: 30px; margin-top: 15px; border-radius: 5px; width: auto; }
.error-modal-dialog .error-btn-new { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; gap: 15px; }
#serverError .modal-header { margin-bottom: 0; }
.error-modal-dialog .error-text { text-align: left; white-space: normal; }
.error-table tbody td { color: #000; }

/* Custom Tooltip For OrgChart */
.custom-tooltip { max-height: 200px; pointer-events: auto; cursor: pointer; overflow: auto; }
.oci-chevron-down { display: none !important; }
.custom-tooltip:hover::after { content: ""; position: absolute; bottom: calc(100% - 7px); left: 47%; transform: translateX(-50%); border-width: 4px; border-style: solid; border-color: transparent transparent #fff transparent; rotate: 180deg; }
.custom-tooltip::before { content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); padding: 5px; background-color: #fff; color: #000; font-size: 13px; font-weight: 500; border-radius: 5px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; white-space: normal; width: max-content; }
.orgchart.custom-tooltip::before { word-break: break-all; }
.custom-tooltip:hover::before { visibility: visible; opacity: 1; }
.custom-tooltipp:hover::after{ content: ""; position: absolute; bottom: calc(100% - 50px); left: 47%; transform: translateX(-50%); border-width: 4px; border-style: solid; border-color: transparent transparent #fff transparent; rotate: 180deg; }
.custom-tooltipp::before { content: attr(data-tooltip); position: absolute; bottom: 75%; left: 50%; transform: translateX(-50%); padding: 5px; background-color: #fff; color: #000; font-size: 10px; font-weight: 500; border-radius: 5px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; }
.custom-tooltipp:hover::before { visibility: visible; opacity: 1; }
.custom-tooltip-view { cursor: pointer; }
.custom-tooltip-view:hover::after { content: ""; position: absolute; bottom: 15%; left: 80%; transform: translateX(-50%); border-width: 4px; border-style: solid; border-color: transparent transparent #fff transparent; rotate: 180deg; }
.custom-tooltip-view::before { content: attr(data-tooltip); position: absolute; bottom: 20%; left: 60%; transform: translateX(0%); padding: 5px; background-color: #fff; color: #000; font-size: 10px; font-weight: 500; border-radius: 5px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; }
.custom-tooltip-view:hover::before { visibility: visible; opacity: 1; white-space: nowrap; }

/* CLIENTS ACTIVITY PAGE DESIGN */
.activity-dashboard-charts .highcharts-background { fill: transparent !important; }
.chart-activity { padding: 30px; display: flex; align-items: center; }
.chart-activity2 { display: grid; grid-template-columns: 50% 50%; }
.chart-activity ul { background-color: #F6F6F6; padding: 10px; border-radius: 10px; max-height: 350px; overflow: auto; }
.chart-activity ul li { list-style-type: none; display: flex; align-items: center; gap: 10px; white-space: nowrap; margin-bottom: 15px; font-size: 16px; font-weight: 600; }
.chart-activity ul li:nth-child(1) { color: #262F36; }
.chart-activity ul li:nth-child(2) { color: #444B50; }
.chart-activity ul li:nth-child(3) { color: #455460; }
.chart-activity ul li:nth-child(4) { color: #000; }
.chart-activity ul li:nth-child(5) { color: #000; }
.chart-detail-bg { min-width: 15px; height: 15px; border-radius: 100%; display: block; }
.chart-activity ul li:nth-child(1) .chart-detail-bg { background-color: #262F36; }
.chart-activity ul li:nth-child(2) .chart-detail-bg { background-color: #444B50; }
.chart-activity ul li:nth-child(3) .chart-detail-bg { background-color: #455460; }
.chart-activity ul li:nth-child(4) .chart-detail-bg { background-color: #A3A8AB; }
.chart-activity ul li:nth-child(5) .chart-detail-bg { background-color: #909CA6; }
.chart-activity ul li:nth-child(5) .chart-detail-bg { background-color: #4f6a77; }
.activity-dashboard-charts .top-data-table { padding: 15px; }

/* -------- ORGCHART And Filters NEW DESIGN -------- */
.focus-li-tag { font-size: 12px !important; cursor: pointer; }
.focus-li-tag:last-child { cursor: default; }
.focus-li-tag img { cursor: pointer; width: 18px; height: 18px; }
#filter-chart-container .team-detail-container { padding: 8px 12px 12px 12px; }
#filter-chart-container .team-detail { display: flex; justify-content: center; align-items: center; text-align: center; padding: 15px; }
#filter-chart-container .original-png-node .team-detail { padding: 5px 15px 15px 15px; }
#filter-chart-container .team-detail-container { padding: 8px 12px 12px 12px; }
#filter-chart-container .team-detail-heading { min-height: unset; background: #fff; display: none; }
#filter-chart-container .original-png-node .team-detail-heading { display: flex; justify-content: center; }
#filter-chart-container .team-detail { display: flex; justify-content: center; align-items: center; text-align: center; }
#filter-chart-container .function-color-hide, #filter-chart-container .function-color-head { background: transparent !important; }
#filter-chart-container .team-detail b { font-weight: 600;white-space: normal; }
#filter-chart-container .original-png-node .node { width: 230px !important; }
#filter-chart-container .original-png-node .team-detail { display: block !important; text-align: left; line-height: 140%; }
#filter-chart-container .original-png-node .team-detail-container { padding: 8px 6px 6px 6px; }
#filter-chart-container .original-png-node .team-detail b { font-weight: 400; }
#filter-chart-container .original-png-node .team-detail-heading { min-height: 18px; justify-content: center; }
#filter-chart-container .team-detail-heading h5 { max-width: max-content; word-break: break-all; }
#filter-chart-container .nodeDetailText span { white-space: normal; word-wrap: break-word; }
#filter-chart-container .team-detail-container { box-shadow: none; }
#filter-chart-container .orgchart .node:not(:only-child)::after { height: 42px; }
#filter-chart-container .nodeDetailText { align-items: flex-start; }
.node-loading{ height: 0; width: 0; padding: 15px; border: 6px solid #fff; border-right-color: #888; border-radius: 22px; -webkit-animation: rotate 1s infinite linear; animation: rotate 1s infinite linear; animation: rotate 1s infinite linear; position: absolute; left: 40%; top: 40%; }
@keyframes rotate { 100% { transform: rotate(360deg); } }

/*HR DATA FORM Redesign*/
.hr-data-modal { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.add-Hr_model .modal-header { margin-bottom: 0 !important; }

/* SCENARIO COMPARISION */
.comparison-button { margin-top: 10px; }
.history-button button.btn-history { border-radius: 20px }
.chat-inside-ans .client-image { display: none; }
.select-chat-msg { display: none; }
.reply-ans .chat-inside-popup-show { visibility: hidden; }
.people-box { height: 500px; overflow: auto; margin-top: 10px; margin-bottom: 10px; }
.people-box::-webkit-scrollbar { height: 7px; width: 7px; }
.people-box::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #aca9a9; border-radius: 10px; border: 5px solid #b4b4b4; }
.people-box::-webkit-scrollbar-thumb { background: #262F36; border-radius: 10px; }
.people-box::-webkit-scrollbar-thumb:hover { background: #262F36; }
#addChat .client-user { padding-top: 10px; padding-bottom: 0px; cursor: pointer; }
#addProject .dropdown-menu .show { max-height: 200px !important; }
.scenario-comparision-menu button { padding: 0; }
.scenario-comparision-menu .filter-option-inner-inner { color: #455460; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scenario-comparision-box { margin-bottom: 20px; }
.scenario-comparision-box.grid-4-box { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.scenario-comparision-box .comparision-box-inner { background-color: #fff; border-radius: 20px; padding: 20px; }
.comparision-box-inner { position: relative; }
.comparision-box-inner .comparision-detail-one { font-size: 20px; display: flex; align-items: center; flex-direction: column; gap: 5px; margin: 0px; font-weight: 600; color: #131313 !important; }
.comparision-box-inner .comparision-detail-one span { font-size: 16px; display: flex; align-items: center; gap: 5px; }
.comparision-box-inner .comparision-detail-two { display: grid; text-align: left; font-size: 16px; margin-bottom: 0; color: #455460; }
.comparision-box-inner .comparision-detail-two span { font-weight: 600; font-size: 26px; line-height: 1.3; color: #000000; }
.comparision-box-inner .curve-line { position: absolute; top: 0; right: 0; }
.scenario-comparision-charts { display: grid; grid-template-columns: 50% auto; gap: 20px; }
.scenario-comparision-charts .span-chart-border { padding: 0px 15px 15px 15px; }
.scenario-comparision-charts .chart-container-heading { padding-top: 0; padding-left: 0; }
.structure-comparision-chart { margin-top: 30px; margin-bottom: 50px; }
.structure-comparision-chart img { width: 100%; }
.scenario-comparision-menu .bootstrap-select .dropdown-menu { max-height: 200px; top: 100% !important; }
.scenario-comparision-menu .inner.show::-webkit-scrollbar { height: 7px; width: 7px; }
.scenario-comparision-menu .inner.show::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; }
.scenario-comparision-menu .inner.show::-webkit-scrollbar-thumb { background: #455460; border-radius: 10px; }
.scenario-comparision-menu .inner.show::-webkit-scrollbar-thumb:hover { background: #455460; }
.btn-go-to-to-be-modelling { font-weight: 600 !important; padding: 8px 20px !important; }
.value-up-text-color { color: #0d6efd; }
.value-down-text-color { color: #0d6efd; }

/* --------- ORGCHART BREADCRUMB & TOGGLE SWITCH DESIGN --------- */
.breadcrumb-head-org-chart { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; }
.org-chart-brd-pos { display: flex; align-items: center; margin-right: 15px; gap: 10px; }
.org-chart-brd-pos ul { margin-top: 10px; }
.org-chart-brd-pos ul li:after { margin: 1px 5px 0; }
.org-chart-brd-pos ul li { margin-bottom: 10px; }
.client-tracker-switch { background-color: var(--white-color); border: 1px solid var(--primary-color); border-radius: var(--border-circle); display: grid; grid-template-columns: 1fr 1fr; padding: 5px; max-width: 210px; }
.client-tracker-switch a { padding: 8px 20px; border-radius: 30px; position: relative; overflow: hidden; z-index: 1; transition: color 0.5s ease; text-transform: capitalize; font-weight: 600; font-size: 12px; line-height: 1.2; text-align: center; }
.client-tracker-switch a::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #78BE20; z-index: -1; transition: left 0.9s ease; }
.client-tracker-switch a.active { color: #fff; }
.client-tracker-switch a.active::before { left: 0; }

.admin-user-switch {
    background-color: var(--white-color);
    border: 1px solid var(--primary-color);
    border-radius: var(--border-circle);
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 5px;
    max-width: 210px;
    height: 40px;
}

.admin-user-switch a {
    padding: 8px 20px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.5s ease;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}

.admin-user-switch a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #78BE20;
    z-index: -1;
    transition: left 0.9s ease;
}

.admin-user-switch a.active {
    color: #fff;
}

.admin-user-switch a.active::before {
    left: 0;
}


/* CHAT BOX CONTAINER */
.chat-box-container { display: flex; overflow: auto; gap: 20px; height: 100%; padding-bottom: 50px; }
.chat-box-container .chat-box, .chat-inner { background-color: #fff; border-radius: 10px; }
.chat-box-container .chat-search { position: relative; width: fit-content; }
.chat-box-container .chat-search img { position: absolute; top: 13px; left: 10px; }
.chat-box-container .chat-box { border: 1px solid #8686864D; min-width: 380px; }
.chat-box-container .chat-box .chat-box-head { padding: 20px; }
.chat-box-container .chat-box h2 { font-size: 24px; font-weight: 600; }
.chat-box-container .chat-box .chat-search { width: 100%; }
.chat-box-container .chat-box .chat-search input { width: 100%; padding: 10px 10px 10px 35px; border: 0; border-radius: 10px; background-color: #F5F6F7; font-size: 14px; }
.chat-box-container .chat-box .chat-search input::placeholder { color: #A9ABAD; font-size: 14px; }
.chat-box-container .chat-box .chat-search input:focus { outline: none; }
.chat-box-container .chat-inner { position: relative; overflow: hidden; width: 100%; min-width: 600px; }
.chat-box-container .chat-inner .chat-empty { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.chat-box-container .chat-inner .chat-empty img { opacity: 0.2; }
.chat-search2 { position: relative; margin-top: 20px; }
.chat-search2 img { position: absolute; top: 12px; left: 10px; }
.serach-chat-user { padding-bottom: 10px; }
#chatForwardUsers .chat-user-left { justify-content: space-between; padding: 10px 10px 0px 0px; }
.serach-chat-user .send-message { background-color: #262F36; color: #fff; }
.chat-user-details .send-message:hover { background: #262F36; color: #fff; }
.chat-user-details .send-message:focus { background: #fff; border: 1px solid #262F36; color: #262626; opacity: 0.4; }
.chat-user-details .disabled-button { background: #fff; border: 1px solid #262F36; color: #262626; }
.chat-search2 input::placeholder { color: #A9ABAD; font-size: 14px; }
.chat-search2 input { width: 100%; padding: 10px 10px 10px 35px; border: 0; border-radius: 10px; background-color: #F5F6F7; font-size: 14px; }
.chat-box .chat-user-inner { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; cursor: pointer; }
.chat-box .chat-user-inner:hover { background-color: #f0f0f0; transition: 0.3s; }
.clients-projects-container .chat-box .chat-user-inner:first-child { margin-top: 20px; }
.q5-project-container .chat-box .chat-user-inner:first-child { margin-top: 20px; }
.chat-box .chat-user-inner.active { background-color: #f0f0f0; }
.chat-box .chat-user-inner h5 { font-size: 18px; font-weight: 600; }
.chat-box .chat-user-inner p { margin-bottom: 0; font-size: 16px; font-weight: 500; }
.chat-user-inner .chat-user-info p { color: #A9ABAD; }
.chat-box .chat-user-details .typing { color: #258C60; font-style: italic; }
.chat-box .chat-user-inner .chat-user-info .message-count-blink { background-color: #D34141; color: #fff; height: 30px; width: 30px; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 5px auto 0px; font-weight: 600; float: right; animation: blink 1s infinite; }
.chat-inside { padding: 20px; padding-right: 0; position: absolute; bottom: 0; width: 100%; height: 100%; }
.chat-inside .chat-inside-que { gap: 10px; position: relative; margin-top: 10px; }
.chat-inside .chat-inside-common h5 { color: #868686; font-size: 16px; font-weight: 600; margin-bottom: 5px; }
.chat-inside .chat-inside-common span { color: #868686; font-weight: 500; font-size: 14px; }
.chat-inside .chat-inside-common p { background-color: #E0E0E0; padding: 10px 15px 10px 15px; border-radius: 10px; font-size: 14px; margin-bottom: 10px; max-width: 600px; text-align: left; font-weight: 500; color: #000; word-break: break-word; }
.reply-id { text-align: left; }
.reply-ans .chat-inside-popup-show { display: none; }
.chat-inside-common .reply-ans p { padding: 0px 15px 10px 15px; margin-bottom: -30px; }
.chat-inside-ans .chat-inside-msg2 p { order: 1; }
.chat-inside-ans .chat-inside-msg2 i { padding-right: 5px; }
.chat-inside .chat-inside-ans { gap: 15px; margin-bottom: 10px; }
.chat-inside .chat-inside-ans p { text-align: left; background-color: #455460; color: #fff; }
.chat-inside-ans { flex-direction: row-reverse; }
.chat-inside-ans > div { order: 1; }
.chat-inside-ans > div:nth-child(2) h5 { display: flex; flex-direction: row-reverse; align-items: baseline; gap: 5px; margin-bottom: 5px; margin-right: 5px; }
.chat-inside-ans > div:nth-child(2) h5 span { order: 1; }
.chat-inside-ans > div:nth-child(2) h5 { order: 2; }
.chat-inside-ans img { order: 3; }
.chat-inside-msg { position: relative; background-color: #F5F6F7; border-radius: 5px; position: absolute; width: calc(100% - 40px); bottom: 20px; }
.chat-inside-msg input { width: 100%; max-width: 90%; background-color: transparent; border-radius: 10px; padding: 10px 10px 10px 15px; border: 0; font-weight: 600; }
.chat-inside-msg input:focus { outline: none; }
.chat-inside-msg input::placeholder { color: #868686; }
.chat-inside-msg .chat-inside-msg-img { position: absolute; top: 12px; right: 15px; }
.chat-box .chat-user { height: 69vh; overflow: auto; }
.clients-projects-container .chat-box .chat-user { height: 63vh; }
.q5-project-container .chat-box .chat-user { height: 61vh; }
.chat-user::-webkit-scrollbar { height: 3px; width: 3px; }
.chat-user::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; }
.chat-user::-webkit-scrollbar-thumb { background: #455460; border-radius: 10px; }
.chat-user::-webkit-scrollbar-thumb:hover { background: #455460; }
.chat-user-left { display: flex; align-items: center; gap: 15px; }
.chat-user-left img { width: 50px; height: 50px; }
.chat-user-left h5 { margin-bottom: 3px; }
.people-box h4 { font-size: 16px; color: #000; font-weight: 600; }
.people-box h5 { font-size: 18px; font-weight: 500; color: #000; }
.people-box .chat-user-left { margin-bottom: 10px; }
.people-box .chat-user-left:nth-child(1) { margin-top: 20px; }
.chat-inside-msg-img { cursor: pointer; }
.chat-inside-popup2 { padding: 0; margin: 0; background-color: transparent !important; color: #000 !important; min-width: auto; }
.chat-history { overflow: auto; padding: 50px 20px 50px 0; display: grid; grid-template-rows: 1fr auto; height: 100%; align-items: end; }
.chat-history::-webkit-scrollbar { height: 3px; width: 3px; }
.chat-history::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; }
.chat-history::-webkit-scrollbar-thumb { background: #455460; border-radius: 10px; }
.chat-history::-webkit-scrollbar-thumb:hover { background: #455460; }
.client-image { min-width: 60px; border-radius: 100%; height: 60px; border: 1px solid #78BE20; padding: 5px; }
.push-changes { font-weight: 400; font-size: 14px; line-height: normal; color: #000000; margin-bottom: 0; }
.chat-user-details { max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newMessage { display: inline; }
.chat-box-tab { display: flex; justify-content: space-between; align-items: center; }
.chat-box-tab .q5-projects { color: #00B574; font-size: 18px; padding: 7px 15px; }
.chat-box-tab .clients-projects { color: #096AFA; font-size: 18px; padding: 7px 15px; }
.chat-box-tab .all-projects { color: #FA5209; font-size: 18px; padding: 7px 15px; }
.chat-box-tab .all-projects.active { background-color: rgba(250, 82, 9, 0.1); border-radius: 5px; }
.chat-box-tab .q5-projects.active { background-color: rgba(0, 181, 116, 0.1); border-radius: 5px; }
.chat-box-tab .clients-projects.active { background-color: rgba(9, 106, 250, 0.1); border-radius: 5px; }
.chat-box-tab .projects-tab { display: flex; align-items: center; margin-bottom: 10px; }
.chat-user-module { position: relative; z-index: 99; }
.all-projects-container .position-detail:first-child { padding-top: 10px; }
.all-projects-container .chat-user-module { background-color: #262F36; border-radius: 10px 10px 0px 0px; }
.q5-project-container .chat-user-module { background-color: #00B574; border-radius: 10px 10px 0px 0px; }
.clients-projects-container .chat-user-module { background-color: #096AFA; border-radius: 10px 10px 0px 0px; }
.chat-user-module h5 { color: #fff; font-size: 16px; margin-bottom: 0; }
.chat-user-module span { background-color: #78be20; border-radius: 30px; padding: 5px 15px; color: #fff; font-size: 14px; font-weight: 600; animation: pulsate 1.5s infinite; }
.chat-user-module-inner { display: flex; align-items: center; gap: 10px; padding: 10px 20px; }
.chat-user-module-inner2 { padding-right: 20px; }
.chat-user-box { display: flex; align-items: center; gap: 10px; }
.all-projects-container .chat-user-module-inner2 h5 { background-color: #3E4850; color: #fff; padding: 5px 15px; border-radius: 30px; }
.q5-project-container .chat-user-module-inner2 h5 { background-color: #26C089; color: #fff; padding: 5px 15px; border-radius: 30px; }
.clients-projects-container .chat-user-module-inner2 h5 { background-color: #2E80FB; color: #fff; padding: 5px 15px; border-radius: 30px; }
.all-projects-container .chat-user-module-inner2 img { background-color: #606B74; padding: 10px; border-radius: 100%; }
.q5-project-container .chat-user-module-inner2 img { background-color: #26C089; padding: 10px; border-radius: 100%; }
.q5-project-container .reply-ans { background-color: #00B574; }
.q5-project-container .chat-inside .chat-inside-ans p { background-color: #00B574; }
.clients-projects-container .reply-ans { background-color: #096AFA; }
.clients-projects-container .chat-inside .chat-inside-ans p { background-color: #096AFA; }
.clients-projects-container .chat-user-module-inner2 img { background-color: #2E80FB; padding: 10px; border-radius: 100%; }
.label-name { background: #455460 !important; font-weight: 600 !important; border-radius: 3px; padding: 5px 10px; color: #FFF !important; margin-left: auto; width: fit-content; font-size: 12px !important; margin-left: 5px; }
.label-name.lable-2 { display: flex; justify-content: end; margin-top: -5px; background: #e6ecf5 !important; color: #455460 !important; float: right; }
.q5-project-container .label-name { background: #00B574 !important; }
.clients-projects-container .label-name { background: #096AFA !important; }
.q5-project-container .label-name.lable-2 { color: #00B574 !important; background: #00b5743b !important; }
.clients-projects-container .label-name.lable-2 { color: #096AFA !important; background: #096afa38 !important; }
.chat-add { background-color: #262F36; border-radius: 5px; color: #fff; width: 45px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.chat-add span { font-size: 17px; }
.chat-inner-tab { padding-left: 20px; }
.chat-inner-tab .projects-inner { display: flex; justify-content: flex-start; align-items: center; gap: 10px; overflow: auto; max-width: 100%; padding-bottom: 10px; margin-right: 20px; }
.chat-inner-tab .project.dropdown-loader { padding: 10px; font-size: 14px; color: #555; display: none; }
.dropdown-loader p { font-size: 16px; margin-bottom: 0; }

.chat-inner-tab .projects-inner::-webkit-scrollbar { height: 7px; width: 7px; }
.chat-inner-tab .projects-inner::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; }
.chat-inner-tab .projects-inner::-webkit-scrollbar-thumb { background: #00B574; border-radius: 10px; }
.chat-inner-tab .projects-inner::-webkit-scrollbar-thumb:hover { background: #00B574; }
.chat-inner-tab .projects-inner button { color: #00B574; background-color: rgba(0, 181, 116, 0.1); padding: 5px 15px; border-radius: 5px; border: 0; white-space: nowrap; }
.chat-inner-tab .projects-inner button.active { color: #fff; background-color: #00B574; }
.chat-inner-tab .clients-inner { display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.chat-inner-tab .clients-inner button { color: #096AFA; background-color: rgba(9, 106, 250, 0.1); padding: 5px 15px; border-radius: 5px; border: 0; }
.chat-inner-tab .clients-inner button.active { color: #fff; background-color: #096AFA; }
.chat-inside-msg2, .chat-inside-msg3 { display: flex; align-items: flex-start; position: relative; }
.chat-inside-ans .chat-inside-msg2, .chat-inside-msg3 { justify-content: end; }
.chat-inside-msg2 .add-project, .chat-inside-msg2 .add-project { color: #CF0AE0; cursor: pointer; }
.chat-inside-msg2 .add-client, .chat-inside-msg2 .add-client { color: #096AFA; cursor: pointer; }
.chat-inside-msg3 .add-project, .chat-inside-msg3 .add-project { color: #CF0AE0; cursor: pointer; }
.chat-inside-msg3 .add-client, .chat-inside-msg3 .add-client { color: #096AFA; cursor: pointer; }
.chat-inside-msg2 i, .chat-inside-msg3 i { padding-top: 5px; padding-left: 5px; cursor: pointer; }
.chat-inside-msg3 i { padding-right: 5px; }
.chat-inside-msg3 p { order: 1; width: 100%; }
.chat-inside-popup { position: absolute; background: #fff; border: 1px solid #8686864D; border-radius: 10px; padding: 15px; z-index: 99; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); width: 180px; }
.chat-inside-popup ul { padding-left: 0; margin-bottom: 0; }
.chat-inside-popup ul li { list-style-type: none; cursor: pointer; font-weight: 500; line-height: 1.5; }
.chat-search #positionSearch { padding: 10px 35px; border: 0; margin: 0; }
.reply-input { padding: 10px; }
.reply-input p { background-color: #fff; padding: 10px; border-radius: 5px; font-size: 16px; margin-bottom: 0; }
.reply-icon { display: flex; justify-content: space-between; background-color: #fff; }
.type-msg { position: relative; }
.reply-message { cursor: pointer; }
.reply-input { cursor: pointer; }
.reply-ans { background-color: #455460; border-radius: 10px; margin-bottom: 5px; }
.forward-ans { margin-bottom: 35px; }
.reply-input2 { padding: 10px; }
.reply-input2 p:nth-child(1) { border-radius: 5px 5px 0 0 !important; margin-bottom: -10px !important; }
.reply-input2 p:nth-child(2) { border-radius: 0 0 5px 5px !important; margin-bottom: -15px !important; }
.reply-input2 p { background-color: #e6ecf5 !important; color: #000 !important; padding: 10px !important; margin-bottom: 0 !important; border-radius: 5px !important; }
.chat-inside-inner { display: flex; align-items: flex-start; }
.chat-select-box { position: relative; }
.chat-select-box label { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; cursor: pointer; height: 28px; left: 0; position: absolute; top: 0; width: 28px; }
.chat-select-box label:after { border: 2px solid #000; border-top: none; border-right: none; content: ""; height: 6px; left: 7px; opacity: 0; position: absolute; top: 8px; transform: rotate(-45deg); width: 12px; }
.chat-select-box input[type="checkbox"] { z-index: 1; position: relative; height: 28px; width: 28px; opacity: 0; }
.chat-select-box input[type="checkbox"]:checked ~ label { background-color: #006bff !important; border-color: #006bff !important; }
.chat-select-box input[type="checkbox"]:checked ~ label:after { opacity: 1 !important; }

/* ------------ CHAT BOT AND FEEDBACK PAGE DESIGN ------------  */
.chat-logo { position: fixed; bottom: 30px; z-index: 99; right: 30px; cursor: pointer; user-select: none; }
.chat-icon img { animation: brightness 1s infinite; }
.chat-icon { border-radius: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.chat-bot .chat-box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background-color: #fff; border-radius: 10px; width: 800px; }
.chat-head { background-color: #262F36; padding: 10px 20px; border-radius: 10px 10px 0px 0px; }
.chat-head p { align-items: center; gap: 10px; color: #fff; font-size: 18px; }
.chat-content { height: 60vh; overflow: auto; padding: 20px; }
.chat-content::-webkit-scrollbar { height: 5px; width: 5px; }
.chat-content::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e8e8e8; border-radius: 10px; border: 5px solid #b4b4b4; margin: 30px; }
.chat-content::-webkit-scrollbar-thumb { background-color: #004650; border-radius: 10px; }
.chat-content::-webkit-scrollbar-thumb:hover { background-color: #004650; }
.chat-box.show { display: block !important; animation: fadeIn 0.5s ease-out; }
.chat-box.hide { animation: fadeOut 0.5s ease-out; }
.chat-bot p { margin-bottom: 0; }
.chat-content .chat-que { gap: 10px; display: flex; align-items: baseline; margin-bottom: 10px; }
.chat-content .chat-que p { display: grid; }
.chat-content .chat-que span { color: #000; font-size: 14px; font-weight: 500; background-color: #F2F2F2; padding: 10px 15px 10px 15px; border-radius: 10px 10px 10px 10px; text-align: left; width: fit-content; word-wrap: break-word; max-width: 500px; }
.chat-que-box .reply-input3 span { padding: 0px 20px 10px 20px; }
.chat-que-box { max-width: 500px; }
.chat-que-inner { border-radius: 10px; margin-top: 10px; padding: 10px; }
.chat-que-inner2 { border: 0; margin-top: 0; padding: 0; }
.chat-que-inner2 ul li { margin-bottom: 0; }
.chat-content .chat-que-inner li { color: #000; font-size: 14px; font-weight: 500; background-color: #F2F2F2; border-radius: 10px; padding: 10px; list-style-type: none; margin-bottom: 10px; width: fit-content; max-width: 500px; text-align: left; word-wrap: break-word; }
.chat-content .chat-que-inner li:last-child { margin-bottom: 0; }
.main-menu-chatbot { margin-top: 0; }
.second-answer .feedback-rating-container { margin-top: 0px; }
.ratting-btn { background-color: #004650; color: #ffffff; border: none; border-radius: 5px; cursor: pointer; font-weight: 600; padding: 5px 10px 5px 10px; }
.second-answer .rating-container .star { display: inline-block; margin: 0 10px; text-align: center; }
.chat-content .chat-que-inner li.active { color: #fff; background-color: #262F36; }
.minimize-chat { margin-bottom: 8px; margin-right: 10px; color: #fff; cursor: pointer; }
.close-chatbot { cursor: pointer; color: #fff; }
.chat-foot { padding: 0 20px 20px 20px; position: relative; }
.chat-foot-inner { box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; }
.chat-foot-inner input::placeholder { color: #868686; }
.chat-foot input { background-color: transparent; width: 100%; max-width: 700px; padding: 10px 20px; border: 0; }
.chat-foot input:focus { outline: none; }
.chat-foot .send-icon { position: absolute; top: 10px; right: 20px; display: flex; align-items: center; }
.chat-foot .send-icon .left-line { background-color: #868686; width: 30px; height: 1px; rotate: 90deg; margin-top: 5px; }
.chat-foot .send-icon img { margin-top: 2px; cursor: pointer; }
.chat-que-inner li { cursor: pointer; }
.chat-ans { gap: 10px; }
.chat-ans p { background-color: rgba(134, 134, 134, 0.1); padding: 10px; border-radius: 10px; font-size: 14px; text-align: left; width: 300px; }
.chat-user-second-ans { flex-direction: row-reverse; }
.chat-user-second-ans { gap: 0 !important; }
.chat-user-second-ans .chat-que-inner li { color: #fff !important; background-color: #262F36 !important; }
.caption-badge { color: #F3B955 !important; }
.feedback-rating-container span { padding: 0 !important; background-color: transparent !important; }
.ratting-btn { border: none; border-radius: 5px; cursor: pointer; font-weight: 600; padding: 5px 10px 5px 10px; }
.feedback-stars { display: flex; flex-direction: column; gap: 10px; position: relative; }
.feedback-stars::after { position: absolute; content: ''; height: 100%; width: 2px; opacity: 0.1; border: 1px solid #000000; right: 70px; }
.rating-container .rating-stars:focus { outline: none !important; }
.chat-content img { width: 30px; height: 30px; border-radius: 100%; }
.second-answer { border-radius: 10px; }
.second-answer .chat-que-inner { border: none; }
.unique-perent { border-radius: 10px; padding: 10px 0; display: flex; align-items: center; justify-content: center; }
.currency-dropdown.add-position-dropdown { background: none; padding: 0; display: inline-block; font-weight: 600; background-color: rgba(134, 205, 236, 0.1); border-radius: 10px; margin-right: 5px; font-size: 12px; }
#feedbackValue { width: 100%; border-radius: 5px; border: 1px solid #868686; padding: 5px 10px 5px 10px; }
#feedbackValue:focus { outline: none !important; }
#feedbackValue::placeholder { color: #868686; }
.chat-select-btn { display: grid; text-transform: capitalize; }
.second-answer ul { margin-bottom: 0 !important; }
.send-chat-btn { border: 0; border-radius: 5px; padding: 5px 10px 5px 10px; font-size: 12px; font-weight: 600; cursor: pointer; margin-top: 20px; margin-left: 5px }
.back-to-main-menu { cursor: pointer; }
.chat-box-default { position: relative; }
.chat-box-default img { filter: brightness(0.5); border-radius: 10px; }
.default-msg-top img { filter: brightness(1); padding-top: 30px; }
.chat-box-default .default-msg { position: absolute; bottom: 0; width: 100%; padding: 30px; }
.chat-box-default .default-msg .default-msg-inner { display: flex; justify-content: space-between; align-items: center; width: 100%; background-color: #fff; padding: 20px; border-radius: 10px; cursor: pointer; }
.chat-box-default .default-msg .default-msg-inner p { color: #000; font-size: 18px; }
.chat-box-default .default-msg .default-msg-inner span { color: #868686; font-size: 16px; font-weight: 600; }
.chat-box-default .default-msg-top { position: absolute; top: 50px; display: flex; justify-content: center; left: 50%; align-items: center; text-align: center; transform: translate(-50%, -50%); }
.chat-box-default .default-msg-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.chat-box-default .default-msg-middle h2 { font-size: 36px; font-weight: 400; color: #fff; text-align: center; white-space: nowrap; }
.chat-box-default .default-msg-middle h3 { font-size: 36px; font-weight: 600; color: #fff; text-align: center; white-space: nowrap; }
.container-blur { filter: blur(5px); opacity: 0.7; pointer-events: none; }
.btn-common-class { border: 1px solid #262F36; color: #262F36; padding: 5px 15px; border-radius: 5px; background-color: transparent; }
.btn-common-class2 { width: 150px; cursor: pointer; }
.bg-remove-li { background-color: transparent !important; padding: 0 !important; }
#message-count { background-color: #D34141; color: #fff; height: 25px; width: 25px; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-top: 10px; font-weight: 600; position: relative; top: 15px; left: 45px; z-index: 1; }
.new-message-count { background-color: #D34141; color: #fff; height: 30px; width: 30px; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-left: 110px; font-weight: 600; animation: blink 1s infinite; }
.reply-box .reply-input2 { background-color: #F2F2F2; border-radius: 10px; }
.reply-box .reply-input2 p { background-color: transparent !important; }
.reply-box .reply-input3 { background-color: #262f3617; }
.reply-box .reply-input2 p { color: #7c7c7c !important; font-size: 14px !important; text-align: left; }
.reply-box .reply-input2 span { padding: 0px !important; background: transparent; margin-bottom: -10px; }
.reply-box .reply-input2 p:nth-child(2) { margin-bottom: 0 !important; }
.reply-input3 { background-color: #F2F2F2; border-radius: 10px; }
.display-time { display: flex !important; font-size: 16px !important; color: #868686 !important; font-weight: 600 !important; margin-bottom: -5px !important; }
.display-time span { background-color: transparent !important; color: #868686 !important; font-weight: 400 !important; font-size: 14px !important; padding: 10px 5px 10px 10px !important; }
.chat-user-second-ans .display-time { justify-content: end; }
.chat-user-second-ans .chat-que-inner { display: flex; justify-content: end; }
.time-name-div { display: flex; align-items: center; gap: 10px; }
.msg-div { padding-left: 40px; }
.chat-dropdown { padding: 0; padding-right: 20px; }
.chat-dropdown .inner .show { max-height: 300px; }

@keyframes pulsate { 0% { transform: scale(1); box-shadow: 0 0 5px #78be20; } 50% { transform: scale(1.05); box-shadow: 0 0 15px #78be20; } 100% { transform: scale(1); box-shadow: 0 0 5px #78be20; } }
@keyframes fillDiagonal { 0% { background-position: 100% 100%; } 100% { background-position: 0 0; } }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
@keyframes brightness { 0%, 100% { filter: brightness(1);} 50% { filter: brightness(0.7); } }
@keyframes slideIn { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } }
@keyframes slideOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(100%); } }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
@keyframes beat { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } }

/* ---------- Sidebar CSS Start ---------- */
.sidebar { height: 100% !important; width: 0; position: fixed; top: 0; right: -60px; background-color: #FFFFFF; overflow-x: hidden; transition: 0.3s; color: white; z-index: 1100; padding: 0px 30px !important; }
.sidebar .sidebar-body-wrap .item-content .info-container .inner-content-wrapper span:last-child, .timeline-body-item.drag-drop span:last-child { background: #FAFAFA; border: 1px dashed rgba(176, 176, 176, 0.6); border-radius: 5px; padding: 0px 10px; }
.timeline-body-item.addNodeFun .inner-content-wrapper span { margin-left: 5px; }
.sidebar.mass-edit-sidebar {  right: 0px; padding: 0 !important; }
/* Sidebar Header */
.sidebar .sidebar-header-wrap { display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 1; border-bottom: 1px solid #00000026; padding:20px 0 15px; margin-bottom: 10px; background: #FFF; }
.sidebar.mass-edit-sidebar .sidebar-header-wrap { padding: 20px !important; }
.sidebar .sidebar-header-wrap .header-title { font-weight: 600; font-size: 20px; line-height: normal; color: #000; display: flex; align-items: center; gap: 10px; margin-bottom: 0; }
.sidebar .sidebar-header-wrap .history-icon-wrap { height: 30px; width: 30px; border-radius: 50px; display: flex; justify-content: center; align-items: center; background: #ffffff66; }
.sidebar .sidebar-header-wrap .close-btn { cursor: pointer; display: flex; align-items: center; }
/* Sidebar Body */
.sidebar .sidebar-body-wrap { background-color: #FFFFFF; }
.sidebar.mass-edit-sidebar .sidebar-body-wrap { padding: 0 20px !important; }
/* .sidebar .sidebar-body-wrap .timeline-item { padding-bottom: 15px; position: relative; display: grid; grid-template-columns: 1% auto; } */
.sidebar .profile-content-wrap { background: #FFF; padding: 7px 0px 15px; position: sticky; top: 47px; z-index: 1; padding-right: 10px; }
/* Sidebar Body Info Item Head */
.sidebar .sidebar-body-wrap .item-content { background: #F8F8F8; border-radius: 6px; padding: 20px 30px; margin-bottom: 20px; }
.sidebar .sidebar-body-wrap .item-content .item-content-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.sidebar .sidebar-body-wrap .item-content .item-content-head .timeline-name { font-weight: 600; font-size: 16px; line-height: 1.3; color: #000000; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-bottom: 0; }
.sidebar .sidebar-body-wrap .item-content .item-content-head .timeline-date-time { font-weight: 400; font-size: 12px; line-height: 1.2; color: #000000b3; }
/* Sidebar Body Info Item Body */
.sidebar .sidebar-body-wrap .item-content .sidebar-body-wrap .info-container { padding-left: 20px; }
.sidebar .sidebar-body-wrap .item-content .timeline-body-item { color: #000000; margin-bottom: 5px; position: relative; display: flex; align-items: center; text-align: left; }

.sidebar .sidebar-body-wrap .item-content .info-container .label { white-space: nowrap; min-width: 37%; font-weight: 400; font-size: 14px; line-height: 1.2; color: #000000b3; }
.sidebar .sidebar-body-wrap .item-content .info-container .value { font-weight: 400; font-size: 14px; line-height: normal; color: #000000b3; max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; min-width: 80px; padding-left: 5px; }
.sidebar .sidebar-body-wrap .item-content .timeline-body-item:not(.min-width-txt) .value { max-width: 180px !important; }

.sidebar .sidebar-body-wrap .item-content .timeline-body-item .editContentName4 .value { max-width: 150px !important; }

.sidebar .sidebar-body-wrap .item-content .info-container .value.action { color: #000; }
.sidebar .sidebar-body-wrap .item-content .info-container .value.position { color: #757575; font-weight: bold; }
/* SIDEBAER DROPDOWN SELECT DESIGN */
.sidebar .bootstrap-select button .filter-option-inner-inner { font-size: 13px; }
/* Sidebar MassEdit History  */
.historyTeam.sidebar-body-wrap { background: unset; padding: 0; margin-bottom: 10px; }
.historyTeam.sidebar-body-wrap .item { font-weight: 500 !important; font-size: 10px !important; line-height: 1 !important; text-transform: uppercase; color: #455460 !important; padding: 7px 5px !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; }
.historyTeam.sidebar-body-wrap .selctedPositionList { width: 100%; padding-bottom: 10px !important; padding-left: 10px !important; grid-template-columns: repeat(auto-fit, minmax(30px, 45px)); }
.historyTeam.sidebar-body-wrap .selected-items.employeeItem .custom-tooltip::before { bottom: unset; top: 100%; }
.historyTeam.sidebar-body-wrap .selctedPositionList .itemName span { font-weight: 500; font-size: 10px; line-height: 1; color: #666666; }
.historyTeam.sidebar-body-wrap .selected-items.employeeItem { pointer-events: none; }
.historyTeam.sidebar-body-wrap .Selection-title h4 { color: #131313; font-size: 15px; margin-bottom: 5px; }
.historyTeam.sidebar-body-wrap input[type="checkbox"]:checked { display: block; background-color: #666666; border-color: #666666; height: 13px; width: 13px; }
.historyTeam.sidebar-body-wrap input[type=checkbox]:before { right: 45%; top: 40%; }
.historyTeam.sidebar-body-wrap input[type="checkbox"]:not(:checked) { display: none; }
.historyTeam.sidebar-body-wrap input[type="checkbox"]:not(:checked) ~ span { text-decoration: line-through; }
/* Sidebar Overlay CSS */
.sidebaroverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 1050; }
/* Load More History Button  */
.more-history-icon-wrap { position: absolute; left: calc(100% + 10px); bottom: calc(0% + 5px); }
.more-history-btn { background: #78BE20; color: #FFF; border: 1px solid #78BE20; height: 15px; width: 15px; display: flex; justify-content: center; align-items: center; border-radius: 50px; cursor: pointer; padding: 0; }
/* History Color Classes */
.historyNormal { color: #000 !important; }
.historyGreen { color: #5a8628 !important; }
.historyYellow { color: #dcdc2b !important; }
.historyRed { color: #e60000 !important; }
.historyBlue { color: #4242c4 !important; }
/* ---------- Sidebar CSS End ---------- */

/* ----- ORG-MAP SIDEBAR CSS START ----- */
.user-detail-sidebar .sidebar-body-wrap .avtar-name { font-weight: 600; font-size: 16px; line-height: 1.3; text-transform: capitalize; color: #000000; margin-bottom: 0; text-align: left; word-break: break-all; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-detail-sidebar .sidebar-body-wrap span.designation { font-weight: 400; font-size: 12px; line-height: 18px; text-transform: capitalize; color: #000000b3; text-align: left; }
.user-detail-sidebar .sidebar-body-wrap .edit-avtar { position: absolute; right: 0; top: 0; }
.user-detail-sidebar .sidebar-body-wrap .nav-tabs { background: #FFFFFF; border: 1.3px solid #78be20b3; border-radius: 30px; overflow: hidden; position: sticky; top: 0; z-index: 99; padding: 5px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px; margin-bottom: 10px; }
.user-detail-sidebar .sidebar-body-wrap .nav-tabs .nav-item .nav-link { font-weight: 400; font-size: 12px; line-height: 1.2; color: #000000; position: relative; background: #FFF; padding: 10px 15px; border-radius: 50px; text-transform: capitalize; cursor: pointer; transition: all 0.3s ease; width: 100%; border: 1px solid transparent; height: 100%; }
.user-detail-sidebar .sidebar-body-wrap .nav-tabs .nav-item .nav-link:hover,
.user-detail-sidebar .sidebar-body-wrap .nav-tabs .nav-item .nav-link.active { background: #78BE20; color: #FFF; }
.user-detail-sidebar .sidebar-body-wrap .fade.show { opacity: unset; background: unset; }
.user-detail-sidebar .sidebar-body-wrap .tab-content-wrapper { padding: 0 15px; background-color: #FFF; border-radius: 5px; }
.user-detail-sidebar .sidebar-body-wrap .tab-content .content-title { font-weight: 500; font-size: 16px; line-height: 1.3; color: #000000; }
.user-detail-sidebar .sidebar-body-wrap .contentt { display: grid; grid-template-columns: 50% 50%; align-items: center; padding: 10px 0px; border-bottom: 1px solid #86868626; }
.user-detail-sidebar .sidebar-body-wrap .contentt:last-child { border-bottom: 1px solid transparent; }
.user-detail-sidebar .sidebar-body-wrap .content-body .contentt .property,
.user-detail-sidebar .sidebar-body-wrap .content-body .contentt .value { font-weight: 400; font-size: 14px; line-height: 1.2; color: #000000b3; text-align: left; max-width: 230px; }
.user-detail-sidebar .sidebar-body-wrap .user-details-wrap { padding-left: 5px; background: #FFFFFF; max-height: calc(100vh - 250px); overflow: auto; overflow-x: hidden; padding-bottom: 0; }
.user-detail-sidebar .sidebar-body-wrap .content-body .contentt .connections-inner-content .property { font-weight: 400; font-size: 13px; line-height: 1.5; color: #000000; }
.user-detail-sidebar .sidebar-body-wrap .content-body .contentt .connections-inner-content .value { font-weight: 400; font-size: 12px; line-height: 1.3; color: #868686; }
.user-detail-sidebar .sidebar-body-wrap .content-body .editBtn .edit-node-btns { padding: 20px 0; background: #FFF; }

/* Temparory CSS */
.sidebar form .no-data-img { height: 180px; width: 180px; padding: 0 !important; }
/* .sidebar form .property2 { border-radius: 30px; padding-right: 10px; } */
body.swal2-height-auto { height: 100% !important; }

/* ----- ORG-MAP SIDEBAR CSS END ----- */

/* GEOGRAPHY PAGE DESIGN */
.pie-chart-data-geography { display: grid; grid-template-columns: 70% auto; gap: 20px; }
.table-countries table thead th { width: 100%; }
@media only screen and (max-width: 1650px) and (min-width: 1380px) { .pie-chart-data-geography { grid-template-columns: 60% auto; } }
@media only screen and (max-width: 1380px) and (min-width: 1120px) { .pie-chart-data-geography { grid-template-columns: 50% auto; } }
@media only screen and (max-width: 1250px) {
    #serverError{ padding-right: 0 !important; padding-left: 0 !important; }
    .org-chart-brd-pos { flex-wrap: wrap; }
    .org-chart-brd-pos .back { margin-bottom: 10px; }
}
@media only screen and (max-width: 1120px) { .pie-chart-data-geography { grid-template-columns: 100%; } }
@media (max-width: 675px) {
    .chart-container-heading { font-size: 14px !important; }
    .maximize { width: 20px; top: 10px; }
    .minimize { width: 20px; top: 10px; }
    /* Advance Filter Model Design */
    .help-block1::before { content: "" !important; }
    .help-block1::after { content: "" !important; }
}
@media (max-width: 1280px) {
    .scenario-comparision-charts { grid-template-columns: 100%; }
    .scenario-comparision-charts .full-screen { height: 30vh; }
}
@media screen and (max-width: 767px) {
    .chart-activity2 { display: grid; grid-template-columns: 100%; }
    .user-details-inner p { font-size: 14px; }
}
@media (min-width: 767px) { .activity-dashboard-charts .top-data-table { height: 500px; } }
@media only screen and (max-width: 440px) { .hr-data-modal { grid-template-columns: 1fr !important; } }
@media only screen and (min-width: 991.5px){ .feedback-stars:last-child::after { content: none; } }
@media only screen and (max-width: 676px){ .feedback-stars::after { content: none; }  }

@media screen and (max-width: 575px) {
    .chat-box-tab { display: block; padding-top: 20px; }
    .site-breadcrumb { display: none; }
    .chat-inner {min-width: 380px !important;}
}
@media screen and (max-width: 480px) {
    .hp-wid-100 { width: 100% !important; }
}

@media screen and (max-width: 400px) {
    .chat-box {min-width: 350px !important;}
    .chat-inner {min-width: 350px !important;}
}
@media (max-width: 490px) {
    /* .sidebar .sidebar-body-wrap { padding: 20px 20px 20px 25px; } */
    .sidebar .sidebar-body-wrap .item-content { margin-top: 5px; }
    .sidebar .sidebar-body-wrap .item-content .timeline-body-item.drag-drop { display: block !important; }
    .sidebar .sidebar-body-wrap .item-content .item-content-head .timeline-name { font-size: 15px; margin-right: 15px; }
}
@media (max-width: 991px) {
    /* Userside Chatbot CSS */
    .chat-bot .chat-box { width: 80%; }
}









/* =================================
        WORK IN PROCESS CODE
   ================================= */
.leftmenu ul li a span { white-space: nowrap; }
.update-node { cursor: pointer; }
.mini-chart .orgchart { zoom: 0.2; }

/* Context Menu CSS */
.position-menu { z-index: 9999 !important; }


/* To Hide Default Lines
.rd-hide-lines::before, .rd-hide-lines::after { content: none !important; display: none; } */
/* For All Nodes CSS */
/* .node { z-index: 1 !important; } */
/* Added Clone Lines */
/* .overlayyyy { content: ''; position: absolute; height: 232px; width: 2px; z-index: 0; right: 50%; top: 17px; background: #bfbfbf; opacity: 0; } */
/* .dragging .overlayyyy { opacity: 1; } */
/* First Main Node CSS */
/* li.hierarchy.hideline > .overlayyyy { height: 125px; top: 124px; } */
/* Adding Top CSS for Value 0 */
/* .node.zero-count-line ~ .overlayyyy, .node.org-noncollapse ~ .overlayyyy { height: 125px; top: 17px !important; } */
/* @media (min-width: 1920px) {
    .overlayyyy {
        height: 235px;
    }
    li.hierarchy.hideline > .overlayyyy {
         height: 128px;
    }
} */
.rd-remove-checkbox span.check-mark { display: none !important; }




/* SETTINGS PAGE */

.settings-text h3 {
    font-size: 22px;
    color: #262626;
    font-weight: 600;
}


.no-data-found-text {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    font-family: 'lexend';
    padding: 10px 0px;
}

.sidebar-body-wrap .table-responsive::-webkit-scrollbar-track {
    margin: 50px;
}

.sidebar-body-wrap .table-responsive::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

#addUser .bootstrap-select button .filter-option-inner-inner {
    color: #000000b3 !important;
    font-size: 14px !important;
    font-weight: 400;
    text-transform: capitalize;
}

#addUser input { padding: 10px; }

#addUser .modal-body {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 15px;
}

#addUser .modal-body::-webkit-scrollbar, #addUser .inner::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}
#addUser .modal-body::-webkit-scrollbar-track, #addUser .inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e8e8e8;
    border-radius: 10px;
    border: 5px solid #b4b4b4;
}
#addUser .modal-body::-webkit-scrollbar-thumb, #addUser .inner::-webkit-scrollbar-thumb {
    background: #455460;
    border-radius: 10px;
}
#addUser .modal-body::-webkit-scrollbar-thumb:hover, #addUser .inner::-webkit-scrollbar-thumb:hover {
    background: #455460;
}

#addUser .inner {
    max-height: 150px;
}

.node .edge {
    display: none;
}

.node-slider-wrapper .tab-content .today-history.history {
    padding-right: 10px;
}

.node-slider-wrapper .tab-content .timeline-icon {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: 10px;
}

.node-slider-wrapper .tab-content .item-content {
    padding-left: 45px;
}

.user-detail-sidebar {
    overflow: hidden;
}

.contentt input {
    border: 1px solid #aaa;
    background: #f2f2f2;
    border-radius: 30px;
    text-align: center !important;
    width: 120px;
    font-size: 13px;
    padding: 8px 10px;
    color: #555555;
    height: 40px;
}

.contentt select {
    border-radius: 5px;
    text-align: center !important;
    font-size: 13px;
    padding: 5px 0;
    color: #555555;
}

.contentt input:focus {
    border: 1px solid #aaa;
}

.property2 {
    border: 1px solid #aaa;
    border-radius: 30px;
    width: 120px;
    white-space: nowrap;
}

.property2 .bootstrap-select button {
    border: 0;
}

.property2 select, select.custom-file-control {
    appearance: auto;
    -webkit-appearance: auto;
}

.hr-data-employee-type {
    padding: 5px 0px 5px 10px;
    border: none;
    background: transparent;
    color: #555555;
}

.hr-data-edit-node-select {
    padding: 5px 0px 5px 10px;
    border: none;
    background: transparent;
    color: #555555;
}

.nav-link-edit {
    gap: 10px;
}

.nav-link-edit a {
    background: #78BE20;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 5px;
}

#employeeUserdata span {
    font-size: 12px;
}

#employeeUserdata .value {
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: left;
    padding-right: 1px;
}

#employeeUserdata .value span {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    max-width: 120px;
    text-align: left;
    display: block;
}
#employeeUserdata .value .dropdown-menu .inner span.check-mark {
    display: none;
}

.select2-dropdown {
    border: none !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    margin-top: 1px;
}

.select2-container--open .select2-dropdown--below {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}

/* Custom Classes */
.mt-15 { margin-top: 15px !important; }
.function.function-head.node-big-font.node-big-font {
    max-width: 180px !important;
    min-width: 180px !important;
    word-break: break-word !important;
    font-size: 17px;
}

#filter-chart-container .function.function-head.node-big-font.node-big-font {
    line-height: 140%;
}

.node .editHrDataUser {
    display: none;
}

.owl-dots {
    display: none !important;
}


@media (max-width: 991px) {
    .gap-991-25 { gap: 25px !important; }
}

#fileUploadDatatable th:nth-child(2),
#fileUploadDatatable td:nth-child(2) { text-align: left; }
path.highcharts-legend-nav-active { fill: #262F36; }

/* Contractor red border CSS */
.employee-contractor { border: 0; position: relative; }

/* Contractor red border and Mini Chart CSS */
.employee-contractor::after { pointer-events: none; }
.mini-chart-hide .orgchart { zoom: 0.5 !important; }
@supports (-moz-appearance: none) { .mini-chart-hide .orgchart { /* -moz-transform: scale(1) !important; */ transform: scale(1) !important; } }

.png-role-title {
    background: none !important;
    color: #808184 !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    white-space: normal !important;
    line-height: 1.2 !important;
}

.radio-option2 {
    display: block;
}

@media (min-width: 1381px) {
    /* Dashboard page first all box CSS */
    .outer-projet-box.custom-box-dark { height: 100% !important; }
    .outer-projet-box.custom-box-dark .inner-bottom { margin: 10px auto 20px; }
    .box-container.custom-box-class { display: flex; flex-direction: column; justify-content: space-between; }
    .box-container.custom-box-class .mainBox { min-height: 133px;  margin-bottom: 20px; }
    .box-container.custom-box-class .mainBox:last-child { margin-bottom: 0; }
    .box-container.custom-box-class .box-logo { height: 100%; }
}

.wid-66 { width: 66px !important; }
.text-overflow-doted { max-width: 150px !important; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis; display: block !important; }


/* Dashboard Page Table CSS */
.second-col-left th:nth-child(2),
.second-col-left td:nth-child(2) { text-align: left !important; }
.second-col-left td:nth-child(2) .status-wd { justify-content: start; }

/* plus and minus buttons CSS */
.border-rediusForPlus { border-radius: 5px 0 0 5px; border-right: 0 !important; }
.border-rediusForMinus { border-radius: 0px 5px 5px 0; }
.paddignLeftRightowl { padding-left: 14px; padding-right: 14px; }


/* Client module User tab Design  */
@media (max-width: 1732px) {
    .client-user { grid-template-columns: 1fr 1fr 1fr 1fr; }
}
@media (max-width: 1444px) {
    .client-user { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 1120px) {
    .client-user { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 880px) {
    .client-user { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
}
@media (max-width: 575px) {
    .client-user { grid-template-columns: 1fr; }
}
.text-overflow-doted.custom-tooltip::before { top: 0px; padding-top: 5px; padding-bottom: 20px; }
.text-overflow-doted.custom-tooltip:hover::after { bottom: 19px; }

.custom-tooltip.perent-tooltip::before,
.custom-tooltip.perent-tooltip::after { top: 0 ; min-height: 20px; }
@media (max-width: 575px) {
    .mt480-20 { margin-top: 20px; }
}

@media (max-width: 991px) {
    .first_graph1 {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 20px;
        min-width: 100px;
    }

    .span-layers-minitable {
        padding: 0;
    }
}
.credential-login {
    display: flex;
    justify-content: center;
}

.credential-login p {
    position: absolute;
    bottom: 10px;
    font-size: 16px;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px 30px;
}

.credential-login-btn {
    position: relative;
    text-decoration: none;
}

.top-left-menu {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.top-left-menu::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
.top-left-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e8e8e8;
    border-radius: 10px;
    border: 5px solid #b4b4b4;
}
.top-left-menu::-webkit-scrollbar-thumb {
    background: #455460;
    border-radius: 10px;
}
.top-left-menu::-webkit-scrollbar-thumb:hover {
    background: #455460;
}
/* Chart Tracker Style */
@media (max-width: 575px) {
    .mini-chart-show { z-index: 999; }
    .mini-chart-show p { font-size: 11px; }
}
@media only screen and (max-width: 575px) {
    .login-form-bg { padding: 0 30px !important; }
    .as-is-analysis-tab-menu {
        margin-bottom: 0;
    }
}

@media (min-width: 1381px) {
    /* Dashboard page first all box CSS */
    .outer-projet-box.custom-box-dark { height: 100% !important; }
    .outer-projet-box.custom-box-dark .inner-bottom { margin: 10px auto 20px; }
    .box-container.custom-box-class { display: flex; flex-direction: column; justify-content: space-between; }
    .box-container.custom-box-class .mainBox { min-height: 133px;  margin-bottom: 20px; }
    .box-container.custom-box-class .mainBox:last-child { margin-bottom: 0; }
    .box-container.custom-box-class .box-logo { height: 100%; }
}

@media (max-width: 767px) {
    .mini-chart-show { z-index: 99; }
    .mini-chart-show.treckerOpened { z-index: 9999; }
    .bottom-menu-mobile.bottomMenuOpen { z-index: 999; }

}

.contentt .value:not(.custom-selectpicker) {
    text-align: end;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.value.custom-selectpicker .dropdown-menu .inner {
    max-height: 300px;
}

/* OWL Carousal Alignment Design Start */
@media (min-width: 1601px) {
    .row.customWidth-row { width: 100%; margin: auto; }
    .row.customWidth-row .owl-stage { display: flex; gap: 10px; max-width: 100%; width: 100% !important; }
}
@media (min-width: 1601px) and (max-width: 1715px) {
    .row.customWidth-row .as-is-analysis-tab h4 { font-size: 11px; }
}
/* OWL Carousal Alignment Design End */

em.ss-cancel {
    font-size: 14px !important;
}

.mini-chart .node {
    pointer-events: none;
}

.contentt .custom-tooltip::before {
    white-space: normal;
    width: 100%;
}

.radio label input[type=radio]:checked~.bmd-radio:before { background-color: #78BE20; }
.radio label input[type=radio]:checked~.bmd-radio:after { border-color: #78be20; }
.radio label input[type=radio]:not(:checked)~.bmd-radio:after { border-color: #78be20; }

@media (max-width: 360px) {
    .btn { min-width: unset !important; font-size: 13px !important; }
}

@media (max-width: 575px) {
    .login-form-bg { min-height: 100%; height: calc(100vh - 3px); }
    .job-title-container { padding: 0px; }
}

@media (max-width: 480px) {
    table.table tbody td, table.table tbody th { padding: 5px 10px; font-size: 13px !important; }
    table.table thead th { font-size: 15px !important; }
    .status-text-form { font-size: 13px; }
    table.table thead th { font-size: 14px; }
    table.table tbody td:nth-child(1),
    table.table tbody td:nth-child(2),
    table.table thead th:nth-child(1),
    table.table thead th:nth-child(2) { text-align: left !important; }
    .job-title-container { padding: 0; }
    .chart-load-btn2 a { padding: 6px 10px; font-size: 13px !important; }
    .custom-scroll-cont { max-height: 90px; }
    .client-activity-container .user-details-inner { flex-direction: column; }
    .user-details-left { flex-direction: column; }
    .user-details-right span , .user-details-inner p { max-width: 100%; white-space: normal; }
}
@media (max-width: 575px) {
    .actionBtns { position: static; right: unset; }
    .sidebar .sidebar-body-wrap .item-content .timeline-body-item:not(.min-width-txt) .value { max-width: 100px !important; }
    .sidebar .sidebar-body-wrap .item-content .info-container .value ,
    .sidebar .sidebar-body-wrap .item-content .info-container .label { font-size: 12px; }
    .sidebar .sidebar-body-wrap .item-content .info-container .label { white-space: normal; }
    .sidebar .sidebar-body-wrap .item-content .info-container { margin-top: 20px; }
    .timeline-body-item .inner-content-wrapper { flex-direction: column; align-items: center; align-items: center !important; }
    .timeline-body-item .inner-content-wrapper img { transform: rotate(0deg) !important; margin: 5px 0px; }
    .sidebar .sidebar-body-wrap .item-content .item-content-head .timeline-name { font-size: 14px; margin-right: 5px; }
}

@media (max-height: 590px) {
    .user-detail-sidebar .sidebar-body-wrap .user-details-wrap { max-height: calc(100vh - 120px); }
}

@media (max-width: 370px) {
    .main-bredcrumb_2.ml-auto { width: 100%; }
    .right-actionbar { width: 100% !important; }
    .dashboard-view-cont { padding-top: 20px; }
    .inner-project-box { padding: 0; }
    .right-actionbar .global-search, .right-actionbar .global-search-feedback { width: 100%; }
    .wid-full-370 { width: 100%; }
    .margin_left_1rem { width: 100%; }
    .btn.btn-primary { width: 100%; }
    .client-tracker-switch { width: 100%; }
    .client-tracker-switch a { width: 100%; text-align: center; }
    .select-identifier-btn2,
    .team-selector button.form-control, .team-selector button.dropdown-toggle { width: 100% !important; }
    .activity-dashboard-btns { width: 100%; text-align: center; }
}



/* Advance Filter Design Start */

.modal .modal-dialog .modal-content .modal-header, .swal2-header { margin-bottom: 9px !important; }


.advanceFilter-model .modal-content { padding: 20px !important; }
.advanceFilter-model .bootstrap-select .dropdown-menu { left: 0 !important; transform-origin: top center; border-radius: 10px; margin-top: 5px;}

.advanceFilter-model .btn-light:hover { background-color: unset !important; }
.advanceFilter-model .modal-body { padding: 15px 0px 0px; }


.modal.advanceFilter-model .modal-dialog .modal-content .modal-body input[type='text'] , .advanceFilter-model .modal-body .styled-select { width: 100%; padding: 10px 20px; border: 1px solid #aaa !important; border-radius: 30px; background-color: white; cursor: pointer; font-weight: 400; font-size: 12px; line-height: 1.3; text-transform: capitalize; color: #2e2e2e; position: relative; display: flex; align-items: center; }
.modal.advanceFilter-model .custom-selectpicker .filter-option-inner-inner { padding-left: 0 !important; }


.advanceFilter-model .modal-body .styled-select button ,
.advanceFilter-model .modal-body .styled-select::placeholder {  font-weight: 400; font-size: 12px; line-height: 1.3; text-transform: capitalize; color: #2e2e2e !important; text-align: left; }

.saved-filter-wrapper .custom-selectpicker .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100% !important; }
.saved-filter-wrapper .custom-selectpicker button { background-color: transparent !important; border: 0; padding: 0; }
.saved-filter-wrapper  .selection-box #startDateAdvancedFilter,
.saved-filter-wrapper .custom-selectpicker .advanced-filter-select { height: 40px; }


.advanceFilter-model .modal-body .styled-select.saved-filter { background-color: #f2f3f5; border: 1px dashed #868686; height: 40px; width: 100%; }
.advanceFilter-model .modal-body .styled-select .filter-option-inner-inner { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; }
.advanceFilter-model .modal-body .styled-select .dropdown-menu .inner { max-height: 250px; padding-bottom: 0 !important; }
.advanceFilter-model .styled-select .dropdown-menu .dropdown-menu.inner::-webkit-scrollbar { width: 5px; height: 5px; }
.advanceFilter-model .styled-select .dropdown-menu .dropdown-menu.inner::-webkit-scrollbar-track { margin: 10px !important; }
.advanceFilter-model .styled-select .dropdown-menu .dropdown-menu.inner li { display: flex; align-items: center; }
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { top: 10px !important; right: 0; }
.dropdown-menu .inner .selected .custom-search-disabled-option span.check-mark { display: none !important; }
.custom-search-disabled-option { padding: 10px 0px !important; text-align: center; background-color: #f5f5f5 !important; }
.advanceFilter-model .modal-body .filter-tag { background-color: #fff; border: 1px solid #d0d0d0; border-radius: 50px; padding: 5px 10px; display: flex; align-items: center; gap: 5px; font-size: 14px; }
/* Advance Filter Button */
.advanceFilterBtn.active { gap: 15px !important; box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.35) !important; }
.advanceFilterBtn.active:hover,
.advanceFilterBtn.active:focus,
.advanceFilterBtn.active:active
.advanceFilterBtn.active:active:hover { background-color: #014640 !important; border-color: #00564e !important; color: #FFFFFF !important; }
.advanceFilterBtn.active::before ,
.advanceFilterBtn.active::after { content: none !important; }
.advanceFilterBtn .status-dot { height: 6px; width: 6px; background-color: #FFF !important; position: absolute; top: 10px; left: 50px; -webkit-animation: blinking-camp 1s linear infinite; -moz-animation: blinking-camp 1s linear infinite; -ms-animation: blinking-camp 1s linear infinite; -o-animation: blinking-camp 1s linear infinite; animation: blinking-camp 1s linear infinite; display: none; }
.advanceFilterBtn.active .status-dot { display: block; }

@keyframes blinking-camp {
    0% { opacity: 1; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

.advanceFilter-model .modal-body .filter-tag span { color: #888; font-size: 12px; font-weight: 300; }
.advanceFilter-model .modal-body .filter-tag button { border: none; background: none; cursor: pointer; font-size: 18px; line-height: 1; display: flex; justify-content: center; align-items: center; }
.advanceFilter-model .modal-body .filter-tag button img { filter: brightness(50%) saturate(100%); }
.advanceFilter-model .modal-body .selected-filters { max-height: 150px; }
.advanceFilter-model .modal-body .selected-filters.table-responsive::-webkit-scrollbar-track { margin: 30px; }
.advanceFilter-model .saved-filter-wrapper .filter-btn { border: 1px solid #e6e6e6; background: #FFF; display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; border-radius: 7px; cursor: pointer; }
.advanceFilter-model .saved-filter-wrapper .backButton { opacity: 0; pointer-events: none; }
.advanceFilter-model .saved-filter-wrapper .backButton.showBackbtn { opacity: 1; pointer-events: unset; }

.advanceFilter-model .saved-filter-wrapper h4.text-dark { font-weight: 600; font-size: 18px; line-height: 16px; color: #262F36 !important; margin-bottom: 15px; padding-left: 5px; }
.advanceFilter-model .modal-body .help-block { margin-bottom: 0px; margin-top: 5px; padding-left: 5px; }
.advanceFilter-model .filter-content-wrapper .selection-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px , 1fr)); gap: 20px; justify-content: space-between; }

.advanceFilter-model .modal-body .selection-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; padding: 3px 20px; }
.advanceFilter-model .modal-body .select-container .ripple-container { display: none; }
.advanceFilter-model .modal-body .filter-option-inner-inner::after { content: none; }
.modal.advanceFilter-model .modal-dialog { max-width: 650px !important; }
.advanceFilter-model .btn { font-weight: 600; min-width: 90px !important; }
.advanceFilter-model .modal-body .styled-select.addNameFilter { display: none; height: 50px; margin-top: 15px; transition: all 0.4s ease; }

/* Don't Marge These CSS Posion In Main Branchs  */
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-30 { gap: 30px; }
/* Don't Marge These CSS Posion In Main Branchs  */

.advanced-filter-select .dropdown-menu input {
    outline: none !important;
    border: 1px solid #b7bdc3;
    background: #fff;
    border-radius: 4px;
}

 .advanceFilter-model .modal-body .styled-select .dropdown-menu .inner::-webkit-scrollbar {
      height: 5px;
      width: 5px;
  }

  .advanceFilter-model .modal-body .styled-select .dropdown-menu .inner::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #e8e8e8;
      border-radius: 10px;
      border: 5px solid #b4b4b4;
  }

  .advanceFilter-model .modal-body .styled-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
      background: #455460;
      border-radius: 10px;
  }

  .advanceFilter-model .modal-body .styled-select .dropdown-menu .inner::-webkit-scrollbar-thumb:hover {
      background: #455460;
  }


/* Advance Filter Design End */

/* Removed margin right globely [ it's removable if required ] */
.advanceFilter-model .modal-body .bootstrap-select.show-tick .dropdown-menu li a { gap: 5px; justify-content: space-between; }
/* .advanceFilter-model .modal-body .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 0; } */
.dropdown-menu .inner li .dropdown-item { gap: 5px; }
.dropdown-menu .inner li a span.check-mark { position: static; min-width: 21px; order: 2; justify-content: center; align-items: center; }

.help-block2 {
    position: relative;
    margin-top: 10px;
    text-align: center;
}

.help-block1 {
    justify-content: center;
    max-width: fit-content;
    margin: auto;
    position: relative;
    align-items: center;
    padding: 0 !important;
 }

 .help-block1::before,
 .help-block1::after {
    content: "";
    position: absolute;
    right: calc(100% + 10px);
    height: 6px;
    width: 18px;
    background: url(/images/red-star.svg) no-repeat;
    background-position: center;
    background-size: cover;
 }

 .help-block1::after {
    left: calc(100% + 10px);
 }

/* Solved Node Header Height Issue */
.orgchart .team-detail-container .node-edit { display: flex; align-items: center; }
.spoc-select-box1 select {
    display: none !important;
}


/* DUAL MANAGER TOGGLE BUTTON CODE START */
.ui-switch input { display: none; }
.slider { position: relative; height: 20px; width: 44px; background-color: transparent; border: 1px solid #78BE20; border-radius: 30px; cursor: pointer; display: flex; align-items: center; transition: all 0.6s ease; }
.slider .circle { left: 4px; position: absolute; transition: all 0.5s ease; height: 12px; width: 20px; border-radius: 50px; background: #78BE20; }




.slider .circle::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75); border-radius: inherit; transition: all 0.3s ease; opacity: 0; }
/* actions */
.ui-switch input:checked ~ span ~ .slider .circle { left: calc(100% - 25px); }
.ui-switch input:active  ~ span ~  .slider .circle::before { transition: all 0s ease; opacity: 1; width: 0; height: 0; }
/* DUAL MANAGER TOGGLE BUTTON CODE END */
/* Activity level css */

.as-is-lable .custom-filter-select {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 30px !important;
    background: #f5f5f5;
    width: 100% !important;
    line-height: 12px;
    padding: 13px 15px;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
}

#filterSidebarBody .as-is-lable .custom-filter-select {
    max-height: 40px;
    display: flex;
    align-items: center;
}


.custom-tab-filter {
    padding-right: 29px;
    margin-bottom: 0;
}

.filter-row2 {
    margin-bottom: 10px;
}

.filter-row2 .select2-container {
    margin-bottom: 0;
}

.remove-checkbox .check-mark {
    display: none !important;
}

/* Profile Page Design */
.profile-edit.rd_ProfilePage { display: block; }
.profile-edit.rd_ProfilePage .profile-left { width: auto; }
.profile-edit.rd_ProfilePage .profile-left .userimg-sec { overflow: visible; display: block;  }
.profile-edit.rd_ProfilePage .profile-left .userimg-sec .defult-img { max-width: fit-content !important; width: fit-content !important; margin: auto; }
.profile-edit.rd_ProfilePage .profile-left .userimg-sec .defult-img .edit-btn { top: calc(0% - 5px); right: 0%; }
.profile-edit.rd_ProfilePage .profile-left .defult-img { position: relative; }
.profile-edit.rd_ProfilePage .profile-left .selected-profileimg { height: 180px; width: 180px; border-radius: 100%; display: flex; justify-content: center; align-items: end; overflow: hidden; }
.profile-edit.rd_ProfilePage .profile-left .selected-profileimg img { padding: 0; min-width: 150px; }
.profile-edit.rd_ProfilePage .profile-right { width: 100%; }
.profile-edit.rd_ProfilePage .profile-left .userimg-sec .img-dropbox { height: 180px; width: 180px; border-radius: 100%; margin: auto; }

@media (max-width: 991px) {
    .profile-edit.rd_ProfilePage .profile-left .selected-profileimg img { min-width: auto; }
}

@media (max-width: 460px) {
    .profile-edit.rd_ProfilePage .profile-left .selected-profileimg ,
    .profile-edit.rd_ProfilePage .profile-left .userimg-sec .img-dropbox { height: 140px; width: 140px; }
}

table.table td ,
table.table td .displayName ,
table.table td .uniform-text {
    font-weight: 400;
    font-size: clamp(12px, 0.76vw, 14px);
    line-height: 1.2;
    color: #000000b3;
}

table.table th {
     font-weight: 500;
     font-size: 14px;
     line-height: 1.3;
     color: #000000;
}

/* Custom checkbox [ WARNING : DON'T USE THIS CLASS WITHOUT LABLE ] */
input.custom-inputs[type="checkbox"] + label { display: inline-block; cursor: pointer; position: relative; padding-left: 30px; margin-right: 15px; color: #78be2080; font-size: 14px; margin-bottom: 15px; text-transform: capitalize; }
input.custom-inputs[type="checkbox"] + label:before { content: ""; display: block; width: 22px; height: 22px; margin-right: 14px; position: absolute; top: -3px; left: 0; border: 1px solid #78be2080; background-color: #fff; border-radius: 5px; }
input.custom-inputs[type="checkbox"] { opacity: 0; position: absolute !important; width: 22px;  height: 22px;  cursor: pointer; z-index: 1; }
input.custom-inputs[type="checkbox"]:checked ~ label { color: #78be2080 !important; }
input.custom-inputs[type="checkbox"]:checked + label:after { content: "\2714"; font-size: 20px; line-height: 20px; color: #78BE20; display: block; position: absolute; top: -2px; left: 4px; width: 20px; height: 20px; border-radius: 3px; }
input.custom-inputs[type="checkbox"]:checked + label:before { border: 1px solid #78be2080; }

/* Custom radio buttons [ WARNING : DON'T USE THIS CLASS WITHOUT LABLE ] */
input.custom-inputs[type="radio"] + label { display: inline-block; cursor: pointer; position: relative; padding-left: 20px; display: flex; justify-content: center; align-items: center; top: 3px; right: 10px; }
input.custom-inputs[type="radio"] + label:before { content: ""; display: block; width: 16px; height: 16px; position: absolute; border: 1px solid var(--primary-color); background-color: #fff; border-radius: 50%; }
input.custom-inputs[type="radio"] { display: none !important; }
input.custom-inputs[type="radio"]:checked + label:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--primary-color); }

#usersActivityDetails thead {
    background: #FFF;
}

/* Tooltip extra div to solve Overflow issue */
.tooltipExtraDiv { max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.spoc-select-box2 .dropdown {
    min-height: 25px;
}

.daterangepicker .table-condensed .prev ,
.daterangepicker .table-condensed .next { text-align: center !important; }

.filter-row2 {
    margin-bottom: 10px;
}
/* USER DETAIL SIDEBAR ACTIVITY PANEL DESIGN START */
.historyAcctivityPanel { padding: 15px 0px; }
.historyAcctivityPanel .card-header { padding: 0; }
.historyAcctivityPanel .card.main-wrapper { border-radius: 10px; overflow: hidden; margin-bottom: 10px; }
.historyAcctivityPanel .card-header.card-headerL1 { background: #333F48 !important; }
.historyAcctivityPanel .card-header .titleBtn { font-size: 13px; color: #000; font-weight: 400; font-family: 'Lexend'; line-height: 1.2; display: flex; justify-content: space-between; align-items: center; padding: 16px; }
.historyAcctivityPanel .card-header.card-headerL1 .titleBtn { color: #FFF !important; }
.historyAcctivityPanel .card-header.card-headerL2 .titleBtn { background: #c5c5c5 !important; padding-left: 30px !important; }
.historyAcctivityPanel .card-header.card-headerL3 .titleBtn { background: #FFF !important; padding-left: 45px !important; }
.historyAcctivityPanel .card-header .titleBtn .lavelShape { height: 30px; min-width: 30px; font-size: 12px; border-radius: 50px; background: #b7b7b78a; display: flex; justify-content: center; align-items: center; }
.historyAcctivityPanel .card-header.card-headerL2 .titleBtn .lavelShape { background: #a2a2a2; }
.historyAcctivityPanel .card-header.card-headerL2 .titleBtn .lavelShape { background: #a2a2a259; }

.historyAcctivityPanel .card-header .titleBtn .toggleImage.imgBlack { filter: brightness(0) saturate(100%) invert(0%) sepia(29%) saturate(16%) hue-rotate(64deg) brightness(105%) contrast(100%); transition: all 0.3s ease; }
.historyAcctivityPanel .card-header .titleBtn .toggleImage.imgWhite { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7486%) hue-rotate(218deg) brightness(114%) contrast(100%); transition: all 0.3s ease; }
.historyAcctivityPanel .card-header .titleBtn .toggleImage.accordianOpened { transform: rotate(180deg); }
/* USER DETAIL SIDEBAR ACTIVITY PANEL DESIGN END */
.total-count-div {
    display: flex;
    justify-content: center;
}

.total-count-div .total-count-display {
    background: rgba(25, 80, 110, 1);
    color: #fff;
    height: 20px;
    width: 70px;
    border-radius: 0px 0px 35px 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    font-size: 12px;
}


#chart-container .team-detail[data-layer="0"] {
    display: none;
}

/**/

.nodeDetailText { max-width: fit-content; position: relative; display: flex; align-items: center; }
.nodeDetailText span { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }


.imgBlack {
    filter: brightness(0) saturate(100%);
}

.gap-5 {
    gap: 5px !important;
}

/* DUAL MANAGER TOGGLE BUTTON CODE START */
.ui-switch input { display: none; }
.slider { position: relative; height: 20px; width: 44px; background-color: transparent; border: 1px solid #78BE20; border-radius: 30px; cursor: pointer; display: flex; align-items: center; transition: all 0.6s ease; }
.slider .circle { left: 4px; position: absolute; transition: all 0.5s ease; height: 12px; width: 20px; border-radius: 50px; background: #78BE20; }
.slider .circle::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75); border-radius: inherit; transition: all 0.3s ease; opacity: 0; }
.ui-switch .innerText span { font-size: 13px; font-weight: 400; color: #000; }
.ui-switch .innerText span.selected { color: var(--primary-color); }
/* actions */
.ui-switch input:checked ~ span ~ .slider .circle { left: calc(100% - 25px); }
.ui-switch input:active  ~ span ~  .slider .circle::before { transition: all 0s ease; opacity: 1; width: 0; height: 0; }
/* DUAL MANAGER TOGGLE BUTTON CODE END */

span.bmd-form-group {
    padding-top: 0 !important;
}

.sidebar .sidebar-body-wrap .error-message {
    white-space: normal;
    line-height: 1;
    margin-top: 5px;
}

.commonDataShowScroll.table-responsive { max-height: calc(100vh - 310px); }

@media (max-height: 530px) {
    .commonDataShowScroll.table-responsive { max-height: calc(100vh - 250px); }
}

.sidebar .loader-q5-logo { position: absolute; background: rgba(0, 0, 0, 0.35); }.no-user-found span { font-size: 36px; }

.editUserData .contentt input { width: 100%; }

.editUserData .value span { max-width: 100% !important; }

.editUserData .contentt .value { max-width: 100%; }

.editUserData .property2, .editUserData .contentt select { width: 100%; }

.editUserData .contentt .value textarea { font-size: 13px; color: #555555; }

#FiltersSidebar .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0; }

.dashboard_donut_chart_d3-chart {
    width: 100%;
}

/* Compare Scenario Page Responsive */

@media (max-width: 480px) {
    .scenario-comparision-box.grid-4-box {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .comparision-box-inner .comparision-detail-two span {
        font-size: 18px;
    }

    .comparision-box-inner .comparision-detail-two {
        font-size: 12px;
    }
}

.swal2-header { margin-bottom: 0 !important; }

.swal2-center .swal2-header { margin-bottom: 20px !important; }

.icon-angle-circle-down-icon { display: none !important; }

.leftmenu .tooltip { display: none; }

.sidebar .sidebar-body-wrap .filterbtn-newBottom {
    position: absolute;
    width: 100%;
    max-width: calc(100% - 40px);
    top: calc(100vh - 160px);
}

#filterSettingSidebar .sidebar-body-wrap .filterbtn-newBottom { top: calc(100vh - 190px); }

#advancedFilterDataForm label {
    color: #000 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}


.modal .hr-data-modal-inner .form-control.normalSelect button {
    border: 1px solid transparent !important;
    background: transparent !important;
    padding: 0;
}

#color_template_palette_model .color-settings2 label {
    color: #000 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

#addHelpForm input::placeholder, #addHelpForm textarea::placeholder , #addHelpForm select  { font-weight: 400 !important; font-size: 14px !important; line-height: 1.2 !important; color: #000000b3 !important; opacity: 1; }

/**/

.btn-tertiary2 button {
    border: 0;
}

.btn-tertiary2 {
    width: 200px !important;
}

.btn-tertiary2 .scenarioName {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0px;
    max-width: 130px;
}

.orgchart .team-detail-container {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
}

.orgchart .highlight.team-detail-container {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-radius: 6px !important;
}

/**/

.add-content {
    display: flex;
    justify-content: flex-end;
}

.team-detail-body .custom-tooltip::before{max-width: 250px;word-wrap: break-word;box-shadow: 0 4px 30px 3px rgba(0, 0, 0, .08);}
.team-detail-heading .custom-tooltip::before{max-width: 250px;word-wrap: break-word;box-shadow: 0 4px 30px 3px rgba(0, 0, 0, .08);}




#HrDataFilters .customFilterSelects .select2-selection { padding-bottom: 0px; }
#HrDataFilters .customFilterSelects .select2-selection__rendered { display: flex; align-items: center; gap: 5px; overflow: auto; max-width: 230px; padding-bottom: 5px; }
#HrDataFilters .customFilterSelects .select2-selection__rendered::-webkit-scrollbar { width: 3px; height: 3px; }
#HrDataFilters .customFilterSelects .select2-selection__rendered::-webkit-scrollbar-track { border-radius: 10px; background-color: #888888; margin: 40px; }
#HrDataFilters .customFilterSelects .select2-selection__rendered::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #455460; }
#HrDataFilters .customFilterSelects .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-right: 0; background-color: #f2f2f2; border: 1px solid #e3e3e3; border-radius: 10px; display: flex; align-items: center; gap: 5px; font-size: 12px; }
#HrDataFilters .customFilterSelects .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: transparent; cursor: pointer; display: inline-block; font-weight: 400; position: relative; margin-right: 0; display: flex; align-items: center; }
#HrDataFilters .customFilterSelects .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after { content: ''; position: absolute; width: 7px; height: 7px; left: 0; background: url(/images/close-icon.svg) no-repeat; background-position: center; background-size: cover; }
#HrDataFilters .customFilterSelects .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 30px; border-top-right-radius: 30px; }

#editHrDataFromOrgChart .value { text-align: center; }

.sidebar  #historiesModel .item-content .timeline-body-item:not(.min-width-txt) .value { max-width: 160px !important; }