/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900'); */
/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Inter:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap');
@import url('../css/theme-mood.css');

:root {
	--card-line-height: 1.2em;
	--card-padding: 1em;
	--card-radius: 0.5em;
	--color-green: #558309;
	--color-gray: #e2ebf6;
	--color-dark-gray: #c4d1e1;
	--radio-border-width: 2px;
	--radio-size: 1.5em;
	--percentage: 30%;
	--main-color: 255,255,255;
	--el-bg-color: 220,220,220;
	--stickyBackground: #f5f5f5;
	--borderColor: #C9D1DC;
}

html {
	height: 100%;
}

strong {
	font-weight: 700;
}

body {
	font-family: "Poppins", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	color: #c4c3ca;
	background-color: #f8fbff;
	overflow-x: hidden;
	transition: all .4s ease-in-out;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* perspective: 1000px; Creates depth for 3D effect */
}

a {
	cursor: pointer;
	transition: all 200ms linear;
}

	a:hover {
		text-decoration: none;
		color: #fff;
	}

	p:empty  {
		display: none! important;
	}


.forget-pass .link {
	color: #fff;
}

	.forget-pass .link:hover {
		color: #ffeba7;
	}

p {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.7;
}

h4 {
	font-weight: 600;
}

h6 span {
	padding: 0 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
	font-size: 20px;
}

.section {
	position: relative;
	width: 100%;
	display: block;
}

.full-height {
	min-height: 100vh;
}

.topbar .top-navbar {
	min-height: 70px;
}

.page-wrapper {
	background: rgb(248 251 255);
}

.page-wrapper.chat-page-wrapper .container-fluid {
	padding: 20px;
}

.form-control::placeholder {
	color: rgba(25, 35, 40, 1);
	opacity: 1; 
}

.dropdown-menu-end[data-bs-popper] {
	left: 0;
}

/* ============ */

body[data-theme=dark] .powerd-by-logo .light-logo,
body[data-theme=dark] .tab-title .light-icon,
body[data-theme=dark] .left-sidebar .navbar-brand .logo-icon .light-logo,
.left-sidebar .navbar-brand .logo-icon .dark-logo {
	display: none;
}

body[data-theme=dark] {
	transition: all .4s ease-in-out;
}

body[data-theme=dark] .pipeline-content .column-cont .column-title,
body[data-theme=dark] .pipeline-content .column-cont .column-action-btns,
body[data-theme=dark] .dashboard-card-box,
body[data-theme=dark] .overview-card,
body[data-theme=dark] .pipeline-box .social-box .divider,
body[data-theme=dark] .table-tab-box {
	background-color: rgb(50 55 67);
}

body[data-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__rendered li,
body[data-theme=dark] .agent-meeting-list,
body[data-theme=dark] .topBox-campaign .colored_box {
	border-color: rgba(61, 61, 61, 1)! important;
	background-color: rgb(50 55 67)! important;
}

body[data-theme=dark] .agent-meeting-list {
	border-color: rgba(61, 61, 61, 1)! important;
}

body[data-theme=dark] .user-dd .dropdown-divider {
	background-color: rgb(50 55 67);
}

body[data-theme=dark] .fixed-table-header .table-wrapper table.main-table .accordion-content .inner-accordion-box .inner-table thead tr th {
	background-color: transparent! important;
}

body[data-theme=dark] .fixed-table-header .table-wrapper table.main-table thead tr th {
	background-color: transparent;
}

body[data-theme=dark] .video-call-link a {
	background-color: rgb(50 55 67);
	color: #fff;
	transition: all .4s ease-in-out;
}

body[data-theme=dark] .broadcast-table-wrapper .form-check-input {
	border-color: rgba(255, 255, 255, .2)!important;
	background-color: rgb(50, 55, 67)! important;
}

body[data-theme=dark] .sidemenu .dropdown-item.active, 
body[data-theme=dark] .sidemenu .dropdown-item:hover {
	background-color: rgba(186, 34, 40, 1);
	color: #fff;
}

body[data-theme=dark] .qus-form .form-group, 
body[data-theme=dark] .add-modal .modal-body .pro-body-content h4, 
body[data-theme=dark] .marketing-box .section-title h4, 
body[data-theme=dark] .form-group input[type="radio"],
body[data-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__rendered li,
body[data-theme=dark] .phone_call_application .chat-box-title h4,
body[data-theme=dark] .call_time span,
body[data-theme=dark] .fixed-table-header .table-wrapper table.main-table .accordion-content .inner-accordion-box .inner-table tbody tr td,
body[data-theme=dark] .nav-pills.grid-nav .nav-link {
	color: #fff;
}

body[data-theme=dark] .hub-product-body .file-card-box .doc-title-box h5,
body[data-theme=dark] .select2-results ul li, 
body[data-theme=dark] .topBox-campaign .colored_box p, 
body[data-theme=dark] .topBox-campaign .box p,
body[data-theme=dark] .topBox-campaign .colored_box h6, 
body[data-theme=dark] .topBox-campaign .box h6,
body[data-theme=dark] .video-link-box a, 
body[data-theme=dark] .topbar .nav-toggler, 
body[data-theme=dark] .appoinment-box-content .appoinmet-box p span, 
body[data-theme=dark] .topbar .topbartoggler,
body[data-theme=dark] .customer-purches-details .purches-title h5,
body[data-theme=dark] .customer-value h5 span,
body[data-theme=dark] .calender-date-select .calendar input[type="date"], 
body[data-theme=dark] .calender-date-select ul li,
body[data-theme=dark] .calender-date-select .calendar button,
body[data-theme=dark] .purches-box .purches-content p span,
body[data-theme=dark] .customer-details-box span,
body[data-theme=dark] .purches-box .purches-content .icon-img,
body[data-theme=dark] .purches-box .purches-content .pruches-value h5,
body[data-theme=dark] .pagination .page-link,
body[data-theme=dark] .table-tab-nav .nav .nav-item .nav-link {
	color: #fff;
}

body[data-theme=dark] .video-link-box a:hover {
	color: #bb2429;
}

body[data-theme=dark] .customer-purches-list .qus-card-box .qus-badge {
	background-color: #ba2228;
	color: #fff;
}

body[data-theme=dark] .page-item .page-link:hover, 
body[data-theme=dark] .page-item.active .page-link {
	background-color: #ba2228! important; 
	border-color: transparent! important; 
}

body[data-theme=dark] .radio-box .form-check .form-check-input:focus, 
body[data-theme=dark] .form-check-input:checked {
	background-color: #ba2228;
	border-color: transparent! important; 
}

body[data-theme=dark] .appoinment-box-content .appoinmet-box,
body[data-theme=dark] .appoinment-box-content .appoinmet-box:nth-child(2n) {
	background-color: rgb(50 56 67);
}

body[data-theme=dark] .radio-box .form-check .form-check-input {
	background-color: transparent;
	border-color: rgba(61, 61, 61, 1)! important;
}


body[data-theme=dark] .marketing-card-img {
	background-color: rgba(32, 32, 32, 1);
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .marketing-card,
body[data-theme=dark] .topBox-campaign, 
body[data-theme=dark] .m_typex_form {
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .right-hub-box,
body[data-theme=dark] .file-card-body,
body[data-theme=dark] .left-col,
body[data-theme=dark] .chat-list li .chat-content .message,
body[data-theme=dark] .video-call-link,
body[data-theme=dark] .pipeline-content .column-cont .column-action-btns,
body[data-theme=dark] .pipeline-box .social-box,
body[data-theme=dark] .form-check-input {
	border-color: rgba(61, 61, 61, 1)! important;
}

body[data-theme=dark] .chat-user-details::after {
	background-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .top-dropdown-box .dropdown .dropdown-toggle.dropdown-btn {
	color: rgba(186, 186, 186, 1)! important;
}

body[data-theme=dark] .timeline-box h5 span,
body[data-theme=dark] .dropdown .dropdown-item:hover {
	color: #ba2228;
}

body[data-theme=dark] .fixed-table-header,
body[data-theme=dark] .trading-box,
body[data-theme=dark] .notification-box,
body[data-theme=dark] .pipeline-content .column-cont,
body[data-theme=dark] .chat-summary-left-content,
body[data-theme=dark] .chat-list-box,
body[data-theme=dark] .deals-details-content,
/* body[data-theme=dark] .agent-column-lists, */
body[data-theme=dark] .chat-list-box,
body[data-theme=dark] .chat-sidebar,
body[data-theme=dark] .chat-info-box,
body[data-theme=dark] .chatting-box,
body[data-theme=dark] .chat-top-filter-box,
body[data-theme=dark] .slideMe,
body[data-theme=dark] .table.dataTable,
body[data-theme=dark] .add-modal .modal-content,
body[data-theme=dark] .modal-box,
body[data-theme=dark] .appoinment-tab .nav .nav-link,
body[data-theme=dark] .customized-right-box-tab,
body[data-theme=dark] .chart-content-box,
body[data-theme=dark] .deals-right-content-box,
body[data-theme=dark] .bills_Item-container .bills_header,
body[data-theme=dark] .bills_for,
body[data-theme=dark] .select2-dropdown,
body[data-theme=dark] .emoj-action .rating-emoj-box,
body[data-theme=dark] .fixed-table-header .table-wrapper table thead tr,
body[data-theme=dark] #main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6],
body[data-theme=dark] #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin6],
body[data-theme=dark] #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6],
body[data-theme=dark] #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin6],
body[data-theme=dark] #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5],
body[data-theme=dark] #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5],
body[data-theme=dark] #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin3],
body[data-theme=dark] #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6] {
	background-color: #1d2228;
	border-color: rgba(61, 61, 61, 1) !important;
}

body[data-theme=dark] .ai_agent_list {
	background-color: #1d2228;
	border-color: rgba(61, 61, 61, 1) !important;
}

body[data-theme=dark] .agent-info ul li,
body[data-theme=dark] .agent-info h4 span {
	color: #fff;
}
body[data-theme=dark] .ai-agent-card {
	background-color: #323743;
	border-color: rgba(61, 61, 61, 1) !important;
}


body[data-theme=dark] .phone_call_application .chats-box,
body[data-theme=dark] .phone_call_submenu-box ul li {
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .agent-column-lists {
	border-color: rgba(61, 61, 61, 1);
	background-color: #1d2228;
}

body[data-theme=dark] .column-footer-box {
	background-color: #323743;
	border-color: rgba(61, 61, 61, 1) !important;
}

body[data-theme=dark] .deals-card-box .card-top-content {
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .deals-sortlist .deals-card-box {
	background-color: rgba(50, 55, 67, .3);
}

body[data-theme=dark] .table.dataTable.role-table {
	border-top-color: rgba(61, 61, 61, 1)! important;
}

.table.dataTable.role-table {
	border-top: 1px solid rgba(228, 228, 228, 1)! important; 
}


body[data-theme=dark] .fixed-table-header .table-wrapper table thead tr th:first-child, 
body[data-theme=dark] .fixed-table-header .table-wrapper table tbody tr td:first-child {
	background-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .wisemind-box .section-title .close-btn, .robotic-section .section-title .close-btn {
	background-color: rgba(61, 61, 61, 1);
	color: #fff;
}


body[data-theme=dark] .target-box,
body[data-theme=dark] .goals-table-box,
body[data-theme=dark] .target-info .form-check,
body[data-theme=dark] .appoinment-card-body,
body[data-theme=dark] .column-cont {
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .agent-column-lists .column-cont .form-check .form-check-input:checked[type=checkbox] ~ .form-check-label,
body[data-theme=dark] .agent-column-lists .column-cont .form-check-label:hover,
body[data-theme=dark] .column-cont .sortable li .card-box:hover {
	background-color: #323743;
}

body[data-theme=dark] .robotic-section .chat-inner-content ul li,
body[data-theme=dark] .column-cont .card-box .sortable-card-body .card-top-content h5 a,
body[data-theme=dark] .robotic-section .wisemind-chat-box .robotic-chat-box .top-title h2,
body[data-theme=dark] .robotic-section .wisemind-chat-box .robotic-chat-box .top-title h2 span,
body[data-theme=dark] .robotic-section .chat-inner-content h5,
body[data-theme=dark] .robotic-eye-card .robotic-content h2,
body[data-theme=dark] .ai-dashboard-box .dashboard-card-box h4, 
body[data-theme=dark] .dashboard-card-box h4,
body[data-theme=dark] .action-plan-body,
body[data-theme=dark] .video-link-modal .modal-dialog .box-top-title h3,
body[data-theme=dark] .wisemind-box .section-title .top-left-title h4,
body[data-theme=dark] .target-info .form-check-label {
	color: #fff;
}

body[data-theme=dark] .agent-column-lists .column-cont .sortable li .card-box:hover {
	background-color: transparent! important;
}

body[data-theme=dark] .chat-table tbody tr td:first-child, 
body[data-theme=dark] .chat-table tbody tr th:first-child, 
body[data-theme=dark] .chat-table thead tr th:first-child {
	border-left-color: rgba(61, 61, 61, 1)! important;
}

body[data-theme=dark] .chat-table thead tr th,
body[data-theme=dark] .chat-table tbody tr td {
	border-color: rgba(61, 61, 61, 1)! important;
	border-left-color: transparent! important;
}

body[data-theme=dark] .chat-send-message-footer,
body[data-theme=dark] .chat-table thead,
body[data-theme=dark] .form-control {
	background-color: transparent! important;
}

body[data-theme=dark] .pipeline-content .column-cont .column-title,
body[data-theme=dark] .column-list-group,
body[data-theme=dark] .pipeline-box .section-title,
body[data-theme=dark] .chart-sent-box .input-field {
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .embade-box,
body[data-theme=dark] .appoinment-card-header,
body[data-theme=dark] .video-link-box .form-control.form-select,
body[data-theme=dark] .dataTables_length .form-select,
body[data-theme=dark] .top-filter-box .form-control,
body[data-theme=dark] .qus-form .form-group .form-select,
body[data-theme=dark] .qus-form .form-group .form-control {
	background-color: rgba(61, 61, 61, 1)! important;
	border-color: #1d2228;
	color: #fff;
}

body[data-theme=dark] .accordion-button::after, 
body[data-theme=dark] .btn-close {
	filter: none;
}

body[data-theme=dark] .copy-btn,
body[data-theme=dark] .customized-box .right-btns .test-btn {
	background-color: transparent;
	border-color: rgba(186, 34, 40, 1);
	color: #fff;
}


body[data-theme=dark] .qus-form .form-box-group .form-group .cancle-btn {
    color: #fff;
	border-color: transparent;
	background-color: rgba(186, 34, 40, 1);
}

body[data-theme=dark] .copy-btn:hover,
.customized-box .right-btns .test-btn:hover,
body[data-theme=dark] .customized-box .right-btns .test-btn:hover {
	color: #fff;
	border-color: transparent;
	background-color: rgba(186, 34, 40, 1);
}
body[data-theme=dark] .actions-btn a:hover, 
body[data-theme=dark] .actions-btn a.select {
	color: #fff;
	background-color: rgba(186, 34, 40, 1);
}

body[data-theme=dark] .customized-right-box-tab .inner-tab-box {
	background-color: transparent;
	border: 0;
}

body[data-theme=dark] .deals-right-content-box .contact-details-info,
body[data-theme=dark] .customized-right-box,
body[data-theme=dark] .customized-left-box,
body[data-theme=dark] .dashboard-box .right-tab-box .inner-tab-box {
	background-color: rgba(61, 61, 61, 1);
	border-color: #1d2228;
}

body[data-theme=dark] .inner-tab-box {
	background-color: rgba(186, 34, 40, 1);
}


body[data-theme=dark] .pipeline-content .column-cont .column-action-btns .cancle-btn {
    border-color: rgba(186, 34, 40, 1);
    color:#fff
}

	body[data-theme=dark] .pipline-section .section-title h4,
	body[data-theme=dark] .agent-column-lists .sortable-card-content p strong,
	body[data-theme=dark] .customized-box .section-title h4,
	body[data-theme=dark] .pipeline-content .column-cont .column-title h3,
	body[data-theme=dark] .column-list-group .form-check .form-check-label,
	body[data-theme=dark] .agent-form-box .form-group button.close-btn.rmv,
	body[data-theme=dark] .qus-form .form-group .more-btn,
	body[data-theme=dark] .agent-form-box .form-group .more-btn,
	body[data-theme=dark] .qus-form .form-group label,
	body[data-theme=dark] .chat-summary-action-btns a,
	body[data-theme=dark] .chat-summary-action-btns .form-group label,
	body[data-theme=dark] .overview-box-content .accordion-button,
	body[data-theme=dark] .tag-box a,
	body[data-theme=dark] .hub-left-box .top-hub-box .top-hub-title h3,
	body[data-theme=dark] .product-widget-body .product-widget-title h5,
	body[data-theme=dark] .form-check-body span,
	body[data-theme=dark] .agent-form .form-group .form-check .form-check-body h5,
	body[data-theme=dark] .agent-form .more-btn,
	body[data-theme=dark] .agent-form .form-group .form-label,
	body[data-theme=dark] .chat-table thead tr th .dt-column-order::before,
	body[data-theme=dark] .chat-table thead tr th .dt-column-order::after,
	body[data-theme=dark] .actions-btn a,
	body[data-theme=dark] .agent-form .form-group .form-control:focus,
	body[data-theme=dark] .agent-form .form-group .form-control,
	body[data-theme=dark] .adv-filter-box,
	body[data-theme=dark] .chat-table thead tr th,
	body[data-theme=dark] .setting-box-content .inner-dashboard-box .dashboard-card-box h4,
	body[data-theme=dark] .chat-table tbody tr td,
	body[data-theme=dark] .chat-table tbody tr td a,
	body[data-theme=dark] .chat-table tbody tr th,
	body[data-theme=dark] .right-btns a,
	body[data-theme=dark] .chat-duration span strong,
	body[data-theme=dark] .add-modal .modal-header .modal-title,
	body[data-theme=dark] .chat-dropdown button,
	body[data-theme=dark] .chat-top-filter-box h3,
	body[data-theme=dark] .hub-product-list-box .hub-product-card-box .products-card-body h5,
	body[data-theme=dark] .modal-tab-box .nav-pills .nav-link,
	body[data-theme=dark] .chart-sent-checkbox .form-check-label,
	body[data-theme=dark] .note-text-box .dropdown .dropdown-item,
	body[data-theme=dark] .note-text-box .dropdown .dropdown-toggle:focus,
	body[data-theme=dark] .note-text-box .dropdown .dropdown-toggle,
	body[data-theme=dark] .timeline-list li a,
	body[data-theme=dark] .chat-history p span,
	body[data-theme=dark] .user-info span,
	body[data-theme=dark] .action-plan-list li,
	body[data-theme=dark] .post-card-body p span,
	body[data-theme=dark] .transcript-list,
	body[data-theme=dark] .caller-transcript-list,
	body[data-theme=dark] .dataTables_length label,
	body[data-theme=dark] .inner-tab-box .nav-pills .nav-link {
		color: #fff;
	}

	body[data-theme=dark] .apexcharts-text,
	body[data-theme=dark] .chart-pie-donut .apexcharts-datalabel-value,
	body[data-theme=dark] .chart-pie-donut .apexcharts-datalabel-label {
		fill: #fff;
		color: #fff;
	}

body[data-theme=dark] .apexcharts-legend-series .apexcharts-legend-text,
body[data-theme=dark] .agent-form-box .form-group label,
body[data-theme=dark] .chat-summary-content ul li,
body[data-theme=dark] .dt-length label,
body[data-theme=dark] .filter-box .input-group .form-control,
body[data-theme=dark] .search-btn,
body[data-theme=dark] div.dt-container .dt-paging .dt-paging-button.next:hover,
body[data-theme=dark] div.dt-container .dt-paging .dt-paging-button.last:hover,
body[data-theme=dark] div.dt-container .dt-paging .dt-paging-button.first:hover,
body[data-theme=dark] div.dt-container .dt-paging .dt-paging-button.previous:hover {
	color: #fff! important;
}

body[data-theme=dark] .chat-summary-action-btns .form-group .form-control,
body[data-theme=dark] .top-hub-box .form-select-box .form-select,
body[data-theme=dark] .agent-form .form-group .form-select:focus,
body[data-theme=dark] .agent-form .form-group .form-select,
body[data-theme=dark] .filter_btn,
body[data-theme=dark] .dropdown_part  {
	color: #fff! important;
	background-color: #272b34! important;
}

body[data-theme=dark] .activity-time span.unread-massage-box {
	background-color: rgba(186, 34, 40, 1);
	color: #fff;
}

body[data-theme=dark] .dashboard-box .right-tab-box .inner-tab-box .nav-pills .show>.nav-link, 
body[data-theme=dark] .dashboard-box .right-tab-box .inner-tab-box .nav-pills .nav-link.active {
	background-color: rgba(186, 34, 40, 1);
}
body[data-theme=dark] .mail-box p span,
body[data-theme=dark] .hub-widget-box > .row > .col > .hub-card-box,
body[data-theme=dark] div.dt-container .dt-paging .dt-paging-button,
body[data-theme=dark] .inner-tab-box .nav-pills .show>.nav-link, 
body[data-theme=dark] .inner-tab-box .nav-pills .nav-link.active {
	color: #fff! important;
	background-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .chat-summary-action-btns a,
body[data-theme=dark] .modal-box button.cancle-btn,
body[data-theme=dark] div.dt-container .dt-length .dt-input,
body[data-theme=dark] .details-btn,
body[data-theme=dark] .deals-right-content-box .contact-details-info .details-btn,
body[data-theme=dark] .cancle-btn,
body[data-theme=dark] .add-note-form .footer-btns .btn.cancle-btn {
	background-color: rgba(61, 61, 61, 1);
	border-color: rgb(25 35 65);
	color: #fff;
}

body[data-theme=dark] .campaing-summary-content ul li,
body[data-theme=dark] .chat-summary-left-content .section-title h4,
body[data-theme=dark] .btn-running {
	color: #fff;
}

body[data-theme=dark] .chat-sidebar .mailbox .message-center .divider {
	background-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .post-grid .post,
body[data-theme=dark] .border-bottom {
	border-color: rgba(61, 61, 61, 1)! important;
}

body[data-theme=dark] .m_setting-container .m-setting-box,
body[data-theme=dark] .setting-box-content .setting-box-card {
	background-color: rgba(51, 55, 67, 0.5);
	border-color: transparent;
}

body[data-theme=dark] .deals-tab-title,
body[data-theme=dark] .radio-box,
body[data-theme=dark] .details-tab-box .box-tab {
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .create-agent-box .content-title-box,
body[data-theme=dark] .tab-accordion-box .accordion-item,
body[data-theme=dark] .code-snippet-accordion-box .accordion-item,
body[data-theme=dark] .overview-box-content .accordion-item,
body[data-theme=dark] .deals-inner-accordion-box .accordion-item,
body[data-theme=dark] .hub-product-list-box .hub-product-card-box,
body[data-theme=dark] .form-check-input {
	background-color: transparent;
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .setting-list-box.create-agent-box .content-title-box {
	background-color: rgba(51, 55, 67, 0.12);
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .hub-product-list-box .hub-product-card-box:hover {
	border-color: rgb(186 34 40);
}

body[data-theme=dark] .add-note-form .footer-btns .btn.save-btn {
	background-color: rgb(25 35 65);
	border-color: rgba(61, 61, 61, 1);
	color: #fff;
}

body[data-theme=dark] .phone_call_application .chat-summary-left-content .chat-top-filter-box {
	border-color: rgba(61, 61, 61, 1) !important;
}

body[data-theme=dark] .submenu-box ul li a {
	color: #fff;
	background-color: transparent;
	/* border-color: rgba(61, 61, 61, 1); */
}

body[data-theme=dark] .phone_call_submenu-box.submenu-box ul li a.active,
body[data-theme=dark] .phone_call_submenu-box.submenu-box ul li a:hover {
	color: rgba(186, 34, 40, 1);
}

body[data-theme=dark] .ticket-list-content {
	border-color: rgba(61, 61, 61, 1)! important;
	background-color: #1d2228;
}

body[data-theme=dark] .submenu-box ul li a.active, 
body[data-theme=dark] .submenu-box ul li a:hover {
	color: #fff;
	background-color: transparent;
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .select2-results__options::-webkit-scrollbar-track,
body[data-theme=dark] .custom-scrollbar-css::-webkit-scrollbar-track {
	background-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .select2-results__options::-webkit-scrollbar-thumb,
body[data-theme=dark] .custom-scrollbar-css::-webkit-scrollbar-thumb {
	background-color: rgb(186 34 40);
}


body[data-theme=dark] .video-link-box p,
body[data-theme=dark] .select2-results__options::-webkit-scrollbar-thumb:hover,
body[data-theme=dark] .custom-scrollbar-css::-webkit-scrollbar-thumb:hover {
	background-color: rgb(25 35 65);
}

body[data-theme=dark] .m_setting-container .m-setting-box:hover,
body[data-theme=dark] .setting-box-content .setting-box-card:hover,
body[data-theme=dark] .chat-footer-body a:hover,
body[data-theme=dark] .chat-summary-action-btns a:hover,
body[data-theme=dark] .add-user-box button.add-to-btn:hover {
	background-color: rgb(25 35 65);
	border-color: rgba(61, 61, 61, 1);
	color: #fff;
}

body[data-theme=dark] div.dt-container .dt-paging .dt-paging-button:hover,
body[data-theme=dark] div.dt-container .dt-paging .dt-paging-button.current, 
body[data-theme=dark] .deals-right-content-box .contact-details-info .details-btn:hover, 
body[data-theme=dark] div.dt-container .dt-paging .dt-paging-button.current:hover,
body[data-theme=dark] .details-btn:hover {
	background: rgb(186 34 40);
}
body[data-theme=dark] .input-btns .sent-btn {
	background-color: rgb(186 34 40);
}

body[data-theme=dark] .eyanna-card-body {
	background-color: rgb(25 35 65);
}

body[data-theme=dark] .chat-summary-header,
body[data-theme=dark] .note-text-box .dropdown .dropdown-menu,
body[data-theme=dark] .chat-list li.odd .chat-content .message {
	background-color: rgb(25 35 65);
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .qus-list .nav li::after {
	background-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .chart-sent-checkbox {
	background-color: rgb(25 35 65);
}

body[data-theme=dark] .dropzone {
	background-color: transparent;
	border: none! important;
}

body[data-theme=dark] .agent-pipline-accordion-box .accordion-item,
body[data-theme=dark] .qus-list-box .right-col,
body[data-theme=dark] .filter-box .input-group,
body[data-theme=dark] .modal-tab-box .nav-pills .nav-link,
body[data-theme=dark] .chart-sent-checkbox .form-check-input {
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .badge-info, 
body[data-theme=dark] .bg-info, 
body[data-theme=dark] .btn-info, 
body[data-theme=dark] .card.bg-info, 
body[data-theme=dark] .label-info {
	background-color: transparent! important;
	border-color: transparent! important;
}
body[data-theme=dark] .qus-form .form-group .form-control::placeholder,
body[data-theme=dark]  .agent-form .form-group .form-control::placeholder,
body[data-theme=dark] .form-control::placeholder {
	color: #fff;
	opacity: 1; 
}

body[data-theme=dark] .action-btns a:hover {
	background-color: rgba(186, 34, 40, 1);
}

body[data-theme=dark] .action-btns a .normal {
	display: none;
}
body[data-theme=dark] .action-btns a .active {
	display: block;
}

body[data-theme=dark] .add-user-box button {
	background-color: rgba(186, 34, 40, 1);
	color: #fff;
}
body[data-theme=dark] .input-btns .edit-btn,
body[data-theme=dark] .action-btns a {
	color: #fff;
	background-color: rgb(25 35 65);
}

body[data-theme=dark] .hub-product-list .nav-pills .nav-link.active, 
body[data-theme=dark] .hub-product-list .nav-pills .nav-link:hover, 
body[data-theme=dark] .hub-product-list .nav-pills .show>.nav-link, 
body[data-theme=dark] .mailbox .message-center .message-item.active, 
body[data-theme=dark] .mailbox .message-center .message-item:hover {
	background-color: rgba(61, 61, 61, 1);
}


body[data-theme=dark] .agent-chat-list .divider,
body[data-theme=dark] .column-cont .sortable li::after,
body[data-theme=dark] .hub-product-list .nav .divider,
body[data-theme=dark] .agent-chat-card:hover,
body[data-theme=dark] .chat-duration::before,
body[data-theme=dark] .chat-tag-box p span,
body[data-theme=dark] .column-cont .card-box .sortable-card-body .sortable-card-content .chat-tag-box span,
body[data-theme=dark] .duration-info {
	background-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .script-genarate-box {
	color: rgba(255, 255, 255, .8);
}
body[data-theme=dark] .chat-top-box .left-side-box .emoj-btns a span,
body[data-theme=dark] .column-cont .card-box .sortable-card-body .card-top-content h5 {
	color: #fff;
}

body[data-theme=dark] .chat-visitor-activity,
body[data-theme=dark] .pipeline-list-box .column-list-group .column-list-box .user-img span,
body[data-theme=dark] .chat-duration-box span,
body[data-theme=dark] .right-chat-box .chat-action-btns a,
body[data-theme=dark] .inner-page-wrapper .top-title h3,
body[data-theme=dark] .chat-duration span,
body[data-theme=dark] .sidebar-nav ul.sidebarnav2 .sidebar-item .sidebar-link,
body[data-theme=dark] .powered-by span,
body[data-theme=dark] .chat-sedule-info p,
body[data-theme=dark] .chat-info span a,
body[data-theme=dark] .chat-info span,
body[data-theme=dark] .left-sidebartoggler:focus, 
body[data-theme=dark] .left-sidebartoggler,
body[data-theme=dark] .chat-tag-box p,
body[data-theme=dark] .section-title h3,
body[data-theme=dark] .section-title h3 span,
body[data-theme=dark] p,
body[data-theme=dark] .box-tab .nav-pills .nav-link,
body[data-theme=dark] .navbar-light .navbar-nav .nav-item .nav-link {
	color: #fff! important;
}

body[data-theme=dark] .code-snippet-accordion-box .accordion-button:not(.collapsed) {
	background-color: rgba(61, 61, 61, 1)! important;
}

body[data-theme=dark] .accordion-button:not(.collapsed) {
	background-color: transparent! important;
}

body[data-theme=dark] .inner-box-content span,
body[data-theme=dark] .arrow-img,
body[data-theme=dark] .more-btn, 
body[data-theme=dark] .agent-form-box .form-group .more-btn,
body[data-theme=dark] .arrow-img .bi-chevron-right::before,
body[data-theme=dark] .marketing-file-list .file-card-body .doc-title-box h4,
body[data-theme=dark] .activity-time span,
body[data-theme=dark] .mailbox .message-center .message-item:hover .subtext,
body[data-theme=dark] .mailbox .message-center .message-item.active .subtext,
body[data-theme=dark] .chat-tag-box p span,
body[data-theme=dark] .nav-check .form-check-label {
	color: #fff;
}

body[data-theme=dark] .agent-chat-list,
body[data-theme=dark] .character-card-content-box,
body[data-theme=dark] .chat-figure-body .chat-widget .chat-widget-body,
body[data-theme=dark] .chat-active-list-box,
body[data-theme=dark] .form-btns.show,
body[data-theme=dark] .chat-list-right-box.right-chat-list .box-tab,
body[data-theme=dark] .chat-list-right-box,
body[data-theme=dark] .appoinment-card-body-details,
body[data-theme=dark] .box-tab .nav-pills .nav-link:hover, 
body[data-theme=dark] .box-tab .nav-pills .nav-link.active, 
body[data-theme=dark] .box-tab .nav-pills .show>.nav-link {
	border-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .tab-inner-content .divider,
body[data-theme=dark] .radio-box .form-check .form-check-label .icon-img,
body[data-theme=dark] .deals-tab-accordion-box .accordion-button .title-content .icon-img,
body[data-theme=dark] .edits-action-btn a.edit-btn-active {
	background-color: rgba(61, 61, 61, 1);
}

body[data-theme=dark] .theme-switcher .form-check-input:checked
{
	background-color: transparent;
	background-image: url(../img/sun.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
	border: none;
}

body[data-theme=dark] .nav-check .form-switch .form-check-input:focus,
body[data-theme=dark] .nav-check .form-check-input {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12) inset;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 1%29'/%3e%3c/svg%3e");
}

body[data-theme=dark] .nav-check .form-switch .form-check-input:checked:focus,
body[data-theme=dark] .nav-check .form-check-input:checked[type=checkbox] {
	background-color: rgba(18, 184, 105, 1);
	border-color: transparent;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

body[data-theme=dark] .card-dropzone .dropzone .img-preview .yes .upload-img.light-icon.it {
	display: block;
}

body[data-theme=dark] .card-dropzone .dropzone .img-preview .yes .upload-img.dark-icon.it {
	display: none;
}

body[data-theme=dark] .appoinment-tab .nav .nav-link.active .icon-img .active-icon-img {
	display: block;
}

body[data-theme=dark] .appoinment-tab .nav .nav-link.active .icon-img .dark-icon {
	display: none;
}
body[data-theme=dark] .setting-btn .dark-icon,
body[data-theme=dark] .magic-btn .dark-icon,
body[data-theme=dark] .icon-img .dark-icon,
body[data-theme=dark] .chat-visitor-activity .dark-icon,
body[data-theme=dark] .user-text-icon .dark-icon,
body[data-theme=dark] .setting-card-img .dark-icon,
body[data-theme=dark] .chat-toggle .dark-icon,
body[data-theme=dark] .card-dropzone .dropzone .img-preview .yes .upload-img.dark-icon,
body[data-theme=dark] .hub-card-img .dark-icon,
body[data-theme=dark] .mail-action-btns a .dark-icon,
body[data-theme=dark] .chat-text-options .dark-icon,
body[data-theme=dark] .rec-action-btn .dark-icon,
body[data-theme=dark] .inner-box-content .dark-icon,
body[data-theme=dark] .products-card-img .dark-icon,
body[data-theme=dark] .product-widget-img .dark-icon,
body[data-theme=dark] .mailbox .message-center .message-item .subtext .dark-icon,
body[data-theme=dark] .bottom-items .dark-icon,
body[data-theme=dark] .tab-title .dark-icon,
body[data-theme=dark] .datepicker-box .input-group-text .dark-icon,
body[data-theme=dark] .datepicker-box .clumn-btn .dark-icon,
body[data-theme=dark] .dark-icon,
body[data-theme=dark] .qus-action-btn a .dark-icon,
body[data-theme=dark] .hub-card-img .dark-icon,
body[data-theme=dark] .edits-action-btn .dark-icon,
body[data-theme=dark] .products-card-img .dark-icon,
body[data-theme=dark] .wisemind-notification-box .dark-icon,
body[data-theme=dark] .contact-info-icons a .dark-icon,
body[data-theme=dark] .agent-chat-card .chat-card-img .dark-icon {
	display: block;
	transition: all .4s ease-in-out;
}

.setting-btn .dark-icon,
.edits-action-btn .dark-icon,
.magic-btn .dark-icon,
.icon-img .dark-icon,
.user-text-icon .dark-icon,
.chat-visitor-activity .dark-icon,
.setting-card-img .dark-icon,
.chat-toggle .dark-icon,
.card-dropzone .dropzone .img-preview .yes .upload-img.dark-icon,
.mail-action-btns a .dark-icon,
.hub-card-img .dark-icon,
.chat-text-options .dark-icon,
.qus-action-btn a .dark-icon,
.rec-action-btn .dark-icon,
.hub-card-img .dark-icon,
.products-card-img .dark-icon,
.product-widget-img .dark-icon,
.products-card-img .dark-icon,
.wisemind-notification-box .dark-icon,
.datepicker-box .input-group-text .dark-icon,
.datepicker-box .clumn-btn .dark-icon,
.mailbox .message-center .message-item .subtext .dark-icon,
.bottom-items .dark-icon {
	display: none;
	transition: all .4s ease-in-out;
}

body[data-theme=dark] .setting-btn .light-icon,
body[data-theme=dark] .icon-img .light-icon,
body[data-theme=dark] .wisemind-notification-box .light-icon,
body[data-theme=dark] .magic-btn .light-icon,
body[data-theme=dark] .user-text-icon .light-icon,
body[data-theme=dark] .chat-visitor-activity .light-icon,
body[data-theme=dark] .setting-card-img .light-icon,
body[data-theme=dark] .chat-toggle .light-icon,
body[data-theme=dark] .mailbox .message-center .message-item .subtext .light-icon,
body[data-theme=dark] .qus-action-btn a .light-icon,
body[data-theme=dark] .card-dropzone .dropzone .img-preview .yes .upload-img.light-icon,
body[data-theme=dark] .mail-action-btns a .light-icon,
body[data-theme=dark] .hub-card-img .light-icon,
body[data-theme=dark] .chat-text-options .light-icon,
body[data-theme=dark] .rec-action-btn .light-icon,
body[data-theme=dark] .inner-box-content .light-icon,
body[data-theme=dark] .products-card-img .light-icon,
body[data-theme=dark] .hub-card-img .light-icon,
body[data-theme=dark] .product-widget-img .light-icon,
body[data-theme=dark] .products-card-img .light-icon,
body[data-theme=dark] .bottom-items .light-icon,
body[data-theme=dark] .datepicker-box .input-group-text .light-icon,
body[data-theme=dark] .datepicker-box .clumn-btn .light-icon,
body[data-theme=dark] .edits-action-btn .light-icon,
body[data-theme=dark] .contact-info-icons a .light-icon,
body[data-theme=dark] .agent-chat-card .chat-card-img .light-icon {
	display: none;
	transition: all .4s ease-in-out;
}

body[data-theme=dark] .card-dropzone .dropzone .img-preview {
	background-color: rgba(51, 55, 67, 0.12);
	border-color: rgba(61, 61, 61, 1);
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
/* .custom-scrollbar,
.custom-scrollbar-css {
  height: 200px;
} */


/* Custom Scrollbar using CSS */
.custom-scrollbar-css {
	overflow-y: auto;
}

	/* scrollbar width */
	.select2-results__options::-webkit-scrollbar,
	.custom-scrollbar-css::-webkit-scrollbar {
		width: 4px;
		margin: 0 auto;
	}

	.agent-table-content .custom-scrollbar-css::-webkit-scrollbar,
	.broadcast-table-wrapper .custom-scrollbar-css::-webkit-scrollbar {
		height: 4px;
		overflow-x: auto;
		width: 100%;
	}

/* scrollbar track */
.select2-results__options::-webkit-scrollbar-track,
.custom-scrollbar-css::-webkit-scrollbar-track {
	background: rgba(234, 239, 244, .6);
	border-radius: 8px;
	width: 5px;
}


/* scrollbar handle */
.select2-results__options::-webkit-scrollbar-thumb,
.custom-scrollbar-css::-webkit-scrollbar-thumb {
	background-color: rgba(187, 201, 215, 1);
	border-radius: 8px;
	/* background-image: linear-gradient(to top, #CF2129 0%, #F29C1F 100%); */
}

.select2-results__options::-webkit-scrollbar-thumb:hover,
	.custom-scrollbar-css::-webkit-scrollbar-thumb:hover {
		background: rgba(35, 51, 64, .5);
	}

/* =============== */

.gray-circle-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: transparent;
	width: 40px;
	height: 100%;
	border-radius: 50%;
	border-width: 0;
}

.topbar .navbar-collapse {
	padding: 0;
	z-index: 20;
}

.darkmode .gray-circle-btn {
	background-color: #222235;
}

[data-bs-theme=dark] .sun-icon {
	display: block;
}

[data-bs-theme=light] .sun-icon {
	display: none;
}

.darkmode .moon-icon {
	display: initial;
	fill: #fff;
}

[data-bs-theme=light] .moon-icon {
	display: block;
}

[data-bs-theme=dark] .moon-icon {
	display: none;
}

.powerd-by-logo .dark-logo {
	display: none;
}

body[data-theme=dark] .powerd-by-logo .dark-logo,
.left-sidebar .navbar-brand .logo-icon .light-logo,
body[data-theme=dark] .left-sidebar .navbar-brand .logo-icon .dark-logo {
	display: block;
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] .top-navbar .navbar-nav>.nav-item>.nav-link .feather, 
#main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin6] .top-navbar .navbar-nav>.nav-item>.nav-link .feather, 
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6] .top-navbar .navbar-nav>.nav-item>.nav-link .feather, 
#main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin6] .top-navbar .navbar-nav>.nav-item>.nav-link .feather {
	fill: transparent;
}

.left-sidebar .navbar-brand {
	margin: 0;
	padding: 0;
	font-size: 30px;
	line-height: 1;
}

.left-sidebar .navbar-brand .logo-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 10px 0 0;
}

.top-sidebar {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 25px;
	width: 100%;
}

#main-wrapper[data-layout=vertical][data-sidebartype=full] .top-sidebar {
	align-items: center;
}

.left-sidebartoggler .close-icon,
#main-wrapper[data-layout=vertical][data-sidebartype=full] .left-sidebartoggler .menu-icon,
#main-wrapper[data-layout=vertical][data-sidebartype=full] .top-sidebar .left-sidebartoggler .menu-icon,
.top-sidebar .left-sidebartoggler .close-icon {
	display: none;
}

.left-sidebartoggler .menu-icon,
.top-sidebar .left-sidebartoggler .menu-icon,
#main-wrapper[data-layout=vertical][data-sidebartype=full] .left-sidebartoggler .close-icon,
#main-wrapper[data-layout=vertical][data-sidebartype=full] .top-sidebar .left-sidebartoggler .close-icon {
	display: block;
}

.theme-switcher .form-check-input:focus,
.theme-switcher .form-check-input
{
	background-color: transparent;
	background-image: url(../img/moon-regular.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
	border: none;
}

.theme-switcher svg {
	width: 24px;
	height: 24px;
}

.sr-only {
	position: absolute;
	white-space: nowrap;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: 0;
	padding: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	margin: -1px;
}

.navbar-light .navbar-nav .nav-item .nav-link {
	color:  rgba(27, 27, 32, 1);
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin3] {
	background: transparent;
}


#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper,
#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse {
	margin-left: 120px;
	transition: all .4s ease-in-out;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5], 
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] {
	background: rgba(247, 248, 250, 1);
	border: 1px solid rgba(224, 224, 224, 1);
	border-radius: 0px 20px 20px 0px;
	padding: 0 25px;
	z-index: 1000! important;
	overflow: hidden;
}

#main-wrapper[data-layout=vertical][data-sidebartype=full] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul.sidebarnav {
	padding: 10px 15px;
}

#main-wrapper[data-layout=horizontal][data-sidebartype=full] .left-sidebar[data-sidebarbg=skin5], 
#main-wrapper[data-layout=vertical][data-sidebartype=full] .left-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=horizontal][data-sidebartype=mini-sidebar] .left-sidebar[data-sidebarbg=skin5], 
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar[data-sidebarbg=skin5] {
	transition: all .4s ease-in-out;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul.sidebarnav, 
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul.sidebarnav {
	background: rgba(186, 34, 40, 1);
	padding: 10px 5px;
	border-radius: 38px;
	margin-top: auto;
}

#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover,
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
	width: 120px;
	padding: 0 1rem;
}

#main-wrapper[data-layout=vertical][data-sidebartype=full] .left-sidebar {
	width: 254px;
}
#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse, 
#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse,
#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper {
	margin-left: 254px;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
	padding: 12px 15px;
}

.sidebar-nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	align-items: center;
	width: 100%;
	gap: 20px;
	max-width: 76px;
	margin: 0 auto;
}

.powered-by {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.powered-by span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 16.8px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}

.sidebar-nav ul.sidebarnav2 .sidebar-item .sidebar-link {
	opacity: 1;
	line-height: 1;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link.sidebartoggler {
	display: none;
}

.topbar .top-navbar .navbar-nav > .nav-item {
	padding: 0 10px;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
	padding: 0;
}

.topbar .top-navbar .navbar-nav>.nav-item:hover {
	background-color: transparent;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link.user-pic:focus,
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link.user-pic {
	background-color: transparent;
	transition: all .4s ease-in-out;
	opacity: 1;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	position: relative;
	border-radius: 0;
	height: 100%;
	padding: 8px 20px;
	direction: ltr;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link.user-pic .author-pic {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
} 

.topbar .dropdown-menu .top-user-info {
	background-color: rgba(186, 34, 40, 1);
}

.profile-btn {
	background-color: rgba(186, 34, 40, 1);
	color: #fff;
}

.profile-btn:hover {
	background-color: rgba(35, 51, 64, 1);
	color: #fff;
}

.nav-check {
	margin-right: 25px;
}

.top-check-switch {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 30px;
	width: 100%;
}

.nav-check .form-switch {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-direction: row-reverse;
}

.nav-check .form-check-label {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-align: left;
	color: rgba(35, 51, 64, 1);
}

.nav-check .form-switch .form-check-input:checked ~ .form-check-label {
	color: rgba(18, 184, 105, 1);
}

.form-switch .form-check-input,
.form-switch .form-check-input:focus {
	width: 32px;
	height: 22px;
	margin: 0;
	background-color: rgba(35, 51, 64, 1);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12) inset;
	border-color: transparent;
	border-radius: 100px;
	border: 0;
}

.nav-check .form-switch .form-check-input:focus,
.nav-check .form-check-input {
	width: 53px;
	height: 28px;
	margin: 0;
	background-color: rgba(35, 51, 64, 1);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12) inset;
	border-color: transparent;
	border-radius: 100px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=checkbox] {
	background-color: rgba(18, 184, 105, 1); 
	border-color: transparent;
}
.nav-check .form-check-input:checked[type=checkbox] {
	background-color: rgba(18, 184, 105, 1); 
	border-color: transparent;
	border-radius: 100px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .has-arrow:after, 
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .hide-menu {
	display: none;
}

.phone_call_submenu-box ul li a.has-arrow:after,
.phone_call_submenu-box ul li a .hide-menu {
	display: inline-block;
}

.phone_call_submenu-box ul li a.has-arrow {
	position: relative; }
	.phone_call_submenu-box ul li a.has-arrow::after {
	  position: absolute;
	  content: '';
	  width: 7px;
	  height: 7px;
	  margin-left: 10px;
	  top: 25px;
	  right: 15px;
	  border-width: 1px 0 0  1px;
	  border-style: solid;
	  border-color: #000; }

.phone_call_submenu-box ul li a.has-arrow::after {
	-webkit-transform: rotate(135deg) translateY(-50%);
	-ms-transform: rotate(135deg) translateY(-50%);
	-o-transform: rotate(135deg) translateY(-50%);
	transform: rotate(135deg) translateY(-50%);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out; }
  
	.phone_call_submenu-box ul li a.active.has-arrow::after,
	.phone_call_submenu-box ul li > a.has-arrow.active::after,
	.phone_call_submenu-box ul li a.has-arrow[aria-expanded="true"]::after {
	-webkit-transform: rotate(-135deg) translateY(-50%);
	-ms-transform: rotate(-135deg) translateY(-50%);
	-o-transform: rotate(-135deg) translateY(-50%);
	transform: rotate(-135deg) translateY(-50%); }
  

#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link {
	padding: 12px 12px! important;
}

.sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link {
	opacity: 1;
	background-color: transparent;
	padding: 12px 10px;
}

.sidebar-nav ul.sidebarnav2 .sidebar-item .sidebar-link {
	color: #212529;
}

.sidebar-nav ul.sidebarnav2 .sidebar-item .dropdown-menu {
	min-width: auto;
	width: 100%;
	max-width: 100%;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul.sidebarnav2 .sidebar-item .dropdown-menu {
	background-color: rgba(186, 34, 40, 1);
}

.sidebar-nav ul.sidebarnav2 .sidebar-item .dropdown-menu li a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
	color: #fff;
}

.sidebar-nav ul.sidebarnav2 .sidebar-item .dropdown-menu li a:hover {
	background-color: #fff;
	color: rgba(186, 34, 40, 1);
}

.sidebar-nav .has-arrow::after {
	border-color: #212529;
}

#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidebar-nav ul.sidebarnav2 .sidebar-item .sidebar-link {
	justify-content: center;
}

#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidebar-nav ul.sidebarnav2 .sidebar-item .dropdown-menu {
	padding: 0;
}

#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidebar-nav ul.sidebarnav2 .sidebar-item .dropdown-menu li a {
	padding: 7px 10px;
}

.sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link.active,
.sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link:hover {
	background-color: #fff;
	color: #000;
	border-radius: 40px;
}

.sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link.active .feather, 
.sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link:hover .feather {
	color: #000;
}

.sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link .feather {
	color: #fff;
	fill: #fff;
}

.left-sidebartoggler:focus,
.left-sidebartoggler {
	font-size: 30px;
	color: rgba(35, 51, 64, 1);
	padding: 0;
	line-height: 1;
}

.light-icon {
	display: block;
}

.active-icon {
	display: none;
}

.sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link {
	justify-content: center;
	align-items: center;
	border-radius: 6px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link {
	max-width: 49px;
	height: 49px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link img {
	max-width: 25px;
	width: auto;
	height: auto;
}

.mini-sidebar .sidebar-nav ul.sidebarnav .sidebar-item .sidebar-link {
	border-radius: 100px;
	gap: 5px;
	justify-content: flex-start;
	align-items: center;
}

.mini-sidebar .sidebar-nav ul.sidebarnav,
.mini-sidebar .sidebar-nav {
	width: 100%;
	max-width: 100%;
}

#main-wrapper[data-layout=horizontal][data-sidebartype=full] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul.sidebarnav, 
#main-wrapper[data-layout=vertical][data-sidebartype=full] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul.sidebarnav {
	border-radius: 10px;
}

.sidebar-nav ul .sidebar-item .sidebar-link.active .light-icon,
.sidebar-nav ul .sidebar-item .sidebar-link:hover .light-icon {
	display: none;
}

.sidebar-nav ul .sidebar-item .sidebar-link.active .active-icon,
.sidebar-nav ul .sidebar-item .sidebar-link:hover .active-icon {
	display: block;
}

.sidebar-list {
	/* overflow: hidden; */
	width: 100%;
	height: calc(100% - 110px);
	overflow-y: auto;
}

.chat-sidebar {
	position: fixed;
	/* width: 106px; */
	max-width: 350px;
	width: 100%;
	top: 90px;
	left: 120px;
	margin-left: 0;
	background-color: #FFFFFF;
	height: calc(100% - 110px);
	overflow: hidden;
	border: 1px solid #E0E0E0;
	border-radius: 0 20px 20px 0;
	/* transition: all .5s ease-in-out; */
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .page-wrapper.chat-page-wrapper .container-fluid .chat-sidebar {
	left: 254px;
}

.chat-sidebar.small {
	width: 106px;
}

.chat-sidebar.small .chat-tab-box {
	padding: 0 20px 20px;
}

.chat-sidebar.small .mailbox .message-center .message-item {
	display: block;
	/* transition: all .5s ease-in-out; */
	/* border-bottom: 1px solid #E0E0E0; */
	padding: 7px;
	margin-bottom: 10px;
}

.chat-sidebar .mailbox .message-center .message-item {
	display: flex;
	padding: 10px 8px;
	margin-bottom: 0;
	border-radius: 10px;
	gap: 10px;
	border: 1px solid transparent;
}

.chat-sidebar .mailbox .message-center .message-item:last-child {
	border-bottom: 0;
}

.chat-sidebar .mail-contnet {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
	transition: all .4s ease-in-out;
}

.chat-sidebar.small .mail-contnet {
	display: none;
	overflow: hidden;
	transition: all .4s ease-in-out;
}

#sidebar-submenu.chat-sidebar.show {
	display: block;
}

#sidebar-submenu.chat-sidebar {
	display: none;
	max-width: 266px;
	width: 100%;
}

.page-wrapper #sidebar-submenu ~ .container-fluid.menu-container-fluid {
	width: 100%;
}

.page-wrapper.active #sidebar-submenu ~ .container-fluid.menu-container-fluid {
	width: calc(100% - 266px);
}
#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse.active {
	margin-left: 524px;
}
#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse.active {
	margin-left: 386px;
}

.page-wrapper.chat-page-wrapper .container-fluid {
	/* width: calc(100% - 106px); */
   width: calc(100% - 390px);
	margin-left: auto;
	margin-right: 0;
	transition: all .4s ease-in-out;
}

	.page-wrapper.chat-page-wrapper .container-fluid.chat-container-fluid {
		width: calc(100% - 350px);
	}

.page-wrapper.chat-page-wrapper.active .container-fluid.chat-container-fluid,
.page-wrapper.active .container-fluid {
	width: calc(100% - 266px);
	margin-left: auto;
	margin-right: 0;
	transition: all .4s ease-in-out;
}

.activity-time .bottom-items p {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color:  rgba(118, 117, 129, 1);
}

.activity-time span.time-box {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: right;
	color:  rgba(118, 117, 129, 1);
}

/* 
#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper .chat-sidebar {
	margin-left: 240px;
} */

.chat-toggle {
	background-color: transparent;
	line-height: 1;
	height: 34px;
	display: none;
	justify-content: center;
	align-items: center;
	width: 27px;
	margin-left: auto;
	margin-right: 0;
	/* margin-top: 35px; */
}
/* 
.chat-sidebar .chat-toggle.chat-close,
.chat-sidebar.small .chat-toggle.chat-open {
	display: none;
}

.chat-sidebar.small .chat-toggle.chat-close,
.chat-sidebar .chat-toggle.chat-open {
	display: flex;
	margin: 0 auto;
} */
 
.chat-sidebar.small .app-chat {
	text-align: left;
}

.chats-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 100%;
	overflow: hidden;
	padding: 20px;
}

.chat-sidebar.small .chat-box-title {
	display: none;
}

.chat-box-title {
	display: block;
}

.chat-sidebar .tab-title .hide-menu {
	display: flex;
}

.chat-sidebar.small .tab-title .hide-menu {
	display: none;
}

.chat-sidebar.small .chats-box {
	display: block;
}

.chat-sidebar.small .tab-title {
	justify-content: center;
}

.chat-sidebar .chats-box {
	display: flex;
	width: 100%;
}

.chat-sidebar .chats-box .tab-content {
	width: 100%;
}

.chat-box-title h4 {
	font-family: "Poppins", sans-serif;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	margin-bottom: 0;
	color:  rgba(27, 27, 32, 1);
}

.chat-tab-box {
	padding: 0 20px;
}

.tab-title {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 10px;
	overflow: hidden;
	padding: 0 0 20px;
}

.tab-title h5 {
	margin-bottom: 0;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	color: #202020;
}

.tab-title span {
	background-color: transparent;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	padding: 0;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.tab-title .dark-icon {
	display: none;
}

.chat-application .hide-menu {
	display: none;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	white-space: nowrap;
	flex-wrap: nowrap;
	gap: 10px;
}

.app-chat {
	text-align: center;
}

.chatting-box {
	border-radius: 20px;
	border: 1px solid #E4E4E4;
	display: block! important;
	position: relative;
}

.chatting-box .chat-box {
	overflow-x: hidden;
	height: calc(100vh - 110px);
}

.chat-box .chat {
	display: block;
}

.chat-not-selected {
	display: none;
}

.current-chat-user-name .name {
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	color: #202020;
}

.mailbox .message-center .message-item .user-img-box {
	max-width: 40px;
	width: 100%;
	position: relative;
}

.user-icon,
.user-img-box .user-icon {
	width: 35px;
	border-radius: 100px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(229, 232, 234, 1);
}

.user-icon span,
.user-img-box .user-icon span {
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
	color: rgba(79, 85, 101, 1);
}

.user-icon img,
.user-img-box .user-icon img {
	width: 40px;
	height: 40px;
	object-fit: cover;
}

.mail-user-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 70%;
	gap: 0px;
	overflow: hidden;
}

.activity-time {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 8px;
	width: auto;
}

.activity-time span {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.activity-time p {
	font-family: "Poppins", sans-serif;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: right;
	color:  rgba(118, 117, 129, 1);
}

.message-title {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color: #202020;
	margin: 0;
	max-width: 150px;
	width: 100%;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	height: auto;
	overflow: hidden;
}

.sub-title {
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #737791;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 0;
	max-width: 150px;
	display: block;
}

.user-info-box {
	justify-content: space-between;
}

.chat-user-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	width: 100%;
}

.chat-visitor-activity {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	width: 100%;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #202020;
}

.search-box .app-search {
	max-width: 1410px;
	right: 0;
	left: auto;
}

.mailbox .user-chat-box .message-item .user-img .profile-status {
	width: 16px;
	height: 16px;
	top: auto;
	bottom: 0;
	border: 0;
	line-height: 1;
	left: 25px;
}

.mailbox .user-chat-box .message-item .user-img .profile-status img {
	max-width: 18px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mailbox .user-chat-box .message-item .user-img .profile-status.whts img,
.mailbox .user-chat-box .message-item .user-img .profile-status.ins img {
	max-width: 16px;
}

	.mailbox .user-chat-box .message-item .user-img .profile-status.whts,
	.mailbox .user-chat-box .message-item .user-img .profile-status.ins {
		width: 16px;
		height: 16px;
	}

.mailbox .message-center .message-item.active,
.mailbox .message-center .message-item:hover {
	background-color: rgba(186, 34, 40, 0.04);
	border-color: rgba(186, 34, 40, 0.7);
}

.mailbox .message-center .message-item.active .subtext, 
.mailbox .message-center .message-item.active .message-title,
.mailbox .message-center .message-item.active .time, 
.mailbox .message-center .message-item:hover .subtext, 
.mailbox .message-center .message-item:hover .time,
.mailbox .message-center .message-item:hover .message-title {
	color: #000; 
}


.mailbox .message-center .message-item.active .sub-title, 
.mailbox .message-center .message-item:hover .sub-title {
	color: #737791;
}
/* 
.mailbox .message-center .message-item .subtext .light-icon {
	display: none;
} 

.mailbox .message-center .message-item.active .subtext .light-icon,
.mailbox .message-center .message-item:hover .subtext .light-icon,
.mailbox .message-center .message-item .subtext .dark-icon {
	display: block;
} */
/* 
.mailbox .message-center .message-item .subtext .light-icon,
.mailbox .message-center .message-item.active .subtext .dark-icon,
.mailbox .message-center .message-item:hover .subtext .dark-icon {
	display: none;
} */

/* ===== */
.reverse-mode .left-part {
	background: #fff;
	top: 90px;
	right: 0px;
	border-radius: 20px 0 0 20px;
	max-width: 350px;
	width: 100%;
	/* padding: 18px 20px; */
	padding: 0;
	border: 1px solid #E4E4E4;
}

.chat-sidebar .show-right-part,
.left-part .show-left-part {
	top: 30px;
	display: none;
}

.chat-sidebar .show-right-part {
	position: absolute;
	right: -40px;
}

.chat-sidebar .show-right-part,
.reverse-mode .show-left-part {
	background-color: #ba2228;
	color: #fff;
}

.right-fixed-box {
	padding: 18px 20px;
	height: 100%;
}

.reverse-mode .right-part {
	width: calc(100% - 350px);
	margin-right: 350px;
}

.box-tab .nav-pills {
	margin-bottom: 25px;
}

.box-tab .nav-pills .nav-link {
	background: transparent;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	text-align: center;
	color: #233340;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:5px;
	padding: 7px 10px;
}

	.box-tab .nav-pills .nav-link .icon-img {
		display: inline-block;
		max-width: 20px;
		width: 100%;
	}

	.box-tab .nav-pills .nav-link:hover,
	.box-tab .nav-pills .nav-link.active,
	.box-tab .nav-pills .show > .nav-link {
		background: transparent;
		border-color: #233340;
		color: #233340;
	}

	.actions-btn .nav-pills .nav-link.active {
		background-color: rgba(35, 51, 64, 0.1);
		color: rgba(52, 58, 64, 1);
	}

.inner-tab-box {
	background-color: #EAEFF4;
	border-radius: 100px;
	padding: 8px;
	margin-bottom: 20px;
}

.inner-tab-box .nav-pills .nav-link {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
	padding: 6px 20px;
	background: transparent;
	border-radius: 100px;
	color: #202020;
	transition: all .4s ease-in-out;
}

.inner-tab-box .nav-pills .show>.nav-link,
.inner-tab-box .nav-pills .nav-link.active {
	background: #fff;
	color: #202020;
	transition: all .4s ease-in-out;
}

.overview-box-content .accordion-item {
	background: transparent;
	border: none;
	border-bottom: 1px solid #E0E0E0;
}

.overview-box-content .accordion-item:last-child {
	border-bottom: 0;
}

.overview-box-content .accordion-button {
	background-color: transparent;
	border-radius: 0;
	border: none;
	box-shadow: none;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600; 
	line-height: 22px;
	text-align: left;
	color: #202020;
	padding: 1rem 0;
}

.overview-box-content .accordion-item:first-of-type .accordion-button {
	padding-top: 0;
}

.overview-box-content .accordion-body {
	padding: 0 0 1rem;
}

.overview-box-content .accordion-item:last-child .accordion-body {
	padding: 0;
}

.overview-box-content .accordion-button:not(.collapsed) {
	background-color: transparent;
	color: #202020;
	box-shadow: none;
}

.user-details {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.user-content-body h5 {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color: #202020;
}

.user-content-body p {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 27px;
	text-align: left;
	color: #737791;
	margin-bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 10px;
}

.user-content-body p span {
	color: #202020;
}

.tag-body-content p {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color: #646464;
	margin-bottom: 6px;
	display: block;
}

.tag-body-content .form-control {
	border: 1px solid #999999;
	border-radius: 100px;
	background-color: transparent;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: #192328;
	margin-bottom: 5px;
}
/* 
.tag-body-content .select2-container--default .select2-selection--multiple {
	border: 1px solid #999999;
	border-radius: 100px;
	background-image: url(../images/custom-select.png)! important;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto;
} */

.tag-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.tag-box a {
	margin-bottom: 0;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: #192328;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}

.tag-box a:hover {
	text-decoration: underline;
}

.timeline-box h5 {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #192328;
	margin-bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.timeline-box h5 span {
	border: 1px solid #999999;
	border-radius: 8px;
	padding: 6px;
	width: 38px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	background-color: #fff;
	z-index: 100;
	position: relative;
}

.timeline-box {
	position: relative;
}

.timeline-line {
	background: #999999;
	width: 1px;
	height: 100%;
	bottom: 0;
	position: absolute;
	left: 20px;
}

.timeline-list {
	padding: 10px 0 10px 16px;
	margin: 0;
}

.timeline-list li {
	list-style: none;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
	width: 100%;
	margin-bottom: 5px;
}

.timeline-list li::before {
	content: '';
	position: absolute;
	background-color: #999999;
	width: 9px;
	height: 9px;
	border-radius: 5px;
}

.timeline-list li a {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color: #233340;
	padding-left: 35px;
}

.timeline-list li a:hover {
	text-decoration: underline;
}

.location-details {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
	margin-bottom: 8px;
}

.location-details p {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: right;
	color: #192328;
	margin-bottom: 0;
}

.location-details p strong {
	font-weight: 500;
}

.hub-product-list .nav .divider {
	width: calc(100% - 90px);
	height: 1px;
	background-color: #E0E0E0;
	margin: 10px 25px 10px auto;
}

.hub-product-list .nav .divider:last-child {
	display: none;
}

.chat-sidebar .mailbox .message-center .divider {
	width: calc(100% - 60px);
	height: 1px;
	background-color: #E0E0E0;
	margin: 10px 0 10px auto;
}

	.chat-sidebar .mailbox .message-center .divider:last-child,
	.chat-sidebar.small .mailbox .message-center .divider {
		display: none;
	}
/* 
.chat-top-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
} */

.chat-top-box .left-side-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	gap: 40px;
}

.chat-top-box .left-side-box .emoj-btns {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	gap: 10px;
}

.chat-top-box .left-side-box .emoj-btns a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

.chat-top-box .left-side-box .emoj-btns .border-right {
	background-color: #E0E0E0;
	width: 1px;
	height: 30px;
}

.chat-top-box .left-side-box .emoj-btns a span {
	color: #202020;
	display: block;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}

.add-user-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
	width: auto;
}

.add-user-box button {
	background: #E5E8EA;
	border: none;
	border-radius: 100px;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 15.85px;
	text-align: center;
	color: #4F5565;
	overflow: hidden;
}

.add-user-box button.add-user {
	background: transparent;
	font-size: 20px;
	color: #233340;
}

.add-user-box button.add-user:hover {
	color: #4F5565;
}

.chat-box-content .chat-list li.odd .chat-content .message,
.chat-box-content .chat-list li .chat-content .message {
	margin-bottom: 5px !important;
}

.chat-box-content .chat-list li.odd:last-child .chat-content .message,
.chat-box-content .chat-list li:last-child .chat-content .message {
	margin-bottom: 0 !important;
}

	.chat-duration-box span {
		font-family: "Poppins", sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		text-align: center;
		color: #202020;
	}

.chat-duration-box p {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	color: #737791;
	margin-bottom: 0;
}

.right-chat-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 30px;
	width: auto;
}

.right-chat-box .chat-action-btns {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}

.right-chat-box .chat-action-btns a {
	font-size: 20px;
	line-height: 1;
	color: #233340;
}

.right-chat-box .feather-sm {
	width: max-content;
	height: max-content;
}

.action-btns {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}

.right-chat-box .action-btns a {
	background-color: rgba(35, 51, 64, 0.08);
	width: 40px;
	height: 40px;
	border-radius: 100px;
	padding: 0;
	color: rgba(35, 51, 64, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}

.right-chat-box .action-btns a.close-icon:hover,
.right-chat-box .action-btns a:hover {
	background-color: rgba(186, 34, 40, 1);
	color: #fff;
}

.right-chat-box .action-btns a:hover .active {
	display: block;
}

.right-chat-box .action-btns a:hover .normal,
.right-chat-box .action-btns a .active {
	display: none;
}

.right-chat-box .action-btns a.close-icon {
	color: rgba(186, 34, 40, 1);
}

.right-chat-box .action-btns a .feather-sm {
	width: 1rem;
	height: 1rem;
}

.chat-meta-user {
	padding: 8px 30px;
}

.chat-duration {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.duration-info {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 4px 26px;
	border-radius: 100px;
	z-index: 1000;
	background-color: rgba(234, 239, 244, 1);
	position: relative;
}

.chat-duration span {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
	color: rgba(100, 100, 100, 1);
}

.chat-duration::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	background-color: rgba(224, 224, 224, 1);
}
.chat-list li .chat-img {
	width: 30px;
}

.chat-list li .chat-img img {
	width: 100%;
	height: 30px;
	object-fit: cover;
}

.chat-content h5 {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.chat-content h5 span {
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	color:  rgba(118, 117, 129, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.chat-content h5 span::before {
	content: '';
	background-color: rgba(194, 194, 194, 1);
	width: 1px;
	height: 15px;
	margin: -3px 10px 0;
	display: inline-flex;
}

.chat-list li {
	margin-bottom: 25px;
}

.chat-list li.odd:last-child,
.chat-list li:last-child {
	margin-bottom: 25px;
}

.chat-list li:first-child {
	margin-bottom: 0px;
}

.chat-list li .chat-duration {
	margin-bottom: 25px;
}

.chat-action-box {
	margin-bottom: 25px;
}

.chat-info-box {
	background-color: rgba(234, 239, 244, 1);
	border-radius: 10px;
	padding: 12px 1rem;
	max-width: 640px;
	width: 100%;
}

.chat-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}
.chat-info span a,
.chat-info span {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.chat-info p {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color: rgba(100, 100, 100, 1);
	display: block;
	margin-bottom: 0;
}
.chat-user-details {
	position: relative;
}

.chat-user-details::after {
	content: '';
	background-color: rgba(194, 194, 194, 1);
	width: 1px;
	height: 100%;
	right: 1rem;
	display: inline-block;
	position: absolute;
}

.mailto-link {
	position: relative;
	padding: 8px 0;
}

.meeitng-link span.mailto-message,
.chat-info span.mailto-message {
	top: 10px;
	left: 50%;
	margin-bottom: -5px;
	transform: translate(-50%, -100%);
	position: absolute;
	display: none;
	width: auto;
	white-space: nowrap;
	font-size: 12px;
	background-color: #000f5b;
	color: #fff! important;
	padding: 5px 10px;
	border-radius: 8px;
	font-family: 'Poppins', sans-serif;
	line-height: 120%;
	text-transform: capitalize;
}

.mailto-link:hover .mailto-message,
.mailto-link:focus .mailto-message,
.mailto-link:focus-within .mailto-message {
	display: block;
}

.mailto-message:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000f5b;
	border-width: 4px;
	margin-left: -4px;
}

.mailto-message:after {
	content: '';
	position: absolute;
	top: 98%;
	left: 50%;
	margin-left: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: #000f5b transparent transparent transparent;
}

.chat-list li .chat-content .message {
	background-color: transparent;
	border: 1px solid rgba(217, 217, 217, 1);
	padding: 8px 20px;
	border-radius: 0 10px 10px 10px;
	position: relative;
	margin-bottom: 0! important;
}

.chat-list li .chat-content .message p {
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.chat-list li .chat-content .massage-content-box .massage-images {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.chat-list li .chat-content .massage-content-box .massage-images a {
	background-color: #fff;
	padding: 5px;
	border-radius: 10px;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
	max-width: 200px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.chat-list li .chat-content .massage-content-box .massage-images img {
	max-width: 200px;
	width: 100%;
	height: auto;
}


.chat-list li .chat-content .message.translate-massage p {
	color:  rgba(27, 27, 32, 1);
}

.chat-list li.odd {
	padding-right: 5px;
}

.chat-list li.odd .chat-content .message {
	background-color: rgba(234, 239, 244, 1);
	padding: 8px 17px;
	border-radius: 10px 0 10px 10px;
	margin-bottom: 0! important;
}

.chat-list li.odd .chat-content .message p {
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.chat-list li.odd .chat-content .message.translate-massage p a,
.chat-list li.odd .chat-content .message.translate-massage p {
	color:  rgba(118, 117, 129, 1);
}

.chat-list li.odd .massage-content-box.call-massage-content-box .message.translate-massage p a,
.chat-list li.odd .massage-content-box.call-massage-content-box .message.translate-massage p{
	color:  rgba(27, 27, 32, 1);
}

.chat-list li.odd .chat-content h5 {
	justify-content: flex-end;
}

.chat-list li.odd+.odd {
	margin-top: 30px;
}

.chat-list li.odd .massage-content-box {
	align-items: flex-end;
}

.chat-list li.odd .massage-content-box .translate-img {
	right: -20px;
	left: auto;
}

.chat-duration span strong {
	color: rgba(25, 35, 40, 1);
}

.massage-content-box {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	flex-direction: column;
	position: relative;
	margin-bottom: 5px;
}

.massage-content-box .translate-img {
	position: absolute;
	left: -20px;
	z-index: 1;
}
.chat-list li.odd .massage-content-box.call-massage-content-box .translate-img {
	top: -25px;
}

.emoj-action {
	position: relative;
}

.chat-top-box .left-side-box .emoj-action .rating-emoj-box {
	display: none;
	position: absolute;
	top: -100px;
	z-index: 1000;
	left: -180px;
	width: 410px;
	background-color: #fff;
	border: 1px solid rgba(224, 224, 224, 1);
	box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	padding: 10px 15px;
}

.chat-top-box .left-side-box .emoj-action:hover .rating-emoj-box {
	display: block;
}

.rating-emoj-content {
	position: relative;
}

.rating-emoj-content::after {
	content: '';
	background-image: url(../img/icon/down.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: auto;
	position: absolute;
	width: 19px;
	height: 11px;
	bottom: -20px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
}

.chat-top-box .left-side-box .rating-emoj-icons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 20px;
	position: relative;
	margin-bottom: 5px;
}

.chat-top-box .left-side-box .rating-emoj-icons::before {
	content: '';
	position: absolute;
	width: 95%;
	height: 1px;
	left: 0;
	background-color: rgba(224, 224, 224, 1);
	margin: 0 auto;
	right: 0;
	top: 20px;
}

.chat-top-box .left-side-box .rating-emoj-icons a {
	/* background-color: #fff; */
	/* padding: 5px; */
	/* width: 36px;
	height: 36px; */
	z-index: 100;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.rating-emoj-icons a .emoj-img-box {
	width: 36px;
	height: 36px;
	transform: scale(1);
	transition: all .4s ease-in-out;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.17);
	background-color: rgba(255, 255, 255, 1);
	padding: 3px;
	border-radius: 100px;
	display: block;
}

.rating-emoj-icons a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rating-emoj-icons a:hover {
	transform: scale(1.1);
}

.rating-emoj-text {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.chat-top-box .left-side-box .emoj-text-content p {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.chat-top-box .left-side-box .emoj-text-content span {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	color:  rgba(118, 117, 129, 1);
	display: block;
}

.add-user-modal .add-user {
	position: relative;
}

.modal-box {
	position: absolute;
	top: 0;
	display: none;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(224, 224, 224, 1);
	box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
	width: 100%;
	max-width: 410px;
	height: auto;
	left: 100px;
	z-index: 1200;
	transition: all .4s ease-in-out;
}

.forward-modal-box {
	display: none;
	left: auto;
	right: 30px;
}

.forward-modal-box.show,
.modal-box.show {
	display: block;
}

.modal-box-header {
	padding: 17px 30px;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.modal-box-header h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.modal-box-body {
	padding: 1rem 30px 30px;
}

.modal-tab-box .nav-pills .nav-link {
	border: 1px solid rgba(35, 51, 64, 1);
	background-color: transparent;
	padding: 5px 20px;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(35, 51, 64, 1);
	border-radius: 100px;
}

.modal-tab-box .nav-pills .nav-link.active {
	background-color: rgba(35, 51, 64, 1);
	border-color: transparent;
	color: #fff;
}

.modal-tab-box {
	margin-bottom: 30px;
}

.label-content {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 12px;
}

.label-content img {
	max-width: 40px;
	width: 100%;
	height: 40px;
	object-fit: cover;
	border-radius: 100px;
}
/* 
.modal-tab-content {
	padding-left: 30px;
} */

.form-check .form-check-input[type="checkbox"] {
	margin-left: 0;
}

.modal-tab-content .form-check {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 10px;
}

/* .label-info {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(224, 224, 224, 1);
} */

.label-info h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 3px;
}

.label-info p {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}

.label-info p span {
	font-weight: 600;
	color:  rgba(27, 27, 32, 1);
}

.tab-checkbox .divider {
	background-color: rgba(224, 224, 224, 1);
	height: 1px;
	max-width: 266px;
	width: 100%;
	margin-right: 0;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 1rem;
}

.tab-checkbox:last-child .divider {
	display: none;
}

.form-check-input:focus,
.form-check-input {
	background-color: transparent;
	border: 1px solid rgba(201, 201, 201, 1);
	border-radius: 4px;
	width: 20px;
	height: 20px;
	box-shadow: none;
}

.modal-tab-scrollbar {
	height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}

.modal-tab-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin-top: 40px;
}

.swal2-cancel,
.cancle-btn,
.modal-box button.cancle-btn {
	border: 1px solid rgba(35, 51, 64, 1);
	border-radius: 100px;
	background-color: transparent;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: center;
	color: rgba(35, 51, 64, 1);
	padding: 13px 20px;
	max-width: 170px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

	.btn-running:hover,
	.swal2-cancel:hover,
	.cancle-btn:hover,
	.modal-box button.cancle-btn:hover {
		color: #fff;
		background-color: rgba(35, 51, 64, 1);
		border-color: transparent;
	}

.modal-box button.add-to-btn {
	background-color: rgba(186, 34, 40, 1);
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	border-radius: 100px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	max-width: 170px;
	width: 100%;
	padding: 13px 20px;
	border: 1px solid transparent;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-box button.add-to-btn:hover {
	background-color: transparent;
	border-color: rgba(35, 51, 64, 1);
	color: rgba(35, 51, 64, 1);
}

.massage-edit-box {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(224, 224, 224, 1);
	box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.2);
	padding: 20px;
	width: 212px;
	height: auto;
	border-radius: 20px;
	display: none;
	position: absolute;
	left: 30px;
	z-index: 1200;
}

.massage-edit-box.show {
	display: block;
}

.emoj-box {
	background-color: rgba(233, 235, 236, 1);
	border-radius: 100px;
	padding: 10px 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin-bottom: 14px;
}

.emoj-box button {
	display: block;
	border: none;
	background-color: #fff;
	padding: 0;
	width: 19px;
	height: 19px;
	border-radius: 100px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: scale(1);
	transition: all .4s ease-in-out;
}

.emoj-box button:hover {
	transform: scale(1.1);
	transition: all .4s ease-in-out;
}

.emoj-box button.plus-btn {
	width: 23px;
	height: 23px;
	color: rgba(35, 51, 64, 1);
	font-size: 14px;
	font-weight: 600;
}

.emoj-box button.plus-btn:hover {
	background-color: rgba(35, 51, 64, 1);
	color: #fff;
}



.massage-edit-tools .edit-tools-link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 9px;
	width: 100%;
	position: relative;
	color:  rgba(118, 117, 129, 1);
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.massage-edit-tools .edit-tools-link span {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	display: block;
}

.massage-edit-tools .edit-tools-link:hover {
	color: #000;
}

.massage-edit-tools .edit-tools-link::after {
	content: '';
	background-color: rgba(224, 224, 224, 1);
	width: 136px;
	height: 1px;
	position: absolute;
	bottom: -10px;
	margin-bottom: 10px;
	left: 27px;
}

.massage-edit-tools .edit-tools-link:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.massage-edit-tools .edit-tools-link:last-child::after {
	display: none;
}

.chart-sent-checkbox {
	background-color: rgba(233, 235, 236, 1);
	border-radius: 100px;
	padding: 5px 13px;
	max-width: 152px;
	width: 100%;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.chart-sent-checkbox .form-check {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 7px;
	width: 100%;
}

.chart-sent-checkbox .form-check-input {
	width: 12px;
	height: 12px;
	border-color:  rgba(27, 27, 32, 1);
	border-radius: 2px;
}

.form-check-input:checked[type=checkbox] {
	background-color:  rgba(27, 27, 32, 1);
	border-color:  rgba(27, 27, 32, 1);
}

.chart-sent-checkbox .form-group .form-control,
.chart-sent-checkbox .form-group .form-control:read-only,
.chart-sent-checkbox .form-group .form-select {
	background-color: transparent;
	border-color: rgba(217, 217, 217, 1);
	border-radius: 10px;
}

.chat-send-message-footer {
	padding: 20px 30px 30px;
	background-color: #fff;
	border-radius: 0 0 20px 20px;
	position: absolute! important;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}

.chart-sent-options {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.chart-sent-checkbox .form-check-label {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.chat-text-options {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 15px;
}

.chart-sent-box .form-control {
	padding: 0;
	border: 0;
}
/* 
.chart-sent-box .input-field {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 100%;
	border: 1px solid rgba(200, 200, 200, 1);
	padding: 11px 10px 11px 20px;
	border-radius: 10px;
}

.input-btns {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 6px;
}

.input-btns button {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	border-radius: 10px;
} */
 
.chart-sent-box .input-field {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 100%;
	border: 1px solid rgba(200, 200, 200, 1);
	padding: 11px 10px 11px 20px;
	border-radius: 10px;
	min-height: 50px;
	overflow:hidden;
}

.ai_copilot_scrollbar {
	overflow-x: hidden;
}

.chart-sent-box .input-field textarea{
	/* height:45px!important;
	overflow-y:auto;
	resize:none; */
	width: 100%;
	min-height: 40px; /* Initial height */
	max-height: calc(4 * 1.5em); /* Approximate height for 4 lines of text */
	height: auto;
	padding: 0px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	overflow-y: auto; /* Hide vertical scrollbar */
	resize: none;
}

.input-btns {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 6px;
}
.input-btns button {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	border-radius: 10px;
	z-index:1;
}


.input-btns .sent-btn {
	background-color: rgba(35, 51, 64, 1);
}

.input-btns .edit-btn {
	background: rgba(35, 51, 64, 0.1);
	color: rgba(35, 51, 64, 1);
}
/* ======= */
.inner-card-box {
	margin-bottom: 12px;
}

.inner-card-box:last-child {
	margin-bottom: 0;
}
.progress-value {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
}

.progress-value p {
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	text-transform: none;
}
.swal2-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 20px;
	flex-wrap: nowrap!important;
}

.swal2-styled {
	max-width: 170px;
	width: 100%;
}

.rec-action-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 1rem;
}

.rec-action-btn button {
	padding: 0;
	border: 0;
	transform: scale(1);
	transition: all .4s ease-in-out;
}

/* 
.rec-action-btn .btn.play-btn {
	transform: scale(1);
	transition: none;
} */

.rec-action-btn .btn:hover {
	transform: scale(1.1);
	transition: all .4s ease-in-out;
}

.audio-rec-box {
	height: auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	transition: all .4s ease-in-out;
	top: auto;
	bottom: 0;
	/* padding: 0px 30px 30px; */
	padding: 0;
	flex-direction: column;
	z-index: 1200;
}

.slideMe {
	height: auto;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(200, 200, 200, 1);
	margin: 0;
	padding: 10px 10px 0;
	display: none;
	position: relative;
	width: 100%;
	border-radius: 20px;
	/* max-width: 1240px;
  margin-left: auto; */
}

	.slideMe.show {
		display: block;
	}
.input-text-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	line-height: 1;
	font-size: 12px;
}
.input-text-box .form-control,
.input-text-box i {
	color: rgba(18, 184, 105, 1);
}

.active-img {
	background: rgba(18, 184, 105, 0.1);
	border: 1px solid rgba(18, 184, 105, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	width: 40px;
	height: 40px;
}
.inner-card-box .chat-send-message-footer {
	padding: 0;
}
.inner-card-box .chart-sent-box .input-field {
	border-radius: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.chat-footer-box.hide {
	display: none;
}

.close-btns button {
	color: rgba(186, 34, 40, 1);
	font-size: 20px;
	line-height: 1;
	margin-bottom: 15px;
	width: 100%;
	display: block;
	font-weight: 600;
	text-align: right;
}

.video-control {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
}

.video-control .call-duration {
	background-color: rgba(15, 14, 14, 0.3);
	width: 102px;
	height: 29px;
	display: none;
	justify-content: center;
	align-items: center;
	gap: 5px;
	border-radius: 76px;
}

.video-control .call-duration.caller-name,
.video-control .call-duration.rec-duration {
	display: flex;
}

.user_name {
	display: inline-block;
	max-width: 150px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.user-dropdown .user-dd .top-user-info h4 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	color: rgba(255, 255, 255, 1);
	display: block;
    word-break: break-word;
}

.user-dropdown .user-dd .top-user-info p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0;
	display: block;
    word-break: break-word;
}

.video-control .call-duration span {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 32.67px;
	text-align: left;
	color: rgba(255, 255, 255, 1);
}

.video-control .call-duration img {
	max-width: 23px;
	width: 100%;
	height: auto;
}

.video-screen {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 9px;
}

.end-call-icon,
.video-screen button {
	background-color: transparent;
	border: none;
	padding: 0;
}

.overlay-inner-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
	height: 100%;
}

.small-screen-video {
	border-top: 1px solid #E0E0E0;
	padding-top: 15px;
	margin-top: 1rem;
	display: none;
	transition: all .4s ease-in-out;
}

.small-screen-video.show {
	display: block;
	transition: all .4s ease-in-out;
}

.call-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	gap: 10px;
}

.call-box-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
}

.call-left-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: auto;
}

.call-left-box i {
	font-size: 20px;
	color: rgba(25, 35, 40, 1);
	line-height: 1;
}

.call-details p {
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color: rgba(25, 35, 40, 1);
}

.call-details span {
	display: block;
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.audio-call-screen {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 385px;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, .6);
}
.audio-control .call-duration {
	background-color: rgba(15, 14, 14, 0.06);
}
.audio-control .call-duration span {
	color:  rgba(27, 27, 32, 1);
}

.attached-file-content,
.voice-chat-content,
.video-chat-content,
.audio-chat-content {
	display: none;
}

.attached-file-content.show,
.voice-chat-content.show,
.audio-chat-content.show,
.video-chat-content.show {
	display: block;
}

.attached-files {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.attached-files a {
	border: 1px solid rgba(217, 217, 217, 1);
	border-radius: 6px;
	padding: 5px;
	display: block;
	background-color: #fff;
}

.progress {
	height: auto;
}

.progress-bar {
	background-color: #ba2228;
}

.login-form-box {
	max-width: 450px;
	width: 100%;
	margin: 0 auto;
}

.sign-up-box {
	max-width: 800px;
	/* padding: 40px; */
}

.login-title {
	margin-bottom: 50px;
}

.login-title h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 38px;
	font-weight: 600;
	line-height: 50px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 10px;
}

.login-title p {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 10.9px;
	text-align: left;
	color: rgba(126, 126, 126, 1);
	margin-bottom: 0;
}

.login_form .form-group .form-label {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 12px;
}

.login_form .form-group .form-control {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(201, 201, 201, 1);
	border-radius: 100px;
	padding: 12px 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	width: 100%;
	height: 52px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.login_form .form-group .form-control:focus {
	border-color: rgb(186 34 40);
}
.login_form .input-group .form-control {
	width: 100%;
	border-radius: 100px! important;
}
.login_form .input-group span {
	position: absolute;
	right: 1rem;
	/* top: 12px; */
	z-index: 1000;
	cursor: pointer;
	display: flex;
	justify-content: center;
	height: 100%;
	line-height: 1;
	align-items: center;
	color: rgba(184, 184, 184, 1);
	font-size: 20px;
	transform: rotateY(180deg);
	transition: all .4s ease-in-out;
}

.checkbox-info label {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.checkbox-info input[type=checkbox].material-inputs:not(.filled-in)+label:after {
	border-radius: 1px;
	margin-top: 2px;
}

.checkbox-info input[type=checkbox].material-inputs+label:before {
	border: 1px solid rgba(201, 201, 201, 1);
	border-radius: 4px;
	margin-top: 1px;
}

.checkbox-info input[type=checkbox].material-inputs:checked+label:before {
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-radius: 1px;
}

.checkbox-info input[type=checkbox].material-inputs:checked.chk-col-indigo+label:before {
	border-right: 2px solid rgba(32, 32, 32, 1);
	border-bottom: 2px solid rgba(32, 32, 32, 1);
}

.swal2-confirm,
.login-btn {
	background-color: rgba(186, 34, 40, 1);
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	padding: 15px 20px;
	width: 100%;
	border-radius: 100px;
	transition: all .4s ease-in-out;
}

	.swal2-confirm:hover,
	.login-btn:hover {
		background-color: rgba(32, 32, 32, 1);
		color: #fff;
		transition: all .4s ease-in-out;
	}

.form-group p {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: center;
	color: rgba(126, 126, 126, 1);
	margin-bottom: 0;
}

.form-group p a {
	color:  rgba(27, 27, 32, 1);
}

.contact-input-group {
	background-color: #fff;
	border: 1px solid #C9C9C9;
	border-radius: 100px;
	flex-wrap: nowrap;
}

.contact-input-group button {
	background-color: #EAEFF4;
	border-right: 1px solid #C9C9C9! important;
	width: 100%;
	max-width: 75px;
	padding: 0;
	border: 0;
	border-radius: 100px 0 0 100px;
	color: #000;
}

.contact-input-group button:focus,
.contact-input-group button:hover {
	background-color: rgba(32, 32, 32, 1);
	box-shadow: none;
	color: #fff;
}

.contact-input-group .dropdown-item:focus, 
.contact-input-group .dropdown-item:hover {
	background-color: rgba(32, 32, 32, 1);
	color: #fff;
}

.contact-input-group .dropdown-menu {
	min-width: auto;
	background-color: #EAEFF4;
	color: #fff;
	padding: 0;
}

.contact-input-group .form-control {
	border: none! important;
	border-radius: 0! important;
	background-color: transparent! important;
}

.login-img-box {
	margin: 40px auto;
}

.login-img-box p {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 1rem;
}

.login-elemnts {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.login-elemnts a {
	background-color: #fff;
}

.login-form-box .form-group {
	margin-bottom: 30px;
}

.top-tab,
.inner-details-tab {
	padding: 0 20px;
}

.right-fixed-box .inner-details-tab {
	padding: 0 20px;
}

.right-fixed-box .inner-tab-box .nav-pills .nav-link {
	padding: 6px 13px;
}

.overview-box-content {
	padding: 0 25px;
}

.note-text-box {
	padding: 20px 0;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.note-text-box:first-child {
	padding-top: 0;
}

.note-text-box:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.note-text-box:last-child .file-card-body {
	border-bottom: 0;
}

.note-title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	gap: 1rem;
	margin-bottom: 10px;
}

.note-title h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-align: left;
	margin-bottom: 0;
	color:  rgba(27, 27, 32, 1);
}

.note-text-box .dropdown .dropdown-toggle:focus, 
.note-text-box .dropdown .dropdown-toggle {
	max-width: 100%;
	width: 100%;
	background: transparent !important;
	box-shadow: none;
	color: #000;
	border: none;
	padding: 0 5px;
	height: auto;
}

.note-text-box .dropdown .dropdown-menu {
	padding: 0 1rem;
	min-width: 180px;
	width: 100%;
	max-width: 280px;
	background: #FFFFFF;
	box-shadow: 0px 0px 60px rgba(24, 51, 94, 0.29);
	border-radius: 8px 0px 8px 8px;
}

.hub-product-list-box .dropdown .dropdown-toggle::after,
.note-text-box .dropdown .dropdown-toggle::after {
	display: none;
}

.note-text-box .dropdown .dropdown-toggle:hover {
	background: transparent !important;
}
  
  .note-text-box .dropdown .dropdown-menu li {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #050D1A;
	padding: 1rem 0;
	border-bottom: 1px solid #A2AFBE;
  }
  
  .note-text-box .dropdown .dropdown-menu li:last-child {
	border-bottom: 0;
  }
  
  .note-text-box .dropdown .dropdown-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	padding: 0;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #050D1A;
  }

  .note-text-box .dropdown .dropdown-item img {
	max-width: 18px;
	width: 100%;
	height: auto;
  }
  
  .note-text-box .dropdown .dropdown-item.active,
  .note-text-box .dropdown .dropdown-item:focus,
  .note-text-box .dropdown .dropdown-item:hover {
	background: transparent;
  }
  
  .dropdown .dropdown-item:hover {
	color: rgba(23, 51, 93, 1);
	font-weight: 700;
}

.more {
	display: none;
	transition: all .4s ease-in-out;
}

.text-discription {
	position: relative;
}
/* 
.text-discription #text-genarate-content:empty ~ #moreBtn{
	display: none;
} */

.dots {
	letter-spacing: .1em;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-left: 5px;
}
.text-discription p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}

.text-discription .more-btn {
	background-color: transparent;
	border: 0;
	padding: 0;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	position: absolute;
	right: 0;
	bottom: 0;
}

.published-info {
	margin-top: 15px;
}

.published-info p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	display: block;
	color:  rgba(118, 117, 129, 1);
}

.published-info span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	display: block;
	color:  rgba(118, 117, 129, 1);
}

.note-add-text-box {
	border: 1px solid rgba(200, 200, 200, 1)! important;
	border-radius: 10px;
	margin-top: 20px;
	padding: 0;
	margin-bottom: 12px;
}

.note-add-text-box .form-group {
	padding: 11px 20px;
	width: 100%;
	border-bottom: 1px solid rgba(200, 200, 200, 1);
}

.note-add-text-box .note-title {
	margin-bottom: 0;
}

.note-add-text-box .form-control {
	border: 0;
	width: 100%;
	border-radius: 0;
	padding: 0;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.note-add-text-box textarea {
	resize: none;
	position: relative;
}

.add-note-form .footer-btns {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.add-note-form .footer-btns .btn {
	background-color: transparent;
	border: 1px solid rgba(35, 51, 64, 1);
	padding: 15px 20px;
	width: 100%;
	border-radius: 100px;
	text-align: center;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	color: rgba(35, 51, 64, 1);
	transition: all .4s ease-in-out;
}

.add-note-form .footer-btns .btn.save-btn {
	background-color: rgba(35, 51, 64, 1);
	border-color: transparent;
	color: #fff;
}

.add-note-form .footer-btns .btn:hover {
	background-color: rgba(35, 51, 64, 1);
	border-color: transparent;
	color: #fff;
}

.add-note-form .footer-btns .btn.save-btn:hover {
	background-color: rgba(186, 34, 40, 1);
	border-color: transparent;
}

.file-card-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
	margin-bottom: 20px;
	border: 0! important;
	padding: 0! important;
}

.file-card-box .card-img {
	max-width: 37px;
	height: 37px;
}

.file-card-box .card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.file-card-body {
	border-bottom: 1px solid rgba(200, 200, 200, 1);
	padding-bottom: 1rem;
	width: 100%;
}

.doc-title-box h4 {
	margin-bottom: 5px;
	line-height: 1;
}

.refun-right-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 40%;
	gap: 10px;
}

.priority {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
	width: auto;
	text-transform: capitalize;
}

.priority.high {
	color: rgba(235, 87, 87, 1);
}

.priority.low {
	color: rgba(33, 151, 217, 1);
}

.priority span {
	line-height: 1;
	font-size: 6px;
}

.text-discription h4 {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 8px;
}

.ticket-card-box .note-title {
	margin-bottom: 0;
}

.filter-box {
	padding: 0 25px 10px;
}

.filter-box .form-control {
	background-color: transparent;
	border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 100px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 12px 20px;
	text-align: left;
	color:  #737791;
	width: 100%;
}

.ticket-form .input-group,
.filter-box .input-group {
	border-radius: 100px;
	background-color: transparent;
	border: 1px solid rgba(201, 201, 201, 1);
	padding: 8px 10px 8px 20px;
}


.agent-form.ticket-form .input-group {
	padding: 0px 20px;
	height: 52px;
}

.agent-form .form-group .form-label span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.agent-form.ticket-form .input-group .form-control,
.filter-box .input-group .form-control {
	padding: 0;
	border: 0;
	border-radius: 0;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color:  #737791;
}

.agent-form-box .input-group button.search-btn,
.search-btn {
	background-color: transparent;
	border: none;
	padding: 0;
	line-height: 1;
	color:  rgba(27, 27, 32, 1);
	width: auto;
	height: auto;
}

.search-btn .feather-sm {
	width: 19px;
	height: 19px;
} 

.ai-card {
	display: flex;
	background-color: transparent;
	width: 100%;
	gap: 10px;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 10px;
}

.ai-card-img {
	max-width: 30px;
	width: 100%;
	height: 30px;
	border-radius: 100px;
	overflow: hidden;
}

.ai-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ai-inner-content h5 {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 4px;
}

.ai-inner-content p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 16.8px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}

.eyanna-card-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin-bottom: 0;
}

.eyanna-card-header h5 {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.eyanna-card-body {
	background-color: rgba(247, 248, 250, 1);
	border-radius: 8px;
	padding: 14px;
}

.eyanna-card-body .ai-inner-content p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 8px;
	text-transform: capitalize;
}

.composer-btn {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 20px;
	padding: 12px 20px;
	width: 100%;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	transition: all .4s ease-in-out;
}

.composer-btn:hover {
	background-color: rgba(32, 32, 32, 1);
	border-color: transparent;
	color: #fff;
	transition: all .4s ease-in-out;
}

.product-card-box {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: flex-start;
}

.product-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 15px;
}

.product-card-header h4 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.product-card-header h4 span {
	font-size: 12px;
	font-weight: 500;
}

.product-card-header .filter-icon {
	color: rgba(117, 123, 126, 1);
	font-size: 18px;
	line-height: 1;
}

.product-card-body .form-check {
	background-color: rgba(247, 247, 247, 1);
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 10px;
	padding: 7px 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 144px;
}

.product-card-body .form-check .form-check-input {
	position: absolute;
	right: 8px;
	top: 8px;
	border-color: rgba(32, 32, 32, .5);
	width: 12px;
	height: 12px;
	border-radius: 2px;
	margin-top: 0;
}

.product-card-img {
	width: 100%;
	height: 100%;
}

.product-details-box {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	height: 100%;
	gap: 12px;
	flex-direction: column;
}

.product-details-info h4 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.product-details-info p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.chat-section .chat-list li:last-child {
	margin-bottom: 0px;
}

/* ============= */

.inner-page-wrapper .container-fluid {
	min-height: calc(100vh - 70px);
}

#main-wrapper[data-layout=horizontal] .inner-left-sidebar.left-sidebar[data-sidebarbg=skin5], 
#main-wrapper[data-layout=vertical] .inner-left-sidebar.left-sidebar[data-sidebarbg=skin5] {
	background-color: #fff;
}

.section-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 1rem;
}

.section-title h3 {
	font-family: 'Poppins';
	font-size: 22px;
	font-weight: 600;
	line-height: 26.4px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.thank-you-title h2 {
	font-family: 'Poppins';
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.thank-you-title p {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.section-title h3 span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.01em;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: block;
}

.box-top-title {
	margin-bottom: 20px;
}

.box-top-title h4 {
	font-family: 'Poppins';
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-align: left;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 0;
}

.box-top-title a {
	padding: 15px 28px;
}

.chat-list-box {
	background-color: #fff;
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 20px;
	padding: 20px 30px;
}

.inner-page-wrapper .top-title {
	margin-bottom: 25px;
}

.inner-page-wrapper .top-title h3 {
	font-family: 'Poppins';
	font-size: 28px;
	font-weight: 600;
	line-height: 42px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.agent-chat-list {
	background-color: transparent;
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 20px;
	padding: 10px;
}
.agent-chat {
	margin-bottom: 20px;
}

.inner-page-wrapper .agent-chat .top-title {
	margin-bottom: 15px;
}

.agent-chat:last-child {
	margin-bottom: 0;
}

.agent-chat-list figure {
	margin: 0;
	position: relative;
	height: 100%;
}

.agent-chat-list .chat-col {
	position: relative;
	height: 100%;
}

.ai-chat-box .agent-chat-list .chat-col:nth-of-type(4n) .divider{
	display: none;
}

.human-chat-box .agent-chat-list .chat-col:nth-of-type(3n) .divider{
	display: none;
}

.agent-chat-list .divider {
	position: absolute;
	right: 0;
	width: 1px;
	top: 15px;
	height: 62px;
	display: block;
	background-color:rgba(194, 194, 194, 1);
	display: none;
}

.agent-chat-list .chat-col:last-child .divider{
	display: none;
}

.agent-chat-card {
	background-color: transparent;
	border-radius: 15px;
	padding: 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	transition: all .4s ease-in-out;
	width: 100%;
	height: 100%;
}

.agent-chat-card:hover {
	background-color: rgba(234, 239, 244, 1);
	transition: all .4s ease-in-out;
}

.agent-chat-card .chat-card-img {
	max-width: 41px;
	width: 100%;
	height: 41px;
	overflow: hidden;
	margin-bottom: 0;
}

.agent-chat-card .chat-card-img img {
	width: auto;
	height: auto;
}

.agent-chat-card .chat-card-img .light-icon {
	display: block;
}

.agent-chat-card .chat-card-img .dark-icon {
	display: none;
}

.chat-card-body h4 {
	font-family: 'Poppins';
	font-size: 35px;
	font-weight: 600;
	line-height: 26px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 5px;
}

.chat-card-body p {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}

.right-chat-list .box-tab {
	max-width: 370px;
	width: 100%;
}

.right-chat-list .box-tab .nav-pills {
	margin-bottom: 20px;
}

.chat-active-list-box {
	border: 1px solid rgba(228, 228, 228, 1);
	background-color: transparent;
	border-radius: 20px;
	height: 850px;
	padding: 30px 0;
}

.chat-activity-box {
	height: calc(850px - 55px);
	padding: 0 30px;
}

.chat-widget {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 13px;
	width: 100%;
}

.chat-widget-img {
	background-color: rgba(229, 232, 234, 1);
	max-width: 42px;
	width: 100%;
	height: 42px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.chat-widget-img .user_img {
	width: 100%;
}

.chat-widget-img .web_icon {
	position: absolute;
	right: -4px;
	bottom: -3px;
}

.chat-figure-body .chat-widget .chat-widget-body {
	padding-bottom: 25px;
	width: 100%;
	border-bottom: 1px solid rgba(194, 194, 194, 1);
}

.chat-figure-body .chat-widget:first-child .chat-widget-body {
	padding-bottom: 0;
	border-bottom: 0;
}

.widget-top-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
	margin-bottom: 4px;
}

.widget-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 25px;
	width: auto;
}

.widget-title h4 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.widget-title h5 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	text-transform: capitalize;
}

.widget-right-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	width: auto;
}

.inner-box-content {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	position: relative;
	padding-right: 1rem;
}

.inner-box-content span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: block;
	margin: 0;
}

.chat-sedule-info p::after,
.inner-box-content::after {
	content: '|';
	position: absolute;
	right: 0;
	color: #C2C2C2;
}

.chat-sedule-info p:last-child::after,
.widget-right-box .inner-box-content:last-child::after {
	display: none;
}

.inner-box-content .light-icon {
	display: block;
}

.inner-box-content .dark-icon {
	display: none;
}

.chat-sedule-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin-bottom: 12px;
}

.chat-sedule-info p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	position: relative;
	padding-right: 1rem;
}

.chat-sedule-info p span {
	color:  rgba(118, 117, 129, 1);
	font-weight: 600;
}

.chat-widget-body .widget-title p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 12px;
}

.chat-tag-box p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
}

.chat-tag-box p span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	padding: 6px 1rem;
	border-radius: 100px;
	display: block;
	background-color: #EAEBEF;
}

.chat-figure-body {
	margin-bottom: 20px;
}

.chat-summary-btns {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: 14px;
	
}

.summary-btn {
	background-color: rgba(235, 87, 87, 0.1);
	padding: 7px 1rem 4px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	text-align: left;
	color: rgba(235, 87, 87, 1);
	border: 1px solid rgba(235, 87, 87, 1);
	border-radius: 100px;
	transition: all .4s ease-in-out;
}

.summary-btn:hover {
	/* font-weight: 600;
	color: rgba(235, 87, 87, 1); */
	background-color: rgba(235, 87, 87, 1);
	color: #fff;
	border-color: transparent;
	transition: all .4s ease-in-out;
}

.chat-top-filter-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
	padding: 20px 30px;
	background-color: #fff;
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 20px 20px 0 0;
}

.chat-top-filter-box h3 {
	font-family: 'Poppins';
	font-size: 22px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	color: rgba(24, 24, 25, 1);
	margin-bottom: 0;
	width: auto;
}

.right-filter-tools {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 50px;
	width: auto;
}

.left-tools,
.right-tools {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
	width: auto;
}

.right-filter-tools .filter-box .input-group {
	max-width: 260px;
	width: 100%;
}

.chat-dropdown {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
	width: auto;
}

.chat-dropdown button {
	background-color: transparent;
	border: 0;
	padding: 0;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 16.8px;
	text-align: left;
	color: rgba(52, 58, 64, 1);
}

.adv-filter-box button {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 16.8px;
	text-align: left;
}

.adv-filter-box {
	color: rgba(52, 58, 64, 1);
	line-height: 1;
	display: flex;
	gap: 5px;
	justify-content: flex-start;
	align-items: center;
}

.actions-btn {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
	width: auto;
}

.actions-btn a {
	line-height: 1;
	font-size: 1rem;
	color: rgba(117, 123, 126, 1);
	width: 34px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background-color: transparent;
}
.actions-btn a:hover,
.actions-btn a.select {
	background-color: rgba(35, 51, 64, 0.1);
	color: rgba(52, 58, 64, 1);
}

.right-btns {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
	width: auto;
}

.add-btn,
.right-btns .add-btn {
	background-color: rgba(187, 36, 41, 1);
	border-radius: 100px;
	padding: 10px 16px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	color: rgba(255, 255, 255, 1);
}

.swal2-popup .swal2-actions .swal2-styled.swal2-confirm
	{
		background-color: rgba(187, 36, 41, 1);
		border-radius: 100px;
		padding: 16px 16px;
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		text-align: center;
		color: rgba(255, 255, 255, 1);
	}

		.swal2-popup .swal2-actions .swal2-styled.swal2-confirm:hover,
		.add-btn:hover,
		.right-btns .add-btn:hover {
			background-color: rgba(35, 51, 64, 1);
			color: rgba(255, 255, 255, 1);
		}

		
.swal2-popup .swal2-actions .swal2-styled.swal2-cancel {
	background-color: transparent;
	border: 1px solid rgba(32, 32, 32, 1);
	border-radius: 100px;
	padding: 10px 16px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color: rgba(32, 32, 32, 1);
}

	.swal2-popup .swal2-actions .swal2-styled.swal2-cancel:hover {
		background-color: rgba(32, 32, 32, 1);
		color: rgba(255, 255, 255, 1);
	}

.right-btns a {
	color: rgba(35, 51, 64, 1);
	line-height: 1;
}

.table.dataTable {
	border-spacing: 0 7px! important;
	border-collapse: separate! important;
	margin-top: 0! important;
	margin-bottom: 0! important;
	border-top: 0! important;
	padding: 30px 30px 20px;
	background-color: #fff;
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 0 0 20px 20px;
}

.fixed-table-header .table.dataTable {
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0 15px 0 0;
}

.tab-inner-details .table.dataTable {
	padding: 0;
	border: none;
	background-color: transparent;
	border-radius: 0;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover, 
table.dataTable thead > tr > th.dt-orderable-desc:hover, 
table.dataTable thead > tr > td.dt-orderable-asc:hover, 
table.dataTable thead > tr > td.dt-orderable-desc:hover {
	outline: 0;
	outline-offset: 0;
}

.chat-table thead {
	background: rgba(248, 251, 255, 1);
	height: 50px;
}

.chat-table tbody tr td,
.chat-table thead tr {
	border: none! important;
}

.chat-table tbody tr td:first-child,
.chat-table thead tr th:first-child {
	border-left-color: rgba(234, 239, 244, 1)! important;
}

.chat-table thead tr th:last-child .dt-column-order,
.chat-table thead tr th:first-child .dt-column-order {
	display: none;
}

.chat-table thead tr th .dt-column-order::before,
.chat-table thead tr th .dt-column-order::after {
	color:  rgba(118, 117, 129, 1);
	font-size: 9px! important;
	line-height: 1! important;
	opacity: .8! important;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, 
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, 
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, 
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
	opacity: 1! important;
	color: rgba(187, 36, 41, 1)! important;
}

.chat-table thead tr th:last-child {
	cursor: default! important;
	border-radius: 0 10px 10px 0;
}

.chat-table thead tr th:first-child {
	cursor: default! important;
	border-radius: 10px 0 0 10px;
	text-align: center;
	padding: 8px 10px! important;
}

.robotic-data-table .chat-table tbody tr td:first-child,
.robotic-data-table .chat-table thead tr th:first-child {
	text-align: left;
}

.robotic-data-table .chat-table tbody tr td:last-child,
.robotic-data-table .chat-table thead tr th:last-child {
	text-align: right;
}

.robotic-data-table .chat-table tbody tr td {
	font-size: 14px;
}

.chat-table tbody tr td:last-child {
	border-radius: 0 10px 10px 0;
	text-align: center;
}

.chat-table thead tr th:last-child {
	text-align: center;
}

.role-table tbody tr td:last-child,
.role-table thead tr th:last-child {
	text-align: right !important;
}
.role-table thead tr th:first-child {
  text-align: left;
}

.chat-table tbody tr th:first-child,
.chat-table tbody tr td:first-child {
	border-radius: 10px 0 0 10px;
	text-align: center;
	border-left-color: rgba(234, 239, 244, 1)! important;
}

.chat-table thead tr th {
	border: 1px solid rgba(234, 239, 244, 1)! important;
	border-left-color: transparent! important;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.chat-list-right-box .chat-table tbody tr td {
	font-weight: 500;
}

.chat-table tbody tr th,
.chat-table tbody tr td {
	border: 1px solid rgba(234, 239, 244, 1) !important;
	border-left-color: transparent !important;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.chat-table tbody tr td a {
	color: #000;
	text-decoration: none!important;
	text-transform: capitalize;
	font-family: 'Poppins';
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 0;
	font-weight: 500;
}

.chat-table tbody tr td a:last-child {
	margin-bottom: 0;
}

.chat-table tbody tr td a:hover {
	text-decoration: underline !important;
}

.chat-table tbody tr td a.btn:hover {
	text-decoration: none! important;
}

.chat-table tbody tr td a.details-btn {
	font-size: 14px;
	font-weight: 400;
}

.chat-table tbody tr th {
	font-weight: 600;
	color: #202020;
}

.chat-table tbody tr td .user-name {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	width: 100%;
}

.chat-table tbody tr td .user-name img {
	width: 32px;
	height: 32px;
	border-radius: 100px;
	background-color: rgba(234, 239, 244, 1);
}

.company-chat-table.chat-table tbody tr td .user-name span.img-box {
	width: 22px;
	height: 22px;
}

.company-chat-table.chat-table tbody tr td:last-child {
	text-align: left;
}

.company-chat-table tbody tr td .user-name img {
	width: 20px;
	height: 20px;
}

.chat-table tbody tr td .user-name span.img-box {
	width: 32px;
	height: 32px;
	border-radius: 100px;
	background-color: rgba(234, 239, 244, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 700;
	line-height: 10px;
	text-align: center;
	color:  rgba(118, 117, 129, 1);
}

.status-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	width: 100%;
}

.status-box i {
	color: rgba(201, 208, 216, 1);
}

.status-box.active i {
	color: rgba(18, 183, 105, 1);
}

.details-btn {
	border: 1px solid rgba(35, 51, 64, 1);
	padding: 5px 20px;
	background-color: transparent;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: center;
	color: rgba(35, 51, 64, 1);   
	border-radius: 100px;
	transition: all .4s ease-in-out;
}

.details-btn:hover {
	background-color: rgba(187, 36, 41, 1);
	border-color: transparent;
	color: #fff;
	transition: all .4s ease-in-out;
}

.chat-table tbody tr td:last-child {
	text-align: center;
}

.contact-box .box-tab {
	max-width: 300px;
	width: 100%;
}

.contact-box .box-tab .nav-pills {
	margin-bottom: 0;
}

.contact-box .box-tab .nav-pills .nav-link {
	padding: 5px 4px;
}

.contact-box .deal-box-tab .nav-pills .nav-link {
	padding: 5px 20px;
}

.chat-table thead tr th {
	width: auto! important;
}

.dt-container .top,
.dt-search {
	display: none;
}

.fixed-table-header {
	background-color: #fff;
	border: 1px solid rgba(228, 228, 228, 1);
	border-top: 0;
	border-radius: 0 0 20px 20px;
	padding: 30px 0px 20px 30px;
}

.fixed-table-header .bottom {
	padding: 0 30px 0 0;
}

.fixed-table-header .table-wrapper {
	height: calc(100vh - 310px);
}

.fixed-table-header .table-wrapper {
	height: calc(100vh - 310px);
	/* height: calc(100vh - 245px); */
	/* height: calc(100vh - 320px); */
	/* border: 1px solid var(--borderColor); */
	overflow: auto;
	}

	.fixed-table-header .table-wrapper table thead {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}

	.fixed-table-header .table-wrapper table tbody {
		font-size: 14px;
	}

	.fixed-table-header .table-wrapper table th, 
	.fixed-table-header .table-wrapper table td {
		padding: 10px;
		white-space: nowrap;
		border-bottom: 1px solid var(--borderColor);
		width: auto;
	}

	.fixed-table-header .table-wrapper table tbody tr:last-child td {
		border-bottom: none;
	}

	.fixed-table-header .table-wrapper table thead tr {
		position: sticky;
		top: 0;
		z-index: 1;
		background: #fff;
		/* box-shadow: 0 0 6px rgba(0,0,0,0.25); */
	}

	.fixed-table-header .table-wrapper table thead tr th:first-child,
	.fixed-table-header .table-wrapper table tbody tr td:first-child {
		position: sticky;
		left: 0;
		background: var(--stickyBackground);
		text-align: left;
	}

	.fixed-table-header .table-wrapper table thead tr th:first-child {
		z-index: 1;
	}

	.fixed-table-header .table-wrapper table thead tr th:first-child::after,
	.fixed-table-header .table-wrapper table tbody tr td:first-child::after {
		content: "";
		position: absolute;
		right: -6px;
		top: 0;
		bottom: -1px;
		width: 5px;
	}

	.fixed-table-header .table-wrapper table th:first-child::before,
	.fixed-table-header .table-wrapper table td:first-child::before {
		content: "";
		position: absolute;
		left: -6px;
		top: 0;
		bottom: -1px;
		width: 5px;
	}

.agent-chat-lists .bottom {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 20px;
	margin-top: 20px;
	flex-wrap: wrap;
}

.agent-chat-lists .sticky-top {
	z-index: 1;
}

.dt-length {
	width: 25%;
}

.dt-length label {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: left;
	color: rgba(52, 58, 64, 1);
	width: 100%;
}

div.dt-container .dt-length .dt-input {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(234, 239, 244, 1);
	border-radius: 20px;
	padding: 5px 10px;
	width: 100%! important;
	max-width: 70px;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: left;
	color: rgba(52, 58, 64, 1);
}

div.dt-container .dt-paging .dt-paging-button:hover,
div.dt-container .dt-paging .dt-paging-button.current, 
div.dt-container .dt-paging .dt-paging-button.current:hover {
	background: rgba(35, 51, 64, 1);
	color: #fff! important;
}

div.dt-container .dt-paging .dt-paging-button {
	background-color: rgba(35, 51, 64, 0.1);
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: center;
	color:  rgba(27, 27, 32, 1)! important;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 42px;
	margin: 0;
}

div.dt-container .dt-paging .dt-paging-button.previous,
div.dt-container .dt-paging .dt-paging-button.first,
div.dt-container .dt-paging .dt-paging-button.last,
div.dt-container .dt-paging .dt-paging-button.next {
	background-color: transparent! important;
	color: rgba(123, 127, 152, 1)! important;
	font-size: 22px;
	padding: 0;
	width: auto;
	height: auto;
	line-height: 1;
}

div.dt-container .dt-paging .dt-paging-button.next:hover,
div.dt-container .dt-paging .dt-paging-button.last:hover,
div.dt-container .dt-paging .dt-paging-button.first:hover,
div.dt-container .dt-paging .dt-paging-button.previous:hover {
	background: transparent! important;
	color: rgba(35, 51, 64, 1)! important;
	border: 0;
}

div.dt-container .dt-paging {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 6px;
}

.dt-scroll-foot {
	display: none;
}

div.dt-container.dt-empty-footer .dt-scroll-body {
	border-bottom: none;
}

table.dataTable th.dt-type-numeric, 
table.dataTable th.dt-type-date, 
table.dataTable td.dt-type-numeric, 
table.dataTable td.dt-type-date {
	text-align: left;
}

.add-modal .modal-dialog {
	max-width: 872px;
}

.add-modal .modal-content {
	border: 1px solid rgba(224, 224, 224, 1);
	box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}

.add-modal .modal-header {
	padding: 16px 30px;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.add-modal .modal-header .modal-title {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.add-modal .inner-details-tab {
	padding: 0;
}

.add-modal .inner-tab-box {
	margin: 0;
	padding: 3px 4px;
}

.add-modal .inner-tab-box .nav-pills .nav-link {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	padding: 2px 13px;
}

.add-modal .modal-body {
	padding: 30px;
}

.agent-form .form-group .form-label {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	margin-bottom: 13px;
	color:  rgba(27, 27, 32, 1);
	display: block;
}

.agent-form .form-group .form-control.form-select:focus,
.agent-form .form-group .form-control.form-select,
.agent-form .form-group .form-control::placeholder {
	color:  rgba(118, 117, 129, 1);
}

.agent-form .form-group .form-control:focus {
	border-color: rgba(117, 123, 126, 1);
	box-shadow: none;
	color:  rgba(27, 27, 32, 1);
	background-color: transparent;
}

.agent-form .form-group .form-control {
	border: 1px solid rgba(201, 201, 201, 1);
	background-color: transparent;
	border-radius: 100px;
	padding: 12px 20px 13px;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	height: 52px;
	width: 100%;
}

.agent-form .form-group textarea.form-control {
	border-radius: 15px !important;
}

.agent-form .form-group .form-check {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	padding: 0;
	width: 100%;
	margin-bottom: 13px;
}

.agent-form .form-group .form-check .form-check-card {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.agent-form .form-group .form-check .form-check-card img {
	width: 100%;
	max-width: 24px;
	height: 24px;
}

.agent-form .form-group .form-check .form-check-body h5 {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 2px;
	text-transform: capitalize;
}

.form-check-body span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: block;
}


.agent-form .card .img-preview {
	background-color: rgba(35, 51, 64, 0.02);
	border: 1px dashed rgba(201, 201, 201, 1);
	border-radius: 20px;
	height: 120px;
}

	.agent-form .card .img-preview .input-img.form-control[type="file"] {
		padding: 0;
	}

	.agent-form .card.dropzone {
		background: transparent;
	}

	.agent-form .card .yes {
		display: block;
		position: relative;
		text-align: center;
		/* max-width: 160px; */
		margin: 0 auto;
		width: 100%;
		height: 100%;
	}

	.agent-form .card .input-img.form-control[type="file"] {
		position: absolute;
		top: 0;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}

	.agent-form .card .upload-img {
		height: 100%;
		object-fit: scale-down;
		width: 100%;
		max-width: 205px;
	}

	.agent-form .card .close-btn {
		display: none;
	}
	
	.agent-form .card .close-btn.rmv_1,
	.agent-form .card .close-btn.rmv {
		cursor: pointer;
		color: #000;
		border-radius: 50px;
		border: 1px solid #fff;
		display: inline-block;
		padding: 0;
	}

	.agent-form .card .btn-rmv_1, 
	.agent-form .card .btn-rmv1, 
	.agent-form .card .close-btn {
		position: absolute;
		right: 0;
		top: 0;
		color: #000;
		font-size: 18px;
		opacity: 1;
		background: #fff;
		line-height: 15px;
		border-radius: 50%;
		cursor: pointer;
	}

	.agent-form .add-btn {
		max-width: 146px;
		padding: 15px 20px;
		width: 100%;
		text-align: center;
	}

	.agent-form .more-btn {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 500;
		line-height: 19.2px;
		text-align: left;
		color: rgba(35, 51, 64, 1);
		width: 100%;
		background-color: transparent;
		text-decoration: underline;
		padding: 0;
	}

	.chat-dropdown .dropdown-menu {
		padding: 0;
	}

	.inner-section-title {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 60px;
		width: auto;
	}

	.breadcrumb li {
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 600;
		line-height: 21px;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
		text-transform: capitalize;
	}

	.breadcrumb-item.active {
		color:  rgba(27, 27, 32, 1);
	}

	.breadcrumb li a {
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 400;
		line-height: 21px;
		text-align: left;
		color:  rgba(118, 117, 129, 1);
	}

	.chat-details-box {
		padding: 30px;
	}

	.details-card-box {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 20px;
		width: 100%;
	}

	.details-card-box img {
		max-width: 60px;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.details-card-body h4 {
		font-family: 'Poppins';
		font-size: 18px;
		font-weight: 600;
		line-height: 22px;
		text-align: left;
		margin-bottom: 10px;
		color:  rgba(27, 27, 32, 1);
	}

	.details-card-body h5 a,
	.details-card-body h5 {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		text-align: left;
		color: rgba(27, 27, 32, 1);
		margin-bottom: 3px;
	}

	.details-card-body h5 a:hover {
		text-decoration: underline;
	}

	.details-card-body p {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		text-align: left;
		color: rgba(25, 35, 40, 1);
		margin-bottom: 0;
	}

	.details-card-body span {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
		color:  rgba(118, 117, 129, 1);
		display: block;
	}

	.right-details-box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1rem;
		width: 100%;
	}

	.performance-box {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 20px;
		width: auto;
	}

	.performance-details {
		border: 2px solid rgba(7, 177, 81, 1);
		background-color: transparent;
		border-radius: 10px;
		padding: 4px 1rem;
		height: 60px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}

	.performance-details h5 {
		font-family: 'Poppins';
		font-size: 18px;
		font-weight: 700;
		line-height: 27px;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
		margin-bottom: 0;
	}

	.performance-details span {
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 400;
		line-height: 21px;
		text-align: left;
		color:  rgba(118, 117, 129, 1);
		text-transform: capitalize;
	}

	.target-details {
		border-color: rgba(226, 150, 25, 1);
	}

	/* ==== */
	.chat-btns {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		width: 100%;
	}

	.chat-start-card-box {
		max-width: 340px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.chat-start-card-box img {
		max-width: 62px;
		width: 100%;
		height: 62px;
		object-fit: cover;
		margin: 0 auto;
	}

	.chat-start-card-body p {
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 500;
		line-height: 21px;
		text-align: center;
		color:  rgba(118, 117, 129, 1);
		margin-bottom: 20px;
	}

	.chat-btns button {
		max-width: 164px;
		width: 100%;
		height: 45px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.top-details-box {
		padding: 30px;
	}

	.contact-info {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: auto;
		gap: 50px;
	}

	.contact-info-icons {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 25px;
		width: auto;
	}

	.contact-info-icons a {
		width: 22px;
		height: 22px;
		display: block;
		line-height: 1;
	}

	.edits-action-btn a img,
	.contact-info-icons a img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.edits-action-btn {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 25px;
		width: auto;
	}

	.edits-action-btn a {
		width: 20px;
		height: 20px;
		display: block;
		line-height: 1;
	}

	.contact-info-icons a .dark-icon {
		display: none;
	}

	.details-tab-box .box-tab {
		padding: 14px 30px 13px;
		border-top: 1px solid rgba(228, 228, 228, 1);
		border-bottom: 1px solid rgba(228, 228, 228, 1);
		margin-bottom: 14px;
	}

	.details-tab-box .box-tab .nav-pills {
		gap: 30px;
	}

	.details-tab-box .box-tab .nav-pills .nav-link {
		padding: 0 22px 6px;
		font-family: 'Poppins';
		font-size: 18px;
		font-weight: 600;
		line-height: 27px;
		text-align: center;
		color: rgba(35, 51, 64, 1);
	}

	.overview-inner-content {
		padding: 0 30px 30px;
	}
/* 
	.overview-inner-content .m_appoinment-box-wrapper {
		min-height: calc(100vh - 317px);
	} */

	.overview-inner-content .dashboard-card-box {
		max-width: 220px;
		padding: 15px;
		min-height: 90px;
		border-radius: 10px;
	}

		.hub-card-box:hover,
		.overview-card:hover,
		.dashboard-card-box:hover,
		.overview-inner-content .dashboard-card-box:hover {
			border-color: rgba(18, 184, 105, 1);
		}

	.overview-inner-content .dashboard-card-box p {
		margin-bottom: 0;
	}

	.details-tab-content .table-title {
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(234, 239, 244, 1);
	}

	.contect-details-content .tab-accordion-box .accordion-item {
		max-width: 100%;
	}

	.overview-inner-content .dashboard-card-box h4 {
		font-size: 16px;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.content-title-box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1rem;
		width: 100%;
		margin-bottom: 20px;
	}

	.overview-inner-content h4 {
		font-family: 'Poppins';
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
		margin-bottom: 0;
	}

	.overview-inner-content .inner-tab-box {
		padding: 5px;
	}

	.overview-inner-content .inner-tab-box .nav-pills .nav-link {
		padding: 8px 15px;
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
		text-align: center;
		color:  rgba(27, 27, 32, 1);
	}

	.overview-avg-content-box {
		margin-bottom: 30px;
	}

	.overview-card {
		background-color: rgba(239, 255, 247, 1);
		border-radius: 1rem;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
		gap: 20px;
		width: 100%;
		padding: 20px 20px;
	}

	.overview-card.goal-card {
		background-color: rgba(255, 247, 234, 1);
	}

	.overview-card.calls-card {
		background-color: rgba(237, 244, 255, 1);
	}

	.overview-card.deal-card {
		background-color: rgba(231, 229, 255, 1);
	}

	.overview-card.satisfaction-card {
		background-color: rgba(235, 254, 255, 1);
	}

	.overview-card.forward-card {
		background-color: rgba(255, 238, 237, 1);
	}

	.overview-card .overview-card-img {
		max-width: 54px;
		width: 100%;
		height: 54px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 4px;
	}

	.overview-card .overview-card-img img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.overview-card-body h2 {
		font-family: 'Poppins';
		font-size: 40px;
		font-weight: 600;
		line-height: 1;
		text-align: left;
		color: rgba(32, 34, 36, 1);
		margin-bottom: 8px;
	}

	.overview-card-body p {
		margin-bottom: 0;
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
	}

	.seals-status-box h4 {
		margin-bottom: 20px;
	}

	.seals-value-box {
		background-color: transparent;
		border: 1px solid rgba(228, 228, 228, 1);
		border-radius: 20px;
		width: 100%;
		padding: 20px 30px;
		margin-bottom: 20px;
	}
/*     
	.seals-value-box:last-child {
		margin-bottom: 0;
	} */

	/* ==== */
	
.range_container {
	--_marker-border-clr: rgba(186, 34, 40, 1);
	--_marker-size: 1rem;
	--_track-heigt: 1rem;
	--_tooltip-bg-clr: rgba(0, 0, 0, 0.4);
	--_tooltip-txt-clr: var(--_marker-border-clr);
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
}

.sliders_control {
	position: relative;
	height: 1rem;
	margin-top: 30px;
}

.rang-value-info {
	position: absolute;
	top: -30px;
	right: 0;
}

.rang-value-info span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 16.8px;
	letter-spacing: -0.01em;
	text-align: right;
	color: rgba(63, 75, 86, 1);
}

.slider-tooltip {
	position: absolute;
	top: -30px;
	left: 0;
	width: fit-content;
	background-color: #fff;
	color:  rgba(27, 27, 32, 1);
	border-radius: 4px;
	padding: 0;
	text-align: center;
	translate: -50% 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	letter-spacing: -0.01em;
	
}

.slider-tooltip::before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	translate: -50% 0;
	width: 6px;
	height: 6px;
	rotate: 45deg;
	z-index: -1;
	background-color: rgba(186, 34, 40, 1);
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	pointer-events: all;
	width: 20px;
	height: 20px;
	background-color: rgba(186, 34, 40, 1);
	border-radius: 50%;
	box-shadow: 0 0 0 1px #fff;
	cursor: pointer;
	border: 1px solid #fff;
}

input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	pointer-events: all;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #fff;
	cursor: pointer;
	border: 1px solid #fff;
}

input[type=range]::-webkit-slider-thumb:hover {
	background: #000;
}

input[type=range]::-webkit-slider-thumb:active {
	box-shadow: inset 0 0 9px rgba(186, 34, 40, 1), 0 0 9px rgba(186, 34, 40, 1);
	-webkit-box-shadow: inset 0 0 9px rgba(186, 34, 40, 1), 0 0 9px rgba(186, 34, 40, 1);
}

input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	height: var(--_track-heigt);
	width: 100%;
	position: absolute;
	background: var(--_marker-border-clr);
	pointer-events: none;
	border-radius: 1rem;
}

.sliders_control > .fromSlider {
	height: 1rem;
	z-index: 1;
	background-color: transparent;
}
/* 
.scale {
	display: flex;
	justify-content: space-between;
	margin-top: 0;
	position: relative;
	width: calc(100% - var(--_marker-size));
	margin-inline: auto;
	font-size: 0.8rem;
}

.scale div {
	position: absolute;
	translate: -50% 0;
}

.scale div::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	translate: -50% -125%;
	width: 1px;
	height: 10px;
	background-color:#666;
} */

.range-value-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.rang-title h5 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 21.6px;
	letter-spacing: -0.01em;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin: 0;
}

/* ==== */
.right-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 50px;
}

.datepicker-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
	width: auto;
}

.datepicker-box .clumn-btn {
	display: block;
	width: 1rem;
	height: 1rem;
	line-height: 1;
}

.input-group-text img {
	width: 22px;
	height: auto;
}

.datepicker-box .input-group .input-group-append {
	cursor: pointer;
  }

  .datepicker-dropdown {
	z-index: 200! important;
  }

  .datepicker-box .input-group {
	border-radius: 100px;
	background-color: transparent;
	border: 1px solid rgba(201, 201, 201, 1);
	padding: 8px 10px;
	max-width: 150px;
  }

  .datepicker-box .input-group .form-control {
	background-color: transparent;
	border: 0;
	padding: 0;
	height: auto;
  }

  .datepicker-box .input-group .input-group-text {
	padding: 0;
	background: transparent;
	border: none;
	height: auto;
  }

  .right-side-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
	gap: 12px;
  }

  .badge {
	background-color: rgba(235, 87, 87, 0.09);
	padding: 5px 20px;
	border-radius: 100px;
}

  .badge span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: rgba(235, 87, 87, 1);
}

.tab-inner-details .chat-table tbody tr td .details-btn {
	padding: 2px 20px;
}

.agent-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}

.agent-box img {
	margin-left: -5px;
}

.agent-box img:first-child {
	margin-left: 0;
}

.hub-list-box {
	min-height: calc(100vh - 110px);
	height: 100%;
}

.top-hub-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 20px;
	margin-bottom: 30px;
}

.top-hub-box .form-select-box {
	max-width: 386px;
	width: 100%;
}

.top-hub-box .form-select-box .form-select {
	background-color: transparent;
	border-radius: 100px;
	border: 1px solid rgba(201, 201, 201, 1);
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color: rgba(25, 35, 40, .6);
	padding: 14px 20px;
	width: 100%;
}

.top-hub-box .details-btn {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	text-align: center;
	padding: 10px 22px;
}
.hub-widget-box {
	margin-bottom: 30px;
}

.hub-widget-box > .row > .col > .hub-card-box {
	background-color: rgba(239, 255, 247, 1);
	border-radius: 1rem;
	padding: 20px 30px;
	height: 100%;
	display: flex;
	/* flex-direction: row-reverse; */
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	min-height: 170px;
	width: 100%;
}

.hub-widget-box > .row > .col > .hub-card-box .hub-card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	height: 100%;
}

.hub-widget-box > .row > .col:nth-child(2) > .hub-card-box {
	background-color: rgba(255, 247, 234, 1);
}

.hub-widget-box > .row > .col:nth-child(3) > .hub-card-box {
	background-color: rgba(235, 254, 255, 1);
}

.hub-widget-box > .row > .col:nth-child(4) > .hub-card-box {
	background-color: rgba(243, 242, 255, 1);
}


.hub-card-img img {
	width: auto;
	height: auto;
}

.hub-card-body h4 {
	font-family: 'Poppins';
	font-size: 40px;
	font-weight: 600;
	line-height: 40px;
	text-align: left;
	color: rgba(32, 34, 36, 1);
	margin-bottom: 20px;
}

.hub-card-body p {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}

.hub-product-list-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.hub-product-list-box .hub-product-card-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	max-width: 305px;
	border-radius: 15px;
	border: 1px solid rgba(32, 32, 32, 1);
	padding: 20px;
	gap: 20px;
	height: 100%;
	transition: all .4s ease-in-out;
}

.hub-product-list-box .hub-product-card-box .products-card-img {
	max-width: 40px;
	width: 100%;
}

.hub-right-box .inner-tab-content {
	padding: 0 20px 0 0;
	height: calc(100vh - 205px);
    overflow-x: hidden;
}

.hub-product-list-box .hub-product-card-box .products-card-img img {
	width: 100%;
}

.page-wrapper.show .hub-product-list-box .hub-product-card-box {
	max-width: 325px;
}

.hub-product-list-box .hub-folder-card-box {
	border-color: rgba(228, 228, 228, 1);
	transition: all .4s ease-in-out;
}

.hub-product-list-box .hub-product-card-box:hover,
.hub-product-list-box .hub-folder-card-box:hover {
	border-color: rgba(186, 34, 40, 1);
	transition: all .4s ease-in-out;
}

.hub-product-list-box .hub-folder-card-box .products-card-img {
	max-width: 44px;
	width: 100%;
}

.hub-product-list-box .hub-folder-card-box .products-card-img img {
	width: 100%;
}

.hub-product-list-box .hub-folder-card-box .products-card-body {
	width: 100%;
}

.hub-product-list-box .hub-product-card-box .products-card-body h5 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 3px;
	text-transform: capitalize;
	transition: all .4s ease-in-out;
}

.hub-product-list-box .hub-product-card-box:hover .products-card-body h5 {
	color: rgba(186, 34, 40, 1);
	transition: all .4s ease-in-out;
}

.hub-product-list-box .hub-product-card-box .products-card-body p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.hub-product-list-box .hub-product-card-box .products-card-body p span {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: right;
	color:  rgba(118, 117, 129, 1);
}

.left-col {
	border-right: 1px solid rgba(224, 224, 224, 1);
	height: 100%;
}

.hub-left-box {
	height: 100%;
}

.hub-right-box {
	height: 100%;
	padding: 20px 0px 20px 20px;
}

.hub-left-box .top-hub-box {
	padding: 20px 30px 0;
	margin-bottom: 0;
}

.hub-left-box .top-hub-box .top-hub-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.hub-left-box .top-hub-box .top-hub-title h3 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	text-transform: capitalize;
}

.hub-left-box .top-hub-box .top-hub-title h3 span {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.hub-product-list .nav .nav-link {
	background-color: transparent;
	padding: 15px 1rem;
	border-radius: 15px;
}

.hub-product-list .nav-pills .nav-link:hover,
.hub-product-list .nav-pills .nav-link.active, 
.hub-product-list .nav-pills .show>.nav-link {
	background-color: rgba(234, 239, 244, 1);
}


.hub-product-widget {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
	width: 100%;
	position: relative;
}

.product-widget-img {
	max-width: 35px;
	width: 100%;
	height: 35px;
}

.product-widget-img img {
	width: 100%;
	height: auto;
}

.product-widget-body {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.product-widget-body .product-widget-title h5 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	text-transform: capitalize;
	margin-bottom: 0;
}

.product-widget-body .product-widget-title span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: block;
}

.product-widget-body .token-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
	gap: 5px;
}

.product-widget-body .token-box span {
	display: block;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: right;
	color:  rgba(118, 117, 129, 1);
}

.dropdown-btn,
.product-widget-body .token-box .dropdown-btn {
	background-color: transparent;
	color: rgba(186, 186, 186, 1);
	padding: 0;
	font-size: 20px;
	line-height: 1;
}

.product-widget-body .token-box .dropdown-btn.dropdown-toggle::after {
	display: none;
}

.product-widget-body .token-box .dropdown .dropdown-menu li a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.hub-footer-box {
	padding: 20px;
}

.hub-footer-box .hub-product-list-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 10px;
	flex-wrap: nowrap;
}

.hub-footer-box .hub-product-list-box .hub-product-card-box {
	padding: 13px 20px;
	max-width: 190px;
	gap: 12px;
}

.hub-footer-box .hub-product-list-box .hub-product-card-box .products-card-body h5 {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 0;
}

.hub-footer-box .hub-product-list-box .hub-product-card-box .products-card-body p {
	line-height: 21px;
}

.inner-tab-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 20px;
	margin-bottom: 20px;
}

.inner-tab-title h5 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	margin-bottom: 0;
	color:  rgba(27, 27, 32, 1);
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 5px;
	text-transform: capitalize;
}

.inner-tab-title h5 span {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: block;
}

.inner-tab-content {
	padding: 20px 30px 0;
	height: calc(100vh - 210px);
}

.marketing-file-list {
	margin-bottom: 50px;
}

.marketing-file-list .file-card-box {
	position: relative;
	margin-bottom: 0;
	gap: 15px;
}

#AddNegativePromptContainer {
	width: 100%;
}

.marketing-file-list > .row > .col:last-child > .file-card-box::after,
.marketing-file-list > .row > .col:nth-child(4n) > .file-card-box::after {
	display: none;
}

.marketing-file-list .file-card-box::after {
	content: '';
	position: absolute;
	width: 1px;
	height: calc(100% - 20px);
	background-color: rgba(194, 194, 194, 1);
	right: 0;
	bottom: 0;
}

.top-dropdown-box {
	position: absolute;
	top: 25px;
	right: 1rem;
}

.top-dropdown-box .dropdown .dropdown-toggle.dropdown-btn {
	color: rgba(186, 186, 186, 1);
}

.marketing-file-list .file-card-box .card-img {
	max-width: 50px;
	width: 100%;
	height: auto;
}

.marketing-file-list .file-card-body {
	border-bottom: 0;
	padding-bottom: 0;
}

.marketing-file-list .file-card-body .doc-title-box h4 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 3px;
	max-width: 210px;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.marketing-file-list .file-card-body .doc-title-box span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: block;
}

.hub-product-box.hub-product-list-box .row {
	gap: 30px 0;
}
.hub-product-box.hub-product-list-box .hub-product-card-box {
	padding: 12px 1rem 12px 30px;
	border-color: rgba(32, 32, 32, 1);
	height: 100px;
	transition: all .4s ease-in-out;
}

.hub-product-box.hub-product-list-box .hub-product-card-box:hover {
	border-color: rgba(186, 34, 40, 1);
	transition: all .4s ease-in-out;
}

.hub-product-box.hub-product-list-box .hub-product-card-box .products-card-body h5 {
	margin-bottom: 0;
	text-transform: none;
}

.hub-product-box.hub-product-list-box .hub-product-card-box:hover .products-card-body h5 {
	color: rgba(186, 34, 40, 1);
}

.emoji-box.show {
	display: flex;
	
}

.emoji-box {
	display: none;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	position: absolute;
	right: 0;
}

.emoji-box a {
	display: block;
}

.summary-massage-icon,
.summary-massage-box {
	display: none;
}

.summary-massage-icon.show,
.summary-massage-box.show {
	display: block;
}

.activity-time span.unread-massage-box {
	display: flex;
	width: 23px;
	height: 14px;
	color: rgba(35, 51, 64, 1);
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	background-color: rgba(35, 51, 64, 0.14);
	border: 0.3px solid rgba(35, 51, 64, 1);
	font-family: 'Poppins';
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
}

.qus-card-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.qus-card-box .product-card-img {
	max-width: 66px;
	width: 100%;
	height: 66px;
	border-radius: 10px;
	border: 1px solid rgba(201, 201, 201, 1);
	background-color: transparent;
	padding: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.qus-card-box .product-card-img img {
	width: 100%;
	height: auto;
}

.qus-card-box .qus-badge {
	background-color: rgba(222, 224, 226, 1);
	max-width: 25px;
	width: 100%;
	height: 25px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
}

.qus-card-body h5 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}
.qus-card-body h4 {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 10px;
}

.qus-card-body h4 span {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
.qus-card-body p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.qus-list .nav .nav-link {
	padding: 17px 17px;
}

.qus-list .nav li {
	position: relative;
	margin-bottom: 0px;
}

.qus-list .nav li:last-child {
	margin-bottom: 0;
}

.qus-list .nav li::after {
	content: '';
	width: 100%;
	max-width: 485px;
	height: 1px;
	background-color: #E0E0E0;
	margin: 10px 0px 10px auto;
	position: absolute;
	right: 0;
}

.qus-list .nav li:last-child::after {
	display: none;
}

.qus-list-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	gap: 10px;
}

.qus-list-box .left-col {
	max-width: 500px;
	width: 100%;
	height: 100%;
	border-right: none;
}

.qus-list-box .right-col {
	border-left: 1px solid rgba(224, 224, 224, 1);
	height: calc(100vh - 112px);
	padding: 20px 30px;
}

.qus-list-box .right-col .inner-tab-title {
	padding: 0 0 20px! important;
}

.qus-right-box {
	padding: 0;
}

.qus-action-btn {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
	gap: 1rem;
}

.qus-action-btn a {
	display: block;
	width: 17px;
}

.qus-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 20px;
	margin-top: 3px;
	margin-bottom: 10px;
}

.qus-title h5 {
	margin-bottom: 0;
	line-height: 1;
}

.qus-discription p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 20px;
}

.qus-discription p:last-child {
	margin-bottom: 0;
}

/* ========= */
.chat-summary-top-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	gap: 20px;
	margin-bottom: 20px;
}

.chat-summary-title h4 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 5px;
}

.chat-summary-title span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: block;
}

.chat-summary-top-content p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.chat-summary-content h5 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 5px;
}

.chat-summary-content p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}
.chat-summary-content ul {
	position: relative;
	margin: 0;
	list-style-type: none;
	display: inline-block;
}

.chat-summary-content ul li {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	list-style-type: disc;
}

.chat-summary-content ul .more-btn {
	position: absolute;
	right: 1rem;
	bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	padding: 0;
}

.chat-summary-content ul .more-btn.show {
   position: static;
}

.chat-summary-list {
	margin-bottom: 40px;
}

.chat-summary-box-btns {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 1rem;
	width: 100%;
}

.chat-summary-action-btns {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	width: 50%;
}

.chat-summary-action-btns .form-group {
	width: 100%;
}

.chat-summary-action-btns .form-group label {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 10px;
}
.chat-summary-action-btns .form-group .form-control {
	border: 1px solid rgba(201, 201, 201, 1);
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	padding: 10px 20px;
	height: 46px;
	background-color: transparent;
	border-radius: 100px;
	width: 100%;
}

.chat-summary-action-btns a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	padding: 12px 30px;
	border: 1px solid rgba(35, 51, 64, 1);
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	color: rgba(35, 51, 64, 1);
	border-radius: 100px;
}

.chat-summary-action-btns a.save-btn {
	border-color: rgba(186, 34, 40, 1);
	color: rgba(186, 34, 40, 1);
}

.chat-summary-action-btns a:hover {
	border-color: rgba(186, 34, 40, 1);
	color: rgba(186, 34, 40, 1);
}

.chat-summary-footer-box h4 {
	font-family: Poppins;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 20px;
}

.chat-summary-mail-box {
	margin-bottom: 30px;
}

.mail-box {
	border-bottom: 1px solid rgba(224, 224, 224, 1);
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.mail-box:last-child {
	border-bottom: 0;
	padding: 0;
	margin: 0;
}

.mail-box p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 14px;
}

.mail-box p span {
	background-color: rgba(234, 235, 239, 1);
	border-radius: 100px;
	padding: 3px 15px 3px 4px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	gap: 9px;
}

.chat-mail-box {
	border: 1px solid rgba(200, 200, 200, 1);
	border-radius: 20px;
}

.mail-box a {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: inline-block;
}

.chat-mail-header-box {
	padding: 20px 30px;
	border-bottom: 1px solid rgba(200, 200, 200, 1);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.chat-mail-header-box p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: auto;
}

.chat-mail-header-box p span {
	font-weight: 600;
	color:  rgba(118, 117, 129, 1);
}

.mail-action-btns {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
	gap: 1rem;
}

.chat-mail-body {
	padding: 1rem 30px;
	position: relative;
}

.chat-mail-body p span,
.chat-mail-body p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.chat-mail-body p span {
	display: block;
}

.chat-mail-box .chat-mail-body p:last-child {
	margin-bottom: 0;
}

.chat-footer-body {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin-top: 20px;
}

.chat-footer-body a {
	max-width: 160px;
	width: 100%;
	text-align: center;
	padding: 10px 20px;
	height: 45px;
	line-height: 1.5;
}

/* ======= */
.qus-box {
	padding: 25px 30px;
}

.qus-form {
	max-width: 570px;
	width: 100%;
	position: relative;
}

.qus-form .form-group {
	margin-bottom: 25px;
	position: relative;
}

.qus-form .form-group:last-child {
	margin-bottom: 0;
}

.qus-form .form-group label {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 10px;
	display: block;
	text-transform: capitalize;
}

.qus-form .form-group .form-select {
	max-width: 300px;
	width: 100%;
}

.top-filter-box .form-control {
	border: 1px solid rgba(201, 201, 201, 1);
	background-color: transparent;
	padding: 10px 20px;
	border-radius: 100px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color: rgba(118, 117, 129, 1);
}

.qus-form .form-group .form-control {
	border: 1px solid rgba(201, 201, 201, 1);
	background-color: transparent;
	padding: 16px 23px;
	border-radius: 100px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}
.campaing-form.qus-form .form-group {
	margin-bottom: 20px;
}

.campaing-form.qus-form .form-group:last-child {
	margin-bottom: 0;
}

.campaing-form.qus-form .form-group .form-control {
	padding: 10px 20px;
}

.qus-form .form-group .form-control::placeholder {
	color:  rgba(118, 117, 129, 1);
}

.qus-form .form-group textarea.form-control {
	border-radius: 20px;
	resize: none;
}

.qus-form .form-group.action-btns button {
	padding: 14px 30px;
	height: 53px;
	text-transform: capitalize;
	text-align: center;
	max-width: 170px;
	width: 100%;
}

.qus-form .form-group .more-btn {
	padding: 0;
	width: auto;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	text-decoration: underline;
}

/* ======= */
.create-agent-box {
	min-height: calc(100vh - 110px);
	height: 100%;
}
.agent-content {
	height: calc(100% - 200px);
}
.create-agent-box .content-title-box {
	padding: 1rem 30px;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
	margin-bottom: 0;
}

.create-agent-box .overview-inner-content .inner-tab-box {
	padding: 3px 5px;
}

.create-agent-box .overview-inner-content .inner-tab-box .nav-pills .nav-link {
	padding: 3px 1rem;
	font-weight: 500;
	line-height: 22px;
}

.ai-tab-inner-details {
	padding: 30px;
	min-height: calc(100% - 200px);
	height: 100%;
}

.agent-form-box {
	min-height: 585px;
	height: 100%;
	position: relative;
}

.agent-form-box .form-group.action-btns {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.agent-form-box .form-group {
	margin-bottom: 20px;
	position: relative;
}

.agent-form-box >.row > .col:last-child > .form-group {
	margin-bottom: 0;
}

.agent-form-box .form-group label {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 10px;
	display: block;
}

.agent-form-box .form-group .form-control {
	border: 1px solid rgba(201, 201, 201, 1);
	background-color: transparent;
	padding: 10px 20px;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	border-radius: 100px;
	height: 52px;
}

.agent-form-box .form-group .form-control.form-select,
.agent-form-box .form-group .form-control::placeholder {
	color:  rgba(118, 117, 129, 1);

}

.agent-form-box .form-group .form-control:focus {
	border-color: rgba(117, 123, 126, 1);
}


.agent-form-box .form-group button {
	padding: 16px 30px;
	height: auto;
	font-size: 1rem;
	line-height: 1;
	text-transform: capitalize;
	text-align: center;
	max-width: 170px;
	width: 100%;
}
.more-btn,
.agent-form-box .form-group .more-btn {
	padding: 0;
	width: auto;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	text-decoration: underline;
}

.agent-right-box .agent-title {
	margin-bottom: 20px;
}

.agent-right-box .agent-title h4 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.agent-pipline-accordion-box .accordion-item {
	background-color: transparent;
	border-radius: 2rem;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid rgba(201, 201, 201, 1);
}

.agent-pipline-accordion-box .accordion-button:focus,
.agent-pipline-accordion-box .accordion-button {
	background-color: transparent;
	border-bottom: 1px solid rgba(201, 201, 201, 1);
	box-shadow: none;
	border-radius: 0;
}

.agent-pipline-accordion-box .accordion-button:focus{
	border-color: rgba(201, 201, 201, 1);
}

.agent-pipline-accordion-box .accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
	color:  rgba(27, 27, 32, 1);
}

.agent-pipline-accordion-box .accordion-button.collapsed {
	border-bottom: none;
	border-radius: 20px;
}

.agent-pipline-accordion-box .accordion-button p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	width: 100%;
}

.agent-pipline-accordion-box .accordion-button p span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: block;
}

.accordion-body-content h4 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 1rem;
}

.check-form .form-check {
	padding-left: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.check-form .form-check.all-check {
	margin-bottom: 20px;
	align-items: center;
}

.check-form .form-check .form-check-label span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.check-form .form-check .form-check-input {
	border-radius: 4px;
	border-color: rgba(153, 153, 153, 1);
	background-color: transparent;
}


/* .chat-list-table .form-check-input:checked[type=checkbox], */
.check-form .form-check .form-check-input:checked[type=checkbox] {
	background-image: url(../img/icon/check-box.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: none;
}

.hub-card-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.hub-card-img {
	max-width: 40px;
	width: 100%;
}

.hub-card-img img {
	width: 100%;
}

.hub-card-body h5 {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.hub-card-body span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.lang-list {
	position: absolute;
	width: 100%;
}

.lang-list .dropdown button {
	padding: 10px 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	height: auto;
	background-color: transparent;
	background-image: none;
}

.lang-list .dropdown button p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.lang-list .dropdown .dropdown-item {
	text-transform: capitalize;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.lang-list .dropdown .dropdown-item:hover {
	background-color: rgba(187, 36, 41, 1);
	color: #fff;
}

.lang-list .dropdown .dropdown-toggle::after {
	display: none;
}

.lang-list .dropdown button p span {
	font-family: 'Poppins';
	font-size: 13px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: none;
}

.lang-list .dropdown button:hover p span {
	display: block;
}

/* ======= */
.yes {
	display: block;
	position: relative;
	text-align: center;
	/* max-width: 160px; */
	margin: 0 auto;
	width: 100%;
	height: 100%;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	/* height: 390px;
	overflow-y: auto;
	overflow-x: hidden; */
}

.logo-dropzone {
	height: 100%;
	/* height: fit-content; */
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
}

.preview,
.it {
	height: 100%;
	width: 100%;
}

.up-img .it {
	width: 100%;
}

.preview.it {
	/* margin-bottom: 15px; */
	display: block;
	max-width: 100%;
	margin: 0 auto 15px;
	width: 100%;
	height: 100%;
}

.btn-cng {
	display: none;
}

.card-dropzone .dropzone .img-preview {
	background: rgba(35, 51, 64, 0.02);
	border: 1px dashed rgba(201, 201, 201, 1);
	width: 100%;
	min-height: 170px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
}


.img-preview {
	background: #fff;
	border-radius: 0;
	height: 230px;
	overflow-y: hidden;
	overflow-x: hidden;
	width: 100%;
	margin-top: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px;
	border: 1.5px solid rgba(234, 239, 244, 1)
}

.upload-img {
	height: 100%;
	object-fit: cover;
	width: auto;
}

	.upload-img.it {
		object-fit: cover;
		width: 100%;
		height: 170px;
		object-position: 0 14%;
	}

	.qus-form .yes {
		padding: 1rem;
	}

	.qus-form .upload-img.it {
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}

.close-btn.it {
	margin-bottom: 15px;
	display: block;
}

.close-btn {
	display: none;
}
	/* .close-btn.btn-rmv_1,
  .close-btn.btn-rmv1 {
	display: none;
  } */

  .close-btn.rmv,
  .agent-form-box .form-group button.close-btn.rmv {
		cursor: pointer;
		color: #000;
		border-radius: 50px;
		border: 1px solid #fff;
		display: inline-block;
		padding: 0;
		background: transparent;
		height: auto;
		width: auto;
		position: absolute;
		top: 0;
		right: 0;
		border: 0;
		line-height: 1;
	}

		.close-btn.rmv:hover {
			color: rgba(215, 0, 6, 1);
		}

		.input-img.form-control[type="file"] {
			position: absolute;
			top: 0;
			height: 100%;
			opacity: 0;
			cursor: pointer;
			/* background-image: url(../images/icons/cloud_upload1.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: auto;
			width: 250px;
			height: 250px; */
		}

		.calender-section {
			height: 100vh;
			background-color: rgba(248, 251, 255, 1);
		}

		.calender-section .container {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
		}

		.calender-box {
			background-color: rgba(255, 255, 255, 1);
			border: 1px solid rgba(224, 224, 224, 1);
			max-width: 1010px;
			width: 100%;
			border-radius: 20px;
			margin: 0 auto;
			position: relative;
			height: auto;
			overflow: hidden;
		}

		.calender-box .user-calender-box {
			padding: 100px 40px 40px;
			display: block;
		}

		.calender-box .user-calender-box.hide {
			display: none;
		}

		.calender-box .schedule-box {
			padding: 40px 50px;
			display: none;
			transition: all .4s ease-in-out;
		}

		.calender-box .schedule-box.show {
			display: block;
			transition: all .4s ease-in-out;
		}

		.powerd-by-box {
			position: absolute;
			right: 20px;
			bottom: 13px;
		}

		.calender-left-box {
			background-color: rgba(234, 239, 244, 1);
			border-radius: 12px;
			position: relative;
			width: 100%;
			padding: 0 48px 40px;
			height: auto;
		}

		.ui-widget.ui-widget-content {
			background-color: transparent;
			border: 0;
			width: 100%;
		}

		.ui-widget-header {
			background-color: transparent;
			border: none;
		}

		.ui-datepicker td {
			width: 45px;
			height: 45px;
			padding: 2px;
		}

		.ui-state-default, .ui-widget-content .ui-state-default {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
			padding: 0;
			background: transparent;
			border: none;
			border-radius: 6px;
		}

		.ui-datepicker td a.ui-state-default.ui-state-highlight, 
		.ui-widget-content .ui-datepicker td a.ui-state-default.ui-state-highlight, 
		.ui-widget-header .ui-datepicker td a.ui-state-default.ui-state-highlight {
			background-color: rgb(0 114 252);
			color: #fff;
		}

		.ui-datepicker td a.ui-state-default.ui-state-active, 
		.ui-widget-content .ui-datepicker td a.ui-state-default.ui-state-active, 
		.ui-widget-header .ui-datepicker td a.ui-state-default.ui-state-active, 
		a.ui-button:active, 
		.ui-button:active, 
		.ui-button.ui-state-active:hover,
		.ui-datepicker td a.ui-state-default.ui-state-hover, 
		.ui-widget-content .ui-datepicker td a.ui-state-default.ui-state-hover {
			background-color: rgba(35, 51, 64, 1);
			color: #fff;
		}

		.ui-datepicker .ui-datepicker-header {
			padding: 0;
			display: flex;
			justify-content: space-between;
			margin: 0 auto 30px;
			align-items: center;
			max-width: 300px;
			width: 100%;
		}

		.ui-datepicker .ui-datepicker-next,
		.ui-datepicker .ui-datepicker-prev {
			top: 0;
			width: 10px;
			height: auto;
		}
		.ui-datepicker .ui-datepicker-prev,
		.ui-datepicker .ui-datepicker-prev-hover {
			left: 0;
		}
		.ui-datepicker .ui-datepicker-next,
		.ui-datepicker .ui-datepicker-next-hover {
			right: 0;
		}
		.ui-datepicker .ui-datepicker-prev-hover,
		.ui-datepicker .ui-datepicker-next-hover {
			border: 0! important;
			background-color: transparent! important;
		}

		.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
			position: static;
			margin: 0 auto;
			width: 100%;
			height: 100%;
		}

		.ui-datepicker .ui-datepicker-prev span {
			background-image: url(../img/icon/chevron_left1.png);
			background-position: center left;
			background-repeat: no-repeat;
			background-size: auto;
			
		}

		.ui-datepicker .ui-datepicker-next span {
			background-image: url(../img/icon/chevron_right1.png);
			background-position: center right;
			background-repeat: no-repeat;
			background-size: auto;
		}

		.ui-datepicker .ui-datepicker-title {
			font-family: 'Poppins';
			font-size: 20px;
			font-weight: 500;
			line-height: 24px;
			text-align: center;
			color:  rgba(27, 27, 32, 1);
		}

		.ui-widget.ui-widget-content {
			padding: 0 0;
		}

		.ui-datepicker th {
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 500;
			line-height: 20px;
			text-align: center;
			color:  rgba(27, 27, 32, 1);
		}
		.ui-datepicker td,
		.ui-datepicker td a.ui-state-default {
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 500;
			line-height: 20px;
			text-align: center;
			color:  rgba(118, 117, 129, 1);
		}

		.calender-user-img {
			max-width: 114px;
			width: 100%;
			height: 114px;
			position: absolute;
			left: 0;
			right: 0;
			margin: 0 auto;
			top: -60px;
		}

		.calender-user-img img {
			max-width: 114px;
			width: 100%;
			height: 100%;
			border: 3px solid rgba(255, 255, 255, 1);
			border-radius: 100px;
		}
		.calender-body {
			padding-top: 60px;
		}
		.calender-body h4 {
			font-family: 'Poppins';
			margin-bottom: 0;
			font-size: 22px;
			font-weight: 600;
			line-height: 37.4px;
			text-align: center;
			color:  rgba(27, 27, 32, 1);
		}

		.calender-body p {
			margin-bottom: 25px;
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 400;
			line-height: 27.2px;
			text-align: center;
			color:  rgba(118, 117, 129, 1);
		}

		.calender-right-box .right-tab-box h5 {
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 600;
			line-height: 24px;
			text-align: left;
			color:  rgba(27, 27, 32, 1);
			margin-bottom: 10px;
		}

		.calender-right-box .inner-tab-box {
			max-width: max-content;
			padding: 4px 5px;
			width: 100%;
		}

		.calender-right-box .inner-tab-box .nav {
			gap: 9px;
		}

		.calender-right-box .inner-tab-box .nav-pills .nav-link {
			padding: 2px 17px;
		}

		.sedule-tab-content {
			margin-top: 30px;
		}

		.inner-schdule-content {
			height: 300px;
			overflow-y: auto;
			overflow-x: hidden;
			margin-bottom: 20px;
			padding-right: 5px;
		}

		.sedule-tab-content .form-group {
			max-width: 294px;
			width: 100%;
			margin-bottom: 20px;
		}

		.sedule-tab-content .form-group label {
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 600;
			line-height: 27.84px;
			text-align: left;
			color:  rgba(27, 27, 32, 1);
			margin-top: 0;
			margin-bottom: 0;
		}

		.sedule-tab-content .form-group .form-select {
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 500;
			line-height: 27.84px;
			text-align: left;
			color: rgba(8, 102, 255, 1);
			border: 0;
			padding: 0;
		}

		.sedule-tab-content .form-group .form-select option {
			padding: 0 1rem;
		}

		.sedule-box {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			gap: 10px;
			flex-direction: column;
			width: 100%;
			margin-bottom: 0px;
		}

		.sedule-box .sedule-btn {
			border: 1px solid rgba(35, 51, 64, 1);
			border-radius: 100px;
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 500;
			line-height: 1;
			text-align: center;
			color: rgba(35, 51, 64, 1);
			padding: 1rem;
			width: 100%;
			background-color: transparent;
			transition: all .4s ease-in-out;
		}

		.sedule-box .sedule-btn:hover,
		.sedule-box .sedule-btn.active {
			background-color: rgba(35, 51, 64, 1);
			color: #fff;
			border-color: rgba(35, 51, 64, 1);
			transition: all .4s ease-in-out;
		}

		.sedule-action-btn {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			gap: 1rem;
			width: 100%;
		}

		.sedule-action-btn .btn {
			max-width: 146px;
			width: 100%;
			height: 46px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.schedule-box .section-title {
			justify-content: space-between;
			width: 100%;
			gap: 20px;
			margin-bottom: 50px;
		}

		.schedule-box .section-title h4 {
			font-family: 'Poppins';
			font-size: 26px;
			font-weight: 600;
			line-height: 39px;
			text-align: left;
			color:  rgba(27, 27, 32, 1);
			margin-bottom: 0;
		}

		.schedule-box .section-title .back-btn {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: 5px;
			width: auto;
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 500;
			line-height: 1;
			text-align: right;
			color: rgba(186, 34, 40, 1);
		}

		.schedule-box .border-right {
			border-right: 1px solid rgba(228, 228, 228, 1);
		}

		.schedule-card {
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			gap: 10px;
		}

		.schedule-card .schedule-card-img {
			max-width: 61px;
			width: 100%;
			height: 61px;
			border-radius: 100px;
			border: 3.76px solid rgba(255, 255, 255, 1);
		}

		.schedule-card .schedule-card-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.schedule-card-title {
			margin-bottom: 30px;
		}

		.schedule-card-title h4 {
			font-family: 'Poppins';
			font-size: 22px;
			font-weight: 600;
			line-height: 37.4px;
			text-align: left;
			margin-bottom: 0;
			color:  rgba(27, 27, 32, 1);
			text-transform: capitalize;
		}

		.schedule-card-title span {
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 400;
			line-height: 27.2px;
			text-align: left;
			color:  rgba(118, 117, 129, 1); 
			display: block;
			text-transform: capitalize;
		}

		.schedule-card-content {
			max-width: 232px;
			width: 100%;
		}

		.schedule-card-content h5 {
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 600;
			line-height: 24px;
			text-align: left;
			color:  rgba(27, 27, 32, 1);
			margin-bottom: 20px;
			text-transform: capitalize;
		}

		.schedule-list {
			padding: 0;
			margin: 0;
			list-style-type: none;
			max-width: 190px;
			width: 100%;
		}

		.schedule-list li {
			list-style-type: none;
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			gap: 10px;
			width: 100%;
			margin-bottom: 25px;
		}

		.schedule-list li:last-child {
			margin-bottom: 0;
		}

		.appointment-list .appointment-box-content p,
		.schedule-list li p {
			margin-bottom: 0;
			font-family: 'Poppins';
			font-size: 18px;
			font-weight: 500;
			line-height: 22px;
			color:  rgba(118, 117, 129, 1);
			text-align: left;
		}

		.appointment-list .appointment-box-content p span,
		.schedule-list li p span {
			font-size: 1rem;
			line-height: 1.4;
		}

		.icon-img {
			max-width: 19px;
			width: 100%;
		}

		.icon-img img {
			width: 100%;
			height: auto;
		}

		.schedule-right-box {
			padding: 0 0 0 50px;
		}

		.schedule-box-title {
			margin-bottom: 30px;
		}

		.schedule-box-title h4 {
			font-family: 'Poppins';
			font-size: 24px;
			font-weight: 500;
			line-height: 23.6px;
			text-align: left;
			color:  rgba(27, 27, 32, 1);
		}

		.schedule-form .form-group label {
			margin-bottom: 12px;
		}

		.schedule-form .form-group p {
			font-family: 'Poppins';
			font-size: 14px;
			font-weight: 400;
			line-height: 22.96px;
			text-align: left;
			color:  rgba(118, 117, 129, 1);
		}

		.schedule-form .form-group p a {
			color: rgba(8, 102, 255, 1);
		}

		.schedule-form .form-group p a:hover {
			text-decoration: underline;
		}

		.thank-you-box {
			background-position:0 50px;
			background-repeat: no-repeat;
			background-size: auto;
			display: none;
			padding: 50px;
		}

		.thank-you-box.show {
			display: block;
		}

		.thank-you-content {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			gap: 45px;
			width: 100%;
		}

		.thank-you-content .thank-you-card {
			max-width: 382px;
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.thank-you-content .thank-you-card .thank-you-img {
			max-width: 72px;
			width: 100%;
			margin: 0 auto 15px;
		}

		.thank-you-content .thank-you-card .thank-you-card-body h2 {
			font-family: 'Poppins';
			font-size: 50px;
			font-weight: 600;
			line-height: 75px;
			text-align: center;
			color:  rgba(27, 27, 32, 1);
			margin-bottom: 0;
		}

		.thank-you-content .thank-you-card .thank-you-card-body p {
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;
			text-align: center;
			color:  rgba(118, 117, 129, 1);
			margin-bottom: 0;
		}

		.thank-you-schdule-box {
			background-color: rgba(234, 239, 244, 1);
			border-radius: 10px;
			padding: 18px 40px 25px;
			max-width: 700px;
			width: 100%;
			margin: 0 auto;
		}

		.thank-you-schdule-box h5 {
			font-family: 'Poppins';
			font-size: 16px;
			font-weight: 600;
			line-height: 24px;
			text-align: center;
			color:  rgba(27, 27, 32, 1);
			margin-bottom: 1rem;
			text-transform: capitalize;
		}

		.appointment-list {
			border-right: 1px solid rgba(115, 119, 145, 0.4);
			min-height: 62px;
		}

		.thank-you-schdule-box .col:last-child .appointment-list {
			border-right: 0;
		}

		.appointment-list .appointment-box-content {
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			gap: 10px;
			width: 100%;
			padding-top: 10px;
			height: 100%;
		}


/* ======== */
.submenu-box ul {
	padding: 0;
	margin: 0;
	position: relative;
}

.submenu-box ul li {
	list-style-type: none;
	margin-bottom: 10px;
}

.submenu-box ul li:last-child a {
	border-bottom: 0;
	margin-bottom: 0;
}

.submenu-box ul li a {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	border-bottom: 1px solid rgba(234, 239, 244, 1);
	display: block;
	padding: 17px 15px;
	width: 100%;
	background-color: transparent;
}

.submenu-box ul li a.active,
.submenu-box ul li a:hover {
	color: rgba(27, 27, 32, 1);
	background-color: rgba(234, 239, 244, 0.9);
	border-color: transparent;
	border-radius: 10px;
}

.setting-list-box.create-agent-box .content-title-box {
	padding: 1rem 25px;
}

.setting-box-content {
	padding: 25px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	width: 100%;
	flex-wrap: wrap;
}

.page-wrapper.active #sidebar-submenu ~ .container-fluid.menu-container-fluid .setting-box-content .setting-box-card {
	max-width: 337px;
}

.page-wrapper.active #sidebar-submenu ~ .container-fluid.menu-container-fluid .chat-top-filter-box {
	align-items: flex-start;
}

.page-wrapper.active #sidebar-submenu ~ .container-fluid.menu-container-fluid .right-filter-tools {
	flex-wrap: wrap;
	gap: 10px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper.active .setting-box-content .setting-box-card {
	max-width: 422px;
}

.setting-box-content .setting-box-card {
	max-width: 325px;
	width: 100%;
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 1rem;
	padding: 30px;
	background-color: transparent;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	height: 100%;
	flex-direction: column;
}

.setting-box-content .setting-box-card:hover {
	background-color: rgba(234, 239, 244, 0.9);
	border-color: transparent;
}

.setting-box-content .setting-box-card:hover .setting-card-body h4 {
	color: rgba(186, 34, 40, 1);
}

.setting-card-img {
	max-width: 40px;
	width: 100%;
	height: 40px;
	margin: 0;
}

.setting-card-img img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.setting-list-box .m_setting-container .m-setting-box-content h3 {
	font-family: 'Montserrat';
	font-size: 18px;
	font-weight: 700;
	line-height: 21.94px;
	text-align: left;
	color: rgba(32, 32, 32, 1);
	margin-top: 5px;

}

.setting-card-body h4 {
	font-family: 'Montserrat';
	font-size: 18px;
	font-weight: 700;
	line-height: 21.94px;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 20px;
}

.setting-card-body p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.modal-backdrop.show {
	opacity: .4;
}

.chart-sent-select-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
	width: auto;
}

.form-select-box .form-select {
	background-color: transparent;
	background-image: url(../img/icon/chevron_right.png);
	background-size: auto;
	background-position: 95% center;
	border-radius: 5px;
	border-color: rgba(201, 201, 201, 1);
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	padding: 8px 25px;
	width: 120px;
	color:  rgba(118, 117, 129, 1);
}

.ticket-list-content {
	padding: 25px 30px;
}

.ticket-list-table .table.dataTable {
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
}

.ticket-list-table .table.dataTable thead tr th {
	width: auto! important;
}

.ticket-list-table .table.dataTable .badge {
	background-color: rgba(235, 87, 87, 0.09);
	padding: 5px 20px;
	color: rgba(235, 87, 87, 1);
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	display: block;
}

.ticket-list-box .chat-top-filter-box {
	border-color: transparent;
	border-bottom-color: rgba(228, 228, 228, 1);
}

.ticket-list-box .chat-top-filter-box .right-filter-tools {
	gap: 30px;
}

.table-tab-box {
	background-color: rgba(234, 239, 244, 1);
	border-radius: 8px;
	padding: 7px 8px;
}

.table-tab-nav {
	/*max-width: 680px;*/
	width: 100%;
}

.table-tab-nav .nav .nav-item .nav-link {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	background-color: transparent;
	border-radius: 8px;
	padding: 6px 24px;
}

.table-tab-nav .nav .nav-item .nav-link:hover,
.table-tab-nav .nav .nav-item .nav-link.active {
	background-color: rgba(35, 51, 64, 1);
	color: rgba(255, 255, 255, 1);
}

.ticket-list-table .bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin-top: 30px;
}

.ticket-list-table .table-bordered > :not(caption) > * > * {
	border-width: 0 1px 1px;
}


.pagination {
	gap: 10px;
	margin-bottom: 0;
	align-items: center;
	justify-content: flex-end;
}

.pagination .page-link {
	border: none;
	text-transform: uppercase;
	padding: 10px;
	background-color: rgba(35, 51, 64, 0.1);
	border-radius: 10px !important;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-item:not(:first-child) .page-link {
	margin-left: 0;
}

.page-item .page-link:hover,
.page-item.active .page-link {
	background-color: rgba(35, 51, 64, 1);
	color: #fff;
}

.page-item.active .page-link {
	 font-weight: 600;
}

.dataTables_length label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	white-space: nowrap;
	color: rgba(52, 58, 64, 1);
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	text-align: left;
}

.dataTables_length .form-select {
	background-image: url(../img/icon/arrow_drop_down.png);
	background-position: 90% center;
	background-size: auto;
	background-color: transparent;
	border-radius: 100px;
	padding: 8px 10px;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color: rgba(52, 58, 64, 1);
	width: 70px;
	border-color: rgba(234, 239, 244, 1);
}

.dataTables_length .form-select:focus {
	border-color: rgba(234, 239, 244, 1);
	box-shadow: none;
}

#DOM_pos_next a,
#DOM_pos_previous a {
	background-color: transparent! important;
	border: none;
	padding: 0;
	color: rgba(123, 127, 152, 1);
	font-weight: 700;
	font-family: 'Poppins';
	font-size: 1rem;
	line-height: 1;
	width: auto;
	height: auto;
}

/* ======= */

.tag-container .tag-input {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 10px;
	position: relative;
}

#tag-input.form-control {
	height: 100%;
	padding: 13px 20px 12px;
}

.tag-container .tags {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
}

.tags-custom-box {
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 60px;
}

.tag-container .tag {
	background-color: rgba(234, 235, 239, 1);
	padding: 10px 20px;
	border-radius: 100px;
	margin: 0;
	gap: 9px;
	display: flex;
	align-items: center;
	font-family: 'Poppins';
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.tag-container .tag .remove-tag {
	cursor: pointer;
	font-family: 'Poppins';
	font-size: 22px;
	line-height: 1;
	font-weight: 600;
	color:  rgba(27, 27, 32, 1);
}

.tag-container .tag .remove-tag:hover {
	color: rgba(187, 36, 41, 1);
}

.agent-form-box .form-group textarea.form-control {
	border-radius: 20px;
	height: 100%;
	/*resize: none;*/
	padding: 1rem 20px;
}

.agent-form-box .ticket-form .form-group {
	margin-bottom: 10px;
}

/* =============== */
.table-wrapper,
.ticket-box {
	display: -webkit-box;
	/* justify-content: flex-start;
	align-items: flex-start;
	gap: 30px; */
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.ticket-box.custom-scrollbar-css {
	overflow-x: auto;
}

.table-wrapper::-webkit-scrollbar-track {
	height: 5px;
	overflow-x: auto;
	width: 100%;
	margin: 0 auto;
}

	/* scrollbar width */
	.monthly-goals.custom-scrollbar-css::-webkit-scrollbar,
.ticket-box.custom-scrollbar-css::-webkit-scrollbar {
	width: 100%;
	height: 5px;
	margin: 0 auto;
}

.monthly-goals::-webkit-scrollbar-track,
.ticket-box::-webkit-scrollbar-track {
	height: 5px;
}

/* scrollbar handle */
.monthly-goals::-webkit-scrollbar-thumb,
.table-wrapper::-webkit-scrollbar-thumb,
.ticket-box.custom-scrollbar-css::-webkit-scrollbar-thumb {
	border-radius: 8px;
	/* background-image: linear-gradient(to top, #CF2129 0%, #F29C1F 100%); */
}

.column-cont {
	display: inline-block;
	border: 1px solid rgba(228, 228, 228, 1);
	background-color: transparent;
	border-radius: 20px;
	padding: 25px 4px 0 0px;
	width: 400px;
	margin: 0 15px;
	position: relative;
	/* overflow-x: hidden;
	overflow-y: auto; */
  }

  #TblStatusWiseMyCustomerTicket .column-cont:first-child {
	margin-left: 0;
  }

  #TblStatusWiseMyCustomerTicket .column-cont:last-child {
	margin-right: 0;
  }

  .column-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
	margin-bottom: 10px;
	flex-wrap: wrap;
	padding: 0 25px;
  }

  .column-title h4 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
  }

  .column-title h4 span {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
  }

  .column-title a {
	text-transform: capitalize;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	text-align: right;
	color: rgba(186, 34, 40, 1);
  }
  
  .column-cont .card-box {
	background-color: transparent;
	cursor: pointer;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.15); */
	border-radius: 10px;
	margin-bottom: 0;
	padding: 1rem 10px 1rem 18px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
	transition: all .4s ease-in-out;
  }

  .column-cont .sortable li .card-box:hover {
	background-color: rgba(234, 239, 244, 1);
	transition: all .4s ease-in-out;
  }
  
  .column-cont .status {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 100px;
	background-color: rgba(235, 87, 87, 1);
	border: 1px solid rgba(255, 255, 255, 1);
	left: 0;
  }

  .column-cont .status.offline {
	background-color: rgba(66, 133, 244, 1);
  }

  .column-cont .column-list {
	padding: 0px 7px 0;
	height: calc(100vh - 320px);
	overflow-y: auto;
	overflow-x: hidden;
  }
  
  .column-cont .sortable {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 0px;
	width: 100%;
  }

  .column-cont .sortable li:last-child {
	margin-bottom: 0;
  }
  
  .column-cont:last-child .sortable {
	border-right: none;
  }
  .column-cont .sortable li {
	margin-bottom: 30px;
	position: relative;
  }
  
  .column-cont .sortable li::after {
	content: '';
	/* border-bottom: 1px solid rgba(194, 194, 194, 1); */
	background-color: rgba(194, 194, 194, 1);
	height: 1px;
	width: 280px;
	margin-left: auto;
	margin-right: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	position: absolute;
	right: 0;
  }
  
  .card-img-box {
	position: relative;
	max-width: 42px;
	width: 100%;
	height: 42px;
  }

  .card-img-box img {
	max-width: 42px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100px;
  }

	.card-img-box .user-icon {
		width: 42px;
		border-radius: 100px;
		height: 42px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: rgba(229, 232, 234, 1);
	}

	.deals-card-box .action-btns {
		position: absolute;
		right: 10px;
		display: none!important ;
	}

.deals-inner-tab-content .column-cont {
	margin: 0 6px;
	width: 330px;
	padding-top: 10px;
}

	.deals-inner-tab-content .column-cont:first-child {
		margin-left: 0;
	}

	.deals-inner-tab-content .column-cont:last-child {
		margin-right: 0;
	}

	.deals-inner-tab-content .column-title {
		gap: 5px;
		padding: 0;
		justify-content: center;
	}

.column-cont .card-img-box .status {
	top: 0;
}
  
  .column-cont .card-box .sortable-card-body .card-top-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
	margin-bottom: 6px;
  }

  .column-cont .card-box .sortable-card-body .card-top-content .card-top-title {
	margin-bottom: 10px;
  }
  .column-cont .card-box .sortable-card-body .card-top-content .card-top-title h5 {
	margin-bottom: 5px;
  }

  .card-top-content .card-top-title p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
  }

  .card-top-content .card-top-title p span {
	color:  rgba(118, 117, 129, 1);
	font-weight: 600;
  }

  .column-cont .card-box .sortable-card-body .card-top-content h5 a,
  .column-cont .card-box .sortable-card-body .card-top-content h5 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
  }

  .column-cont .card-box .sortable-card-body .card-top-content h5 a {
	max-width: 120px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: block;
  }

.column-cont .card-box.deals-card-box .sortable-card-body .card-top-content h5 a {
	max-width: 225px;
}

.column-cont .card-box .sortable-card-body .card-top-content h5 a:hover {
	color: rgba(186, 34, 40, 1);
}

  .column-cont .card-box .sortable-card-body .card-top-content .details-btn {
	opacity: 0;
	visibility: hidden;
	transition: all .4s ease-in-out;
  }

  .ticket-box .column-cont .card-box:hover .sortable-card-body .card-top-content .details-btn {
	opacity: 1;
	visibility: visible;
	transition: all .4s ease-in-out;
  }

  .column-cont .card-box.deals-card-box .sortable-card-body .sortable-card-content .chat-tag-box {
	margin-bottom: 10px;
  }

  .column-cont .card-box.deals-card-box {
	padding: 10px 13px;
  }

  .column-cont .card-box.deals-card-box .sortable-card-content .user-info {
	margin-bottom: 0;
  }
  
  .column-cont .card-box .sortable-card-body .sortable-card-content .chat-tag-box {
	margin-bottom: 5px;
  }
  
  .column-cont .card-box .sortable-card-body .sortable-card-content .chat-tag-box span {
	background-color: rgba(234, 235, 239, 1);
  }

  .column-cont .card-box:hover .sortable-card-body .sortable-card-content .chat-tag-box span {
	background-color: rgba(220, 223, 226, 1);
  }

  .sortable-card-content .user-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 7px;
  }

  .sortable-card-content .user-info span {
	color:  rgba(27, 27, 32, 1);
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	height: auto;
  }

  .sortable-card-content .user-info p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
  }

  .chat-history {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
	width: 100%;
  }

  .chat-history p {
	display: flex;
	gap: 7px;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
  }

.transcript-list ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

	.transcript-list ul li {
		list-style-type: none;
		margin-bottom: 20px;
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		text-align: left;
		color:  rgba(118, 117, 129, 1);
	}

	
.transcript-list {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.caller-transcript-list {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

		.transcript-list ul li span {
			font-weight: 500;
			color:  rgba(27, 27, 32, 1);
		}

		.transcript-list ul li:last-child {
			margin-bottom: 0;
		}


		.chat-history p span {
			color:  rgba(27, 27, 32, 1);
		}

.script-genarate-box {
	padding: 20px;
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

	.script-genarate-box strong {
		font-weight: 600;
	}

.chat-summary-body p.script-genarate-box p {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0 !important;
}

	.script-genarate-box h3 {
		font-family: 'Poppins';
		font-size: 20px;
		font-weight: 500;
		line-height: 1.3;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
	}

	.user-text-icon img {
		max-width: 20px;
		width: 100%;
		height: auto;
	}

  .deals-details-box .deals-card-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
	flex-wrap: wrap;
  }

  .deals-sortlist .deals-card-box {
	background-color: rgba(234, 239, 244, .7);
  }

  .deals-card-box .card-top-content {
	border-bottom: 1px solid rgba(194, 194, 194, 1);
	margin-bottom: 10px! important;
	padding-bottom: 10px;
  }

  .deals-card-box .card-top-content p {
	margin-bottom: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	gap: 5px;
}

	.deals-card-box .card-top-content p a {
		display: block;
		white-space: break-spaces;
		color: rgba(115, 119, 145, 1);
	}
	.user-info p a {
		color: rgba(32, 32, 32, 1);
	}
		.user-info p a:hover,
		.deals-card-box .card-top-content p a:hover {
			text-decoration: underline;
			color: rgba(186, 34, 40, 1);
		}
  .activity-box p:last-child,
  .deals-card-box .card-top-content p:last-child {
	margin-bottom: 0;
  }
  .activity-box {
	margin-top: 10px;
  }
  .activity-box p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 5px;
  }

  .column-cont .column-list.deals-column-list {
	height: calc(100vh - 455px);
	margin-bottom: 100px;
  }

  .column-cont .deals-sortlist li {
	margin-bottom: 1rem;
  }

  .column-cont .deals-sortlist li::after {
	display: none;
  }


  /* ============== */
  .video-section {
	background-color: rgba(11, 30, 54, 1);
	background-image: url(../img/video-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	/* height: 100vh; */
	padding: 20px 50px 20px;
	position: relative;
	background-blend-mode: overlay;
  }

  /* .site-logo {
	position: absolute;
	bottom: 10px;
	left: 0;
  } */

   .bottom-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
   }

  .video-img-box {
	position: relative;
	margin-bottom: 30px;
  }

  .reciver-video-screen {
	position: relative;
	max-width: 370px;
	width: 100%;
	border-radius: 28px;
	overflow: hidden;
  }

  .audio-reciver {
	height: 205px;
	background-color: rgba(14, 39, 70, 1);
	border: 1px solid #669df6;
	justify-content: center;
	align-items: center;
  }

  .audio-reciver .small-video {
	display: none;
  }

  /* .video-control.audio-screen-control .host-name {
	display: none;
  } */

  .reciver-video-screen img {
	width: 100%;
  }

  .reciver-video-screen .vide-screen-overlay {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1rem;
  }
  
  .video-call-tools img {
	max-width: 45px;
	height: 100%;
	width: 100%;
	object-fit: cover;
  }

  .right-video-chat-box {
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid rgba(224, 224, 224, 1);
	box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.2);
	padding: 20px 25px;
	margin-bottom: 50px;
  }

  .top-chat-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
	margin-bottom: 24px;
  }

  .top-chat-box h4 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	text-transform: capitalize;
  }

  .right-video-chat-box .video-box-content {
		height: calc(100vh - 426px);
		padding: 0; 
		overflow-x: hidden; 
		overflow-y: auto;
	}

  .call-user-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin-bottom: 40px;
  }

  .call-user-info img {
	max-width: 41px;
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 100px;
  }

  .call-user-info .call-user-body h4 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
  }
  
  .call-user-info .call-user-body h4 span {
	display: inline-block;
	border-left: 1px solid rgba(194, 194, 194, 1);
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	padding-left: 10px;
	margin-left: 10px;
  }

  .call-user-info .call-user-body p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
  }

  .chat-input-field {
	box-shadow: 0px 2px 34px 0px rgba(0, 0, 0, 0.21);
	border: 1px solid rgba(200, 200, 200, 1);
	border-radius: 10px;
  }

  .calling-tools {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	width: 100%;
  }

  .video-call-tools button,
  .calling-tools a {
	transform: scale(1);
	transition: all .4s ease-in-out;
  }

  .calling-tools a {
	max-width: 61px;
	height: 100%;
	width: 100%;
  }

  .running-video-call-tools {
	padding: 0;
	margin: 0;
	min-height: auto;
  }

	.running-video-call-tools .form-check-input {
		background-color: rgba(255, 255, 255, 0.1);
		border-radius: 100px;
		width: 50px;
		height: 50px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 36px;
		cursor: pointer;
		border-color: transparent;
	}

  .running-video-call-tools .form-check-input.mic-check {
	background-image: url(../img/icon/mic_img.png);
  }
  .running-video-call-tools .form-check-input.video-check {
	background-image: url(../img/icon/videocam.png);
  }
  .running-video-call-tools .form-check-input.caption-check {
	background-image: url(../img/icon/cc_icon.png);
  }
  .running-video-call-tools .form-check-input.emoji-check {
	background-image: url(../img/icon/emoj2.png);
  }
  .running-video-call-tools .form-check-input.presentation-check {
	background-image: url(../img/icon/screenshot_keyboard.png);
  }
  .running-video-call-tools .form-check-input.hand-check {
	background-image: url(../img/icon/hand_icon.png);
	background-size: auto;
  }
  .running-video-call-tools .form-check-input.setting-check {
	background-image: url(../img/icon/setting_icon.png);
	background-size: 30px;
  }

	.running-video-call-tools .form-check-input.volume-check {
		background-image: url(../img/icon/volume_mute.png);
		background-size: 29px;
	}
	.running-video-call-tools .form-check-input.rec-check {
		background-image: url(../img/icon/rec-img.png);
		background-size: 30px;
	}
  .running-video-call-tools .form-check-input.calling-check {
	background-image: url(../img/icon/calling-icon.png);
	background-color: rgba(18, 184, 105, 1);
	/*width: 84px;*/
  }

#remote {
	height: 100%;
}

.video-call-user-box {
	height: calc(100% - 120px);
}

.running-video-call-tools .form-control {
	background-color: #000;
	border-radius: 10px;
	width: auto;
	color: #fff;
	border-color: rgba(224, 224, 224, .3);
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	padding: 10px;
	text-align: left;
}

	.running-video-call-tools .form-check-input.mic-check:checked[type=checkbox] {
		background-image: url(../img/icon/mic_off1.png);
	}
  .running-video-call-tools .form-check-input.video-check:checked[type=checkbox] {
	background-image: url(../img/icon/videocam_off1.png);
  }
  .running-video-call-tools .form-check-input.caption-check:checked[type=checkbox] {
	background-image: url(../img/icon/cc_icon1.png);
  }
  .running-video-call-tools .form-check-input.emoji-check:checked[type=checkbox] {
	background-image: url(../img/icon/emoj_2.png);
  }
  .running-video-call-tools .form-check-input.presentation-check:checked[type=checkbox] {
	background-image: url(../img/icon/screenshot_keyboard1.png);
  }
  .running-video-call-tools .form-check-input.hand-check:checked[type=checkbox] {
	background-image: url(../img/icon/hand_icon1.png);
  }
  .running-video-call-tools .form-check-input.setting-check:checked[type=checkbox] {
	background-image: url(../img/icon/setting_icon1.png);
  }

.running-video-call-tools .form-check-input.volume-check:checked[type=checkbox] {
	background-image: url(../img/icon/volume_up.png);
}
	.running-video-call-tools .form-check-input.rec-check:checked[type=checkbox] {
		background-image: url(../img/icon/rec-off.png);
	}
  .running-video-call-tools .form-check-input.calling-check:checked[type=checkbox] {
	background-image: url(../img/icon/calling-icon.png);
	background-color: rgba(186, 34, 40, 1);
  }

  .running-video-call-tools .form-check-input:checked[type=checkbox] {
	background-color: rgba(168, 199, 253, 1);
  }

  .running-video-call-tools .calling-tools-icon {
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 100px;
	width: 61px;
	height: 61px;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .running-video-call-tools .calling-tools-icon.active {
	background-color: rgba(168, 199, 253, 1);
  }

  .running-video-call-tools .calling-tools-icon img {
	width: 36px;
	height: auto;
	object-fit: none;
  }

  .running-video-call-tools .calling-tools-icon.active .unactive {
	display: none;
  }

  .running-video-call-tools .calling-tools-icon .active {
	display: none;
  }

  .running-video-call-tools .calling-tools-icon.active .active {
	display: block;
  }
  .calling-tools a img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	border-radius: 100px;
  }

  .video-call-tools button:hover,
  .calling-tools a:hover {
	transform: scale(1.1);
	transition: all .4s ease-in-out;
  }

  .user-call-tools {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
	gap: 10px;
	/* position: absolute;
	bottom: 18px;
	right: 0; */
  }

  .user-call-tools .hr {
	background-color: rgba(194, 194, 194, 1);
	width: 1px;
	height: 15px;
  }

  .user-call-tools a {
	max-width: 30px;
	width: 100%;
	height: 100%;
  }

  .user-call-tools a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
  /* =========== */
  .presentation-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 100px;
	padding: 7px 9px 7px 36px;
	margin-bottom: 1rem;
  }

  .presentation-box p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: auto;
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-align: left;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0;
  }

  .presentation-box .add-btn {
	padding: 15px 25px;
  }

  .presentation-section .video-img-box {
	max-height: 100%;
	height: 686px;
  }

  .presentation-section .reciver-video-screen {
	max-width: 360px;
	border: 4px solid rgba(224, 224, 224, .3);
	border-radius: 33px;
  }

  .presentation-section .reciver-video-screen.active {
	border-color: rgba(187, 36, 41, 1);
  }

  .presentation-section .reciver-video-screen .small-screen {
	display: none;
  }

  .presentation-section .reciver-video-screen.active .small-screen {
	display: block;
  }

  .presentation-section .presentation-overlay-inner-box {
	position: absolute;
	right: 0;
	bottom: 30px;
	display: block;
	height: auto;
	width: auto;
  }

  .presentation-section .right-video-chat-box .video-box-content {
	height: calc(100vh - 500px);
}

/* ===== */
.pipline-section .section-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
	margin-bottom: 20px;
}

.pipline-section .section-title h4 {
	font-family: 'Poppins';
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-align: left;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 0;
}

.pipline-section .section-title .right-btns .add-btn {
	padding: 14px 20px;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
}

.pipeline-content .column-cont .column-title {
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	height: auto;
	gap: 5px;
    position: relative;
    margin-bottom: 0;
    background-color: rgba(248, 251, 255, 1);
    padding: 20px 25px;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.pipeline-content .column-cont .column-box {
    padding: 20px 0;
}

.pipeline-content .column-cont .column-box .agent-type {
    padding: 0 25px;
}

.pipeline-content .column-cont .column-action-btns {
    margin-top: 0px;
    background-color: rgba(248, 251, 255, 1);
    padding: 1rem 25px;
    gap: 10px;
    border-bottom: 1px solid rgba(228, 228, 228, 1);
}
.pipeline-content .column-cont .column-action-btns button {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: center;
}
.pipeline-content .column-cont .column-action-btns .cancle-btn {
    border-color: rgba(35, 51, 64, 1);
    background-color: transparent;
    color: rgba(35, 51, 64, 1);
    height: 40px;
    padding: 0;
    max-width: 173px;
    width: 100%;
    transition: all .4s ease-in-out;

}

.pipeline-content .column-cont .column-action-btns .add-btn {
    border-color: rgba(186, 34, 40, 1);
    background-color: transparent;
    color: rgba(186, 34, 40, 1);
    height: 40px;
    transition: all .4s ease-in-out;
    padding: 0;
    max-width: 173px;
    width: 100%;
}

.pipeline-content .column-cont .column-title h3 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	text-align: left;
	color: rgba(20, 33, 61, 1);
	margin-bottom: 0;
}

.pipeline-content .column-cont .column-title p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	white-space: normal;
}
.column-box {
	padding: 12px 30px 0;
}
.column-box h4 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: left;
	color: rgba(20, 33, 61, 1);
	margin-bottom: 10px;
}

.pipeline-content .column-cont {
    width: 407px;
    background-color: #fff;
    padding: 0;
    margin: 0 10px;
}

.pipeline-content .column-cont:first-child {
    margin-left: 0;
}

.pipeline-content .column-cont:last-child {
    margin-right: 0;
}

.column-cont .column-box .column-list {
	height: calc(100vh - 650px);
}

.column-list-group {
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 8px;
	margin-bottom: 10px;
	padding: 11px 20px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
}

.column-list-group a {
	padding: 0;
	width: auto;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: right;
	color: rgba(35, 51, 64, 1);
	text-decoration: none;
	text-transform: capitalize;
}

.column-list-group a:hover {
	text-decoration: underline;
	color: rgba(186, 34, 40, 1);
}

.column-list-group:last-child {
	margin-bottom: 0;
}

.column-list-group .form-check {
	padding: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 1rem;
}

.custom-form-check .form-check-input:checked[type=checkbox],
.column-list-group .form-check .form-check-input:checked[type=checkbox] {
	background-color: rgba(50, 212, 23, 1);
	border-color: rgba(50, 212, 23, 1);
}

.custom-form-check .form-check-input,
.column-list-group .form-check .form-check-input {
	border-color: rgba(28, 27, 31, 1);
	max-width: 14px;
	width: 100%;
	height: 14px;
	border-radius: 2px;
}

.custom-inine-checkbox {
	margin-bottom: 12px;
}

.custom-form .custom-form-box .custom-inine-checkbox .custom-form-check .form-check-label {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 22.4px;
	text-align: left;
	color: rgba(25, 35, 40, 1);
}

.custom-form .custom-form-box .custom-inine-checkbox .custom-form-check .form-check-label .form-control {
	padding: 2px 10px;
	width: 100%;
	border-color: rgba(153, 153, 153, 1);
	display: inline-block;
	max-width: 68px;
	line-height: 1;
}

.custom-form .custom-form-box .custom-inine-checkbox .custom-form-check .form-check-input {
	margin-top: 5px;
}

.custom-form-check .form-check-label .quantity-input {
	max-width: 68px;
	width: 100%;
	padding: 5px 0px 5px 10px! important;
	height: 20px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	
}

.column-list-group .form-check .form-check-label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: auto;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 700;
	line-height: 19.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	cursor: pointer;
}
.custom-form .custom-form-box.check-form-group  .custom-form-check:first-child {
	margin-top: 0;
}

.custom-form .custom-form-box.check-form-group  .custom-form-check .form-check-label {
	color: rgba(25, 35, 40, 1);
}

.column-list-group .form-check .form-check-label .icon-img {
	height: 24px;
	width: 100%;
	max-width: 27px;
}

.column-list-group .form-check .form-check-label .icon-img img {
	width: auto;
	height: auto;
}

.column-action-btns {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	width: 100%;
	margin-top: 30px;
}

.column-action-btns button {
	padding: 13px 20px;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	border-color: transparent;
}

.column-action-btns .cancle-btn {
	background-color: rgba(230, 230, 235, 1);
	color: rgba(20, 33, 61, .8);
	border-color: transparent;
}

.pipeline-content .column-cont .column-action-btns .cancle-btn:hover,
.pipeline-content .column-cont .column-action-btns .add-btn:hover,
.column-action-btns .cancle-btn:hover {
	color: #fff;
	background-color: rgba(35, 51, 64, 1);
    border-color: transparent;
    transition: all .4s ease-in-out;
}

.dashboard-box .section-title {
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	width: 100%;
	margin-bottom: 20px;
}

.dashboard-box .section-title h3 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
}

.dashboard-box .right-tab-box .inner-tab-box {
	background-color: #fff;
	border: 1px solid rgba(228, 228, 228, 1);
	padding: 5px;
}

.dashboard-box .right-tab-box .inner-tab-box .nav-pills .nav-link {
	padding: 3px 14px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}

.dashboard-box .right-tab-box .inner-tab-box .nav-pills .show>.nav-link, 
.dashboard-box .right-tab-box .inner-tab-box .nav-pills .nav-link.active {
	background-color: rgba(228, 228, 228, 1);
}

.customaize-tab-box .inner-tab-box {
	border-radius: 0;
	margin-bottom: 30px;
}

.customaize-tab-box .inner-tab-box .nav-pills .nav-link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: auto;
}

.customaize-tab-box .inner-tab-box .nav-pills .nav-link.active {
	font-weight: 600;
}

.customaize-tab-box .inner-tab-box .nav-pills .nav-link .icon-img {
	max-width: 20px;
	width: 100%;
	height: auto;
}

.customaize-tab-box .inner-tab-box .nav-pills .nav-link .icon-img img {
	width: 100%;
	height: auto;
}

.customized-box .section-title {
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
	margin-bottom: 20px;
}

.customized-box .section-title h4 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
	margin-bottom: 0;
	color:  rgba(27, 27, 32, 1);
}

.customized-box .right-btns .btn {
	padding: 13px 28px;
	border-radius: 100px;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
}

.customized-box .right-btns .test-btn {
	border: 1px solid rgba(153, 153, 153, 1);
	background-color: #fff;
	color: rgba(0, 0, 0, 1);
}

.customized-left-box {
	border: 1px solid rgba(234, 239, 244, 1);
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	height: calc(100vh - 175px);
	overflow-y: auto;
}

.custom-form.qus-form .form-group {
	margin-bottom: 20px;
}

.custom-form.qus-form .form-group label {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	text-align: left;
	margin-bottom: 6px;
}

.custom-form.qus-form .form-group .form-select {
	max-width: 100%;
	width: 100%;
	padding: 8px 16px;
	background-position: 97%;
}

/* ===== */
.color-picker {
	width: 100%;
	background-color: #fff;
	padding: 15px;
	border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 16px;
}

.color-preview {
	height: 100px;
	background-color: #4F46E5;
	border-radius: 8px;
	margin-bottom: 15px;
}

.hex-input, .rgb-input {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	text-align: center;
}

.sliders {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	flex-direction: column;
	gap: 10px;
}

.sliders input[type="range"]{
	width: 100%;
	position: static;
	appearance: auto;
	-webkit-appearance: auto;
	background: linear-gradient(90deg, #FF0000 5.21%, #FF8A00 16.48%, #FFE600 27.74%, #14FF00 39.35%, #00A3FF 49.37%, #0500FF 61.18%, #AD00FF 72.26%, #FF00C7 83.53%, #FF0000 94.61%);
	
}

.palette {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.saved-color {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid transparent;
}

.saved-color.active {
	border-color: #000;
}

/* .picker {
	display: inline-block;
	--box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(3, 1, 1, 0.08);
  } */


  .customized-right-box {
	background: rgba(224, 224, 224, .4);
	border: 1px solid rgba(234, 239, 244, 1);
	border-radius: 5px;
	height: 100%;
  }

  .customized-right-box-tab {
	background-color: rgba(234, 239, 244, 1);
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	padding: 8px 20px 8px 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 20px;
  }

  .customized-right-box-tab .inner-tab-box {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
	margin-bottom: 0;
  }

  .customized-right-box-tab .inner-tab-box .nav {
	gap: 10px;
  }

  .customized-right-box-tab .inner-tab-box .nav-pills .nav-link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	padding: 7px 22px;
	width: 130px;
  }

  .customized-right-box-tab .inner-tab-box .nav-pills .show>.nav-link, 
  .customized-right-box-tab .inner-tab-box .nav-pills .nav-link.active {
	font-weight: 700;
  }

  .customized-right-box-tab .inner-tab-box .nav-pills .nav-link .icon-img {
	max-width: 20px;
	width: 100%;
	height: auto;
  }

  .customized-right-box-tab .reply-btn {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: right;
	color: rgba(186, 34, 40, 1);
  }

  .customized-iframe-box {
	padding: 20px;
	height: 100%;
	width: 100%;
  }

  .design-left-box {
	padding: 0;
  }

  .customized-box-tab {
	width: 100%;
	max-width: 100%;
	border-bottom: 1px solid rgba(234, 239, 244, 1);
	padding: 0 20px;
  }

  .customized-box-tab.box-tab .nav-pills .nav-link {
	padding: 7px 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color: rgba(17, 20, 45, 1);
  }

  .customized-box-tab.box-tab .nav-pills .nav-link:hover {
	border-color: rgba(186, 34, 40, 1);
  }
  .customized-box-tab.box-tab .nav-pills .nav-link.active, 
  .customized-box-tab.box-tab .nav-pills .show>.nav-link {
	font-weight: 700;
	border-color: rgba(186, 34, 40, 1);
  }

  .design-content-box {
	padding: 20px 20px 8px;
	border-bottom: 1px solid rgba(234, 239, 244, 1);
  }

  .design-content-box p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: rgba(17, 20, 45, 1);
	margin-bottom: 0;
  }

  .custom-form-box {
	padding: 20px;
	border-bottom: 1px solid rgba(234, 239, 244, 1);
  }

  .qus-form .custom-form-box .form-group .form-control {
	padding: 8px 1rem;
  }

  .custom-form-box:last-child {
	border-bottom: none;
  }

  .custom-form .custom-form-box .form-group {
	margin-bottom: 18px;
  }

  .custom-form .custom-form-box .form-group .custom-form-check.tr-form-check .form-check-label,
  .custom-form .custom-form-box .form-group p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: rgba(25, 35, 40, 1);
	margin-bottom: 0;
  }

  .custom-form .custom-form-box .form-group .custom-form-check.tr-form-check .form-check-input {
	margin-top: 0;
  }

  .custom-form .custom-form-box .form-group:last-child {
	margin-bottom: 0;
  }

  .custom-form .custom-form-box .custom-form-check {
	min-height: auto;
	margin-bottom: 0;
	gap: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 0;
	margin-top: 8px;
  }

  .custom-form .custom-form-box .custom-form-check .form-check-label {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	color: rgba(25, 35, 40, .7);
	margin-bottom: 0;
  }

  .custom-form .custom-form-box .form-group .check-btns {
	margin-bottom: 1rem;
  }

  .custom-form-box p {
	margin-bottom: 1rem;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color: rgba(17, 20, 45, 1);
  }

  .custom-form.qus-form .form-group label.inline-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 10px;
  }

  .custom-form-box .form-group span a,
  .custom-form.qus-form .form-group label a {
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 400;
	line-height: 17.07px;
	text-align: right;
	color: rgba(186, 34, 40, 1);
  }

  .custom-form.qus-form .form-group label span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: right;
	color: rgba(25, 35, 40, .5);
  }

  .sound-input-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 10px;
	margin-top: 10px;
  }

  .sound-input-box button {
	max-width: 88px;
	width: 100%;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	color: rgba(0, 0, 0, 1);
	padding: 8px 1rem;
  }

  .sound-input-box button:hover {
	background-color: rgba(186, 34, 40, 1);
	color: #fff;
	border-color: transparent;
  }

  .custom-form-box .form-group span a:hover,
  .custom-form.qus-form .form-group label a:hover {
	text-decoration: underline;
  }

  .custom-form .custom-form-box .form-group .inline-select .form-group label {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: rgba(25, 35, 40, 1);
	margin-bottom: 5px;
  }

  .custom-form-box .form-group span.form-inline-flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: rgba(25, 35, 40, 1);
	margin-top: 6px;
	gap: 5px;
  }

  .qus-form .custom-form-box .form-group textarea.form-control {
	border-radius: 1rem;
	padding: 10px 1rem;
  }

  /* .pipline-accordion-box {
	background-color: #fff;
	border: 1px solid rgba(234, 239, 244, 1);
	border-radius: 20px;
	padding: 20px;
  } */

  .pipline-accordion-box .accordion-item {
	background-color: transparent;
	border: 1px solid rgba(234, 239, 244, 1)! important;
	border-radius: 20px;
	margin-bottom: 20px;
  }

  .pipline-accordion-box .accordion-item .accordion-button {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	background-color: transparent! important;
	position: relative;
	color: rgba(187, 36, 41, 1);
  }

  .pipline-accordion-box .accordion-item .accordion-button.collapsed {
	background-color: transparent;
	position: relative;
	color:  rgba(27, 27, 32, 1);
  }

  .pipline-accordion-box .accordion-item .accordion-button .form-check {
	padding: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	min-height: 100%;
	margin: 0;
	position: absolute;
	z-index: 1200;
	right: 100px;
  }

  .pipline-accordion-box .accordion-inner-content {
	padding: 1rem;
	margin-bottom: 20px;
	border: 1px solid rgba(234, 239, 244, 1);
	border-radius: 10px;
  }

  .pipline-accordion-box .accordion-inner-content p {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
  }

  .agent-column-lists {
	background-color: #fff;
	padding: 1rem;
	border-radius: 0 0 20px 20px;
	border-top-color: transparent! important;
	border: 1px solid rgba(234, 239, 244, 1);
  }

  .agent-column-lists .column-cont {
	width: 100%;
	height: 100%;
	position: relative;
  }

  .agent-column-lists .column-cont .card-box {
	padding: 0;
  }

  .agent-column-lists .column-cont .form-check-label {
	display: block;
	width: 100%;
	background-color: transparent;
	padding: 20px 20px 30px;
  }
  .agent-column-lists .column-cont .sortable li .card-box {
	overflow: visible;
  }
  .agent-column-lists .column-cont .sortable li .card-box:hover {
	background-color: transparent;
  }
  

  .agent-column-lists .column-cont .form-check .form-check-input:checked[type=checkbox] ~ .form-check-label,
  .agent-column-lists .column-cont .form-check-label:hover {
	background-color: rgba(234, 239, 244, 1);
  }

  .form-check-label:hover .card-box .sortable-card-body .card-top-content .details-btn,
  .agent-column-lists .column-cont .form-check .form-check-input:checked[type=checkbox] ~ .form-check-label .card-box .sortable-card-body .card-top-content .details-btn {
	display: block;
	opacity: 1;
	visibility: visible;
  }

  .form-check-label .card-box .sortable-card-body .card-top-content .details-btn {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: auto;
	margin-left: auto;
	margin-right: 30px;
	padding: 2px 20px;
	opacity: 0;
	visibility: hidden;
  }

  .agent-column-lists .column-cont .card-box .sortable-card-body .card-top-content {
	position: relative;
  }

  .agent-column-lists .column-cont .form-check {
	padding: 0;
	min-height: auto;
	margin: 0;
  }

  .agent-column-lists .column-cont .form-check .form-check-input {
	position: absolute;
	right: 20px;
	top: 22px;
  }

  .agent-column-lists .column-cont .sortable,
  .agent-column-lists .column-cont .sortable li {
	height: 100%;
  }
  .agent-column-lists .column-cont .sortable li::after {
	display: none;
  }

  .agent-column-lists .sortable-card-content {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	gap: 12px;
  }

  .agent-column-lists .sortable-card-content p {
	font-family: 'Poppins';
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 19.52px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
  }

  .agent-column-lists .card-img-box {
	max-width: 32px;
	height: 32px;
  }
  .agent-column-lists .card-img-box img {
	width: 32px;
	height: auto;
  }

  .chat-history p span {
	max-width: 14px;
	height: 14px;
	line-height: 1;
  }

  .chat-history p span img {
	width: 100%;
	height: auto;
  }

/* ======== */
.add-product-tab-box .box-tab .nav-pills .nav-link {
	border: 1px solid rgba(32, 32, 32, 1);
	border-radius: 100px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	text-align: center;
	padding: 11px 22px;
}

.add-product-tab-box .box-tab .nav-pills .nav-link:hover, 
.add-product-tab-box .box-tab .nav-pills .nav-link.active, 
.add-product-tab-box .box-tab .nav-pills .show>.nav-link {
	border-color: rgba(186, 34, 40, 1);
	color: rgba(186, 34, 40, 1);
}

.right-form-box h4,
.left-form-box h4 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 15px;
	text-transform: capitalize;
}

.left-form-box .file-upload {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.left-form-box .file-upload input[type="file"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.left-form-box .file-upload span {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
	padding: 0;
	background-color: transparent;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	cursor: pointer;
	text-transform: none;
}

.left-form-box .file-upload span::before {
	content: "\f115";
	font-family: 'bootstrap-icons' !important;
	font-size: 16px;
	font-weight: 400;
}

.left-form-box .file-upload input[type="file"]:hover + span {
	background-color: transparent;
	color: rgba(186, 34, 40, 1);
}

.sku-label span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.qus-form .form-group.price-group .dropdown-toggle {
	padding: 18px 14px;
	max-width: 100%;
	height: 100%;
	width: auto;
	line-height: 1;
}

.price-group .dropdown-menu li button {
	border-radius: 0;
	padding: 14px 20px;
	height: auto;
	white-space: normal;
	line-height: 1;
}

.qus-form .form-group.price-group .form-control {
	padding: 15px 18px;
	height: 100%;
}

/* ======= */

#controls {
	display: flex;
  }
  svg {
	transition: .3s;
	display: block;
  }
  #controls > * {
	margin-left: 1rem;
	margin-right: 1rem;
	fill: #fff;
  }

  #controls > input[type="range"] {
	position: static;
	appearance: progress-bar;
	-webkit-appearance: progress-bar;
  }
  /* ===== */
  .video-screen-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	gap: 50px;
  }

  .video-screen-box .left-video-box {
	width: 100%;
	height: 100%;
	transition: all .4s ease-in-out;
  }

  .audio-right-video-box {
	width: 100%;
	height: 100%;
	transition: all .4s ease-in-out;
  }

  .video-screen-box .left-video-box.show {
	width: 75%;
	transition: all .4s ease-in-out;
  }

  .video-screen-box .right-video-chat-box {
	width: 25%;
	height: 100%;
	display: none;
	transition: all .4s ease-in-out;
	margin-bottom: 0;
  }
  
  .video-screen-box .right-video-chat-box.active {
	display: block;
	transition: all .4s ease-in-out;
  }

  .video-chat-box {
	display: none;
  }

  .video-chat-box.show {
	display: block;
  }

  .perticipate-box {
	display: none;
  }

  .perticipate-box.show {
	display: block;
  }

  .setting-box {
	display: none;
  }

  .setting-inner-content {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	gap: 1rem;
  }

  .video-screen-box .video-img-box {
	height: calc(100vh - 152px);
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 21px;
  }

  .video-screen-box .right-video-chat-box .video-box-content {
	height: calc(100vh - 492px);
  }

  .video-iframe img {
	height: 100%;
	object-fit: cover;
	object-position: top;
  }

  .left-video-box.half-left .video-iframe img {
	object-position: center;
  }

  .video-section .video-control {
	position: relative;
}
/* 
.video-section .video-control .video-call-tools {
	position: absolute;
	right: 0;
	top: 0;
} */


#sound-slider__container{
  display: flex;
  width: 100%;
  height: 100%;
  padding: 6px 30px;
  background: rgba(var(--main-color),0.07);
  border: 1px solid rgba(var(--main-color),0.03);
  border-radius: 1in;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

#sound-slider__container::after{
  content:"";
  height: 100%;
  opacity: 0;
  left: 0px;
  position: absolute;
  top: 0px;
  transition: opacity 500ms;
  width: 100%;
  background: radial-gradient(
	500px circle at var(--mouse-x) var(--mouse-y), 
	rgba(var(--main-color), 0.06),
	transparent 40%
  );
  z-index:-1;
}

#sound-slider__container:hover::after{
  opacity:1;
}

#sound-picto{
  fill: rgb(var(--el-bg-color));
  margin-right: 0;
  cursor: pointer;
}

#sound-slider {
  margin: 0 10px;
  appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 1in;
  outline: none;
  transition: .2s;
  cursor: pointer;
  background: rgba(var(--el-bg-color),0.5);
  background-image: linear-gradient(rgb(var(--main-color)),rgb(var(--main-color)));
  background-size: calc(var(--percentage) - 9px) 100%;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  pointer-events: auto;
}

/* round the volume progress */
#sound-slider::after{
  position: absolute;
  content: "";
  height: 100%;
  width: 10px;
  border-radius: 0 1in 1in 0;
  background-color:rgb(var(--main-color));
  transition: .2s;
  left: calc(var(--percentage) - 10px);
}

#sound-slider::-webkit-slider-thumb{
  appearance: none;
  visibility:hidden;
  width: 1px;
  height: 10px;
}

#sound-slider:hover{
  height: 1em;
}

#volume{
  color: rgb(var(--el-bg-color));
  min-width: 2em;
  text-align: center;
}

.video-link {
	margin-bottom: 1rem;
}

.video-link a {
	color: #fff;
}

.video-link a:hover {
	text-decoration: underline;
}

.customer-purches-list .qus-card-box .qus-badge {
	max-width: 42px;
	width: 100%;
	height: 42px;
	background-color: rgba(35, 51, 64, 0.13);
}

.customer-info {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	gap: 10px;
	margin-bottom: 20px;
}

.customer-details-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	width: auto;
	flex-direction: column;
}

.customer-details-box h5 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.customer-details-box h4 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 500;
	line-height: 34px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.customer-details-box span {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 19.52px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

.customer-value p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	margin-bottom: 0;
}

.customer-value h5 {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.customer-value h5 span {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.customer-purches-card-box .customer-info {
	margin-bottom: 25px;
}

.customer-purches-card-box .qus-card-body {
	border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.customer-purches-details {
	padding: 20px 0;
}

.customer-purches-details .purches-title h5 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 10px;
	text-transform: capitalize;
}

.purches-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 28px;
	width: 100%;
	margin-bottom: 25px;
}

.purches-box .purches-content {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.purches-box .purches-content .icon-img {
	color:  rgba(27, 27, 32, 1);
	max-width: 17px;
	width: 100%;
	height: 100%;
}

.purches-box .purches-content p {
	margin-bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: auto;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.purches-box .purches-content p span {
	color:  rgba(27, 27, 32, 1);
}

.purches-box .purches-content .pruches-value {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
}

.purches-box .purches-content .pruches-value h5 {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	text-align: left;
	margin-bottom: 0;
	color:  rgba(27, 27, 32, 1);
}

.purches-box .purches-content .pruches-value h5 span {
	font-size: 20px;
	font-weight: 700;
}

.contect-details-content {
	padding: 30px;
}

.right-contect-box {
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 20px;
	background-color: rgba(248, 251, 255, 1);
	padding: 30px;
}

.contact-details-info h5 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	width: 100%;
	margin-bottom: 1rem;
}

.contact-details-info h5 span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 14.64px;
	text-align: right;
	color:  rgba(118, 117, 129, 1);
}

.contact-card-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin-bottom: 20px;
}

.contact-card-box .contact-user {
	max-width: 50px;
	width: 100%;
	height: 50px;
	border-radius: 100px;
	object-fit: cover;
}

.contact-card-body h5 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	margin-bottom: 0;
}

.contact-card-body p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.contact-details-info .details-btn {
	padding: 14px 20px;
	width: 100%;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	display: block;
}

.tab-accordion-box .accordion-button::after {
	margin-left: 0;
}

.tab-accordion-box .accordion-item {
	border: 0;
	border-bottom: 1px solid rgba(234, 239, 244, 1);
	background-color: transparent;
	margin-bottom: 20px;
}

.tab-accordion-box .accordion-button {
	position: relative;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 10px;
	margin-left: 0;
	background-color: transparent;
	border: none;
	padding: 0;
	box-shadow: none;
	margin-bottom: 20px;
}

.tab-accordion-box .accordion-button p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.tab-accordion-box .accordion-button p span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 14.64px;
	color:  rgba(118, 117, 129, 1);
}

.tab-accordion-box .accordion-body {
	padding: 0px 30px;
}

.tab-accordion-box .accordion-item {
	max-width: 825px;
	width: 100%;
}

.accordion-form-box form {
	max-width: 100%;
}

.accordion-form .col .form-group {
	margin-bottom: 20px;
}

.accordion-form .form-group .form-select {
	max-width: 100%;
}

.accordion-form .col:last-child .form-group {
	margin-bottom: 0;
}

.accordion-form-box p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}

.accordion-box-details p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.accordion-form-box .icon-img {
	max-width: 20px;
	width: 100%;
	height: 20px;
}

.accordion-form-box .icon-img img {
	width: 100%;
	height: auto;
}

/* ===== */
.deals-details-content {
	background-color: #fff;
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 20px;
	margin-bottom: 20px;
}

.deals-details-content .details-card-body h4 {
	margin-bottom: 0;
}

.deals-details-content .details-card-body h5 {
	margin-bottom: 0;
}

	

	.deals-details-content .details-card-box {
		gap: 10px;
	}

.deals-details-tab-box .box-tab .nav-pills .nav-link {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	text-align: center;
	color: rgba(35, 51, 64, 1);
}

.deals-details-tab-box .box-tab .nav-pills .nav-link.active {
	font-weight: 700;
}

.deals-tab-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1rem;
	padding: 1rem 30px;
	border-bottom: 1px solid rgba(234, 239, 244, 1);
}

.deals-tab-accordion-box {
	padding: 20px 30px;
}

.deals-tab-accordion-box .accordion-item {
	max-width: 100%;
}

.accordion-flush .accordion-item:first-child {
	border-top: 1px solid rgba(240, 243, 248, 1);
}

.accordion-flush .accordion-item:last-child {
	border-bottom: 1px solid rgba(240, 243, 248, 1);
}

.deals-tab-accordion-box .accordion-item:last-child {
	border-bottom-width:1px;
}

.deals-tab-accordion-box .accordion-button .title-content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.deals-tab-accordion-box .accordion-button .title-content figure {
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.deals-tab-accordion-box .accordion-button .title-content p {
	display: block;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.deals-tab-accordion-box .accordion-button .title-content p strong {
	font-weight: 700;
}

.deals-tab-accordion-box .accordion-button .title-content span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 14.64px;
	text-align: right;
	color:  rgba(118, 117, 129, 1);
	width: 50%;
}

.deals-tab-accordion-box .accordion-button .title-content .icon-img {
	max-width: 30px;
	width: 100%;
	height: 30px;
	border-radius: 100px;
	background-color: rgba(228, 228, 228, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7px;
}

.deals-tab-accordion-box .accordion-button .title-content .icon-img img {
	max-width: 1rem;
	width: 100%;
	height: auto;
}

.overview-box-content .accordion-button::after {
	background-image: url(../img/icon/chevron_up.png);
	width: 11px;
	height: 7px;
	background-size: auto;
	transform: rotate(180deg);
}

.overview-box-content .accordion-button:not(.collapsed)::after {
	transform: rotate(360deg);
}

.accordion-button::after {
	transform: rotate(270deg);
}

.accordion-button:not(.collapsed)::after {
	transform: rotate(360deg);

}

.deals-inner-accordion-box .accordion-item {
	background-color: rgba(248, 251, 255, 1);
	border: 1px solid rgba(240, 243, 248, 1);
	padding: 10px 1rem;
	border-radius: 10px;
}

.nav-item .section-title h3 {
	min-width: 180px;
	width: 100%;
	max-width:230px;
}

.deals-inner-accordion-box .accordion-item .accordion-button {
	margin-bottom: 0;
}

.deals-inner-accordion-box .accordion-item .accordion-body {
	padding: 1rem 0 0 30px;
}

.deals-inner-accordion-box .accordion-item >.accordion-collapse > .accordion-body > .accordion-box-details > p {
	margin-bottom: 20px;
}
	.deals-inner-accordion-box .accordion-item:first-child .accordion-body .accordion-box-details p:last-child,
	.deals-inner-accordion-box .accordion-item >.accordion-collapse > .accordion-body > .accordion-box-details > p:last-child {
		margin-bottom: 0;
	}


	.deals-inner-accordion-box .accordion-item .accordion-body .accordion-inner-content {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		gap: 20px;
	}

	.deals-inner-accordion-box .accordion-item >.accordion-collapse > .accordion-body > .accordion-inner-content > p{
		margin-bottom: 0;
	}

	.deals-right-content-box {
		background-color: #fff;
		padding: 20px;
	}

.deals-right-content-box .contact-details-info {
	background-color: rgba(248, 251, 255, 1);
	border: 1px solid rgba(240, 243, 248, 1);
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 15px;
}

.deals-right-content-box .contact-details-info h5 {
	gap: 10px;
}

.deals-right-content-box .contact-card-box {
	margin-bottom: 1rem;
}

.deals-right-content-box .contact-details-info:last-child {
	margin-bottom: 0;
}

.deals-right-content-box .contact-details-info .details-btn {
	background-color: #fff;
}

.deals-right-content-box .contact-details-info .details-btn:hover {
	background-color: rgba(187, 36, 41, 1);
}

.activity-content-box {
	padding: 20px 30px;
}

.activite-form {
	max-width: 100%;
}

.radio-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	width: 100%;
	flex-wrap: wrap;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.radio-box .form-check {
	padding: 0;
	margin: 0;
	min-height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.radio-box .form-check .form-check-label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: auto;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.radio-box .form-check .form-check-input:focus, 
.radio-box .form-check .form-check-input {
	background-color: transparent;
	border-color: rgba(153, 153, 153, 1);
	border-radius: 50%;
	margin-left: 0;
}

.radio-box .form-check .form-check-input:focus:checked[type=radio],
.radio-box .form-check .form-check-input:checked[type=radio] {
	background-image: url(../img/icon/check_circle.png);
	border-color: transparent;
}

.radio-box .form-check .form-check-label .icon-img {
	background-color: rgba(228, 228, 228, 1);
	max-width: 24px;
	width: 100%;
	height: 24px;
	padding: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
}

.activite-form .radio-box .form-check input:checked ~ label {
	font-weight: 700;
}

.activite-form .form-group textarea {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.genarel-box,
.form-btns,
.file-box,
.task-box,
.meeting-box,
.chating-box,
.phone-box,
.email-box {
  display: none;
  transition: all .4s ease-in-out;
  margin-bottom: 0;
}

.form-btns.show {
	display: flex;
	margin-top: 20px;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
	padding-bottom: 20px;
}
.email-box.show,
.task-box.show,
.meeting-box.show,
.chating-box.show,
.phone-box.show,
.file-box.show,
.genarel-box.show {
  display: block;
  transition: all .4s ease-in-out;
}
.activite-form .form-group .form-label span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: center;
	color:  rgba(118, 117, 129, 1);
}

.activite-form .assign-user {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.activite-form .assign-user img {
	max-width: 52px;
	width: 100%;
	height: 52px;
	border: 1px solid rgba(201, 201, 201, 1);
	border-radius: 100px;
}

.activite-form .assign-user .btn {
	height: auto;
	border-color: rgba(201, 201, 201, 1);
	padding: 17px 1rem;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
}

/* ===== */
.caller-img {
	max-width: 150px;
	width: 100%;
	height: 150px;
	border-radius: 100px;
	border: 2px solid rgba(201, 201, 201, 1);
	overflow: hidden;
}

.caller-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.join-call-box {
	max-width: 300px;
	width: 100%;
	padding: 20px;
	background-color: #222235;
	border-radius: 20px;
	position: absolute;
	right: 0;
	bottom: 20px;
	z-index: 1200;
}

.join-caller-box {
	display: none;
}

.join-caller-box.show {
	display: block;
}

.join-call-img {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
	width: 100%;
}

.join-call-img h5 {
	color: #fff;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
}

.join-call-box .action-btn {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
	width: 100%;
}

.join-call-box .action-btn .btn {
	padding: 10px 25px;
}

.view-btn {
	color: #fff;
	border: 1px solid rgba(201, 201, 201, 1);
	border-radius: 100px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color: rgba(255, 255, 255, 1);
}
.join-dashbaord {
	display: none;
}
.join-dashbaord.show {
	display: block;
}

.full-box-screen-layout,
.presentaion-screen-layout-box,
.window-screen-layout-box {
	display: none;
	justify-content: space-between;
	width: 100%;
	gap: 25px;
	border-radius: 0;
}

.full-box-screen-layout.show,
.presentaion-screen-layout-box.show,
.window-screen-layout-box.show {
	display: flex;
}

.presentaion-screen-layout-box .presentation-box,
.window-screen-layout-box .video-iframe {
	width: 78%;
	border-radius: 20px;
	overflow: hidden;
}

.four-win-screen {
	max-width: 800px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}

.video-layout-box .layout-dropdown {
	background-color: rgba(var(--main-color),0.07);
	border-radius: 100px;
	width: 50px;
	height: 50px;
	line-height: 1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-layout-box .layout-dropdown.show {
	background-color: rgba(168, 199, 253, 1);
	color: #000;
}

.video-layout-box .layout-dropdown.dropdown-toggle::after {
	display: none;
}

.video-layout-box .dropdown-menu {
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 120px;
	flex-wrap: wrap;
	border: 1px solid #000;
	background-color: rgba(7, 20, 38, .5);
	padding: 5px;
	border-radius: 10px;
}

.video-layout-box .dropdown-menu li button {
	color: #fff;
	border: 1px solid rgba(224, 224, 224, .3);
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
}

.video-layout-box .dropdown-menu li button:hover {
	color: #fff;
	background-color: rgba(187, 36, 41, 1);
	border-color: transparent;
}

.video-layout-box .dropdown-menu.show {
	display: flex! important;
}

.appoinment-tab-box {
	padding: 20px 30px;
}

.appoinment-tab {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px 0;
	width: 100%;
}

.appoinment-tab .appoinment-tab-group {
	/* max-width: 580px; */
	width: 53.2%;
	height: 700px;
	overflow-y: auto;
	padding-right: 20px;
	margin-right: 20px;
	overflow-x: hidden;
	flex-wrap: nowrap;
}

.tab-group-content {
	margin-bottom: 20px;
}

.appoinment-tab .nav .nav-link {
	background-color: rgba(248, 251, 255, 1);
	border: 1px solid rgba(240, 243, 248, 1);
	padding: 7px 20px 7px 8px;
	border-radius: 100px;
	margin-bottom: 10px;
}

.appoinment-tab .nav .nav-link.active {
	border-color: rgba(186, 34, 40, 1);
	transition: all .4s ease-in-out;
}

.appoinment-tab .nav .nav-link.active .icon-img .active-icon-img {
	display: block;
}

.appoinment-tab .nav .nav-link.active .tab-inner-content p,
.appoinment-tab .nav .nav-link.active .arrow-img,
.appoinment-tab .nav .nav-link.active .tab-user-info h5 {
	color: rgba(186, 34, 40, 1);
	transition: all .4s ease-in-out;
}

.appoinment-tab .nav .nav-link.active .arrow-img .bi-chevron-right::before {
	transform: rotate(270deg);
	transition: all .4s ease-in-out;
	color: rgba(186, 34, 40, 1);
}

.appoinment-tab .nav .nav-link:last-child {
	margin-bottom: 0;
}

.appoinment-tab-group h4 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 30.6px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 10px;
}

.tab-inner-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0;
	width: 100%;
}

.chart-appoinment-box .tab-inner-content:last-child {
	margin-bottom: 0;
}

.tab-user-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: auto;
}

.tab-inner-content p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0;
	gap: 10px;
	width: auto;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-right: auto;
	margin-left: 0;
}

.arrow-img {
	color:  rgba(27, 27, 32, 1);
	line-height: 1;
	font-size: 20px;
	font-weight: 600;
}

.arrow-img .bi-chevron-right::before {
	font-weight: 700! important;
	color:  rgba(27, 27, 32, 1);
	transition: all .4s ease-in-out;
}

.appoinment-tab .nav .nav-link.active .light-icon,
.icon-img .active-icon-img {
	display: none;
}

.tab-user-info h5 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 30.6px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	display: inline-block;
	/*max-width: 70px;*/
	width: 100px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.tab-inner-content .divider {
	width: 1px;
	height: 26px;
	background-color: rgba(228, 228, 228, 1);
	display: inline-block;
	margin: 0 25px;
}

.appoinment-content {
	width: 45%;
}

.appoinment-box {
	background-color: transparent;
}

.appoinment-card-box {
	background-color: transparent;
	border-radius: 20px;
	overflow: hidden;
}

.appoinment-card-header {
	background-color: rgba(233, 235, 236, 1);
	border: 1px solid rgba(234, 239, 244, 1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
	padding: 6px 20px;
}

.appoinment-card-header h4 {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 14px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.appoinment-card-body {
	border: 1px solid rgba(228, 228, 228, 1);
	padding: 20px;
	border-top: 0;
	border-radius: 0 0 20px 20px;
}

.appoinment-card-body-details:first-child {
	padding-top: 0;
}

.appoinment-card-body-details {
	padding: 20px 0;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.client-appoinment-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.appoinment-card-body-details .client-img {
	max-width: 40px;
	width: 100%;
}

.client-info h5 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 3px;
}

.client-info p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

.client-info p span {
	color:  rgba(27, 27, 32, 1);
	line-height: 1;
	font-size: 1rem;
}

.appoinment-card-body-details h4 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	text-transform: capitalize;
	margin-bottom: 10px;
}

.appoinment-sedule {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
}

.appoinment-sedule p {
	margin-bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
	width: auto;
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.appoinment-sedule p .icon-img {
	width: 100%;
	max-width: 16px;
	height: 100%;
	display: inline-block;
}

.appoinment-sedule p .icon-img img {
	width: 100%;
	max-width: 16px;
	height: auto;
}

.meeitng-link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.meeitng-link .icon-img {
	max-width: 50px;
	width: 100%;
	height: 100%;
}

.meeitng-link a {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.meeitng-link-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
}

.meeting-accordion-box .accordion-item {
	background-color: transparent;
	border-radius: 10px;
}

.meeting-accordion-box .accordion-button:not(.collapsed),
.meeting-accordion-box .accordion-button {
	background-color: transparent;
	border-radius: 10px 10px 0 0;
}

.meeting-accordion-box .accordion-button p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	width: 85%;
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.meeting-accordion-box .accordion-body .accordion-card-body h5 {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.meeting-accordion-box .accordion-body .accordion-card-body p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.meeting-accordion-box p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 1rem;
	text-transform: capitalize;
}

.meeting-accordion-box .accordion-body .accordion-left .icon-img {
	max-width: 100%;
	width: 36px;
}

.meeting-accordion-box .dropdown-toggle::after {
	display: none;
}

.meeting-dropdown .dropdown-toggle {
	padding: 0;
}

.meeting-content-box {
	height: calc(100vh - 400px);
}

.reciver-video-screen .small-screen span,
.reciver-video-screen.small-screen-active .small-screen span,
.small-screen span {
	display: block;
}

.reciver-video-screen.small-screen-active .small-screen.join-sound {
	display: block;
}

.reciver-video-screen.small-screen-active .small-screen {
	display: block;
}

.reciver-video-screen.small-screen-active .small-screen .voice-rec,
.reciver-video-screen .small-screen .voice-rec,
.small-screen.join-sound span {
	display: none;
}

.reciver-video-screen.small-screen-active .small-screen.join-sound .voice-rec,
.small-screen.join-sound .voice-rec {
	display: block;
}

.reciver-video-screen.small-screen-active .small-screen.join-sound span,
.small-screen .voice-rec {
	display: none;
}
/* 
.reciver-video-screen.small-screen-active .join-sound {
	display: block;
} */
/* 
.small-screen-active.join-sound {
	display: block;
} */

.reciver-video-screen .small-screen {
	display: none;
}

.small-screen-active {
	border: 2px solid rgba(186, 34, 40, 1);
}
.video-iframe {
	border-radius: 20px;
	overflow: hidden;
}
.video-iframe.active {
	border: 2px solid rgba(186, 34, 40, 1);
}

/* =========== */
.single-chat-section {
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
}

.single-chat-section .chat-meta-user {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgba(32, 32, 32, .7);
	background-blend-mode: overlay;
	padding: 30px;
	border-radius: 20px 20px 0 0;
}

.single-chat-section .current-chat-user-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	width: 100%;
}

.single-chat-section .user-left-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.single-chat-section .user-left-box img {
	max-width: 60px;
	width: 100%;
	height: 60px;
	border-radius: 100px;
}

.single-chat-section .chat-user-name h4 {
	font-family: 'Poppins';
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	text-align: left;
	color: rgba(255, 255, 255, 1);   
	margin-bottom: 10px; 
}

.single-chat-section .chat-user-name p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	text-align: left;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0;
}

.current-chat-user-name .action-btns a {
	background-color: rgba(186, 34, 40, 1);
}

.single-chat-section .post-action-btn {
	background-color: rgba(201, 189, 189, 0.21);
	border-radius: 20px;
	padding: 2px 10px;
	display: none;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.single-chat-section .post-action-btn a {
	display: inline-block;
	line-height: 1;
}

.single-chat-section .chat-content:hover .post-action-btn {
	display: flex;
}

.single-chat-section .chat-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	margin-bottom: 5px;
	width: 100%;
}

.single-chat-section .chat-title h5 {
	width: auto;
	margin-bottom: 0;
}

#reciver-user.active .join-sound {
	display: block;
}

.chat-list-right-box .agent-chat-lists {
	padding: 20px;
}

.chat-list-right-box .table.dataTable {
	border: 0! important;
	border-radius: 20px;
	background-color: transparent;
	padding: 0;
}

.chat-list-right-box {
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 20px;
}

.chat-list-right-box .chat-active-list-box {
	border: 0;
	padding: 0;
	height: 100%;
}

.chat-list-right-box.right-chat-list .box-tab {
	max-width: 100%;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.chat-list-right-box.right-chat-list .box-tab .nav {
	gap: 20px;
	padding-top: 4px;
}

.agent-chat-lists table tbody tr td .status-btns {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.status-btns .icon-img {
	max-width: 20px;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
}

.status-btns .icon-img img {
	width: 100%;
}


.crm-icon {
	width: 60px;
	/* width: 100%; */
	height: 60px;
	margin: 0 auto;
	padding: 5px;
}

.crm-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.agent-chat-lists table tbody tr td .status-btns a {
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.agent-chat-lists table tbody tr td .status-btns a.add-btn {
	color: #fff;
}

.chat-summary-left-content {
	background-color: #fff;
	border: 1px solid #E4E4E4;
	border-radius: 20px;
	height: 100%;
}

.chat-summary-right-content {
	height: 100%;
}

.chat-summary-right-content .chatting-box .chat-box {
	height: calc(100vh - 265px)! important;
}

.chat-summary-right-content .script-genarate-box {
	height: calc(100vh - 355px);
}

.chat-summary-left-content .deals-tab-title {
	padding: 0;
	border: 0;
}

.chat-summary-right-content .chatting-box {
	/* padding: 0! important; */
	height: auto! important;
}

.chat-summary-header {
	background-color: #EAEFF4;
	padding: 20px;
	width: 100%;
	border-radius: 20px 20px 0 0;
	border-bottom: 1px solid #E4E4E4;
}

.left-summary-content h5 {
	margin-bottom: 1rem;
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	color: #202020;
}

.right-summary-content h5 {
	margin-bottom: 10px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #737791;
}

.right-summary-content h5 span {
	color: #202020;
	font-size: 1rem;
	line-height: 1;
	display: inline-block;
	margin-right: 5px;
}

.left-summary-content h5 span {
	font-weight: 600;
}

.right-summary-content p,
.left-summary-content p {
	margin-bottom: 1rem;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 17px;
	text-align: left;
	color: #202020;
}

.right-summary-content p span,
.left-summary-content p span {
	font-weight: 600;
}

.right-summary-content p:last-child,
.left-summary-content p:last-child {
	margin-bottom: 0;
}

.chat-summary-body {
	padding: 20px;
	overflow-y: auto;
	overflow-x: hidden;
}

.chat-summary-body h4 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	text-align: left;
	color: #202224;
	margin-bottom: 10px;
}

.chat-summary-body p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #737791;
	margin-bottom: 30px;
}

.chat-summary-body ul {
	margin: 0;
}

.chat-summary-body ul li {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #737791;
	margin-bottom: 5px;
}

.chat-summary-body ul li:last-child {
	margin-bottom: 0;
}

.mail-modal .modal-content {
	border-radius: 20px;
	box-shadow: 0px 4px 44px 0px #00000033;
	border: 1px solid #E0E0E0;
}

.mail-modal .modal-header {
	border-bottom: 1px solid #E4E4E4;
}

.mail-modal .modal-title {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	color: #202020;
}

.mail-modal .modal-body {
	padding: 20px 30px;
}

.mail-modal .modal-body .mail-form-box .qus-form .form-group .form-check {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin-bottom: 10px;
}

.mail-modal .modal-body .mail-form-box .qus-form .form-group .form-check:last-child {
	margin-bottom: 0;
}

.modal-header .btn-close {
	background-color: #e4e4e4;
	border-radius: 100%;
	position: absolute;
	top: -5px;
	right: -1px;
	opacity: 1;
}

.hub-data-file-info.hub-product-list-box {
	gap: 0 20px;
}

.hub-data-file-info.hub-product-list-box .hub-product-card-box {
	max-width: 260px;
	margin-bottom: 20px;
} 

.hub-data-file-info.hub-product-list-box.hub-data-folder-info .hub-folder-card-box .products-card-body h5 {
	font-size: 1rem;
	line-height: 1;
}

.left-robot-memory .hub-widget-box > .row > .col > .hub-card-box {
	padding: 14px 25px;
}

.left-robot-memory .hub-card-body h4 {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
	text-align: left;    
}

.left-robot-memory .hub-card-body p {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	text-align: left;    
	margin-bottom: 10px;
}

.left-robot-memory .hub-card-img {
	max-width: 40px;
	width: 100%;
}

.left-robot-memory .hub-card-img img {
	width: auto;
}

/* ======= */
#pot {
	bottom: 15%;
	position: absolute;
	-webkit-animation: linear infinite;
	animation: linear infinite;
	-webkit-animation-name: run;
	animation-name: run;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
  }

  @keyframes run {
	0% {
		left: 0;
	  }
	  48% {
		-webkit-transform: rotateY(0deg); 
	  }
	  50% { 
		left: calc(100% - 100px);
		-webkit-transform: rotateY(180deg); 
	  }
	  98% {
		-webkit-transform: rotateY(180deg); 
	  }
	  100% {
		left: 0;    
		 -webkit-transform: rotateY(0deg);
	  }
	}

  @-webkit-keyframes run {
	0% {
	  left: 0;
	}
	48% {
	  -webkit-transform: rotateY(0deg); 
	}
	50% { 
	  left: calc(100% - 100px);
	  -webkit-transform: rotateY(180deg); 
	}
	98% {
	  -webkit-transform: rotateY(180deg); 
	}
	100% {
	  left: 0;    
	   -webkit-transform: rotateY(0deg);
	}
  }
  .robot-head img {
	
	animation: headMove 3s ease-in-out infinite;
}

@keyframes headMove {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(2deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-2deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.robot-face {
	animation: moveHead 4s ease-in-out infinite;
}

.robot-face img {
	width: auto;
}

@keyframes moveHead {
	0% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(50px);
	}
	50% {
		transform: translateX(0);
	}
	75% {
		transform: translateX(-50px);
	}
	100% {
		transform: translateX(0);
	}
}

.robot-head-face {
	animation: moveHead3D 4s ease-in-out infinite;
}

.robot-head-face img {
	width: auto;
	transform-origin: center; /* Ensures the rotation happens from the center */
}

@keyframes moveHead3D {
	0% {
		transform: rotateY(0deg); /* Facing forward */
	}
	25% {
		transform: rotateY(-30deg); /* Tilt to the right (simulate looking right) */
	}
	50% {
		transform: rotateY(0deg); /* Back to the center */
	}
	75% {
		transform: rotateY(30deg); /* Tilt to the left (simulate looking left) */
	}
	100% {
		transform: rotateY(0deg); /* Back to the center */
	}
}

.human-head {
	
	position: relative;
	text-align: center;
}

.human-head .human-img-box::before {
	position: absolute;
	content: '';
	background-image: url(../img/memory-img/left-angel.svg);
	background-position: 0 27px;
	background-size: auto;
	width: 216px;
	height: 100%;
	left: 29px;
	background-repeat: no-repeat;
}

.human-head .human-img-box::after {
	position: absolute;
	content: '';
	background-image: url(../img/memory-img/right-angle.svg);
	background-position: 0 27px;
	background-size: auto;
	width: 216px;
	height: 100%;
	right: 29px;
	background-repeat: no-repeat;
}

.human-head .human-img-box {
	z-index: 1;
	position: relative;
	overflow: hidden;
}

.human-head .human-img-box .head-img {
	width: auto;
	animation: moveHeadHuman 4s ease-in-out infinite;
	animation-duration: 10s;
	transform-origin: center; /* Rotate from center */
}

@keyframes moveHeadHuman {
	0% {
		transform: rotateZ(0deg); /* Facing forward */
	}
	25% {
		transform: rotateZ(-5deg); /* Tilt head to the right slightly and nod down */
	}
	50% {
		transform: rotateZ(0deg); /* Back to the center */
	}
	75% {
		transform: rotateZ(5deg); /* Tilt head to the left slightly and nod down */
	}
	100% {
		transform: rotateZ(0deg); /* Back to the center */
	}
}

.humad-head-overlay {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.human-brain {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
	max-width: 400px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.middle-brain-part {
	position: absolute;
}
/* 
.human-brain > div {
	animation: moveHeadHuman 4s ease-in-out infinite;
	animation-duration: 10s;
} */

.progress-color {
	stop-color: #14FF00;
}

.preogress-line linearGradient stop {
	stop-color: #000;
	offset: 1;
}

.brain-right > path {
	stroke: #000;
}

.robot-face_head img {
	width: auto;
	animation: moveHeadHuman1 4s ease-in-out infinite;
	animation-duration: 15s;
	transform-origin: center; /* Rotate from center */
	z-index: 1;
	position: relative;
	overflow: hidden;
}

@keyframes moveHeadHuman1 {
	0% {
		transform: rotateZ(0deg); /* Facing forward */
	}
	25% {
		transform: rotateZ(-5deg); /* Tilt head to the right slightly and nod down */
	}
	50% {
		transform: rotateZ(0deg); /* Back to the center */
	}
	75% {
		transform: rotateZ(5deg); /* Tilt head to the left slightly and nod down */
	}
	100% {
		transform: rotateZ(0deg); /* Back to the center */
	}
}

.edit-agent-details-content .details-card-body h4 span {
	display: block;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.edits-action-btn a.edit-btn-active {
	background-color: rgba(35, 51, 64, 0.1);
	border-radius: 8px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.edits-action-btn a.edit-btn-active img {
	width: auto;
	height: auto;
	object-fit: none;
}

.edits-action-btn a .dark-icon {
	display: none;
}

.tab-inner-details .profile-pic {
	max-width: 74px;
	height: 74px;
	width: 100%;
	border-radius: 100px;
}

.tab-inner-details .profile-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tab-inner-details .profile-img-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.tab-inner-details .profile-img-box .action-btns button {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	padding: 3px 15px;
	height: auto;
	max-width: fit-content;
	width: auto;
}

.character-inner-content .character-card-box {
	margin-bottom: 30px;
}

.character-inner-content .character-card-box:last-child {
	margin-bottom: 1rem;
}

.character-card-box p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 14.5px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 10px;
}

.character-card-content-box {
	border: 1px solid rgba(234, 239, 244, 1);
	border-radius: 15px;
	padding: 13px 20px 1rem;
	margin-bottom: 1rem;
}


.character-card-content-box:last-child {
	margin-bottom: 0;
}


.character-card-content-box p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: left;
	color:  rgba(118, 117, 129, 1); 
	margin-bottom: 0;  
}

.character-card-content-box a {
	font-weight: 700;
	color:  rgba(118, 117, 129, 1); 
}

.goals-content-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
}

.target-box {
	border: 1px solid rgba(234, 239, 244, 1);
	padding: 1rem;
	border-radius: 10px;
	width: 25%;
}

.target-info .form-check {
	margin-bottom: 1rem;
	background-color: transparent;
	border: 1px solid rgba(234, 239, 244, 1);
	padding: 10px;
	border-radius: 10px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}

.golas-table thead tr th:first-child {
	width: 50%! important;
}

.target-info .form-check-label {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: left;
	color: rgba(35, 51, 64, 1); 
	margin-bottom: 0;
}

.target-box .action-btns button {
	padding: 10px 16px;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	height: auto;
}

.monthly-goals-box {
	width: 75%;
}

.goals-table-box {
	border: 1px solid rgba(234, 239, 244, 1);
	padding: 10px;
	border-radius: 10px;
	height: 100%;
	max-width: 300px;
	width: 100%;
	margin: 0 10px;
}

.goals-table-box:first-child {
	margin-left: 0;
}

.goals-table-box:last-child {
	margin-right: 0;
}

.monthly-goals {
	display: -webkit-box;
	overflow-x: auto;
	padding-bottom: 1rem;
	height: 100%;
	overflow-y: hidden;
}

.goals-list-content {
	border: 1px solid rgba(228, 228, 228, 1);
	padding: 0 0 1rem;
	border-radius: 20px;
	overflow: hidden;
}

.goals-list-content .table.dataTable {
	border: 0;
	padding: 0 1rem;
}

.goals-list-content .table.dataTable th,
.goals-list-content .table.dataTable td {
	text-align: left;
}

.goals-list-content .golas-list-title {
	margin-bottom: 0px;
	background-color: #e4eef4;
	padding: 1rem;
}

.goals-list-content .golas-list-title h4 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
}

.select2-container--classic .select2-selection--single, 
.select2-container--default .select2-selection--multiple, 
.select2-container--default .select2-selection--single, 
.select2-container--default .select2-selection--single .select2-selection__arrow, 
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 500;
	/* line-height: 1.2; */
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	/* height: auto; */
	border-radius: 100px;
}

.input-group .select2-container--default .select2-selection--single {
	border: none;
}

#meetingForm .form-group .form-control .select2-container--default .select2-selection--multiple {
	height: auto;
	border-radius: 100px;
}

#meetingForm .form-group .form-control .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0;
}

#meetingForm .form-group .form-control .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row-reverse;
	gap: 5px;
	margin: 0;
}

#meetingForm .form-group .form-control .select2-container--default .select2-selection--multiple {
	line-height: 1.3;
	padding: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	left: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 1rem;
}

.select2-results ul li {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.custom-form-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	width: auto;
}

.qus-form .form-group.custom-form-group .form-control {
	padding: 10px 20px;
	max-width: 230px;
}

.qus-form .form-group.custom-form-group 

.add-btn.brand-btn {
	background-color: #000;
	color: #fff;
	border-color: transparent;
	padding: 8px 12px;
}

.add-btn.brand-btn:hover {
	background-color: rgba(186, 34, 40, 1);
	color: #fff;
}

.left-tools .dropdown-menu {
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0;
	font-size: 0.875rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #e9ecef;
	border-radius: 4px;
}

.left-tools .dropdown-menu.show {
	display: block;
}

.left-tools .dropdown-item {
	font-family: 'Montserrat', 'SolaimanLipi';
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	padding: 15px;
	text-align: left;
	color: rgba(26, 24, 23, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	height: auto;
	background-color: transparent;
	border-radius: 4px;
}

.left-tools .dropdown-item:hover, 
.left-tools .dropdown-item.active, 
.left-tools .dropdown-item:active {
	background-color: rgb(215 0 6);
	color: #fff;
}

.submenu-box.top-submenu ul li {
	margin-bottom: 0;
}

.submenu-box.top-submenu ul li a {
border-bottom: 3px solid transparent;
border-radius: 0;
background-color: transparent;
padding: 6px 8px;
text-align: center;
}

.submenu-box.top-submenu ul li a.active,
.submenu-box.top-submenu ul li a:hover {
	border-color: #202020;
	color: #202020;
	border-radius: 0;
	background-color: transparent;
}

.snippet-body-content {
	padding: 30px;
}

.snippet-body-content h3 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	text-align: left;
	color: rgba(20, 33, 61, 1);
	margin-bottom: 10px;
}

.snippet-body-content h3 span {
	font-weight: 500;
}

.snippet-body-content p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 20px;
}

.snippet-body-content p span {
	display: block;
	font-family: 'Poppins';
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.snippet-body-content p span code {
	font-family: 'Poppins';
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.embade-box {
	background-color: rgba(248, 251, 255, 1);
	border: 1px solid rgba(228, 228, 228, 1);
	padding: 20px;
	border-radius: 1rem;
	margin-bottom: 20px;
}

.snippet-code-box p {
	display: block;
	font-family: 'Poppins';
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
	word-break: break-all;
}

.copy-btn {
	background-color: rgba(20, 33, 61, 1);
	border-radius: 100px;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 600;
	line-height: 19.2px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	padding: 13px 30px;
	display: inline-block;
	border: 1px solid transparent;
}

.copy-btn:hover {
	color: #fff;
	background-color: rgba(187, 36, 41, 1);
}

.video-link-modal .modal-dialog {
	max-width: 650px;
}

.video-link-modal.mail-modal .modal-body {
	padding: 30px 40px;
}

.video-link-modal .modal-header .btn-close {
	margin-left: auto;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute! important;
	top: -15px;
	right: -15px;
	z-index: 1;
	transition: all .4s ease-in-out;
}

.video-link-modal .modal-header .btn-close:hover {
	background-color: #bb2429;
	transition: all .4s ease-in-out;
}


.video-link-box .form-control {
	border-radius: 100px;
	margin-bottom: 0! important;
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	padding: 12px 20px;
	border: 1px solid rgba(201, 201, 201, 1);
}

.video-link-modal .modal-header {
	padding: 0;
}

.video-link-modal .modal-dialog .mail-form-box {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.video-link-modal .modal-dialog .box-top-title {
	margin-bottom: 40px;
}

.video-link-modal .modal-dialog .box-top-title h3 {
	font-family: 'Poppins';
	font-size: 30px;
	font-weight: 500;
	line-height: 45px;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 10px;
}

.video-link-modal .modal-dialog .box-top-title p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}

/* .video-link-box p {
	background-color: rgba(234, 239, 244, 1);
	border-radius: 10px;
	padding: 19px 20px;
	margin-bottom: 60px;
} */

.video-link-box p {
	background-color: rgba(234, 239, 244, 1);
	border-radius: 15px;
	/*padding: 0;*/
	margin-bottom: 30px;
	padding: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.video-link-box a span.mailto-message {
	top: 10px;
	left: auto;
	margin-bottom: 0;
	transform: translate(40%, -160%);
	position: absolute;
	display: none;
	width: auto;
	white-space: nowrap;
	font-size: 12px;
	background-color: #000f5b;
	color: #fff;
	padding: 5px 10px;
	border-radius: 8px;
	font-family: 'Poppins', sans-serif;
	line-height: 120%;
	text-transform: capitalize;
	right: 0;
}

.video-link-box a:hover {
	color: #000;
}


.myInput-link {
	background: transparent;
	border: none;
	width: 100%;
	white-space: normal;
	word-break: break-all;
	line-height: 1;
	appearance: none;
	text-overflow: ellipsis;
	display: inline-block;
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
}

.video-link-box a {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0;
}

.video-link-box .icon-img {
	max-width: 26px;
	display: inline-block;
}

.video-link-box .action-btns {
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.video-link-box .action-btns button {
	padding: 13px 20px;
	max-width: 154px;
	width: 100%;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	height: 45px;
}

.topbar .dropdown-menu .top-user-info {
	margin-bottom: 0;
}

.topbar .dropdown-menu.user-dd {
	border-radius: 15px;
	border: 1px solid rgba(224, 224, 224, 1);
	box-shadow: 0px 4px 42px 0px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 0;
	left: auto;
	right: 0;
}

.user-dd .dropdown-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: rgba(115, 119, 145, 1);
}

.dropdown .user-dd .dropdown-item:hover {
	color: #fff;
	background-color: #000;
}

.dropdown .user-dd .dropdown-item:hover .icon-img .dark-icon {
	display: block;
}

.dropdown .user-dd .dropdown-item:hover .icon-img .light-icon {
	display: none;
}

.user-dd .dropdown-item.active, 
.user-dd .dropdown-item:active {
	background-color: #000;
}

.user-dd .dropdown-divider {
	width: calc(100% - 48px);
	height: 1px;
	background-color: rgba(224, 224, 224, 1);
	margin-left: auto;
	margin-right: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.user-dd .dropdown-divider:last-child {
	display: none;
}

.user-dd .avater-img {
	max-width: 60px;
	width: 100%;
	height: 60px;
}

.user-dd .avater-img img {
	width: 100%;
}
.topbar .top-navbar .navbar-nav > .nav-item {
	transition:none;
}

.column-footer-box {
	position: absolute;
	bottom: 0;
	border-top: 1px solid rgba(234, 239, 244, 1);
	background-color: #fff;
	width: 100%;
	padding: 13px 20px 20px;
	border-radius: 0 0 20px 20px;
}

.deals-footer-content p a {
	color: rgba(117, 123, 126, 1);
}

.deals-footer-content p a:focus,
.deals-footer-content p a:hover {
	color: rgba(186, 34, 40, 1);
}

.deals-footer-content p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	color: rgba(117, 123, 126, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: 100%;
	margin-bottom: 5px;
}

.deals-footer-content p:last-child {
	margin-bottom: 0;
}

/* ========= */

.right-tab-box {
	width: auto;
}

.right-filter-box {
	max-width: 600px;
	width: 100%;
}

.right-filter-box .qus-form .form-group .form-control {
	padding: 10px 20px;
}

.left-title {
	width: 25%;
}

.filter-form {
	width: 100%;
	max-width: 100%;
}

.filter-form .form-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.filter-form .form-group label {
	margin-bottom: 0;
	width: 100%;
	max-width: 90px;
}

.filter-form .form-group .form-control {
	width: 75%;
}

.pipline-stage-list .table-responsive {
	height: 250px;
}

.opportunities-list .table-responsive {
	height: 360px;
}

.pipline-stage-list table tr th:first-child,
.pipline-stage-list table tr td:first-child {
	text-align: left;
}

.pipline-stage-list table tr th:last-child,
.pipline-stage-list table tr td:last-child {
	text-align: right;
}


.chart-content-box {
	background-color: #fff;
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 1rem;
	height: 100%;
	padding: 1rem 20px;
}

.apexcharts-title-text {
	font-size: 18px! important;
	font-weight: 500! important;
	fill: rgba(27, 27, 32, 1)! important;
	color:  rgba(27, 27, 32, 1)! important;
}

.chart-content-box h4 {
	font-family: 'Poppins';
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 1rem;
	text-transform: capitalize;
}

.chart-content-box h4 span {
	display: block;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.pai-chart {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.pai-chart .dealsChart-content {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 40%;
}


.chart-pie-donut .apexcharts-datalabel-label {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 18.5px;
	text-align: center;
	margin: 0;
	color:  rgba(118, 117, 129, 1);
	fill: rgba(115, 119, 145, 1);
}

.chart-pie-donut.chart-pie-monochrome .apexcharts-datalabel-value,
.chart-pie-donut.chart-pie-monochrome .apexcharts-datalabel-label {
	fill: #000! important;
}
.chart-pie-donut.interaction-pie-chart .apexcharts-datalabel-value,
.chart-pie-donut.interaction-pie-chart .apexcharts-datalabel-label {
	fill: #fff! important;
}

.chart-pie-donut .apexcharts-datalabel-value {
	font-family: 'Poppins';
	font-size: 28px;
	font-weight: 600;
	line-height: 33.92px;
	text-align: center;
	fill: rgba(32, 34, 36, 1);
	color: rgba(32, 34, 36, 1);
	display: block;
}

.apexcharts-xaxis-label,
.apexcharts-yaxis-label {
	font-family: 'Poppins'! important;
	font-size: 14px! important;
	font-weight: 400! important;
	line-height: 1! important;
	text-align: right! important;
	color:  rgba(27, 27, 32, 1);
	fill: rgba(27, 27, 32, 1);

}
.apexcharts-legend-series .apexcharts-legend-text {
	font-family: 'Poppins'! important;
	font-size: 14px! important;
	font-weight: 400! important;
	line-height: 1.2! important;
	text-align: right! important;
	color:  rgba(27, 27, 32, 1)! important;
	fill: rgba(32, 32, 32, 1)! important;
	text-transform: capitalize;
}

.chart-pie-monochrome .apexcharts-legend-series .apexcharts-legend-text {
	font-size: 13px! important;
	text-align: left! important;
}

.apexcharts-legend.apx-legend-position-bottom {
	overflow: hidden;
}
.apexcharts-legend.position-top {
	top: 0! important;
	left: auto! important;
	overflow: hidden;
	padding: 0;
	gap: 10px;
}

.apexcharts-legend.position-top .apexcharts-legend-series {
	flex-direction: row;
}

.apexcharts-legend-series .apexcharts-legend-marker {
	margin-right: 0;
}

.apexcharts-canvas {
	width: 100%! important;
}

.apexcharts-svg {
	width: 100%;
}

foreignObject {
	width: 100%;
}

.apexcharts-legend.position-right {
	padding: 0;
	right: 0;
	gap: 5px;
}

.apexcharts-legend-series {
	display: flex;
	/* flex-direction: row-reverse; */
	gap: 5px;
	margin: 0! important;
	justify-content: flex-start;
	align-items: center;
}

.chart-container {
	position: relative;
	height: 100%;
	width: 100%;
  }

  .legend-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  }

  .legend-item {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	text-align: right;
	color:  rgba(27, 27, 32, 1);
  }

  .legend-color {
	width: 20px;
	height: 20px;
  }

  .inner-card-body p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
  }

  .inner-card-body strong {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
  }

 .chart-pie-donut2 foreignObject {
	display: none;
 }

 .chart-details {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	flex-wrap: wrap;
	width: 100%;
	max-width: 242px;
 }

 .usage-data-box {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: auto;
	gap: 10px;
 }

 .usage-data-box .usage-data-mark {
	background-color:rgba(226, 150, 25, 1) ;
	width: 10px;
	height: 60px;
	border-radius: 5px;
 }

 .usage-data-box .usage-data-mark.website-mark {
	background-color:rgba(226, 150, 25, 1);
 }

 .usage-data-box .usage-data-mark.whatsapp-mark {
	background-color:rgba(18, 184, 105, 1);
 }

 .usage-data-box .usage-data-mark.facebook-mark {
	background-color:rgba(26, 105, 238, 1);
 }

 .usage-data-box .usage-data-mark.instagram-mark {
	background-color:rgba(226, 53, 58, 1);
 }

 .usage-data-box p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	height: 50px;

 }

 .usage-data-box p span {
	font-family: 'Poppins';
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	display: block;
 }

 .line_chart_box .apexcharts-legend.position-top {
	left: 0! important;
	right: auto! important;
 }

 .breadcrumb-box {
	width: 100%;
 }

 /* ===== */

  .dashboard-box .chat-list-box {
	padding: 30px;
  }

  .inner-dashboard-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 25px;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 30px;
  }

  .dashboard-inner-content .dashbord-icon-img {
	position: absolute;
	top: 25px;
	right: 25px;
  }

  .dashboard-inner-content .dashboard-card-box {
	justify-content: space-between;
  }

  .dashboard-inner-content .dashboard-card-box p {
	margin-bottom: 0;
  }

.dashboard-card-box {
	background-color: rgba(239, 255, 247, 1);
	border-radius: 16px;
	padding: 15px 25px;
	border: 1px solid transparent;
	position: relative;
	/*max-width: 256px;*/
	max-width: 350px;
	width: 100%;
	height: 100%;
	min-height: 170px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

.appoinment-top-box .event-card {
	background-color: rgba(239, 255, 247, 1);
	border-radius: 16px;
	padding: 15px 25px;
	border: 1px solid rgba(18, 184, 105, 1);
	position: relative;
	/*max-width: 256px;*/
	max-width: 100%;
	margin-bottom: 0;
	gap: 10px;
	width: 100%;
	height: 100%;
	min-height: 170px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

.apexcharts-legend.position-bottom .apexcharts-legend-series,
.apexcharts-legend.position-top .apexcharts-legend-series {
	display: flex;
}

.apexcharts-legend.position-bottom {
	justify-content: center;
	padding: 0;
	margin: 0;
}

.ai-dashboard-box .dashboard-card-box {
	max-width: 256px;
	min-height: 150px;
}

.ovarall-dashboard-box .dashboard-card-box {
	max-width: 316px;
	min-height: 180px;
}

.ovarall-dashboard-box .dashboard-card-box p {
	margin-bottom: 0;
}

	.page-wrapper.show .dashboard-card-box {
		max-width: 270px;
	}

.appoinment-top-box .event-card.group-event-card,
.dashboard-card-box.engaged-visitor-box {
	background-color: rgba(255, 247, 234, 1);
}

.appoinment-top-box .event-card.round-event-card,
.dashboard-card-box.agent-card-box {
	background-color: rgba(235, 254, 255, 1);
}

.dashboard-card-box.engaged-visitor-box:hover {
	border-color: rgb(226 150 25);
}

.dashboard-card-box.agent-card-box:hover {
	border-color: rgb(38 187 197);
}

.dashboard-card-box.active-chat-box:hover {
	border-color: rgb(78 71 221);
}

.dashboard-card-box.idle-chat-box:hover {
	border-color: rgb(26 105 238);
}

.dashboard-card-box.queue-card-box:hover {
	border-color: rgb(224 96 88);
}

  .dashboard-card-box.active-chat-box {
	background-color: rgba(243, 242, 255, 1);
  }

  .dashboard-card-box.idle-chat-box {
	background-color: rgba(237, 244, 255, 1);
  }

  .dashboard-card-box.queue-card-box {
	background-color: rgba(255, 238, 237, 1);
  }

  .dashboard-card-box.zendesk-card-box {
	background-color: rgba(230, 247, 238, 1);
  }

  .dashbord-icon-img {
	max-width: 48px;
	width: auto;
	height: auto;
  }

  .ai-dashboard-box .dashboard-card-box h4,
  .dashboard-card-box h4 {
	font-family: 'Poppins';
	font-size: 40px;
	font-weight: 600;
	line-height: 55px;
	text-align: left;
	color: rgba(32, 34, 36, 1);
	margin-bottom: 0;
  }

  .ai-dashboard-box .dashboard-inner-content .dashboard-card-box p {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
  }
  .dashboard-card-box p {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 8px;
  }

	.overview-inner-content .dashboard-card-box p {
		font-size: 24px;
	}

	.dashboard-card-box h5 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		gap: 5px;
		font-family: 'Poppins';
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
		text-align: left;
		color:  rgba(118, 117, 129, 1);
		margin-bottom: 0;
	}

  .dashboard-card-box h5 span {
	color:  rgba(27, 27, 32, 1);
  }

  .trading-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	width: 100%;
	max-width: 66px;
	background-color: rgba(255, 255, 255, 1);
	border: 0.5px solid rgba(18, 184, 105, 0.5);
	padding: 2px 5px;
	border-radius: 12px;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 500;
	line-height: 16.8px;
	letter-spacing: -0.5px;
	text-align: right;
	color: rgba(18, 184, 105, 1);
	position: absolute;
	right: 15px;
	top: 15px;
  }

  .trading-box.trading-up {
	color: rgba(18, 184, 105, 1);
  }

  .trading-box.trading-down {
	color: rgba(186, 34, 40, 1);
  }

  .interactions-chart .apexcharts-legend.position-right {
	justify-content: center;
	gap: 10px;
  }

  .interactions-chart .apexcharts-legend-series {
	flex-direction: row;
  }

  .apexcharts-yaxis-title-text,
  .apexcharts-xaxis-title-text {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0.01em;
	text-align: center;
	color:  rgba(118, 117, 129, 1);
	fill: rgba(118, 117, 129, 1);
  }

  .apexcharts-legend.position-bottom {
	overflow: hidden;
	gap: 10px 20px;
  }

  .apexcharts-legend.position-bottom .apexcharts-legend-series {
	flex-direction: row;
  }

  .apexcharts-tooltip {
	background: #fff;
	color: #000;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.01em;
  }
  
  .chart-section-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	margin-bottom: 20px;
  }

  .chart-section-title h4 {
	margin-bottom: 0;
  }

  .calendar-tab-content .calender-date-box p {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: center;
	color:  rgba(27, 27, 32, 1);
	margin-bottom: 0;
  }

  .calendar-tab-content .calender-date-box p span {
	font-weight: 700;
  }

  .satisfaction-pie-donut .apexcharts-legend.position-bottom {
	gap: 10px 20px;
  }

  .goal-bar-chart .apexcharts-legend.position-bottom {
	gap: 10px 20px;
  }

  #chart-pie-monochrome .apexcharts-pie-label {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 500;
	line-height: 21px;
	color:  rgba(27, 27, 32, 1);
	fill: rgba(32, 32, 32, 1);
	box-shadow: none;
	text-shadow: none;
	filter: none;
  }

.ai-tab-inner-details .apexcharts-legend.apexcharts-align-right .apexcharts-legend-series,
.ai-tab-inner-details .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series,
.satisfaction-pie-donut .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}

  /* ====== */
  canvas {
	-moz-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
  }

  /* ======= robotic-eye-box ===== */
.robotic-section {
	background-color: rgba(255, 255, 255, .3);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	padding: 25px 30px;
	height: calc(100vh - 110px);
	background-blend-mode: overlay;
	background-image: url(../img/robotic-bg.png);
	border-radius: 20px;
	border: 1px solid rgba(234, 239, 244, 1);
}

	.robotic-section .section-title {
		position: relative;
	}

	
		.wisemind-box .section-title .top-left-title,
		.robotic-section .section-title .top-left-title {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			gap: 10px;
			width: auto;
		}

		
			.robotic-section .section-title .top-left-title h3 {
				font-family: 'Literata';
				font-size: 32px;
				font-weight: 500;
				line-height: 1;
				text-align: left;
				color:  rgba(27, 27, 32, 1);
			}

		.wisemind-box .section-title .close-btn,
		.robotic-section .section-title .close-btn {
			padding: 0;
			width: 40px;
			height: 40px;
			justify-content: center;
			align-items: center;
			font-family: 'Literata','SolaimanLipi';
			font-size: 20px;
			font-weight: 500;
			line-height: 1;
			text-align: center;
			border-radius: 100px;
			color: rgba(186, 34, 40, 1);
			background-color: rgba(186, 34, 40, 0.08);
			border: 1px solid transparent;
			opacity: 1;
		}

		.robotic-section .section-title .action-btns .btn {
			padding: 12px;
			 font-family: 'Literata','SolaimanLipi';
			font-size: 14px;
			font-weight: 500;
			line-height: 1;
			text-align: center;
			border-radius: 100px;
			color: rgba(186, 34, 40, 1);
			background-color: rgba(186, 34, 40, 0.08);
			border: 1px solid transparent;
			opacity: 1;
		}

			.robotic-section .section-title .action-btns .btn:hover {
				background-color: #D70006;
				border-color: transparent;
				color: #fff;
			}

			.wisemind-box .section-title .close-btn:hover,
			.robotic-section .section-title .close-btn:hover {
				background-color: rgba(32, 32, 32, 1);
				border-color: transparent;
				color: #fff;
			}

.robotic-eye-box {
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px 1rem;
}

	.robotic-eye-box.robotic-eye-data-box {
		padding: 20px 0;
	}

.robotic-eye-data-box .robotic-eye-card {
	max-width: 1100px;
}

	.robotic-eye-data-box .robotic-eye-card .robotic-content {
		max-width: 500px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

.robotic-eye-card {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

	.robotic-eye-card .robotic-content h2 {
		font-family: 'Literata';
		font-size: 28px;
		font-weight: 500;
		line-height: 28px;
		text-align: center;
		color:  rgba(27, 27, 32, 1);
		margin-bottom: 20px;
	}

.robotic-eye-data-box .robotic-content h2 {
	margin-bottom: 20px;
}

.robotic-eye-card .robotic-content img {
	margin: 0 auto 20px;
}

.robotic-eye-card .robotic-content .dark-img {
	display: none;
}

.robotic-eye-card .load-btn {
	background-color: rgba(186, 34, 40, 1);
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	padding: 1rem 20px;
	height: auto;
	width: 100%;
	max-width: 180px;
	border-radius: 30px;
	margin: 0 auto;
	transition: all .4s ease-in-out;
}

	.robotic-eye-card .load-btn:hover {
		background-color: #000;
		color: #FFFFFF;
		transition: all .4s ease-in-out;
	}

.robotic-data-info {
	margin-bottom: 20px;
}

	.robotic-data-info h4 {
		font-family: 'Poppins';
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.2;
		text-align: center;
		color: rgba(19, 19, 19, 1);
		margin-bottom: 10px;
	}

	.robotic-data-info p {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 400;
		line-height: 1.2;
		text-align: center;
		color: rgba(19, 19, 19, 1);
		margin-bottom: 0;
	}

/* .robotic-data-table {
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 20px;
	padding: 1rem;
} */

.robotic-data-table .custom-scrollbar-css {
	height: 300px;
	overflow: auto;
	margin-bottom: 20px;
	padding-right: 10px;
}

	.robotic-data-table .customize-table {
		border: 1px solid #EAEFF4;
	}

		.robotic-data-table .customize-table thead {
			border: 1px solid #EAEFF4;
			background-color: #EAEFF4;
			text-align: left;
		}

			.robotic-data-table .customize-table thead tr th {
				 font-family: 'Poppins','SolaimanLipi';
				font-size: 14px;
				font-weight: 400;
				line-height: 16.8px;
				text-align: left;
				color: #818181;
			}

		.robotic-data-table .customize-table tbody tr td {
			 font-family: 'Poppins','SolaimanLipi';
			font-size: 16px;
			font-weight: 400;
			line-height: 16px;
			text-align: left;
			color: #192328;
			position: relative;
		}

			.robotic-data-table .customize-table tbody tr td span {
				 font-family: 'Poppins','SolaimanLipi';
				font-size: 16px;
				font-weight: 400;
				line-height: 19.2px;
				text-align: right;
				color: #192328;
			}

/* ======== */


.robotic-section .section-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

	.robotic-section .section-title .save-btn {
		max-width: 100%;
		border-radius: 0;
	}

.robotic-info-content {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 1rem 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #EAEFF4;
}

	.robotic-info-content h4 {
		font-family: 'Poppins','SolaimanLipi';
		font-size: 18px;
		font-weight: 700;
		line-height: 18px;
		text-align: left;
		color: #131313;
		margin-bottom: 0;
	}

	.robotic-info-content p {
		font-family: 'Poppins','SolaimanLipi';
		font-size: 20px;
		font-weight: 400;
		line-height: 20px;
		text-align: right;
		color: #131313;
		margin-bottom: 0;
	}

.robotic-chat-content-box {
	height: calc(100vh - 315px);
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 20px;
	padding-right: 1rem;
}

.robotic-chat-box {
	/* max-width: 1000px; */
	width: 100%;
	margin: 30px auto 0px;
}

/* ======= */
.wisemind-notification-box {
	max-width: 20px;
	padding: 0! important;
	width: 100%;
	transition: all .4s ease-in-out;
}

.wisemind-notification-box:hover {
	transform: scale(1.8);
	transition: all .4s ease-in-out;
}

.support-box,
.account-billing-box {
	display: none;
	position: relative;
	transform: translateX(100%);
	transition: all .4s ease-in-out;
	border: 1px solid rgba(228, 228, 228, 1);
	background-color: #fff;
	padding: 0 0 20px;
	margin: 20px;
	border-radius: 20px;
	max-width: 350px;
	width: 100%;
}

.notification-box {
	display: none;
	position: relative;
	/* transform: translateX(0%); */
	/*transition: all .4s ease-in-out;*/
	border: 1px solid rgba(228, 228, 228, 1);
	background-color: #fff;
	margin: 20px 0 0;
	border-radius: 20px 0 0 20px;
	width: 100%;
	max-width: 350px;
	animation: .9s slide-left;
	background-image: none;
	
}
@keyframes slide-left {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0%);
	}
  }
.notification-box {
	/* background-image: url(../img/robotic-bg.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover; */
	height: calc(100vh - 110px);
}

.notification-top-title {
	padding: 20px;
	border-bottom: 1px solid #EAEFF4;
}

.notification-massage-box {
	padding: 20px;
}

.support-box.show,
.account-billing-box.show,
.notification-box.show {
	display: block;
	transition: all .4s ease-in-out;
	/* transform: translateX(100%); */
	position: fixed;
	/* height: 100%; */
	right: 0;
	animation: .8s slide-right;
}

@keyframes slide-right {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0%);
	}
  }

.page-wrapper.show {
	margin-right: 350px;
	transition: all .4s ease-in-out;
}

.page-wrapper.show .pai-chart {
	flex-wrap: wrap;
}

.notify-icons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}

.notification-title {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	gap: 1rem;
}

.wisemind-box .section-title .top-left-title h4 {
		font-family: 'Literata';
		font-size: 20px;
		font-weight: 500;
		line-height: 1;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
		margin-bottom: 0;
	}

	.wisemind-list-box {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: column;
		/* gap: 100px; */
		height: 100%;
	}

	.wisemind--data-box {
		display: none;
	}
	.wisemind-box-content {
		display: none;
	}
	.wisemind-box-content.show {
		display: block;
	}
	.wisemind--data-box.show {
		display: block;
	}

	.table.dataTable.header-fixed {
		width: 100%;
		border-radius: 0;
	}
	
	.header-fixed > thead,
	.header-fixed > tbody,
	.header-fixed > thead > tr,
	.header-fixed > tbody > tr,
	.header-fixed > thead > tr > th,
	.header-fixed > tbody > tr > td {
		display: block;
	}

	.header-fixed > thead > tr,
	.header-fixed > tbody > tr {
		margin-bottom: 8px;
	}

	.header-fixed > tbody > tr {
		height: 50px;
	}

	.header-fixed > thead {
		height: auto;
	}
	
	.header-fixed > tbody > tr:after,
	.header-fixed > thead > tr:after {
		content: ' ';
		display: block;
		visibility: hidden;
		clear: both;
	}
	
	.header-fixed > tbody {
		overflow-y: auto;
		height: 300px;
		margin-bottom: 0! important;
	}
	
	.header-fixed > tbody > tr > td,
	.header-fixed > thead > tr > th {
		width: 33%! important;
		float: left;
		margin: 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 100%;
		padding: 8px 10px;
	}

	.header-fixed > thead > tr th {
		height: 42px;
	}

	
.robotic-section .robot-chat-content {
	margin-bottom: 25px;
}


.robotic-section .robotic-chat-box .top-title {
	width: 100%;
	justify-content: center;
}

	.robotic-section .wisemind-chat-box .robotic-chat-box .top-title h2 {
		font-family: 'Poppins','SolaimanLipi';
		font-size: 22px;
		font-weight: 700;
		line-height: 1.3;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
	}

		.robotic-section .robotic-chat-box .top-title h2 span {
			font-weight: 400;
			display: block;
			font-size: 20px;
		}

.robotic-section .chat-box {
	padding: 20px 0;
}

.robotic-section .chat-card-box {
	background-color: rgba(255, 255, 255, .4);
	border: 1px solid #818181;
	padding: 20px;
	border-radius: 5px;
	transition: all .4s ease-in-out;
	display: block;
	height: 100%;
}

	.robotic-section .chat-card-box p {
		margin-bottom: 0;
		 font-family: 'Poppins','SolaimanLipi';
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
		color: #1A1817;
		transition: all .4s ease-in-out;
	}

	.robotic-section .chat-card-box:hover {
		background-color: #D70006;
		border-color: transparent;
	}

		.robotic-section .chat-card-box:hover p {
			color: #fff;
			transition: all .4s ease-in-out;
		}

		.wisemind-chat-box {
			display: none;
		}

		.wisemind-chat-box.show {
			display: block;
		}

		.wisemind-chat-list-box {
			display: none;
		}

		.wisemind-chat-list-box.show {
			display: block;
		}

		
		.robotic-section .chat-content {
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			width: 100%;
			gap: 10px;
			margin-bottom: 0px;
		}

	.robotic-section .chat-content:last-child {
		margin-bottom: 0;
	}

	.robotic-section .chat-content .user-img {
		width: auto;
		height: auto;
	}

	.robotic-section .chat-inner-content {
		width: 100%;
	}

	.robotic-section .chat-inner-content h5 {
		font-family: 'Poppins';
		font-size: 18px;
		font-weight: 700;
		line-height: 1.2;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
		margin-bottom: 10px;
	}

	.robotic-section .chat-inner-content p {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 500;
		line-height: 1.2;
		text-align: left;
		color: rgba(19, 19, 19, 1);
	}

	.robotic-section .chat-inner-content p:last-child {
		margin-bottom: 0;
	}

	.robotic-section .chat-inner-content ul {
		margin-bottom: 1rem;
	}

	.robotic-section .chat-inner-content ul li {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 500;
		line-height: 1.3;
		text-align: left;
		color: rgba(19, 19, 19, 1);
	}

	.robotic-section .input-group {
		padding: 10px 10px 10px 30px;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		border: 1px solid #818181;
	}


	.robotic-section .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
		margin-left: 0;
	}

	.robotic-section .input-btns .input-group-text {
		color: #1A1817;
		height: 100%
	}

	.robotic-section .input-btns .sent-btn:hover {
		background-color: rgba(186, 34, 40, 1);
	}

	.robotic-section .chat-img-box {
		background-color: rgba(235, 235, 235, 1);
		max-width: 20px;
		height: 20px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100px;
	}

	.video-embade-box {
		background-color: transparent;
		border: 1px solid rgba(228, 228, 228, 1);
		border-radius: 30px;
		width: 100%;
		overflow: hidden;
		height: 600px;
		margin-bottom: 25px;
	}

	.video-box-tab-list .table-tab-nav .nav .nav-item .nav-link {
		background-color: rgba(228, 228, 228, 1);
		border-radius: 6px;
		padding: 8px 30px;
	}

	.video-box-tab-list .table-tab-nav .nav .nav-item .nav-link:hover,
	.video-box-tab-list .table-tab-nav .nav .nav-item .nav-link.active {
		background-color: rgba(35, 51, 64, 1);
		color: rgba(255, 255, 255, 1);
	}

	.video-call-duration-box,
	.video-tab-inner-content {
		border: 1px solid rgba(228, 228, 228, 1);
		border-radius: 20px;
		padding: 1rem;
	}

	.video-tab-inner-content h4 {
		font-family: 'Poppins';
		font-size: 20px;
		font-weight: 700;
		line-height: 1.2;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
		margin-bottom: 10px;
	}

	.video-tab-inner-content p {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 500;
		line-height: 1.4;
		text-align: left;
		color: rgba(19, 19, 19, 1);
		margin-bottom: 0;
	}

	.video-call-duration-box .call-duration-details p {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4;
		text-align: left;
		color: rgba(19, 19, 19, 1);
		margin-bottom: 0;
	}

	.video-call-duration-box .call-duration-details p span {
		font-weight: 600;
	}

	.video-call-duration-box .customer-details,
	.video-call-duration-box .call-duration-details {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 6px;
		width: 100%;
		height: auto;
	}
	
	.video-call-duration-box h4 {
		font-family: 'Poppins';
		font-size: 20px;
		font-weight: 700;
		line-height: 1.2;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
		margin-bottom: 10px;
	}
	
	.video-call-duration-box h5 {
		font-family: 'Poppins';
		font-size: 18px;
		font-weight: 700;
		line-height: 1.2;
		text-align: left;
		color: rgba(19, 19, 19, 1);
		margin: 10px 0;
	}

	.table-title {
		margin-bottom: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		width: 100%;
	}

	.table-title h4 {
		font-family: 'Poppins';
		font-size: 22px;
		font-weight: 600;
		line-height: 20px;
		text-align: left;
		color: rgba(24, 24, 25, 1);
		margin-bottom: 0;
	}

	.view-all-link {
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 500;
		line-height: 22px;
		text-align: left;
		color: rgba(186, 34, 40, 1);
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 10px;
	}

	.view-all-link:hover {
		text-decoration: underline;
	}
	.spinner-btn, .magic-btn {
		display: block;
		border: 0;
		background-color: rgba(186, 34, 40, 1);
		padding: 5px;
		height: 100%;
		border-radius: 0px 5px 5px 0px;
	}

	.magic-btn img {
		max-width: 20px;
		width: 100%;
		height: 21px;
		object-fit: cover;
	}

	.eyanna-logo-box {
		position: absolute;
		left: 14%;
		bottom: 0px;
		max-width: 120px;
		width: 100%;
		height: 120px;
		border-radius: 50%;
		border: 2px solid rgba(228, 228, 228, 1);
		margin: 0 auto;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.audio-user-box {
		max-width: 120px;
		width: 100%;
		height: 120px;
		border-radius: 50%;
		border: 2px solid rgba(228, 228, 228, 1);
		margin: 30px auto 40px;
		background-color: #000;
		position: relative;
	}

	.audio-user-box p {
		font-family: 'Poppins';
		font-size: 20px;
		font-weight: 500;
		line-height: 1.2;
		text-align: center;
		color:  rgba(27, 27, 32, 1);
		margin-bottom: 0;
	}

	.audio-user-box img.user-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
		margin-bottom: 10px;
	}

	.audio-user-box .video-screen {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		justify-content: center;
	}

	.user-audio-box {
		max-width: 850px;
		background-color: #fff;
		margin: 0 auto 20px;
		width: 100%;
		border: 1px solid rgba(228, 228, 228, 1);
		padding: 20px;
		border-radius: 15px;
	}

	.user-audio-box .cancle-btn {
		border: 1px solid rgba(228, 228, 228, 1);
	}

	.appoinment-box-content {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		width: 100%;
		margin-bottom: 1rem;
	}

	.appoinment-box-content .appoinmet-box {
		background-color: rgba(239, 255, 247, 1);
		border-radius: 10px;
		padding: 10px 20px;
		width: 50%;
		height: 60px;
	}

	.appoinment-box-content .appoinmet-box:nth-child(2n) {
		background-color: rgba(255, 247, 234, 1);
	}

	.appoinment-box-content .appoinmet-box p {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		gap: 1rem;
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
		text-align: left;
		color:  rgba(118, 117, 129, 1);
		margin-bottom: 0;
		height: 100%;
	}

	.appoinment-box-content .appoinmet-box p span {
		font-family: 'Poppins';
		font-size: 28px;
		font-weight: 600;
		line-height: 1;
		text-align: right;
		color:  rgba(27, 27, 32, 1);
	}

	.calender-date-select .calendar,
	.calender-date-select ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 20px;
		gap: 10px;
	}
	
		.calender-date-select .calendar input[type="date"],
		.calender-date-select ul li {
			font-family: 'Poppins';
			font-size: 20px;
			font-weight: 500;
			line-height: 23.71px;
			text-align: center;
			color:  rgba(27, 27, 32, 1);
		}
	
		.calender-date-select .calendar button {
			font-family: 'Poppins';
			font-size: 24px;
			font-weight: 500;
			line-height: 23.71px;
			text-align: center;
			color:  rgba(27, 27, 32, 1);
			background: transparent;
			border: none;
			padding: 0;
		}

	.appoinment-user-info {
		background-color: rgba(248, 251, 255, 1);
		border: 1px solid rgba(240, 243, 248, 1);
		height: 50px;
		border-radius: 10px;
		margin-bottom: 1rem;
	}

	.appoinment-user-info:hover {
		border-color: rgba(18, 184, 105, 1);
	}

	.appoinment-user-info-box {
		height: 185px;
	}

	.agent-dount-chart-box,
	.ovarall-chart-box {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 1rem;
		width: 100%;
	}

	.ovarall-chart-box .ovarall-chart-box-count {
		max-width: 200px;
		width: 100%;
	}

	.chart-container h5 {
		font-weight: 500! important;
		font-family: 'Poppins';
		font-size: 16px;
		line-height: 20.8px;
		text-align: center;
		color:  rgba(27, 27, 32, 1);
		margin-bottom: 0;
		min-height: 42px;
		overflow: hidden;
	}

	.acknowlagement_chart_box {
		position: relative;
	}

	.chart-container p,
	.acknowlagement_chart_box p {
		font-family: 'Poppins';
		font-size: 26px;
		font-weight: 600;
		line-height: 1;
		text-align: center;
		color:  rgba(27, 27, 32, 1);
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 42%;
		max-width: 70px;
		width: 100%;
	}


	.csat-title h4 {
		position: absolute;
		top: 20px;
		left: 20px;
		font-size: 22px;
	}

	.csat-title .agent-dropdown {
		position: absolute;
		top: 1rem;
		right: 20px;
	}

	.csat-right-tab-box {
		margin-right: 180px;
	}

	.agent-dropdown .qus-form .form-group .form-select {
		min-width:150px;
		padding: 6px 1rem;
		width: 100%;
		max-width: fit-content;
		margin-left: auto;
		margin-right: 0;
	}

	.ai-chart-box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		gap: 1rem;
		margin-bottom: 20px;
	}

	.avg-chart-box .avg_performance_chart_box {
		margin-top: -20px;
	}

	.ai-chart-box h4 {
		margin-bottom: 0;
	}

	.ai-chart-box .agent-dropdown .qus-form .form-group .form-select {
		padding: 6px 1rem;
		width: 100%;
		min-width: 150px;
	}

	/* ======== */

	.form-radio-group .form-check {
		min-height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 5px;
		width: 100%;
	}
	
	.custom-form .form-radio-group .form-check-input:focus,
	.custom-form .form-radio-group .form-check-input {
		background-color: transparent;
		border-color: rgba(28, 27, 31, 1);
		width: 14px;
		height: 14px;
		border-radius: 100px;
		margin: 0;
	}

	.agent-form-box .form-radio-group .form-check-input:focus,
	.agent-form-box .form-radio-group .form-check-input {
		width: 18px;
		height: 18px;
	}

	.qus-form .form-group,
	.form-group input[type="radio"] {
		font-family: 'Poppins';
		font-size: 1rem;
		font-weight: 400;
		line-height: 1;
		text-align: left;
		color: rgba(0, 0, 0, 1);
	}

	#agent-dropdown {
		margin-bottom: 10px;
	}
	.custom-form.qus-form .form-group.form-radio-group .form-check-label {
		font-family: 'Poppins';
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		text-align: left;
		color: rgba(0, 0, 0, 1);
	}

	.custom-form.qus-form .form-group.form-radio-group .form-check-input:checked {
		border-color: rgba(50, 212, 23, 1);
		background-color: rgba(50, 212, 23, 1);
	}

	.custom-form .custom-form-box .form-check-group-box .custom-form-check .form-check-input {
		margin: 0;
	}

	.custom-form .custom-form-box .form-check-group-box .custom-form-check {
		margin-bottom: 10px;
		margin-top: 0;
	}

	.custom-form .custom-form-box .form-check-group-box .custom-form-check:last-child {
		margin-bottom: 0;
	}

	.custom-form .custom-form-box .form-check-group-box .custom-form-check label {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 400;
		line-height: 1.2;
		text-align: left;
		color: rgba(25, 35, 40, 1);
	}

	.custom-form .custom-form-box .form-group .details-btn {
		border: 1px dashed rgba(20, 33, 61, 1);
		padding: 11px 20px;
		color: rgba(20, 33, 61, 1);
		font-family: 'Montserrat';
		font-size: 16px;
		font-weight: 600;
		line-height: 19.2px;
		text-align: center;
		background-color: rgba(248, 251, 255, 1);
	}

	.custom-form .custom-form-box .form-group .details-btn:hover {
		border-color: transparent;
		color: #fff;
		background-color: rgba(187, 36, 41, 1);
	}

	.column-box .list-group-item {
		align-items: center;
		margin-bottom: 10px;
		border-radius: 10px! important;
		border: 1px solid rgba(228, 228, 228, 1)! important;
		border-top-width: 1px! important;
	}

	.column-box .list-group-item+.list-group-item {
		border-top-width: 1px! important;
	}

	.column-box .list-group-item div {
		white-space: normal;
	}

	.column-box .list-group-item .btn {
		height: 30px;
	}

	.tab-btns ul li .nav-link img {
		max-width: 60px;
		width: 100%;
		height: auto;
	}

	.tab-btns ul li .nav-link {
		min-height: 90px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		font-family: "Poppins", sans-serif;
		font-size: 18px;
		font-weight: 600;
		line-height: 27px;
		text-align: center;
		color: #233340;
		background-color: rgba(248, 251, 255, 1)! important;
	}

	.tab-btns ul li .nav-link .action-btn {
		opacity: 0;
		visibility: hidden;
		position: relative;
		z-index: 1000;
	}

	.tab-btns ul li .nav-link .action-btn button {
		color: #fff;
		border-color: transparent;
		padding: 0;
		font-size: 22px;
		line-height: 1;
	}

	.tab-btns ul li .nav-link.active .action-btn,
	.tab-btns ul li .nav-link:hover .action-btn {
		opacity: 1;
		visibility: visible;
		border-color: #fff;
	}

	.tab-btns ul li .nav-link:hover,
	.tab-btns ul li .nav-link.active {
		background-color: rgba(186, 34, 40, 1)! important;
		color: #fff;
	}

	.avaiblitity-setting-box .form-check {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding-left: 0;
	}

	.avaiblitity-setting-box .form-check-label {
		margin-bottom: 0;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 14.5px;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
	}

	.avaiblitity-setting-box .dlt-btn {
		width: auto;
		padding: 15px 25px;
		line-height: 1;
		height: 45px;
		border-color: rgba(187, 36, 41, 1);
		color: rgba(187, 36, 41, 1);
	}

	.avaiblitity-setting-box .dlt-btn:hover {
		background-color: rgba(187, 36, 41, 1);
		color: #fff;
	}

	.avaiblitity-setting-box .qus-form .form-group .form-control {
		padding: 10px 20px;
	}

	.qus-form .form-group.break-group label {
		margin-bottom: 0;
	}

.calender-btns a:hover {
	background-color: transparent;
}

.right-filter-tools .action-btn .dropdown-item {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	/* font-weight: 400; */
	line-height: 1.2;
	text-align: left;
	/* color: rgba(32, 32, 32, 1); */
}

.right-filter-tools .action-btn .dropdown-item:hover {
	background-color: rgba(187, 36, 41, 1);
	color: #fff;
}

/* ========== */
.treemain_view .window {
	font-weight: bold;
	cursor: pointer;
	border:1px dashed rgba(115, 119, 145, 1);
	box-shadow: 2px 2px 10px #aaa;
	-o-box-shadow: 2px 2px 10px #aaa;
	-webkit-box-shadow: 2px 2px 10px #aaa;
	-moz-box-shadow: 2px 2px 10px #aaa;
	-moz-border-radius:0 1rem 1rem 1rem;
	border-radius:0 1rem 1rem 1rem;
	width: 100%;
	max-width: 230px;
	padding: 1rem 10px; 
	height: auto;
	/* padding: 0.5em 0em; */
	text-align:center;
	z-index:20; 
	position:absolute;
	background-color:rgba(115, 119, 145, 0.05);
	color:black;
	/* font-family:helvetica;
	font-size:0.9em; */
	word-wrap:break-word;
}

.treemain_view .window:hover {
	box-shadow: 2px 2px 10px #444;
	-o-box-shadow: 2px 2px 10px #444;
	-webkit-box-shadow: 2px 2px 10px #444;
	-moz-box-shadow: 2px 2px 10px #444;
}

.treemain_view .hidden {
	display: none;
}

.treemain_view .collapser {
	cursor: pointer;
	border:1px dotted gray;
	z-index:21;
}

.treemain_view .errorWindow {
	border: 2px solid red;
}

#treemain {
	height: 500px;
	width: 100%;
	position: relative;
	overflow: auto;
}

.inner-content {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: auto;
}

.inner-content .icon-img {
	max-width: 34px;
	height: auto;
}

.inner-content p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color: rgba(32, 34, 36, 1);
}

.inner-content p span {
	display: block;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
}

.caller-thumble {
	width: 200px;
	height: 200px;
	border-radius: 100px;
	border: 2px solid #669df6;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.caller-thumble span {
	font-family: 'Poppins';
	font-size: 60px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color: #fff;
}

.reciver-video-screen .caller-thumble {
	width: 80px;
	height: 80px;
	overflow: hidden;
	display: none;
}

.reciver-video-screen.audio-reciver .vide-screen-overlay {
	padding: 10px;
}

.reciver-video-screen.audio-reciver .vide-screen-overlay .caller-name {
	padding: 8px 20px;
	border-radius: 20px;
}

.reciver-video-screen .caller-thumble img {
	height: 100%;
	object-fit: cover;
}

.audio-iframe {
	background-color: rgba(14, 39, 70, 1);
	display: flex;
	justify-content: center;
	align-items: center;
}

.audio-iframe .camera-off {
	display: none;
}

.audio-reciver .caller-thumble {
	display: flex;
}

.agent-chat-list .dashboard-card-box {
	max-width: 310px;
}
.dashboard-card-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.dashboard-inner-content .dashboard-card-body p {
	margin-bottom: 0;
	font-size: 22px;
	line-height: 1.2;
}

.content-title-box p {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	text-align: right;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}

.setting-box-content .inner-dashboard-box .dashboard-card-box h4 {
	font-family: 'Poppins';
	font-size: 32px;
	font-weight: 600;
	line-height: 55px;
	text-align: left;
	color: rgba(32, 34, 36, 1);
}

.setting-box-content .inner-dashboard-box .dashboard-card-box p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color:  rgba(118, 117, 129, 1);
	margin-bottom: 0;
}
.meeting-table-list .chat-table tbody tr td .action-btns {
	justify-content: space-evenly;
}

.meeting-table-list .chat-table tbody tr td .action-btns button {
	padding: 0;
	max-width: 19px;
	width: 100%;
}
.meeting-table-list .chat-table tbody tr td .action-btns a {
	background-color: transparent;
	width: 100%;
	max-width: 19px;
	height: 100%;
}

.meeting-table-list .chat-table tbody tr td a.copy-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.form-group .form-control-static {
	text-align: left;
	line-height: 1.3;
	font-weight: 400;
}

.pipline-section {
    min-height: calc(100vh - 110px);
}

.pipeline-box .section-title {
    padding: 20px 30px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.pipeline-content {
    padding: 20px 30px;
}

.column-title .edit-btn {
    position: absolute;
    right: 25px;
    top: 25px;
}

.pipeline-box .social-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 10px 25px;
    border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.pipeline-box .social-box .social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2px;
    min-height: 52px;
    height: 100%;
}

.pipeline-box .social-box .social-icon img {
    max-width: 35px;
    width: 100%;
}

.pipeline-box .social-box .divider {
    width: 1px;
    height: 40px;
    background-color: rgba(224, 224, 224, 1);
    margin: 0 12px;
    display: inline-block;
}

.pipeline-box .social-box .divider:last-child {
    display: none;
}

.social-box .social-icon span {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    line-height: 14.5px;
    text-align: left;
    color:  rgba(118, 117, 129, 1);
    text-transform: capitalize;
}

.form-box-group {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.qus-form .form-box-group .form-group {
    margin-bottom: 0;
}

.form-select-group {
    max-width: 225px;
    width: 100%;
}

.qus-form .form-box-group .form-group .form-select {
    padding: 10px 20px;
    line-height: 1.2;
}

.qus-form .form-box-group .form-group .cancle-btn {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: rgba(35, 51, 64, 1);
    padding: 10px 20px;
    height: 100%;
}

.qus-form .form-box-group .form-group .cancle-btn:hover {
    color: #fff;
}

.pipeline-list-box .column-list-group {
    border: none;
    border-bottom: 1px solid rgba(224, 224, 224, 1);
    border-radius: 0;
    margin-bottom: 0;
    padding: 8px 0;
}

.pipeline-list-box .column-list-group:last-child {
    border-bottom: 0;
}

.pipeline-list-box .column-list-group .column-list-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.pipeline-list-box .column-list-group .column-list-box .user-img {
    gap: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 225px;
    width: 100%;
}

.pipeline-list-box .column-list-group .column-list-box .user-img img {
    max-width: 30px;
    width: 100%;
}
.column-cont .column-box .pipeline-list-box {
    padding: 0 10px 0 25px;
}

.column-cont .column-box .pipeline-list-box .custom-scrollbar-css {
    height: calc(100vh - 630px);
}

.pipeline-list-box .column-list-group .column-list-box .user-img span {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;    
    color:  rgba(27, 27, 32, 1);
    display: inline-block;
    white-space: normal;
}

.pipeline-list-box .column-list-group .column-list-box .action-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    width: auto;
}

.pipeline-list-box .column-list-group .column-list-box .social-activites {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pipeline-list-box .column-list-group .column-list-box .social-activites a {
    line-height: 1;
    margin-left: -5px;
	display: inline-flex;
	position: relative;
}

.pipeline-list-box .column-list-group .column-list-box .social-activites a:nth-child(1) {
	z-index: 3;
}

.pipeline-list-box .column-list-group .column-list-box .social-activites a:nth-child(2) {
	z-index: 2;
}

.pipeline-list-box .column-list-group .column-list-box .social-activites a:nth-child(3) {
	z-index: 1;
}

.pipeline-list-box .column-list-group .column-list-box .social-activites a:first-child {
    margin-left: 0;
}

/* ========== */
.code-snippet-accordion-box .accordion-item {
	background-color: transparent;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 18px;
	border: 1px solid rgba(228, 228, 228, 1);
}

.code-snippet-accordion-box .accordion-button {
	background-color: transparent;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	font-family: 'Poppins';
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	text-align: left;
	color:  rgba(27, 27, 32, 1);
	transition: all .4s ease-in-out;
}

.code-snippet-accordion-box .accordion-button:focus {
	border: none;
}

.code-snippet-accordion-box .accordion-button span small {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
}

.code-snippet-accordion-box .details-btn {
	border-color: rgba(186, 34, 40, 1);
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	color: rgba(186, 34, 40, 1);
	padding: 15px 30px;
}

.code-snippet-accordion-box .add-btn {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	padding: 15px 30px;
	border-radius: 100px;
}

.code-snippet-accordion-box .details-btn:hover {
	color: #fff;
}

.code-snippet-accordion-box .accordion-button:not(.collapsed) {
	background-color: rgba(248, 251, 255, 1);
	/* color: rgba(32, 32, 32, 1); */
	box-shadow: none;
	border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.join-video-box {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
}

.join-content {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	flex-direction: column;
}

.join-content h3 {
	font-family: 'Poppins';
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	color: #fff;
}

.join-content .action-btns {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.join-content .action-btns .add-btn {
	background-color: green;
	padding: 17px 30px;
	color: #fff;
	width: 250px;
	height: auto;
	text-align: center;
}

.join-content .action-btns .add-btn:hover {
	background-color: rgba(35, 51, 64, 1);
}

.dropdown-box .cancle-btn {
	color: #fff;
	border-color: #fff;
}

.video-form.agent-form .form-group .form-control {
	color: #fff;
	line-height: 1.2;
}

.join-inner-box {
	position: relative;
	background-color: rgba(14, 39, 70, 1);
	border-radius: 20px;
	overflow: hidden;
	min-height: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.join-inner-box .video-caption h3 {
	font-family: 'Poppins';
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	color: #fff;
}

.join-inner-box .running-video-call-tools .form-check-input:checked[type=checkbox] {
	background-color: rgba(187, 36, 41, 1);
}

.join-inner-box .running-video-call-tools .form-check-input:checked[type=checkbox] ~ .join-inner-box .video-caption {
	display: block;
}

.join-inner-box .running-video-call-tools .form-check-input:checked[type=checkbox] + .join-inner-box .video-cam-open {
	display: none;
}
/* ******************* Main Styeles : Radio Card */
.radio-check-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
	width: 100%;
}
  
  .radio-check-box label.radio-card {
	cursor: pointer;
  }

  .radio-check-box label.radio-card .card-content-wrapper {
	background: #fff;
	border-radius: 0 20px 20px 20px;
	overflow: hidden;
	position: relative;
	max-width: 280px;
	min-height: 100%;
	height: 100%;
	padding: 0;
	display: flex;
	flex-direction: column;
	box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
	transition: 200ms linear;
  }

  .radio-check-box label.radio-card .check-icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: solid 2px #e3e3e3;
	border-radius: 50%;
	transition: 200ms linear;
	position: absolute;
	top: 15px;
	left: 15px;
  }

  .radio-check-box label.radio-card .check-icon:before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center center;
	transform: scale(1.6);
	transition: 200ms linear;
	opacity: 0;
  }

  .radio-check-box label.radio-card input[type=radio] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
  }

  .radio-check-box label.radio-card input[type=radio]:checked + .card-content-wrapper {
	box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px rgba(187, 36, 41, 1);
  }

  .radio-check-box label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon {
	background: rgba(187, 36, 41, 1);
	border-color: rgba(187, 36, 41, 1);
	transform: scale(1.2);
  }

  .radio-check-box label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon:before {
	transform: scale(1);
	opacity: 1;
  }

  .radio-check-box label.radio-card input[type=radio]:focus + .card-content-wrapper .check-icon {
	box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);
	border-color: #3056d5;
  }

  .radio-check-box label.radio-card .card-content img {
	margin-bottom: 0px;
  }

  .radio-check-box label.radio-card .card-content h4 {
	font-size: 16px;
	letter-spacing: -0.24px;
	text-align: center;
	color: #1f2949;
	margin-bottom: 10px;
  }

  .radio-check-box label.radio-card .card-content h5 {
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	color: #686d73;
  }

  /* =========== */
  .post-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0;
	gap: 20px;
  }
  .post-grid .post {
	width: 25rem;
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 0 0 20px 20px;
  }
  @media (max-width: 767px) {
	.post-grid .post {
	  width: 100%;
	}
  }
  .thumb-item img {
	width: 100%;
	height: auto;
  }
  
  .hover-daddy {
	position: relative;
	margin-bottom: 10px;
	border-radius: 0;
	overflow: hidden;
  }
  .hover-daddy:after {
	content: "";
	display: table;
	clear: both;
  }
  .hover-daddy img {
	position: relative;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-position: center;
	object-position: center;
	-o-object-fit: cover;
	object-fit: cover;
  }

  .hover-daddy img:first-child {
	display: block;
  }
  
  .tmb-wrap {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
  }
  .tmb-wrap .tmb-wrap-table {
	display: table;
	/* height: calc(100% - 0.625rem); */
	height: 100%;
	width: 100%;
  }
  .tmb-wrap .tmb-wrap-table div,
  .tmb-wrap .tmb-wrap-table a {
	display: table-cell;
	position: relative;
	transition: all 0.3s ease;
	transition: all 0.25s ease;
  }
  .tmb-wrap .tmb-wrap-table div:after,
  .tmb-wrap .tmb-wrap-table a:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0.15rem;
	right: 0.15rem;
	border-bottom: 0.25rem solid #fff;
  }
  .tmb-wrap .tmb-wrap-table div.active:after, .tmb-wrap .tmb-wrap-table div.active:after,
  .tmb-wrap .tmb-wrap-table a.active:after,
  .tmb-wrap .tmb-wrap-table a.active:after {
	border-color: #ff232e;
  }
  .tmb-wrap .tmb-wrap-table div:first-child:last-child:after, .tmb-wrap .tmb-wrap-table div:first-child:last-child:after,
  .tmb-wrap .tmb-wrap-table a:first-child:last-child:after,
  .tmb-wrap .tmb-wrap-table a:first-child:last-child:after {
	border-color: transparent;
  }
	.post-card-body {
		padding: 1rem;
		position: relative;
		min-height: 180px;
	}

  .post-card-body h4 {
	font-family: 'Poppins';
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	margin-bottom: 10px;
  }

  .post-card-body p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	margin-bottom: 5px;
  }

  .post-card-body p span {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color: rgba(35, 51, 64, 1);
  }

  .post-card-body .action-btn {
	/* margin-top: 20px; */
	position: absolute;
	max-width: 366px;
	width: 100%;
	bottom: 1rem;
	margin: 0 auto;
  }

  .post-card-body .action-btn a {
	max-width: 100%;
	width: 100%;
  }

  .action-plan-body .action-plan-list {
	padding: 0 0 0 20px;
	margin: 0;
	position: relative;
  }

  .action-plan-list li {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	margin-bottom: 1rem;
  }

  .action-plan-body h2 {
	font-family: 'Poppins';
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	margin-bottom: 20px;
  }

  .email-text h4 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	margin-bottom: 1rem;
  }

.nav-pills.grid-nav .nav-link {
    background: transparent;
    color: rgba(35, 51, 64, 1);
    line-height: 1;
}

.nav-pills.grid-nav .nav-link.active,
.nav-pills.grid-nav .nav-link:hover {
	background: rgba(187, 36, 41, 1);
	color: #fff;
}

.meeting-list-box {
	padding: 20px 30px! important;
}
	
.video-section .video-control.call_timer,
.video-section .join_video_call {
	display: none;
}

	.video-section .video-control.call_timer.show {
		display: flex;
	}
	.video-section .join_video_call.show {
		display: block;
	}

.join-msg p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin-bottom: 1rem;
}

.dashboard-box-title {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: auto;
	margin-bottom: 1rem;
}

.dashboard-box .section-title .dashboard-box-title,
.ai-chart-box .dashboard-box-title {
	margin-bottom: 0;
}

.dashboard-box-title h4 {
	margin-bottom: 0;
	position: static;
}

.dashboard-box-title button {
	background: transparent;
	padding: 0;
	border: none;
	color: rgba(35, 51, 64, 1);
	border-radius: 0;
	line-height: 1;
}

.oap-box {
	position: absolute;
	top: 20px;
    left: 20px;
}

.left-video-box.half-left .audio-right-box {
	/* width: 50%; */
	position: absolute;
	left: 0;
	transform: translate(108%, 3%);
	height: calc(100vh - 152px);
	max-width: 100%! important;
	/* display: none; */
}

.left-video-box.half-left .reciver-video-screen img {
	height: 100%;
}

.audio-right-box.show {
	display: block;
}

.left-video-box.half-left {
	/* width: 50%; */
	position: relative;
}

.video-screen-box .left-video-box.half-left .video-img-box {
	width: 50%;
	position: relative;
	overflow: visible;
}

.video-screen-box.audio-screen-box {
	gap: 20px;
}

.more-setting-box .dropdown-toggle {
	background-color: rgba(var(--main-color),0.07);
	border: 1px solid rgba(var(--main-color),0.03);
}

.audio-tab-box.modal-tab-box .nav-pills .nav-link {
	margin-bottom: 10px;
}

.audio-tab-box.modal-tab-box .nav-pills .nav-link:last-child {
	margin-bottom: 0;
}

.more-setting-box .dropdown-item.active, 
.more-setting-box .dropdown-item:focus, 
.more-setting-box .dropdown-item:active, 
.more-setting-box .dropdown .dropdown-item:hover {
	color: #fff;
	background-color: #b22229;
	font-weight: 400;
	transition: all .4s ease-in-out;
}

.more-setting-box .dropdown .dropdown-menu {
	background-color: #000;
	border-color: rgba(224, 224, 224, .3);
	padding: 0;
	color: #fff;
}

.more-setting-box .dropdown .dropdown-menu .dropdown-item {
	color: #fff;
	transition: all .4s ease-in-out;
}

.ai-tab-inner-details .dashboard-card-box {
	max-width: 325px;
}

.ai-tab-inner-details .inner-dashboard-box {
	gap: 20px;
	margin-bottom: 0;
}

.ai-tab-inner-details .inner-dashboard-box .dashboard-card-box p {
	font-size: 20px;
}

.right-hub-box {
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 20px 0 0 0px;
	padding: 1rem 20px;
    height: calc(100vh - 409px);
    border-right: 0;
    border-bottom: 0;
}

.hub-product-list-box figure {
	margin-bottom: 0;
}

.hub-product-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 14px;
	width: 100%;
}

.hub-box-content h4 {
	margin-bottom: 20px;
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	color: rgba(32, 32, 32, 1);
}

.file-card-box .user-img {
	max-width: 50px;
	width: 100%;
	height: 50px;
}

.file-card-box .user-img img {
	border-radius: 100px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hub-product-body .file-card-box .doc-title-box h5 {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: rgba(32, 34, 36, 1);
}

.hub-product-body .file-card-box .published-info span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color: rgba(118, 117, 129, 1);
}

.hub-product-body .file-card-box .action-btn button {
	text-transform: capitalize;
}

.video-call-link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-top: 0;
	gap: 5px;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 5px;
}

.video-call-link a {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 5px;
	padding: 10px 20px;
	color: rgba(35, 51, 64, 1);
	text-decoration: none;
	margin: 0;
}

.video-call-link a:hover {
	background-color: rgba(35, 51, 64, 1);
	color: #fff;
}

.chat-content .message,
.message p {
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: rgba(27, 27, 32, 1);
}

.map-body h3 {
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0;
	max-width: 230px;
	width: 100%;
	text-overflow: ellipsis;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
}

.map-body span {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color: rgba(118, 117, 129, 1);
	display: block;
	margin-bottom: 10px;
}

.map-body a {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	text-decoration: none;
	color: rgba(118, 117, 129, 1);
	display: block;
}

.map-embade-box {
	display: block;
	text-decoration: none;
}

	.map-embade-box img {
		width: 100%;
	}

.map-body a:hover {
	text-decoration: underline;
}

.message-link {
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	color: rgba(35, 51, 64, 1);
	text-decoration: none;
}

	.message-link:hover {
		color: rgba(118, 117, 129, 1);
	}

	.select2-container--default .select2-selection--multiple,
	.select2-container--default.select2-container--focus .select2-selection--multiple {
		height: auto;
		line-height: 1;
		background-color: #fff;
		padding: 5px;
		border-radius: 100px;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__rendered {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 5px;
		flex-wrap: wrap;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
		line-height: 1;
		background-color: rgba(234, 235, 239, 1);
		border-radius: 100px;
		border-color: rgba(200, 200, 200, 1);
		margin: 0;
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		text-align: left;
		color: rgba(27, 27, 32, 1);
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 5px;
		flex-direction: row-reverse;
	}

	.ql-toolbar.ql-snow {
		border-color: rgba(200, 200, 200, 1);
		border-top: 0;
		border-left: 0;
		border-right: 0;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
		background-color: transparent;
		border: none;
		padding: 0;
		line-height: 1;
		color: rgba(27, 27, 32, 1);
	}

	.mail-box label {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		text-align: left;
		color: rgba(27, 27, 32, 1);
	}

	.select2-container--default .select2-search--inline .select2-search__field {
		background: #fff;
		margin-top: 0;
		width: 100%;
	}

	.ql-editor {
		padding: 0 10px 0 0px;
	}

	.action-plan-body {
		margin-bottom: 0;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.3;
		text-align: left;
		color: rgba(35, 51, 64, 1);
		text-decoration: none;
	}

	.tab-right-top-filter-box {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 80%;
	}

	.tab-right-top-filter-box .qus-form .form-group label {
		font-size: 15px;
		line-height: 1;
	}

	/* .qus-form .form-group .vehicle-type .select2-container--default .select2-selection--single,
	.qus-form .form-group .vehicle-type .select2-container--default .select2-selection--single .select2-selection__rendered {
		border-radius: 20px;
	} */

	.ticket-form .select2-container--default .select2-selection--single .select2-selection__rendered,
	.ticket-form .select2-container--default .select2-selection--single .select2-selection__arrow,
	.ticket-form .select2-container--default .select2-selection--single {
		height: 52px;
		line-height: 52px;
	}

	.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
		border-radius: 20px 20px 0 0;
	}

	.select2-dropdown {
		border-radius: 0 0 20px 20px;
		padding: 5px;
		overflow: hidden;
		border: 1px solid rgb(242 244 246);
		z-index: 1100;
	}

	.select2-results {
		padding: 0 0 5px;
	}

	.select2-container--default .select2-results__option--highlighted[aria-selected] {
		background-color: #ba2228;
	}


.company-summary-box p {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
	text-align: left;
	color: rgba(118, 117, 129, 1);
	margin-bottom: 10px;
}

	.company-summary-box p strong {
		font-weight: 600;
		color: rgba(32, 32, 32, 1);
	}

	.company-summary-box a {
		color: rgba(27, 27, 32, 1);
		font-weight: 600;
	}

.company-summary-box a:hover {
	text-decoration: underline;
}

	.company-modal .modal-header .modal-title {
		font-family: 'Poppins';
		font-size: 22px;
		font-weight: 500;
		line-height: 1.3;
		text-align: left;
		color:  rgba(27, 27, 32, 1);
	}

	.check-box {
		flex-wrap: wrap;
	}

	.nav-check.nav-check-switch .form-switch .form-check-input:focus, 
	.nav-check.nav-check-switch .form-switch .form-check-input {
		width: 1.5rem;
		height: 1rem;
	}

	.agent-meeting-list {
		background-color: transparent;
		border: 1px solid rgba(228, 228, 228, 1);
		border-radius: 20px;
		padding: 10px;
	}
	
.company-inner-dashboard-box {
	gap: 20px;
}

.company-inner-dashboard-box .dashboard-card-box {
	max-width: 222px;
	padding: 15px 20px;
	align-items: center;
	gap: 1rem;
	min-height: 150px;
}

	.company-inner-dashboard-box .dashboard-card-box h4 {
		font-family: 'Poppins';
		font-size: 30px;
		font-weight: 600;
		line-height: 45px;
		text-align: center;
	}

	.company-inner-dashboard-box .dashbord-icon-img {
		max-width: 125px;
		width: auto;
	}
	
.intrigation-form-box .form-check {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	padding-left: 1.875em;
}
.sidemenu.dropend .dropdown-toggle {
	color: #000;
	margin-left: 0;
  }
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul.sidebarnav .sidebar-item.sidemenu.dropend {
	max-width: 49px;
	height: 49px;
	width: 100%;
	margin: 0 auto;
  }
  .sidemenu .dropdown-menu .dropdown-item {
	border-radius: 8px;
	color: rgba(32, 32, 32, 1);
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	padding: 8px 10px;
  }

  .sidemenu .dropdown-menu li {
	margin-bottom: 5px;
  }

  .sidemenu .dropdown-menu li:last-child {
	margin-bottom: 0;
  }

  .sidemenu .dropdown-item.active,
  .sidemenu .dropdown-item:hover {
	background-color: rgba(233, 235, 236, 1);
  }

  .sidemenu.dropend .dropdown-toggle::after {
	display: none;
  }
.sidemenu.dropend:hover > .dropdown-menu {
	display: block;
	margin-top: 0;
	margin-left: 0;
	background-color: #fff !important;
	border-radius: 0 20px 20px 20px;
	border: 0;
	box-shadow: 11px 2px 14px 0px rgba(32, 32, 32, 0.16);
}
  #main-wrapper[data-layout=vertical][data-sidebartype=full] .sidebar-nav .sidemenu.dropend .dropdown-menu,
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .sidemenu.dropend .dropdown-menu {
	padding: 10px;
  }

  @media screen and (min-width: 769px) {
	.sidebar-nav .sidemenu.dropend:hover > .dropdown-menu {
		position: absolute;
		top: 0;
		left: 90%;
		padding: 10px;
	}
	
	#main-wrapper[data-layout=vertical][data-sidebartype=full] .sidebar-nav .sidemenu.dropend:hover > .dropdown-menu {
		left: 70%;
	  }
  }


  .sidebar-nav ul.sidebarnav .sidebar-item.sidemenu .sidebar-link.active, 
  .sidebar-nav ul.sidebarnav .sidebar-item.sidemenu:hover .sidebar-link {
	border-radius: 0;
	background-color: transparent;
	color: #000;
  }
.sidemenu.dropend.selected {
	background-color: #fff;
	border-radius: 40px;
}
.sidemenu.dropend:hover {
	background-color: #fff;
	border-radius: 40px 0 0 40px;
}

  .sidebar-nav ul .sidebar-item.sidemenu .sidebar-link.active .active-icon, 
  .sidebar-nav ul .sidebar-item.sidemenu:hover .sidebar-link .active-icon {
	display: block;
  }

  .sidebar-nav ul .sidebar-item.sidemenu .sidebar-link.active .light-icon, 
  .sidebar-nav ul .sidebar-item.sidemenu:hover .sidebar-link .light-icon {
	display: none;
  }
  
.company-modal .modal-header {
	padding: 0;
}
  
.post-data-box p {
	white-space: break-spaces;
	color: #fff;
}

.post-data-box p:last-child {
	margin-bottom: 0;
}

.post-data-box {
	background-color: #323743;
	padding: 10px;
	border-radius: 5px;
}

/* ======= */
.search-wrapper {
    position: relative;
    transform: translate(0%, 0%);
	transition: all .4s ease-in-out;
    top: 0%;
    left: auto;
    right: 0;
}

.search-wrapper.active {
    transform: translate(0%, 0%);
	transition: all .4s ease-in-out;
}

	.search-wrapper .input-holder {
		height: 40px;
		/*width: 40px;*/
		width: 100%;
		overflow: hidden;
		background: rgba(255,255,255,0);
		border-radius: 0;
		position: relative;
		transition: all 0.5s cubic-bezier(0.000, 0.105, 0.035, 0.570);
	}

.search-wrapper.active .input-holder {
	/*max-width: max-content;*/
    width: 306px;
	margin: 0 auto;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 0.570);
}

.search-wrapper .input-holder .search-input {
    width: 100%;
    height: 100%;
    padding: 0px 40px 0 10px;
    opacity: 0;
	position: relative;
    /*position: absolute;
    top: 0px;
    left: 0px;*/
    background: transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 16px;
    border: 1px solid #EAEFF4;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    transform: translate(0, 0px);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 0.570);
    transition-delay: 0.3s;
    overflow: hidden;
	border-radius: 20px;
}

.box-search {
	display: block;
	width: auto;
}

.search-wrapper.active .input-holder .search-input {
	opacity: 1;
	transform: translate(0, 0px);
	padding: 10px 1rem;
	border-radius: 20px;
}

.search-wrapper .input-holder .search-icon {
    width: 40px;
    height: 40px;
    border: 1px solid #EAEFF4;
    border-radius: 0;
    background: #FFF;
    padding: 0px;
    outline: none;
    color: #818181;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.search-wrapper.active .input-holder .search-icon {
    border-radius: 0;
}

.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}

.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}

.search-wrapper .input-holder .search-icon span::before,
.search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content: '';
}

.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #FE5F55;
}

.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #FE5F55;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 7px;
    right: 7px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    transform: rotate(-180deg);
    transition: all .6s cubic-bezier(0.285, -0.450, 0.935, 0.570);
    transition-delay: 0.2s;
}

.search-wrapper.active .close {
    right: -25px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 0.570);
    transition-delay: 0.5s;
}

.search-wrapper .close::before, .search-wrapper .close::after {
    position: absolute;
    content: '';
    background: #FE5F55;
    border-radius: 2px;
}

.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}

.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}

@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {
        width: 200px;
    }

    .random {
        top: 35%;
    }

    .click-to-search {
        top: 62%;
    }
}

.m_typex_form .form-group .m_tagInput {
	border-radius: 20px;
}

.m_typex_form .form-group .m_tagInput #tagContainer {
	padding: 0;
}

.print-action-btns {
	gap: 8px;
	width: 100%;
}

.actions-btn .download-btn {
	max-width: 30px;
	width: 100%;
	padding: 5px;
	height: auto;
} 

.actions-btn .download-btn img {
	width: auto;
}

.broadcast-filter-box .right-filter-tools {
	justify-content: space-between;
	width: 100%;
	max-width: 900px;
}

.broadcast-filter-box .right-filter-tools .left-tools {
	width: 70%;
	justify-content: space-between;
}

.broadcast-filter-box .right-filter-tools .right-tools {
	width: 28%;
}

.fixed-table-header .table-wrapper.broadcast-table-wrapper {
	height: calc(100vh - 585px);
}

.tag-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 5px;
}

.tag-box span {
	background-color: rgba(155, 201, 255, 1);
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color: rgba(32, 32, 32, 1);
	padding: 3px 10px;
	border-radius: 100px;
}

.tag-box span.rcv-tag {
	background-color: rgba(255, 177, 204, 1);
}

.tag-box span.int-tag {
	background-color: rgba(254, 193, 146, 1);
}

.tag-box span.flow-tag {
	background-color: rgba(200, 187, 255, 1);
}

.tag-box span.find-tag {
	background-color: rgba(155, 230, 193, 1);
}

.print-action-btns .btn-running {
	border-color: #BA2228;
}

.filter-result-content {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 30px;
	width: 100%;
	flex-wrap: wrap;
}

.filter-result-content p {
	margin-bottom: 0;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	text-align: right;
	color: rgba(115, 119, 145, 1);
}

.filter-result-content p span {
	color: rgba(32, 32, 32, 1);
	font-weight: 700;
}

.filter-result-content .add-btn {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	color: rgba(255, 255, 255, 1);
}

.chat-summary-left-content .section-title h4 {
	font-family: 'Poppins';
	font-size: 22px;
	font-weight: 500;
	line-height: 33px;
	text-align: left;
	margin-bottom: 0;
	color: rgba(32, 32, 32, 1);
}

.campaing-summary-content {
	padding: 20px 25px;
}

.campaing-summary-content p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 20.8px;
	text-align: left;
	color: rgba(32, 32, 32, 1);
	margin-bottom: 10px;
}

.campaing-summary-content ul li {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 20.8px;
	text-align: left;
	color: rgba(32, 32, 32, 1);
	margin-bottom: 10px;
}

.campaing-summary-content ul li:last-child {
	margin-bottom: 0;
}

.campaing-rec-summary.campaing-summary-box,
.broadcast-details-content-box .campaing-rec-summary.campaing-summary-box {
	height: auto;
}
.campaing-rec-summary {
	height: calc(100vh - 633px);
	padding: 20px 25px 0;
}

.broadcast-details-content-box .campaing-rec-summary {
	height: calc(100vh - 585px);
}

.campaing-rec-summary .rec_summary_box {
	margin-bottom: 1rem;
}

.campaing-summary-content .sound-rec-box {
	margin-top: 1rem;
}

.campaing-rec-summary .rec_summary_box:last-child {
	margin-bottom: 0;
}

.rec_summary_box h5 {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 18.2px;
	text-align: left;
	color: rgba(32, 32, 32, 1);
	margin-bottom: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	width: 100%;
}

.rec_summary_box h5 span {
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: 400;
	line-height: 15.6px;
	text-align: left;
	color: rgba(78, 71, 221, 1);
}

.rec_summary_box p {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 20.8px;
	text-align: left;
	color: rgba(115, 119, 145, 1);
	margin-bottom: 8px;
}

.rec_summary_box p span {
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 20.8px;
	text-align: left;
	color: rgba(32, 32, 32, 1);
	font-style: normal;
	display: inline-block;
}

.rec_summary_box p:last-child {
	margin-bottom: 0;
}

.filter-items-box .chat-list-box {
	border: none;
}

.deals_active_filter {
	margin-top: 75px;
	border-top: 1px solid rgba(228, 228, 228, 1);
	padding-top: 20px;
}dhlp4rf 
/* 
.deals-inner-tab-content.deals_active_filter .ticket-list-content {
	padding: 25px 30px;
}

.deals-inner-tab-content .ticket-list-content {
	padding: 0 30px 25px;
} */

/* ======= */
.main-table,
.inner-table {
  width: 100%;
  border-color: rgba(234, 239, 244, 1);
  border-collapse: collapse;
}

.main-table thead tr {
  background-color: #f4f4f4;
}

.main-table th,
.main-table td,
.inner-table th,
.inner-table td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd;
}

.main-table .accordion-content {
  display: none;
  background: transparent;
}

.fixed-table-header .table-wrapper table.main-table .accordion-content .inner-accordion-box {
	background: transparent;
	padding: 1rem;
	border-radius: 20px;
}

.main-table .status {
	background-color: rgba(58, 176, 34, 0.18);
	color: rgba(58, 176, 34, 1);
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	padding: 3px 1rem;
	border-radius: 100px;
}

.fixed-table-header .table-wrapper table.main-table .accordion-content .inner-accordion-box .inner-table thead tr th {
	background-color: rgba(248, 251, 255, 1)! important;
}
/* .fixed-table-header .table-wrapper table.main-table tbody tr td:first-child {
	background-color: transparent;
} */

.fixed-table-header .table-wrapper table.main-table thead tr th{
	background-color: rgba(248, 251, 255, 1);
}

.fixed-table-header .table-wrapper table.main-table .accordion-content .inner-accordion-box .inner-table {
	margin-top: 0;
	border-radius: 10px;
	overflow: hidden;
	border-collapse: separate;
}
.fixed-table-header .table-wrapper table.main-table .accordion-content .inner-accordion-box .inner-table td:first-child {
	background-color: transparent;
	position: relative;
}

.fixed-table-header .table-wrapper table.main-table td {
	padding: 8px 10px;
}

.fixed-table-header .table-wrapper table.main-table .accordion-content .inner-accordion-box .inner-table tbody tr td {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	color: rgba(115, 119, 145, 1);
}

.call_time span {
	color: rgba(32, 32, 32, 1);
}
.inner-table thead {
	height: auto;
}
.inner-table thead tr th {
	text-align: left! important;
}

.link-btn {
	background-color: rgba(216, 255, 236, 1);
	border-radius: 16px; 
	color: rgba(32, 32, 32, 1); 
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 18px 20px;
	transition: all .4s ease-in-out;
	border: 1px solid rgba(32, 32, 32, 1);
}

.link-btn:hover {
	color: #fff;
	background-color: rgba(32, 32, 32, 1);
	transition: all .4s ease-in-out;
	border-color: rgba(216, 255, 236, 1);
}

.phone_call_application .chats-box {
	display: block;
	padding: 1rem 20px;
	border-bottom: 1px solid rgba(194, 194, 194, 1);
}

.phone_call_application .chat-box-title h4 {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color: rgba(32, 32, 32, 1);
	margin-bottom: 0;
}

.phone_call_submenu-box ul li {
	border-bottom: 1px solid rgba(194, 194, 194, 1);
	margin-bottom: 0;
}

.phone_call_submenu-box ul li:last-child {
	border: 0;
}

.phone_call_submenu-box ul li a {
	background-color: transparent;
	border: 0;
	font-family: 'Poppins';
	font-size: 14px! important;
	font-weight: 500;
	line-height: 18px! important;
	text-align: left;
	color: rgba(32, 32, 32, 1);
	padding: 15px 0! important;
}

.phone_call_submenu-box ul li a.active,
.phone_call_submenu-box ul li a:hover {
	color: rgba(186, 34, 40, 1);
	background-color: transparent;
}

.phone_call_application .chat-summary-left-content .chat-top-filter-box {
	padding: 13px 25px; 
	border-bottom: 1px solid rgba(228, 228, 228, 1)!important; 
	border: 0;
}

.topBox-campaign .box:last-child {
	margin-bottom: 0;
}

.m_setting-container .m-setting-box:hover {
	border-color: rgba(186, 34, 40, 1);
	transition: all .4s ease-in-out;
}

.voice-embade {
	width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
	flex-wrap: wrap;
}

#meetingForm .form-group .form-control {
	padding: 10px 23px;
}

.ac_details_list_box .dashboard-card-box {
	max-width: 256px;
}

.hub-left-box .hub-product-list {
	height: calc(100vh - 345px)! important;
}

.ai-btn {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	padding: 5px;
	height: auto;
	line-height: 1;
}

/* ====== */
.qus-form .file-upload {
	background-color: #ffffff;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
  }
  
  
  .qus-form .file-upload-content {
	display: none;
	text-align: center;
  }
  
  .qus-form .file-upload-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
  }
  .qus-form .file-upload-content,
  .qus-form .image-upload-wrap {
	/* margin-top: 20px; */
	border: 4px dashed #E4E4E4;
	position: relative;
	background-color: #f9f9f9;
  }
  
  .qus-form .image-dropping,
  .qus-form .image-upload-wrap:hover {
	background-color: transparent;
	border: 4px dashed #E4E4E4;
  }
  
  .qus-form .image-title-wrap {
	padding: 0 15px 15px 15px;
	color: #222;
  }
  
  .qus-form .drag-text {
	text-align: center;
  }
  
  .qus-form .drag-text h3 {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	color: rgba(32, 32, 32, 1);
	padding: 50px 0;
  }
  
  .qus-form .file-upload-image {
	max-height: 200px;
	max-width: 200px;
	margin: auto;
	padding: 20px;
  }
  
.tag-form .select2-container--default .select2-selection--multiple,
.tag-form .select2-container--default.select2-container--focus .select2-selection--multiple {
	padding: 12px 5px !important;
	border: 1px solid rgba(201, 201, 201, 1) !important;
}
.tag-form .select2-container--default .select2-selection--multiple,
.tag-form .select2-container--default.select2-container--focus .select2-selection--multiple {
	padding: 12px 5px !important;
	border: 1px solid rgba(201, 201, 201, 1) !important;
}

.stats-card h6 {
	font-size: 20px!important;
	line-height: 1.2;
}

.stats-card h3.price {
	font-size: 30px;
	line-height: 1.2;
	color: #000;
}

.stats-card .status {
	font-size: 15px!important;
	line-height: 1.2;
}

.form-group p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	color: rgba(32, 32, 32, 1);
	margin-bottom:10px;
}
.form-group p span{
	font-weight:600;
}
/* ========== */

.invoice-card-content h3 {
	font-family: 'Poppins';
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	color: rgba(32, 32, 32, 1);
}

.invoice-card-content p {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	color: rgba(32, 32, 32, 1);
}

.prompt-list-box .nav-item {
	background-color: transparent;
	border-radius: 15px;
}
.prompt-list-box .nav-item.active,
.prompt-list-box .nav-item:hover {
	background-color: rgba(234, 239, 244, 1);
}

.prompt-list-box .nav li::after {
	display: none;
}

.prompt-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.prompt-list .form-check {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
	padding: 0;
}

.prompt-list .form-check-label {
	font-family: 'Poppins';
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	color: rgba(32, 32, 32, 1);
}

.prompt-list-box hr {
	margin: 10px 0;
}

/* ========= */


.modal-box-tab.box-tab .nav-pills .nav-link {
	border: 1px solid #233340;
	border-radius: 10px;
	text-align: center;
	justify-content: center;
	line-height: 1;
	font-weight: 400;
}

.modal-box-tab.box-tab .nav-pills .nav-item {
	margin-bottom: 10px;
	max-width: 214px;
	width: 100%;
	overflow: hidden;
}

	.modal-box-tab.box-tab .nav-pills .nav-item:last-child {
		margin-bottom: 0;
	}

	.modal-box-tab.box-tab .nav-pills .nav-item .nav-link:hover,
	.modal-box-tab.box-tab .nav-pills .nav-item .nav-link.active {
		border-color: rgba(186, 34, 40, 1);
		color: rgba(186, 34, 40, 1);
		font-weight: 500;
	}

.wts-chat-box {
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	height: calc(100vh - 300px);
	overflow: hidden;
	padding: 13px 13px 12px 15px;
	position: relative;
	z-index: 1000;
	background-image: url('../img/Mobile-1.png');
}

.wts-chat-content {
	position: relative;
	height: 100%;
}

.wts-chat-box-title {
	background-color: #fff;
	padding: 10px;
	border-radius: 38px 38px 0 0;
	position: relative;
	width: 100%;
	z-index: 999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.wts-chat-box-title-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

	.wts-chat-box-title-info .user-img {
		max-width: 40px;
		width: 100%;
		height: 40px;
		border-radius: 50px;
		object-fit: cover;
	}

	.wts-chat-box-title-info .chat-info h4 {
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		text-align: left;
		color: rgba(32, 32, 32, 1);
		margin-bottom: 0;
	}

	.wts-chat-box-title-info .chat-info p {
		font-family: 'Poppins';
		font-size: 12px;
		font-weight: 400;
		line-height: 1;
		text-align: left;
		color: #455a64;
		margin-bottom: 0;
	}

.wts-chat-box-title .chat-action-btns a:hover {
	color: rgba(186, 34, 40, 1);
}

.wts-body-content-inner .chat-box {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0 0 30px 30px;
}

.wts-massage-content-box {
	background-color: #fff;
	padding: 10px;
	border-radius: 0 10px 10px 10px;
	border: 1px solid rgba(217, 217, 217, 1);
}

	.wts-massage-content-box p {
		font-family: 'Poppins';
		font-size: 14px;
		font-weight: 500;
		line-height: 1.2;
		text-align: left;
		color: rgba(32, 32, 32, 1);
		margin-bottom: 0;
	}

.qus-form .form-group a:hover {
	text-decoration: underline;
	color: rgba(32, 32, 32, 1);
}

.qus-form .form-group a.btn:hover {
	text-decoration: none;
	color: #fff;
}

.Message_Modal.show {
	display: block;
}
.add-modal .modal-body p {
	font-family: 'Poppins';
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	color: rgba(32, 32, 32, 1);
}
.add-modal .modal-body p:last-child {
	margin-bottom: 0;
}

/* ==== Agentic Modal List ======= */

.ai_agent_list {
	margin-top: 0! important;
    margin-bottom: 0! important;
    border-top: 0! important;
    padding: 30px;
    background-color: #fff;
    border: 1px solid rgba(228, 228, 228, 1);
    border-radius: 0 0 20px 20px;
}

.ai-agent-card {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: rgba(244, 247, 249, 1);
	border:1px solid rgba(228, 228, 228, 1) ;
	width: 100%;
    border-radius: 0 20px 20px 20px;
	overflow: hidden;
	position: relative;
	height: 100%;
	max-height: 450px;
}

.ai-agent-card .ai_agent_card_img {
	height: 100%;
	max-width: 230px;
	width: 100%;
}

.ai-agent-card .ai_agent_card_img img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ai-agent-card-body {
	padding: 20px 5px 30px 20px;
	width: 100%;
	position: relative;
	height: 100%;
}
/* 
.ai-agent-card-body .action-btns {
	position: absolute;
	bottom: 30px;
} */

.ai-agent-card-body h3 {
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 26px;
	line-height: 115.99999999999999%;
	letter-spacing: -0.31px;
	text-transform: capitalize;
	color: rgba(32, 32, 32, 1);
	margin-bottom: 10px;
}

.agent-info {
	margin-bottom: 10px;
}

.agent-info ul {
	margin: 0;
}

.agent-info h4 {
	font-family: Poppins;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	color: rgba(32, 32, 32, 1);
	margin-bottom: 10px;
	margin-bottom: 0;
}

.agent-info h4 span {
	font-family: Poppins;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0px;
	color: rgba(115, 119, 145, 1);
}
.agent-info.cost-info {
	margin-bottom: 35px;
}
.agent-info.cost-info h4 span {
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 23px;
	line-height: 26px;
	letter-spacing: 0px;
	color: rgba(115, 119, 145, 1);
}

.agent-info ul li {
	font-family: Poppins;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0px;
	margin-bottom: 10px;
	color: rgba(115, 119, 145, 1);
}

	.agent-info ul li:last-child {
		margin-bottom: 0;
	}

	.ai_info_list {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

.intrigation-content-box.company-inner-dashboard-box .dashboard-card-box {
	min-height: 165px;
}

	.intrigation-content-box.company-inner-dashboard-box .dashboard-card-box h4 {
		font-size: 20px;
		line-height: 1.2;
	}


.reverse-mode.chat_reverse_mode .left-part {
	max-width: 450px;
}

.chat_reverse_mode .chat-container.m-chat-container {
	margin-right: 445px;
/*	height: auto !important;*/
}

.chatting-box .chat-list li .chat-content {
	width: 90%;
}

.chat_reverse_mode .chat-container.m-chat-container .hub-footer-box .hub-product-list-box .hub-product-card-box {
	max-width: 210px;
}

.tag_summery .m_grid-container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	width: 100%;
}

.tag_summery .m_grid-container li {
	margin-right: 1rem;
}

.tag_summery .m_grid-container li:last-child {
	margin-right: 0;
}

.m-container-interview .agent_img img {
	height: 750px;
	object-position: top;
}

.ai-agent-details-info {
	height: calc(420px - 60px);
	padding-right: 20px;
}

/* ============= */

.marketing-box {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
}

.marketing-box .section-title {
	margin-bottom: 0px;
	justify-content: center;
}

.marketing-box .section-title h4 {
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	color: rgba(24, 24, 25, 1);	
}

.marketing-card {
	background-color: transparent;
	border: 1px solid rgba(228, 228, 228, 1);
	border-radius: 1rem;
	width: 100%;
	padding: 20px;
	position: relative;
	margin-bottom: 0px;
	height: 100%;
}

.pro-icon {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 1;
}

.pro-icon img {
	width: auto;
	height: auto;
}

.marketing-card:last-child {
	margin-bottom: 0;
}

.marketing-card-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: 100%;
	position: relative;
	margin-bottom: 1rem;
}

.marketing-card-img {
	border: 1px solid rgba(228, 228, 228, 1);
	padding: 10px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 46px;
	width: 100%;
	height: 46px;
}

.marketing-card-img img {
	width: auto;
}

.marketing-card-header h5 {
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 26px;
	line-height: 1;
	margin-bottom: 0;
	color: rgba(32, 32, 32, 1);
}

.marketing-card-body p {
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;	
	margin-bottom: 0;
	color: rgba(115, 119, 145, 1);
	min-height: 120px;
	overflow: hidden;
	height: 100%;	
}

.marketing-card-body .action-btns {
	margin-top: 1rem;
}

.marketing-card-body .action-btns button {
	max-width: 140px;
	width: 100%;
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	padding: 9px 20px;
}

.marketing-card-body .action-btns {
	justify-content: flex-start! important;
}


.pro-modal .modal-dialog {
	max-width: 665px;
}

.pro-modal .modal-header .modal-title {
	text-transform: uppercase;
	line-height: 1;
}
.pro-body-content {
	text-align: center;
}

.pro-body-content .icon-img {
	display: block;
	max-width: 52px;
	width: 100%;
	margin: 0 auto 20px;
}

.pro-modal .modal-body {
	padding: 40px;
}

.add-modal .modal-body .pro-body-content h4 {
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
	text-align: center;
	text-transform: capitalize;
	color: rgba(32, 32, 32, 1);
	margin-bottom: 10px;
}

.add-modal .modal-body .pro-body-content p {
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	text-align: center;
	text-transform: capitalize;
	color: rgba(115, 119, 145, 1);
	margin-bottom: 30px;
}

.wisemind-box.expand {
	position: absolute;
	right: 0%;
	max-width: 550px;
}